-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathreferendum-markup.html
136 lines (123 loc) · 4.35 KB
/
referendum-markup.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
<html>
<head>
<title>Tools for Voting</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<style>
</style>
</head>
<body>
<div class="page">
<div class="wrapper">
<!-- Step1 -->
<div class='step1'>
<h1>Tools for Voting!</h1>
<h2>Enter your Name</h2>
<div id='user-form'>
<label>Name: </label>
<input id='first-name' value='' placeholder="First Name" />
<input id='last-name' value='' placeholder="Last Name" />
<input type='submit' id='enter-name' value='Go!' />
</div>
<div id='results'></div>
<div id='single-voter-detail'>
<h2 class='voter-name'></h2>
<div id='single-voter-addditional-info'>
</div>
</div>
</div>
<!-- END Step1 -->
<h1>Partisan Offices</h1>
<div class="ballot-container">
<div class="ballot-section">
<h2>
President and Vice President of the United States (You may vote for ONE)
</h2>
<div class="ballot-section-info">
<span class="instructions">
</span>
</div>
<div class="ballot-section-options">
<div class="referendum-description">
<p>
SHALL the order authorizing $32,000,000 of bonds plus interest
to provide funds to pay the capital costs of constructing, reconstructing,
enlarging, extending and improving certain
streets, including streets and roads constituting a part of the
State highway system or otherwise the responsibility of the
State and including the cost of related studies, streetscape and
pedestrian improvements, relocation of utilities, plans and
design; acquiring, constructing, reconstructing, widening, extending,
paving, resurfacing, grading or improving streets,
roads, intersections, pedestrian and bicycle paths; acquiring,
constructing, reconstructing or improving sidewalks, curbs,
gutters, drains, bridges, overpasses, underpasses and grade
crossings and providing related landscaping, lighting and traffic
controls, signals and markers; acquiring, constructing, extending
and improving greenways, providing related landscaping,
retaining walls, storm drainage and any other necessary
improvements; and the acquisition of land and rights-of-way in
land required therefor, and providing that additional taxes may
be levied in an amount sufficient to pay the principal of and interest
on the bonds be approved?
</p>
</div>
<ul>
<li class="unaffiliated">
<div class="candidate">
<h3 class="candidate-name">
Yes
</h3>
</div>
<div class="actions">
<a href="#" class="select-candidate">
Select
</a>
</div>
<div class="candidate-info-container">
<div class="candidate-info-learnmore">
<a href="#">
Learn More
</a>
</div>
<div class="candidate-info">
<p>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
</p>
</div>
</div>
</li>
<li class="unaffiliated">
<div class="candidate">
<h3 class="candidate-name">
No
</h3>
</div>
<div class="actions">
<a href="#" class="select-candidate">
Select
</a>
</div>
<div class="candidate-info-container">
<div class="candidate-info-learnmore">
<a href="#">
Learn More
</a>
</div>
<div class="candidate-info">
<p>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id='results'></div>
<script src="http://code.jquery.com/jquery-3.1.1.min.js" crossorigin="anonymous"></script>
<script type='text/javascript' src='interface.js'></script>
</body>
</html>