-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
279 lines (270 loc) · 15 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
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Order Starlink</title>
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
</head>
<body style="background-color: #000;">
<header style="background: url(img/back_starlink.jpg); background-position: center!important;
background-repeat: no-repeat!important; ">
<nav class="col-md-12 mb3">
<div class="col-md-12 jcse p2 bold">
<div class="row">
<div class="col-md-2 logo">
<img src="img/logo_white.png" class="w100" alt="Starlink logo">
</div>
<div class="col-md-6 df jce tac aic" style="padding-right: 4rem;">
<div class="mr1 ml1 resident active">
<a href="#">residential</a>
</div>
<div class="mr1 ml1 business">
<a href="#">business</a>
</div>
<div class="mr1 ml1 rv">
<a href="#">RV</a>
</div>
<div class="mr1 ml1 maritime">
<a href="#">maritime</a>
</div>
</div>
<div class="col-md-4 df jce">
<div class="mr1 ml1 business">
<a href="#">technology</a>
</div>
<div class="mr1 ml1 business">
<a href="#">support</a>
</div>
<div class="mr1 ml1 business">
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 9.5H3M21 4.5H3M21 14.5H3M21 19.5H3"/></svg></a>
</div>
</div>
</div>
</div>
</nav>
<div class="head pb5 mb5 tac">
<div class="col-md-12">
<div class="tac">
<h2 class="mb3 font50" >ORDER STARLINK</h2>
<div class="df jcc tac mb5">
<p class="col-md-6 tac">Starlink provides high-speed, low-latency broadband internet across the globe. Within each coverage area, orders are fulfilled on a first-come, first-served basis.</p>
</div>
</div>
</div>
</div>
<div class="col-md-12 row foot jcc aic tac pt5">
<div class="col-md-6 tac jcc mb2">
<input type="text" placeholder="service address">
<button class="btn-outline-white">Order now </button>
</div>
<div class="available mb2">
<div class="bold"><span class="df jcc aic gap1">check availability<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13M12 5l7 7-7 7"/></svg></span>
</div>
</div>
<div class="privacy mb2">
<span>By clicking order now, you agree to our </span><a href="#">Privacy Policy</a>
</div>
</div>
</header>
<main>
<div class="col-md-12">
<div class="df">
<div class="col-md-6">
<div class="img_1" style="background: url(img/img_01.jpg); background-position: center!important;background-repeat: no-repeat;
background-size: cover;
background-repeat: no-repeat!important; height: 350px;"></div>
</div>
<div class="col-md-6 p5">
<div class="row p1">
<h2 class="mb3 font50">STREAMING, VIDEO CALLS, ONLINE GAMING & MORE</h2>
<div style="font: 16px/22px DIN_Regular,Arial,Verdana,sans-serif;">
<p class="pb1" >With Starlink, users can engage in activities that historically have not been possible with satellite internet.</p>
<p>Starlink’s high-speed, low-latency service is made possible via the world’s largest constellation of highly advanced satellites operating in a low orbit around the Earth.</p>
</div>
</div>
<div class="p1">
<button class="btn-outline-dark">Learn More</button>
</div>
</div>
</div>
<div class="df">
<div class="col-md-6 p5">
<div class="row p1">
<h2 class="mb3 font50">EASY SELF-INSTALL</h2>
<div style="font: 16px/22px DIN_Regular,Arial,Verdana,sans-serif;">
<p>Your Starlink Kit arrives with everything you need to get online in minutes including your Starlink, WiFi router, cables and base.</p>
</div>
</div>
<div class="p1">
<button class="btn-outline-dark">VIEW TECH SPECS</button>
</div>
</div>
<div class="col-md-6">
<div class="img_1" style="background: url(img/Marketing_LandingPlugin.jpg); background-position: center!important;background-repeat: no-repeat;
background-size: cover;
background-repeat: no-repeat!important; height: 350px;"></div>
</div>
</div>
<div class="df">
<div class="col-md-6">
<div class="img_1" style="background: url(img/Marketing_LandingHighspeed.jpg); background-position: center!important;background-repeat: no-repeat;
background-size: cover;
background-repeat: no-repeat!important; height: 350px;"></div>
</div>
<div class="col-md-6 p5">
<div class="row p1">
<h2 class="mb3 font50">NO CONTRACTS, 30-DAY TRIAL</h2>
<div style="font: 16px/22px DIN_Regular,Arial,Verdana,sans-serif;">
<p>Try any Starlink Service for 30 days and, if not satisfied, return the hardware for a full refund.</p>
</div>
</div>
<div class="p1">
<button class="btn-outline-dark">Order Now</button>
</div>
</div>
</div>
</div>
<div class="col-md-12" style="background: url(img/Marketing_LandingTravel_Redesign.jpg); background-position: center!important;background-repeat: no-repeat;
background-size: cover;
background-repeat: no-repeat!important;">
<div class="df">
<div class="col-md-6 p5" >
<div class="row p1">
<h2 class="mb3 font50">TRAVEL WITH STARLINK</h2>
<div style="font: 16px/22px DIN_Regular,Arial,Verdana,sans-serif;">
<p>Starlink users can take the same high-speed low latency service they have at home to any location Starlink offers service with the Portability add-on.</p>
<p>For those looking to live on the road, Starlink for RVs allows users to pause and un-pause service based on their individual travel needs.</p>
</div>
</div>
<div class="p1">
<button class="btn-outline-dark">Learn More</button>
</div>
</div>
</div>
</div>
<div class="df">
<div class="col-md-6">
<div class="img_1" style="background: url(img/Marketing_LandingApp_Redesign.jpg); background-position: center!important;background-repeat: no-repeat;
background-size: cover;
background-repeat: no-repeat!important; height: 350px;"></div>
</div>
<div class="col-md-6 p5">
<div class="row p1">
<h2 class="mb3 font50">MANAGE STARLINK ON THE MOBILE APP</h2>
<div style="font: 16px/22px DIN_Regular,Arial,Verdana,sans-serif;">
<p>The Starlink app helps you customize settings, receive updates, access Support, and see real time performance data like download speed, latency, and uptime.</p>
<p>Download the app to determine the best set up location before install. Starlink needs a clear view of the sky to connect to satellites.</p>
</div>
</div>
<div class="df jcc aic tac p1">
<button class="m1 btn-outline-dark">Download for IOS</button>
<button class="m1 btn-outline-dark">Download for Android</button>
</div>
</div>
</div>
<div class="bggray pt2 pb2">
<div class="container">
<div class="section">
<h2 class="tac font50 mt2 mb2">CUSTOMER QUOTES</h2>
<div class="row aic jcc tac section">
<div class="col-md-4">
<div class="font28">
<p class="pb1">“It’s an entirely different world...Before Starlink we had to ration data and we couldn’t stream. Now we have files downloading, Pandora playing, Zoom going and there’s no latency whatsoever.”</p>
<p>- William D. from Colorado, USA</p>
</div>
</div>
<div class="col-md-4">
<div class="font28">
<p class="pb1">“It’s an entirely different world...Before Starlink we had to ration data and we couldn’t stream. Now we have files downloading, Pandora playing, Zoom going and there’s no latency whatsoever.”</p>
<p>- William D. from Colorado, USA</p>
</div>
</div>
<div class="col-md-4">
<div class="font28">
<p class="pb1">“It’s an entirely different world...Before Starlink we had to ration data and we couldn’t stream. Now we have files downloading, Pandora playing, Zoom going and there’s no latency whatsoever.”</p>
<p>- William D. from Colorado, USA</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="df">
<div class="col-md-6">
<div class="img_1" style="background: url(img/Marketing_LandingKeepingClean.jpg); background-position: center!important;background-repeat: no-repeat;
background-size: cover;
background-repeat: no-repeat!important; height: 350px;"></div>
</div>
<div class="col-md-6 p5">
<div class="row p1">
<h2 class="mb3 font50">LEADER IN SPACE SUSTAINABILITY</h2>
<div style="font: 16px/22px DIN_Regular,Arial,Verdana,sans-serif;">
<p class="pb1" >Starlink not only leads the industry in innovations to reduce satellite brightness, but also on-orbit debris mitigation — meeting or exceeding all regulatory and industry standards.</p>
</div>
</div>
<div class="p1">
<button class="btn-outline-dark">Learn More</button>
</div>
</div>
</div>
<div class="df">
<div class="col-md-6 p5">
<div class="row p1">
<h2 class="mb3 font50">ENGINEERED BY SPACEX</h2>
<div style="font: 16px/22px DIN_Regular,Arial,Verdana,sans-serif;">
<p>SpaceX is leveraging its experience in building rockets and spacecraft to deploy the world’s most advanced broadband internet system. As the world’s leading provider of launch services – and the only provider with an orbital class reusable rocket – SpaceX has deep experience with both spacecraft and on-orbit operations.</p>
</div>
</div>
<div class="p1">
<button class="btn-outline-dark">Learn More</button>
</div>
</div>
<div class="col-md-6">
<div class="img_1" style="background: url(img/Marketing_LandingEngineered.jpg); background-position: center!important;background-repeat: no-repeat;
background-size: cover;
background-repeat: no-repeat!important; height: 350px;"></div>
</div>
</div>
<div class="col-md-12 mb4">
<div class="vertical-line"></div>
<div class="df jcc tac mb2">
<p class="col-md-3">Try Starlink for up to 30 days. If not satisfied, return for a full refund of the hardware costs.</p>
</div>
<div class="p1 tac">
<button class="btn-outline-dark">Order Now</button>
</div>
</div>
</main>
<footer>
<nav class="col-md-12">
<div class="p2 bold">
<div class="row">
<div class="col-md-2 privacy fsm">
<span>Starlink © 2022</span>
</div>
<div class="col-md-6 df jce tac aic fsm" style="padding-right: 6rem;">
<div class="resident active">
<a href="#">Careers</a>
</div>
<div class="ml1 business">
<a href="#">Satellite Operators</a>
</div>
<div class="ml1 maritime">
<a href="#">Privacy & Legal</a>
</div>
</div>
<div class="col-md-4 df jce">
<div class="ml1 privacy">
<span>Starlink is a division of SpaceX. Visit us at </span>
<a href="#">spacex.com</a>
</div>
</div>
</div>
</div>
</nav>
</footer>
</body>
</html>