-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
271 lines (267 loc) · 14.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
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" 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" />
<link rel="stylesheet" type="text/css" href="https://necolas.github.io/normalize.css/latest/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/screen.css" />
</head>
<body class="front">
<input id="hamburger" type="checkbox" />
<label for="hamburger"></label>
<header>
<div class="container">
<div>
<div id="block-sitebranding">
<h1><a href="#">bloomington.in.gov</a></h1>
</div>
<div class="search-block-form" data-drupal-selector="search-block-form" id="block-cob-cob-search-form" role="search">
<form action="/d8/search/node" method="get" id="search-block-form" accept-charset="UTF-8">
<div class="js-form-item form-item js-form-type-search form-item-keys js-form-item-keys form-no-label">
<input title="Enter the terms you wish to search for." data-drupal-selector="edit-keys" type="search" id="edit-keys" name="keys" value="" size="15" maxlength="128" class="form-search" />
</div>
<div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions">
<input data-drupal-selector="edit-submit" type="submit" id="edit-submit" value="Search" class="button js-form-submit form-submit" />
</div>
</form>
</div>
</div>
</div>
</header>
<nav id="nav1">
<div class="container">
<a href="#">About Bloomington</a>
<a href="#">Services & Guides</a>
<a href="#">News & Events</a>
<a href="#">City Government</a>
</div>
</nav>
<main>
<div id="highlighted">
<div class="container">
<p>City announces February and March town hall meetings.</p>
<p>Visit the calendar for more details</p>
</div>
</div>
<section id="services-section">
<header>
<h1>Services & Guides</h1>
</header>
<div class="container">
<a href="#" class="contact">Contact Us</a>
<a href="#" class="report">Report Issue</a>
<a href="#" class="performance">City Performance</a>
<a href="#" class="myBloomington">My Bloomington</a>
<a href="#" class="maps">City Maps</a>
<a href="#" class="water">Pay Water Bill Online</a>
<a href="#" class="parking_ticket">Pay Parking Ticket Online</a>
<a href="#" class="parks">Parks and Recreation</a>
</div>
</section>
<section id="news-section">
<header><h1>News & Events</h1></header>
<div class="container">
<div class="news">
<article>
<header>
<time datetime="2016-01-29">January 29, 2016</time>
<h2>City Announces February and March Town Hall Meetings</h2>
</header>
<div>
<p> <strong>Bloomington, Ind.</strong> -
The City of Bloomington scheduled seven more town hall meetings in
the months of February and March. The meeting schedule is as follows:
</p>
</div>
</article>
<article>
<header>
<time datetime="2017-01-27">January 27, 2017</time>
<h2>Public Invited to State of the City Address, Hamilton to Address
Challenges and Opportunities
</h2>
</header>
<div>
<p><strong>Bloomington, Ind.</strong> – Mayor John Hamilton announced that
his first State of the City Address will take place on Tuesday, Feb. 16,
at the Buskirk-Chumley Theater, 114 E Kirkwood Ave. The address is set
to begin at 7:00 pm. The public is welcome and encouraged to attend.
</p>
<p> Hamilton will highlight the city’s priorities, concerns and opportunities
regarding the current financial, equipment and personnel conditions
within the city. Hamilton will also provide an update on his first 47
days in office and the progress made to deliver on his campaign promises.
</p>
</div>
</article>
<article>
<header>
<time datetime="2015-12-18">December 18, 2015</time>
<h2>City of Bloomington Commission on the Status of Children and Youth Celebrates S.W.A.G.G.E.R. Award Recipients</h2>
</header>
<div>
<p> Bloomington, Ind.-The City of Bloomington Commission on the Status of
Children and Youth awarded the commission's first annual S.W.A.G.G.E.R.
Awards at a ceremony Tuesday Dec. 15, 2015 to four area youth.
The S.W.A.G.G.E.R. Award recognizes students who Act Generously, Grow
and Earn Respect. Award submissions included students who have volunteered
with their faith communities, schools or area non-profits, assisted a
friend or neighbor in need, mentored a younger students, exemplified a
positive attitude among peers, showed respect for others or improved
academically.
</p>
</div>
</article>
<article>
<header>
<time datetime="2015-12-18">December 18, 2015</time>
<h2>City of Bloomington Commission on the Status of Children and Youth Celebrates S.W.A.G.G.E.R. Award Recipients</h2>
</header>
<div>
<p>Bloomington, Ind.-The City of Bloomington Commission on the Status of Children and Youth awarded the commission's first annual S.W.A.G.G.E.R. Awards at a ceremony Tuesday Dec. 15, 2015 to four area youth. The S.W.A.G.G.E.R. Award recognizes students who Act Generously, Grow and Earn Respect. Award submissions included students who have volunteered with their faith communities, schools or area non-profits, assisted a friend or neighbor in need, mentored a younger students, exemplified a positive attitude among peers, showed respect for others or improved academically.</p>
</div>
</article>
<article>
<header>
<time datetime="2015-12-07">December 7, 2015</time>
<h2>Bloomington Urban Enterprise Association Give Grants for New Homeless Shelter, Invites Community to Help Contribute</h2>
</header>
<div>
<p>Bloomington, Ind. – The Bloomington Urban Enterprise Association (BUEA) recently awarded grant funds of up to $350,000 through 2016 to the Shalom Community Center, 620 S. Walnut St. for the operation of a new homeless shelter. This shelter, currently called the Community Sheltering Project, will replace the former Martha’s House shelter located at 919 S. Rogers St.</p>
</div>
</article>
</div>
<div class="events">
<article>
<header>
<time datetime="2017-01-13T17:30:00-05:00">
<div class="month">JAN</div>
<div class="monthDate">13</div>
<div class="weekday">Friday</div>
</time>
</header>
<div>
<time datetime="2017-01-13T17:30:00-05:00">5:30pm to 7:00pm</time>
<h2>MPO Policy Committee</h2>
<div class="location">Kelly Conference Room, City Hall (RM #155)</div>
</div>
</article>
<article>
<header>
<time datetime="2017-01-16">
<div class="month">JAN</div>
<div class="monthDate">16</div>
<div class="weekday">Monday</div>
</time>
</header>
<div>
<h2>Martin Luther King Day</h2>
</div>
</article>
<article>
<header>
<time datetime="2017-01-17T13:30:00-05:00">
<div class="month">JAN</div>
<div class="monthDate">17</div>
<div class="weekday">Tuesday</div>
</time>
</header>
<div>
<time datetime="2017-01-17T13:30:00-05:00">1:30pm to 3:00pm</time>
<h2>Animal Control Committee</h2>
<div class="location">Kelly Conference Room, City Hall (RM #155)</div>
</div>
</article>
<article>
<header>
<time datetime="2017-01-17T17:30:00-05:00">
<div class="month">JAN</div>
<div class="monthDate">17</div>
<div class="weekday">Tuesday</div>
</time>
</header>
<div>
<time datetime="2017-01-17T17:30:00-05:00">5:30pm to 7:00pm</time>
<h2>Board of Public Safety</h2>
<div class="location">Kelly Conference Room, City Hall (RM #155)</div>
</div>
</article>
</div>
</div>
</section>
<section id="about-section">
<header><h1>About Bloomington</h1></header>
<div class="container">
<p> Nestled in the rolling hills of southern Indiana, Bloomington is a loved
city that boasts spectacular scenery, world-class educational institutions
and unique shopping and dining experiences. Bloomington is a great place to
live, work and play. Its unique character and friendly and safe environment
are matched by few communities in the nation.
</p>
<p> While you're in Bloomington be sure to experience the city's character and
all its sights, sounds and tastes. From shopping and museums to biking and
art exhibitions, the activities available for all to enjoy are endless.
</p>
</div>
</section>
<section id="government-section">
<header><h1>City Government</h1></header>
<div class="container">
<a href="#" class="code">
<h2>Municipal Code</h2>
The Municipal Code is intended to make the laws of the city as accessible
as possible to city officials, city employees, and private citizens.
</a>
<a href="#" class="budget">
<h2>City Budget</h2>
Details of the City of Bloomington's estimated revenue and expenses for a given year.
</a>
<a href="#" class="boards">
<h2>Boards and Commissions</h2>
Find out more about the city's boards and commissions and ways you can get involved.
</a>
<a href="#" class="council">
<h2>City Council</h2>
The City Council is a link between the citizens of Bloomington and their government</p>
</a>
<a href="#" class="contact">
<h2>Contact the City</h2>
There are many ways to get in touch with the City, whether by phone, email, or social media.
</a>
<a href="#" class="elected">
<h2>Elected Officials</h2>
See the details of the elected officials and get to know them better.
</a>
<a href="#" class="public_safety">
<h2>Public Safety</h2>
Safety of the citizens is most important. Police, Fire, Crime Prevention, Safety Resources
</a>
</div>
</section>
</main>
<footer>
<div class="container">
<div>
<a href="#" class="facebook">Facebook</a>
<a href="#" class="twitter">Twitter</a>
<a href="mailto:[email protected]">[email protected]</a>
</div>
<div>
<address>
401 N Morton
Bloomington IN 47404
</address>
<a href="tel:18123493400">(812) 349-3400</a>
</div>
<div>
<a href="#">Careers</a>
<a href="#">Site Map</a>
<a href="#">Home</a>
<a href="#">Privacy</a>
</div>
</div>
</footer>
<script type="text/javascript" src="js/cob.js"></script>
</body>