-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
86 lines (77 loc) · 4.61 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
<!doctype html>
<html class="no-js" 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>Free WiFi provided by $gatewayname</title>
<link rel="stylesheet" href="css/app.css">
</head>
<body>
<div class="top-bar">
<div class="top-bar-title">
<span data-responsive-toggle="responsive-menu" data-hide-for="medium">
<button class="menu-icon light" type="button" data-toggle></button>
</span>
<strong>Site Title</strong>
</div>
<div id="responsive-menu">
<div class="top-bar-left">
<ul class="dropdown menu" data-dropdown-menu>
<li><a href="#">One</a></li>
<li><a href="#">Two</a></li>
<li><a href="#">Three</a></li>
</ul>
</div>
</div>
</div>
<!-- LOGO -->
<div class="row">
<div class="small-12 large-6 small-centered columns">
<img src="http://jedi-counsel.net/s/startrek/gif/starfleet/STARFLEET-Logo-Classic-2-color.png" class="main-logo"/>
</div>
</div>
<div class="row">
<div class="small-12 large-12 small-centered large-centered columns">
<h1>Welcome to $gatewayname</h1>
</div>
</div>
<!-- Main text -->
<div class="row">
<div class="small-12 large-12 small-centered large-uncentered columns">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis blandit ultricies tristique. Aliquam id maximus nisi. Integer nisl augue, condimentum et metus eget, dapibus mattis nibh. Sed consectetur diam auctor libero tincidunt mattis. Integer posuere mauris libero, et dapibus odio luctus a. Quisque a elit pretium, congue erat vitae, aliquam sapien. Vivamus urna mi, dictum quis pellentesque quis, euismod sit amet arcu. Integer semper sapien quis finibus posuere. Nunc at vulputate risus, vitae volutpat dui. Cras sed tincidunt velit. Nam eu metus ante. Proin quis nisl mi.</p>
<p>Praesent hendrerit aliquet justo, nec dapibus dolor lobortis a. Vivamus auctor lacinia porttitor. Nulla facilisi. Phasellus tristique lacinia nisl, sit amet faucibus sapien laoreet sit amet. Duis rhoncus sagittis enim, eget aliquam nisl eleifend eget. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent eget ullamcorper nulla. Donec fringilla tellus arcu, eu vestibulum est fringilla nec. Aenean accumsan, lorem et finibus consequat, mi lacus condimentum quam, non semper leo lacus ut elit. Phasellus justo velit, gravida sit amet libero ac, gravida tincidunt purus. Mauris semper nec ligula in tincidunt. Donec non tellus vitae orci lacinia luctus quis at metus.</p>
<p>Praesent a augue rutrum, hendrerit odio efficitur, mattis urna. Aenean at dictum orci, aliquam fermentum ligula. Morbi finibus, diam in volutpat ullamcorper, felis leo bibendum turpis, dapibus cursus felis lacus vel urna. Quisque ut nibh commodo, mattis nibh eget, finibus lacus. Cras finibus efficitur arcu, mollis consequat lectus dapibus ut. Suspendisse euismod sapien et ex laoreet venenatis. Donec id convallis velit, ut tincidunt tortor. Duis tempor sollicitudin vehicula.</p>
</div>
</div>
<form method='GET' action='$authaction' data-abide novalidate>
<div class="row">
<div class="small-12 large-4 small-centered large-centered large-text-center columns">
<div data-abide-error class="alert callout" style="display: none;">
<p><i class="fi-alert"></i> You need to agree to the terms and services to use this WiFi hotspot.</p>
</div>
</div>
</div>
<div class="row">
<div class="small-12 large-4 small-centered large-centered large-text-center columns">
<div class="switch">
<input class="switch-input" id="exampleSwitch" type="checkbox" name="exampleSwitch">
<label class="switch-paddle" for="exampleSwitch"></label>
</div>
<label class="switch-text"><p>I agree with the <a href="terms.html">terms and services</a></p></label>
</div>
</div>
<div class="row">
<div class="small-12 large-4 small-centered large-centered large-text-center columns">
<input type='hidden' name='tok' value='$tok'>
<input type='hidden' name='redir' value='$redir'>
<input type='submit' value='Enjoy your free WiFi' class="large success button expanded">
</div>
</div>
</form>
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/what-input/what-input.js"></script>
<script src="bower_components/foundation-sites/dist/foundation.js"></script>
<script src="js/app.js"></script>
</body>
</html>