-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
124 lines (114 loc) · 4.9 KB
/
index.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">
<title>SpaceX by MR</title>
<link rel="stylesheet" href="style/footer.css">
<link rel="stylesheet" href="style/header.css">
<link rel="stylesheet" href="style/page-1.css">
<link rel="stylesheet" href="style/page-2.css">
<link rel="stylesheet" href="style/page-3.css">
<link rel="stylesheet" href="style/page-4.css">
<link rel="stylesheet" href="style/page-5.css">
<link rel="stylesheet" href="style/page-6.css">
</head>
<body>
<main class="main">
<div class="header">
<div class="logo"><img class="logo-img" src="thumbnail/logo.svg" alt=""></div>
<div class="falcon">FALCON 9</div>
<div class="Fal-heavy">FALCON HEAVY</div>
<div class="dragon">DRAGON</div>
<div class="starship">STARSHIP</div>
<div class="spacelift">HUMAN SPACELIGHT</div>
<div class="rideshare">RIDESHARE</div>
<div class="starshield">STARHIELD</div>
<div class="starlink">STARLINK</div>
<div class="shop">SHOP</div>
<div class="menu"><img class="line-img" src="thumbnail/three-line-menu.png" alt=""></div>
</div>
<div class="page-1">
<div>
<video autoplay muted loop class="video-1">
<source src="videos/video-12.mp4" type="video/mp4">
</video>
</div>
<div class="content-page-1">
<div class="page-1-text">UPCOMING LAUNCH</div>
<div class="page-1-bold">STARSHIP'S FIFTH FLIGHT TEST</div>
<div class="page-1-button"><button class="button-1">LEARN MORE</button></div>
</div>
</div>
</div>
<div class="page-2">
<div>
<div>
<img class="picture-2" src="images/picture-2.webp" alt="">
</div>
<div class="content-page-2">
<div class="page-2-text">RECENT LAUNCH</div>
<div class="page-2-bold">HERA MISSION</div>
<div class="page-2-button"><button class="button-2">REWATCH</button></div>
</div>
</div>
</div>
<div class="page-3">
<div>
<div>
<img class="picture-3" src="images/picture-3.webp" alt="">
</div>
<div class="content-page-3">
<div class="page-3-text">UPCOMING RETURN</div>
<div class="page-3-bold">CREW-8 TO RETURN TO EARTH</div>
<div class="page-3-button"><button class="button-3">REWATCH</button></div>
</div>
</div>
</div>
<div class="page-4">
<div>
<div>
<img class="picture-4" src="images/picture-4.webp" alt="">
</div>
<div class="content-page-4">
<div class="page-4-text">RECENT MISSION</div>
<div class="page-4-bold">POLARIS DAWN</div>
<div class="page-4-button"><button class="button-4">REWATCH</button></div>
</div>
</div>
</div>
<div class="page-5">
<div>
<div>
<img class="picture-5" src="images/picture-5.webp" alt="">
</div>
<div class="content-page-5">
<div class="page-5-text"></div>
<div class="page-5-bold">ADVANCING HUMAN SPACEFLIGHT</div>
<div class="page-5-button"><button class="button-5">LEARN MORE</button></div>
</div>
</div>
</div>
<div class="page-6">
<div>
<div>
<img class="picture-6" src="images/picture-6.webp" alt="">
</div>
<div class="content-page-6">
<div class="page-6-text"></div>
<div class="page-6-bold">TO MAKE LIFE MULTIPLANETARY</div>
<div class="page-6-button"><button class="button-6">LEARN MORE</button></div>
</div>
</div>
</div>
<div class="footer">
<div class="copyright">SPACEX © 2024</div>
<div class="policy">PRIVACY POLICY</div>
<div class="supply">SUPPLIERS</div>
</div>
<div class="last-footer">
<div class="copyright-2">SpaceX HomePage By RAJ</div>
</div>
</main>
</body>
</html>