/
prmng.html
166 lines (155 loc) · 7.33 KB
/
prmng.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Thomas City Parks & Rec</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
</head>
<body>
<!-- This is the Navigation -->
<nav class="navbar navbar-dark bg-primary">
<a class="navbar-brand" href="index.html">Thomas City</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Mayor & Town Council
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="mayor.html">Mayor</a>
<a class="dropdown-item" href="asstmayor.html">Asst. Mayor</a>
<a class="dropdown-item" href="trustees.html">Trustees</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Location
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="map.html">Maps</a>
<a class="dropdown-item" href="map.html">Blueprints</a> - (Same as Maps)
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Parks & Rec
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="prcontact.html">Contact</a>
<a class="dropdown-item" href="prmng.html">Parks & Rec Staff</a>
<a class="dropdown-item" href="park.html">Apple Park</a>
<a class="dropdown-item" href="park.html">Blueberry Park</a>
<a class="dropdown-item" href="park.html">Strawberry Park</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
DPW
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="dpwmng.html">Staff</a>
<a class="dropdown-item" href="dpwpay.html">Pay Bill</a>
<a class="dropdown-item" href="dpwmng.html">Inquiries</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Police & Fire
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="police.html">Police Info & Contact</a>
<a class="dropdown-item" href="fire.html">Fire Info & Contact</a>
<a class="dropdown-item" href="#">Other Information</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Events
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="parade.html">Annual Halloween Parade</a>
<a class="dropdown-item" href="music.html">Music at Strawberry Park</a>
<a class="dropdown-item" href="fieldtrips.html">Field Trips</a>
</div>
</li>
</ul>
</div>
</nav>
<!-- End of Nav -->
<BR><BR><BR>
<center>
<h2>Contact Parks & Rec</h2>
</center>
<BR>
<!-- Start of Parks & Rec Manager Page -->
<div class="container">
<div class="row">
<div class="col-4">
<div class="card" style="width: 20rem;">
<img class="card-img-top" src="http://via.placeholder.com/318x180" alt="Card image cap">
<div class="card-body">
<b>Tommy Henderson</b>
<p class="card-text">Manager of Parks & Rec</p>
</div>
</div>
</div>
<div class="col-8">
<p>The Thomas City Parks and Rec office is open M-F at 8am-5pm. In special circumstances, the Parks and Rec office is open on some weekend days.</p>
<p>For those interested in employment with Thomas City's Parks and Rec, please stop in at the office to fill in an application:</p>
<center>
<i>Thomas City Parks & Rec <br>
357 E.Highland Street <br>
Thomas City, MI 48300 </i><br></p>
<p>To contact the office via phone, the phone number is <b>313-555-3825</b></p>
</div>
</div>
</div>
<BR><BR>
<center>
<p>Other Notable Staff</p>
</center>
<div class="container">
<div class="row">
<div class="col-8">Homer McCloskey</div>
<div class="col-4">Asst. Manager</div>
</div>
<div class="row">
<div class="col-8">Stanley Van Sant</div>
<div class="col-4">Lead Groundskeeper</div>
</div>
<div class="row">
<div class="col-8">Terrance Thomas</div>
<div class="col-4">Groundskeeper</div>
</div>
<div class="row">
<div class="col-8">Bill Tetley</div>
<div class="col-4">Garbageman</div>
</div>
</div>
<BR><BR>
<!-- Footer Start -->
<footer class="footer">
<div class="container">
<span class="text-muted">
Copyright 2017 by Robbie Thomas. Images are free stock placeholder images from <a href="https://www.pexels.com/">Pexels</a> and <a href="https://pixabay.com/">Pixabay</a>. <BR>
This site is a work of fiction and is intended to be a Web Site Template for City & Village websites or other interests.<BR>
</span>
</div>
</footer>
<!-- Footer End -->
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
</body>
</html>