-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
122 lines (120 loc) · 7.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
<!--
Document : index
Created on : Dec 25, 2013, 7:35:55 PM
Author : Patrick
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>repFortLauderdale</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lte IE 7]>
<script src="js/IE8.js" type="text/javascript"></script><![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" media="all" href="css/ie6.css"/><![endif]-->
<!-- CSS -->
<link href="libs/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href ="stylesheets/reps_stylesheet.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
</head>
<body>
<header>
<div class="container">
<nav class="navbar navbar-default navbar-static-top" role="navigation">
<form class="" method="post" action="home" >
<ul class="nav navbar-nav navbar-left">
<li><a href="http://www.http://codeforftl.org/"><span class="c4mred">Code</span> <span class="c4mblue">For FT.L</span></a></li>
<li class="active"><a href="">Home</a></li>
<li class="dropdown" id="menu1">
<a href="#menu1" class="dropdown-toggle" data-toggle="dropdown">Resources</a>
<ul class="dropdown-menu">
<li><a href="http://registration.elections.myflorida.com/CheckVoterStatus">Check Voter Status</a></li>
<li><a href="http://election.dos.state.fl.us/voter-registration/voter-reg.shtml">Register to Vote</a></li>
<li><a href="http://election.dos.state.fl.us/">Florida Elections Info</a></li>
<li><a href="http://www.sunlightfoundation.com">Sunlight Foundation</a></li>
<li><a href="https://github.com/herrdragon/rep-miami">Source</a></li>
</ul>
</li>
</ul>
</form>
</nav>
</div>
</header>
<div class="container-full">
<div class="row">
<img alt="repFortLauderdale" src="images/repfortlauderdale.png">
<p class="lead">The source for all your Broward voter needs.</p>
</div>
<div class="row">
<form class="form-inline">
<div class="form-group" style="width:290px;">
<label class="sr-only" for="inputAddress">Street Address</label>
<input type="text" class="form-control form-font" id="inputAddress" name ="inputAddress" value="" placeholder="Enter street address">
</div>
<div class="form-group" style="width:240px;">
<label class="sr-only" for="dropdownCity">City</label>
<select class="form-control form-font" id="dropdownCity" name="dropdownCity">
<option value="Coconut Creek">Coconut Creek</option>
<option value="Cooper City">Cooper City</option>
<option value="Coral Springs">Coral Springs</option>
<option value="Dania Beach">Dania Beach</option>
<option value="Davie">Davie</option>
<option value="Deerfield Beach">Deerfield Beach</option>
<option value="Fort Lauderdale">Fort Lauderdale</option>
<option value="Hallandale Beach">Hallandale Beach</option>
<option value="Hillsboro Beach">Hillsboro Beach</option>
<option value="Hollywood">Hollywood</option>
<option value="Lauderdale-by-the-Sea">Lauderdale-by-the-Sea</option>
<option value="Lauderdale Lakes">Lauderdale Lakes</option>
<option value="Lauderhill">Lauderhill</option>
<option value="Lazy Lake">Lazy Lake</option>
<option value="Lighthouse Point">Lighthouse Point</option>
<option value="Margate">Margate</option>
<option value="Miramar">Miramar</option>
<option value="North Lauderdale">North Lauderdale</option>
<option value="Oakland Park">Oakland Park</option>
<option value="Parkland">Parkland</option>
<option value="Pembroke Park">Pembroke Park</option>
<option value="Pembroke Pines">Pembroke Pines</option>
<option value="Plantation">Plantation</option>
<option value="Pompano Beach">Pompano Beach</option>
<option value="Sea Ranch Lakes">Sea Ranch Lakes</option>
<option value="Southwest Ranches">Southwest Ranches</option>
<option value="Sunrise">Sunrise</option>
<option value="Tamarac">Tamarac</option>
<option value="West Park">West Park</option>
<option value="Weston">Weston</option>
<option value="Wilton Manors">Wilton Manors</option>
</select>
</div>
<button type='button' name="searchButton" id="searchButton" class="btn btn-primary1 form-font" onClick="getUserAddress()"><span class="glyphicon glyphicon-search"></span></button>
<p class="lead">or</p>
<button type='button' name="locateButton" class="btn btn-primary1 form-font" onClick="geolocateUser()">Use current location <span class="glyphicon glyphicon-map-marker"></span></button>
</form>
</div>
</div>
<br>
<section>
<div class="container">
<p class="text-muted text-center"> © Code For Ft. Lauderdale</p>
</div>
</section>
<div id="locationInput"></div>
<!-- Bootstrap core JavaScript -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="libs/bootstrap/js/bootstrap.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyADM4Mf5itCsl7xSgP3yNvZLntO5ggF8Zg&sensor=true"></script>
<script src="scripts/userLocation.js"></script>
<script>
$("#inputAddress").keypress(function(e) {
if(e.which === 13) {
getUserAddress();
e.preventDefault();
}
});
</script>
</body>
</html>