-
Notifications
You must be signed in to change notification settings - Fork 0
/
astronaut.html
149 lines (138 loc) · 7.97 KB
/
astronaut.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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!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="astronaut.css">
<link rel="stylesheet" href=" ExploreUniverse.css" />
<!-- <link rel="stylesheet" href=" ExploreUniverseResponsive.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="container-allastronaut">
<div class="section-animate">
<div class="textastronaut">
<h2 class="astonaut-crew-dragon">Astronaut</h2>
<div class="wrapper">
<p>
On Thursday, November 11 at 6:32 p.m. EST, 23:32 UTC, SpaceX’s Dragon autonomously docked with the International Space Station. Falcon 9 launched the spacecraft to orbit from histsoric Launch Complex 39A (LC-39A) at NASA’s Kennedy Space Center in Florida on Wednesday, November 10 at 9:03 p.m. EST.
</p>
<p>
After an approximate six-month stay, Dragon and the Crew-3 astronauts will depart the orbiting laboratory no earlier than late April 2022 for return to Earth and splashdown off the coast of Florida.
You can rewatch the entire Crew-3 flight to the International Space Station above.
</p>
</div>
</div>
</div>
<div class="section-inner padded">
<div class="astronauts-container">
<div class="astronaut-portrait Raja center" data-aos="fade-up" data-aos-offset="100" data-aos-duration="1000"><a href="https://www.nasa.gov/content/astronaut-raja-chari" target="_">
<img title="NASA Astronaut Raja Chari" src="images/portraits-SPACEX_Crew-3_RajaChari.jpg" alt="NASA Astronaut Raja Chari"><span>NASA Astronaut Raja Chari</span>
</a></div>
<div class="astronaut-portrait Tom center" data-aos="fade-up" data-aos-offset="100" data-aos-duration="1500"><a href="https://www.nasa.gov/astronauts/biographies/thomas-h-marshburn/biography" target="_">
<img title="NASA Astronaut Tom Marshburn" src="images/portraits-SPACEX_Crew-3_TomMarshburn.jpg" alt="NASA Astronaut Tom Marshburn"><span>NASA Astronaut Tom Marshburn</span>
</a></div>
<div class="astronaut-portrait Kayla center" data-aos="fade-up" data-aos-offset="100" data-aos-duration="2000"><a href="https://www.nasa.gov/content/astronaut-kayla-barron/" target="_">
<img title="NASA Astronaut Kayla Barron" src="images/portraits-SPACEX_Crew-3_KaylaBarron.jpg" alt="NASA Astronaut Kayla Barron"><span>NASA Astronaut Kayla Barron</span>
</a></div>
<div class="astronaut-portrait Matt center" data-aos="fade-up" data-aos-offset="100" data-aos-duration="2500"><a href="https://www.esa.int/Science_Exploration/Human_and_Robotic_Exploration/Astronauts/Matthias_Maurer" target="_">
<img title="ESA Astronaut Matthias Maurer" src="images/portraits-SPACEX_Crew-3_MathiasMaurer.jpg" alt="ESA Astronaut Matthias Maurer"><span>ESA Astronaut Matthias Maurer</span>
</a></div>
</div>
</div>
</div>
<!-- wait -->
</section>
<section class="crew-3 center"><img class="center" src="images/SPACE-CAPSULE-CREW-DRAGON.jpg">
<div class="container-content">
<div class="center">
<a>
<i class="fa-thin fa-angle-down down"></i>
</a>
</div>
<div class="text">
<h3 data-aos="fade-up" data-aos-offset="0" data-aos-duration="2500" data-aos-anchor-placement="top-center">NOVEMBER 11,2021 </h3>
<h2 data-aos="fade-up" data-aos-offset="0" data-aos-duration="3000" data-aos-anchor-placement="top-center">CREW-3 MISSION</h2>
<h2 data-aos="fade-up" data-aos-offset="0" data-aos-duration="3000" data-aos-anchor-placement="top-center">- LIVE NOW -</h2>
</div>
</div>
</section>
<!-- pernguhubung js -->
<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>
<script>
gsap.from('.down', {
repeat: -1,
yoyo: true,
opacity: -1,
ease: 'power',
y: 100
});
</script>
<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="landing.html">Landing</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>
</body>
</html>