-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
197 lines (180 loc) · 7.02 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
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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"></meta>
<title>The Voyager Space Station | Resort</title>
<link rel="stylesheet" href="./SSW_CSS/shared.css">
<link rel="stylesheet" href="./SSW_CSS/animations.css">
</head>
<body>
<!-- NAV -->
<div class="wrap">
<div class="menu-container">
<ul class="menu">
<a href="#home" id="link"><li>HOME</li></a>
<a href="#gallery" id="link"><li>GALLERY</li></a>
<a href="#contact" id="link"><li>RESERVATIONS</li></a>
</ul>
</div>
</div>
<!-- END NAV -->
<!-- HOME -->
<div id="home">
<div class="container">
<div class="text-center">
<span class="head-main">The Voyager Space Station</span>
</div>
</div>
</div>
<!-- END HOME -->
<!-- GALLERY -->
<section id="gallery">
<div class="container">
<h1>Gallery</h1>
<div class="flex-container">
<!-- PHOTO-CONTAINER 1 -->
<div class="photo-container">
<div class="photo">
<img src="./SSW_Images/SSW_Thumbs/thumbnail_1.jpg" alt="A manned rocketship continues its vertical ascent after breaking through heavy cloud cover">
<div class="photo-overlay">
<h3>Click to Enlarge</h3>
<p>We have several space launches departing <em><u>daily</u></em> - book your flight today!</p>
</div>
</div>
</div>
<!-- END PHOTO-CONTAINER-1 -->
<!-- PHOTO-CONTAINER 2 -->
<div class="photo-container">
<div class="photo">
<img src="./SSW_Images/SSW_Thumbs/thumbnail_2.jpg" alt="Voyager Station - The World's First Space Hotel, opening 2027 | Architectural Digest">
<div class="photo-overlay">
<h3>Click to Enlarge</h3>
<p>Voyager Station is the world's first Space Hotel, opening 2027</p>
</div>
</div>
</div>
<!-- END PHOTO-CONTAINER-2 -->
<!-- PHOTO-CONTAINER 3 -->
<div class="photo-container">
<div class="photo">
<img src="./SSW_Images/SSW_Thumbs/thumbnail_3.jpg" alt="Typical space station accommodations are similar to traditional terrestrial hotels, but offer panoramic views of Earth">
<div class="photo-overlay">
<h3>Click to Enlarge</h3>
<p>Let each day begin with stunningly beautiful, paroramic views of Earth</p>
</div>
</div>
</div>
<!-- END PHOTO-CONTAINER-3 -->
<!-- PHOTO-CONTAINER 4 -->
<div class="photo-container">
<div class="photo">
<img src="./SSW_Images/SSW_Thumbs/thumbnail_4.jfif"alt="A horizontal wireframe image of the Voyager Station">
<div class="photo-overlay">
<h3>Click to Enlarge</h3>
<p>Diligently designed to enhance your safety, comfort, & convenience</p>
</div>
</div>
</div>
<!-- END PHOTO-CONTAINER-4 -->
<!-- PHOTO-CONTAINER 5 -->
<div class="photo-container">
<div class="photo">
<img src="./SSW_Images/SSW_Thumbs/thumbnail_5.jpg" alt="A highly detailed, interior rendering of a starship's conference room/observation lounge, by MCH of cgtrader.com">
<div class="photo-overlay">
<h3>Click to Enlarge</h3>
<p>Premium lounge areas await your arrival, outfitted with the advanced surroundings you deserve</p>
</div>
</div>
</div>
<!-- END PHOTO-CONTAINER-5 -->
<!-- PHOTO-CONTAINER 6 -->
<div class="photo-container">
<div class="photo">
<img src="./SSW_Images/SSW_Thumbs/thumbnail_6.jpg" alt="A 3D model of a future space station, courtesy of done3d.com">
<div class="photo-overlay">
<h3>Click to Enlarge</h3>
<p>Whether stationary or mobile, each space station in our fleet can easily fulfill your dreams</p>
</div>
</div>
</div>
<!-- END PHOTO-CONTAINER-6 -->
<!-- PHOTO-CONTAINER 7 -->
<div class="photo-container">
<div class="photo">
<img src="./SSW_Images/SSW_Thumbs/thumbnail_7.jpg" alt="A futuristic 2100 ISS concept, by Madalin Croitoru, Lead Artist @ EVL PPY">
<div class="photo-overlay">
<h3>Click to Enlarge</h3>
<p>Reserve your spacious accommodations aboard our newest, Year 2100 space station now</p>
</div>
</div>
</div>
<!-- END PHOTO-CONTAINER-7 -->
<!-- PHOTO-CONTAINER 8 -->
<div class="photo-container">
<div class="photo">
<img src="./SSW_Images/SSW_Thumbs/thumbnail_8.jpg" alt="A futuristic space station, designed & rendered with Cinema 4D R16, by Johann deLestree">
<div class="photo-overlay">
<h3>Click to Enlarge</h3>
<p>Redefining your perceptions of luxury, serenity, & uniqueness, then surpassing those expectations</p>
</div>
</div>
</div>
<!-- END PHOTO-CONTAINER-8 -->
<!-- PHOTO-CONTAINER 9 -->
<div class="photo-container">
<div class="photo">
<img src="./SSW_Images/SSW_Thumbs/thumbnail_9.jpg" alt="A 3D visualization of a rotating orbital space station, by Kresimir Jelusic">
<div class="photo-overlay">
<h3>Click to Enlarge</h3>
<p>Explore the wonders of space aboard these fascinating wonders of mankind</p>
</div>
</div>
</div>
<!-- END PHOTO-CONTAINER-9 -->
</div>
</div>
</section>
<!-- END GALLERY -->
<!-- RSVP -->
<section id="contact">
<div class="container">
<div class="heading-padding">
<h1 class="heading-padding">Reservations</h1>
<div class="reservation">
<h2><span>Your adventure is just around the moon.</span>
<br/>Reserve your flight today!
</h2>
<p class="rsvp-text">
Please provide us with your basic contact information.
</p>
<div class="form-rsvp">
<form action="" method="post">
<input class="rsvp" type="text" value="" placeholder="First Name">
<input class="rsvp" type="text" value="" placeholder="Last Name">
<input class="rsvp" type="text" value="" placeholder="Email Address">
<input class="rsvp" type="text" value="" placeholder="Phone Number">
<input class="rsvp" type="text" value="" placeholder="Number of guests">
<div class="form-spacer">
<label class="terms">Terms and Conditions</label>
</div>
<div class="submit">
<input type="submit" value="Submit">
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- END RSVP -->
<!-- FOOTER -->
<footer class="footer">
<div id="footer1">
<a href="https://theconversation.com/space-tourism-20-years-in-the-making-is-finally-ready-for-launch-159606?utm_medium=email&utm_campaign=Saturday%20Newsletter%20%20May%201%202021%20-%201935718946&utm_content=Saturday%20Newsletter%20%20May%201%202021%20-%201935718946+CID_1b0ff8a2f642c814f88f78e554e224a8&utm_source=campaign_monitor_us&utm_term=Space%20tourism%20%2020%20years%20in%20the%20making%20%20is%20finally%20ready%20for%20launch" target="new">From Humble Beginnings...
</a>
</div>
<a href="#home">www.theVoyagerSpaceStation.space</a> | © 2021
</footer>
<!-- END FOOTER -->
</body>
</html>