-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
325 lines (298 loc) · 13.5 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
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
<!DOCTYPE html>
<html lang="en">
<head profile="http://www.sourcewifi.com/">
<meta property="og:url" content="http://sourcewifi.com" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="en_US" />
<meta property="og:title" content="Source WiFi" />
<meta property="og:description" content="No more contracts. With Source, you can buy and sell WiFi on demand. Only pay for what you use at a super affordable price."/>
<meta property="og:image" content="http://sourcewifi.com/assets/logo.png" />
<meta property="fb:app_id" content="1880728315496038" />
<!-- Script Tag for Optimizely.com (A/B) testing -->
<script src="https://cdn.optimizely.com/js/8171741790.js"></script>
<!-- FAVICON -->
<link rel="icon" type="image/png" href="/assets/favicon-32x32.png" sizes="32x32" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/lib/pure-min.css">
<link rel="stylesheet" href="css/lib/pure-grids-responsive-min.css">
<link rel="stylesheet" href="css/lib/html5tooltips.css">
<link rel="stylesheet" href="css/lib/html5tooltips.animation.css">
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="/css/build/styles.css">
<link rel="stylesheet" type="text/css" href="/css/build/navbar.css">
<link rel="stylesheet" type="text/css" href="/css/build/footer.css">
<!-- Google Analytics Tag -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-90590622-1', 'auto');
ga('send', 'pageview');
</script>
<title>Source - Share WiFi</title>
</head>
<body>
<!-- Navigation -->
<div class="topbar large-screens hidden-small-screens">
<div class="logo-container va-container va-container-h">
<a href="/">
<img class="topbar-logo va-middle" src="/assets/logo_blue.svg" />
<img class="topbar-logo va-middle inverse" src="/assets/logo_white.svg" />
<div class="topbar-name va-middle">source</div>
</a>
<nav role="navigation">
<ul>
<li class=""><a href="/technology">Technology</a></li>
<li class=""><a href="/become-a-host">Become a host</a></li>
<li class="success-button"><a href="/#sign-up">Download</a></li>
</ul>
</nav>
</div>
</div>
<div class="topbar small-screens hidden-large-screens">
<div class="logo-container va-container va-container-h">
<a href="/">
<img class="topbar-logo va-middle" src="/assets/logo_blue.svg" />
<img class="topbar-logo va-middle inverse" src="/assets/logo_white.svg" />
<div class="topbar-name va-middle">source</div>
</a>
<div class="hamburger">
<div id="menu-toggle">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<nav class="mobile-nav" role="navigation">
<ul>
<li><a href="/technology">Technology</a></li>
<li><a href="/become-a-host">Become a host</a></li>
<li class="success-button"><a href="/#sign-up">Download</a></li>
</ul>
</nav>
</div>
<section class="hero">
<div class="mobileWidth">
<h1 style="margin-top:100px"> Connect to WiFi Anywhere. </h1>
<h2 style="margin-top: 20px;"> Reliable internet access anywhere you go.</h2>
</div>
<form class="sign-up-form">
<div class="pure-g" style="margin-top: 40px;">
<div class="pure-u-1 pure-u-md-6-24"></div>
<div class="pure-u-1 pure-u-md-7-24">
<input type="text" name="reservation[email]" class="email-input" placeholder="[email protected]"><br>
</div>
<div class="pure-u-1 pure-u-md-5-24">
<input type="submit" class="signUpButton" value="Sign up for beta">
</div>
<div class="pure-u-1 pure-u-md-6-24"></div>
</div>
<div class="pure-g msg-container hidden">
<div class="pure-u-1 pure-u-md-6-24"></div>
<div class="pure-u-1 pure-u-md-1-2">
<div class="hidden success">
<h2>
Thanks! You're number <span class="waitlist-number"></span> on the waitlist. We’ll be
in touch when the beta is ready.
</h2>
<p>
Your referral link:
</p>
<div class="referral-box">
<input type="text" id="referral-1" class="referral">
<button class="clipboard-btn" data-clipboard-target="#referral-1">
<img src="assets/clippy.svg" alt="Copy to clipboard">
</button>
</div>
<div class="social-media-links">
<a rel="noopener noreferrer" target="_blank"><img src="assets/facebook.png" class="social-media-icon facebook" alt="Share with Facebook"/></a>
<a rel="noopener noreferrer" target="_blank"><img src="assets/twitter.png" class="social-media-icon twitter" alt="Share with Twitter"/></a>
<a rel="noopener noreferrer" target="_blank"><img src="assets/reddit.png" class="social-media-icon reddit" alt="Share with Reddit"/></a>
</div>
<p>Climb higher on the waitlist by signing up your friends.</p>
</div>
<h2 class="hidden error">
Uh oh. Looks like there was an error; try again later.
</h2>
<div class="hidden already-signed-up">
<h2>
You’re already number <span class="waitlist-number"></span> on the waitlist.
</h2>
<p>
Your referral link:
</p>
<div class="referral-box">
<input type="text" id="referral-1" class="referral">
<button class="clipboard-btn" data-clipboard-target="#referral-1">
<img src="assets/clippy.svg" alt="Copy to clipboard">
</button>
</div>
<div class="social-media-links">
<a rel="noopener noreferrer" target="_blank"><img src="assets/facebook.png" class="social-media-icon facebook" alt="Share with Facebook"/></a>
<a rel="noopener noreferrer" target="_blank"><img src="assets/twitter.png" class="social-media-icon twitter" alt="Share with Twitter"/></a>
<a rel="noopener noreferrer" target="_blank"><img src="assets/reddit.png" class="social-media-icon reddit" alt="Share with Reddit"/></a>
</div>
<p>Climb higher on the waitlist by signing up your friends.</p>
</div>
<h2 class="hidden invalid">
That’s not a valid email address! Did you make a typo?
</h2>
</div>
<div class="pure-u-1 pure-u-md-6-24"></div>
</div>
</form>
<div class="hero-image-container">
<img class="hero-image" src="/assets/homepage/hero_image.svg">
</div>
</section>
<section class="features two-col-layout" style="margin-top: 100px;">
<div class="pure-g" style="margin-top: 40px;">
<div class="pure-u-1 pure-u-md-3-24"></div>
<div class="pure-u-1 pure-u-md-9-24 two-col center-text-sm">
<img class="image-half-col" src="assets/homepage/[email protected]" alt="A city connected by Source"/>
</div>
<div class="pure-u-1 pure-u-md-9-24 two-col">
<h3 class="title-1 center-text-sm">Internet everywhere.<br>Access anywhere. </h3>
<div class="center-text-sm">
<img class="spacer-line" src="/assets/homepage/blue_line.svg" alt="" />
</div>
<p style="margin-top: 25px;">Our mission at Source is to cover the world in cheap, reliable internet access. When you use Source, you gain access to our community of access points around the world. </p>
</div>
<div class="pure-u-1 pure-u-md-3-24"></div>
</div>
<div class="spacer-div"></div>
</section>
<section class="steps-to-use off-white-bg">
<h2 class="title-1 center-text">It’s so simple to use.</h2>
<div class="pure-g three-col-container">
<div class="pure-u-1 pure-u-md-8-24 three-col center-text">
<div class="img-container">
<img src="/assets/homepage/download.svg" alt="A laptop downloading Source" />
</div>
<p class="section-header">1. Download the Source app</p>
<p>Our application is available on your laptop or phone.</p>
</div>
<div class="pure-u-1 pure-u-md-8-24 three-col center-text">
<div class="img-container">
<img src="/assets/homepage/router.svg" alt="A router" />
</div>
<p class="section-header">2. Find a Source host</p>
<p>There’s a growing network of Source hotspots around the world, so you never have to worry about being without internet.</p>
</div>
<div class="pure-u-1 pure-u-md-8-24 three-col center-text">
<div class="img-container">
<img src="/assets/homepage/time.svg" alt="A clock" />
</div>
<p class="section-header">3. Only pay for the time you use</p>
<p>We price at $4 per GB, which is 3 times cheaper than mobile data plans.</p>
</div>
</div>
<div class="spacer-div"></div>
</section>
<section class="why-source two-col-layout" style="margin-top: 75px;">
<h2 class="title-1 center-text">Why Source?</h2>
<div class="pure-g" style="margin-top: 40px;">
<div id="filler1" class="pure-u-1 pure-u-md-3-24"></div>
<div id="red" class="pure-u-1 pure-u-md-9-24 two-col two-col-img-container">
<img src="assets/homepage/loading.svg" src="laptop with sad face because it can’t load pages">
</div>
<div id="blue" class="pure-u-1 pure-u-md-9-24 two-col">
<h3>Forget iffy connections.</h3>
<div class="center-text-sm spacer-line-container">
<img class="spacer-line" src="/assets/homepage/blue_line.svg" alt="" />
</div>
<p style="margin-top: 25px;">When you hop on an unknown network, the connection always seem to drop. We manage the authentication process so you never have to worry about entering a password or dealing with login screens.</p>
</div>
<div id="filler2" class="pure-u-1 pure-u-md-3-24"></div>
</div>
<div class="spacer-div" style="height: 40px;"></div>
<div class="pure-g" style="margin-top: 40px;">
<div class="pure-u-1 pure-u-md-3-24"></div>
<div class="pure-u-1 pure-u-md-9-24 two-col two-col-img-container">
<img src="assets/homepage/cheaper.svg" src="two stacks of blocks, one of which is 3 times higher than the other">
</div>
<div class="pure-u-1 pure-u-md-9-24 two-col">
<h3>We’re 3 times cheaper than cell plans.</h3>
<div class="center-text-sm spacer-line-container">
<img class="spacer-line" src="/assets/homepage/blue_line.svg" alt="" />
</div>
<p style="margin-top: 25px;">85% of the time you’re using your smartphone’s data plan, you’re actually in range of a WiFi hotspot. With Source, you never have to worry about overpaying. Whether you’re on your phone or your laptop, we’ll automatically switch you onto the fastest, cheapest Source host in range.</p>
</div>
<div class="pure-u-1 pure-u-md-3-24"></div>
</div>
<div class="spacer-div" style="height: 40px;"></div>
<div class="pure-g" style="margin-top: 40px; margin-bottom: 100px;">
<div id="filler1" class="pure-u-1 pure-u-md-3-24"></div>
<div id="red" class="pure-u-1 pure-u-md-9-24 two-col two-col-img-container">
<img src="assets/homepage/peace_of_mind.svg" src="A happy earth with several Souce WiFi locations marked by flags">
</div>
<div id="blue" class="pure-u-1 pure-u-md-9-24 two-col">
<h3>Peace of mind when traveling.</h3>
<div class="center-text-sm spacer-line-container">
<img class="spacer-line" src="/assets/homepage/blue_line.svg" alt="" />
</div>
<p style="margin-top: 25px;">Wherever you are in the world, don't worry about messing with different login screens or handing over your credit card information to people unfamiliar to you.</p>
</div>
<div id="filler2" class="pure-u-1 pure-u-md-3-24"></div>
</div>
</section>
<section class="become-a-host">
<div class="pure-g">
<div id="filler1" class="pure-u-1 pure-u-md-4-24"></div>
<div id="red" class="pure-u-1 pure-u-md-10-24">
<div class="img-container">
<img src="assets/homepage/host_router.svg" src="A happy earth with several Souce WiFi locations marked by flags">
</div>
</div>
<div id="blue" class="pure-u-1 pure-u-md-10-24">
<h2 class="title-2">Interested in cutting your own internet bills and becoming a host?</h2>
<h3>Get paid to share your WiFi.</h3>
<a href="/become-a-host" class="button blue-button">Learn more about hosting</a>
</div>
</div>
</section>
<section class="
footer
off-white-bg
"
>
<nav role="navigation">
<ul>
<li><a href="/contact-us">Contact Us</a></li>
<li><a href="/team">Team</a></li>
<li><a href="https://blog.sourcewifi.com">Blog</a></li>
<li><a href="/faq">FAQ</a></li>
</ul>
</nav>
<div class="copyright">
© 2017 Source Networks Inc.
</div>
</section>
<!-- scripts -->
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '1880728315496038',
version : 'v2.8'
});
FB.AppEvents.logPageView();
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<script src="/js/lib/jquery-slim.js" type="text/javascript"></script>
<script src="https://waitlisted.co/assets/api.js"></script>
<script src="/js/lib/clipboard.min.js" type="text/javascript"></script>
<script src="/js/lib/html5tooltips.js" type="text/javascript"></script>
<script src="/js/menubar.js" type="text/javascript"></script>
<script src="/js/doClipboard.js" type="text/javascript"></script>
<script src="/js/handleWaitlisting.js" type="text/javascript"></script>
</body>