-
Notifications
You must be signed in to change notification settings - Fork 0
/
landing.html
124 lines (109 loc) · 5.54 KB
/
landing.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keyword" content="Doni Personal">
<meta name="author" content="Doni Wahyu Saputra">
<title>Explore Universe With Nasa & space</title>
<link rel="stylesheet" href="./aos-master/dist/aos.css" />
<link rel="stylesheet" href="landing.css">
<link rel="stylesheet" href=" ExploreUniverse.css" />
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://doniws.github.io/FontAwesome6Pro/pro/css/all.css">
<link rel="stylesheet" href="https://doniws.github.io/Font-Text/Din/Din.css">
</head>
<body>
<div id="preloader" class="preload">
<div class="center-ring">
<div class="ring"></div>
<span class="spanloader">loading...</span>
</div>
</div>
<div class="cursor"></div>
<section class="landing">
<div class="textlanding" id="landing">
<h2>LANDING</h2>
<p data-aos="fade-up" data-aos-offset="200" data-aos-duration="2000">SpaceX’s family of Falcon launch vehicles are the first and only orbital class rockets capable of reflight. Depending on the performance required for the mission,
Falcon lands on one of our autonomous spaceport droneships out on the ocean or one of our landing zones near our launch pads.</p>
<div class="flex" data-aos="fade-up" data-aos-offset="200" data-aos-duration="3000">
<span>
<a class="fot" onclick="currentslide(1)">DRONESHIP </a>
<a class="|">|</a>
<a class="fot" onclick="currentslide(2)">LANDING ZONE</a>
</span>
</div>
</div>
<div class="images">
<div class="myslides center">
<img class="fade image1" id="image1" src="images/F9_AUTONOMOUS_DRONESHIP_DESKTOP.jpg">
<img id="image1" class="image1reponsive" src="images/F9_AUTONOMOUS_DRONESHIP_MOBILE.jpg">
</div>
<div class="myslides center">
<img class="fade image2" id="image2" src="images/F9_LANDING_ZONE_DESKTOP.jpg">
<img id="image2" class="image2reponsive" src="images/F9_LANDING_ZONE_MOBILE.jpg">
</div>
</div>
</section>
<div>
<img class="Dragon-space" src="images/Dragon_On_Space.jpg" alt="">
</div>
<footer>
<div class="footer-content">
<h3>Doniws Project</h3>
<p>Theme Space By Doni Wahyu Saputra and There Four Page Space Theme On This Domain and There different page On Footer Logo , See You Again With Next Project Website.<br>OTHER PROJECT</p>
<ul class="socials">
<li><a href="https://doniws-portfolio.netlify.app/"><i class="fa-duotone fa-user-bounty-hunter fa-fade"></i></a></li>
<li><a href="https://dark-wolf.netlify.app/"><i class="fa-brands fa-wolf-pack-battalion fa-fade"></i></a></li>
<li><a href="https://article-open.netlify.app/"><i class="fa-duotone fa-newspaper fa-fade"></i></a></li>
<li><a href="https://planetsx.netlify.app/"><i class="fa-duotone fa-galaxy fa-fade"></i></a></li>
</ul>
</div>
<div class="footer-bottom">
<p>copyright © <a href="#">Doniws 2021</a> </p>
<div class="footer-menu">
<ul class="f-menu">
<li><a href="index.html">Main</a></li>
<li><a href="astronaut.html">Astronaut</a></li>
<li><a href="rocket.html">Rocket</a></li>
</ul>
</div>
</div>
</footer>
<!-- ini right menu nya -->
<div id="context-menu">
<div class="item">
<a href="index.html"><i class="fa-duotone fa-planet-moon" style="--fa-secondary-opacity: 1.0; --fa-primary-color: rgb(94, 255, 0); --fa-secondary-color: rgba(6, 52, 255, 0.842);"></i>Main</a>
</div>
<div class="item">
<a href="rocket.html"><i class="fa-duotone fa-shuttle-space" style="--fa-secondary-opacity: 1.0; --fa-primary-color: rgb(204, 204, 204); --fa-secondary-color: rgba(0, 0, 0, 0.842);"></i>Rocket</a>
</div>
<div class="item">
<a href="astronaut.html"><i class="fa-duotone fa-user-astronaut fa-beat" style="--fa-secondary-opacity: 1.0; --fa-primary-color: rgb(211, 102, 38); --fa-secondary-color: rgba(24, 21, 21, 0.698);"></i> Astronaut</a>
</div>
<div class="item">
<a href="landing.html"><i class="fa-duotone fa-plane-arrival fa-flip" style="--fa-secondary-opacity: 1.0; --fa-primary-color: rgb(221, 215, 215); --fa-secondary-color: rgba(204, 93, 65, 0.842);"></i>Landing</a>
</div>
<hr>
<div class="item">
<a href="javascript:location.reload(true)"><i class="fa fa-redo" style="color: rgb(0, 60, 255);"></i> Reload</a>
</div>
<div class="item">
<a href="404.html"><i class="fa fa-times" style="color: red;"></i> Exit</a>
</div>
</div>
<script src="./ExploreUniverse.js"></script>
<!-- aos -->
<script src="./aos-master/dist/aos.js"></script>
<script>
AOS.init({
once: true
});
</script>
<!-- gsap ------------------------- -->
<script src="gsap/dist/ScrollTrigger.min.js"></script>
<script src="gsap/dist/gsap.min.js"></script>
<!-- pernguhubung js -->
</body>
</html>