-
Notifications
You must be signed in to change notification settings - Fork 0
/
shelter.html
172 lines (147 loc) · 6.39 KB
/
shelter.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
<!DOCTYPE HTML>
<html>
<head>
<title>Shelter Resources</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<div id="page-wrapper">
<!-- Header -->
<div id="header">
<!-- Logo -->
<h1><a href="index.html" id="logo">HelpHub <em>Shelter Resources</em></a></h1>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="food.html">Food</a></li>
<li class="current"><a href="shelter.html">Shelter</a></li>
<li><a href="health.html">Health</a></li>
</ul>
</nav>
</div>
<!-- Main -->
<section class="wrapper style1">
<div class="container">
<div class="row gtr-200">
<div class="col-8 col-12-narrower">
<div id="content">
<!-- Content -->
<article>
<header>
<h2>Available Shelter Services</h2>
<p>Find essential services offered by local shelters</p>
</header>
<p>Here you can access various shelter services such as food, lodging, healthcare, and counseling. Each shelter provides a range of resources to assist people in need.</p>
<span class="image featured"><img src="images/shelter.png" alt="Shelter Image" /></span>
<h3>Service Categories</h3>
<p>Shelters provide the following key services:</p>
<ul>
<li><strong>Emergency Lodging:</strong> Overnight accommodation for individuals and families.</li>
<li><strong>Food Services:</strong> Free meals and snacks for those staying in shelters.</li>
<li><strong>Healthcare:</strong> Basic medical checkups and mental health counseling.</li>
<li><strong>Employment Assistance:</strong> Support for job search, resume writing, and interview preparation.</li>
<li><strong>Clothing & Hygiene Supplies:</strong> Essential clothing, toiletries, and sanitary supplies.</li>
</ul>
<p>For detailed information on services at specific locations, refer to their own websites or make a call.</p>
</article>
</div>
</div>
<div class="col-4 col-12-narrower">
<div id="sidebar">
<!-- Sidebar -->
<section>
<h3>Nearby Shelter Locations</h3>
<p>Find the closest shelter and available services:</p>
<ul class="links">
<li><a href="https://maps.app.goo.gl/yfgmMuTaxRKsxc1k6">Hastings House</a></li>
<li><a href="https://maps.app.goo.gl/sWYXcVyhVomtQZay6">Shattuck Shelter</a></li>
<li><a href="https://maps.app.goo.gl/iGfg46hYYBjJGF247">Woods-Mullen Women's Shelter</a></li>
</ul>
<footer>
<a href="https://www.findhelp.org/housing/help-find-housing--chestnut-hill-ma?postal=02467" class="button">Find a shelter</a>
</footer>
</section>
<section>
<h3> Important Numbers</h3>
<ul class="links">
<li><strong>Samaritans Statewide Hotline:<br></strong> 877-870-4673</li>
<li><strong>Office of Housing Stability:<br></strong> 617-635-4200</li>
<li><strong>Boston Housing Authority:<br></strong> 617-988-4000</li>
</ul>
<footer>
<a href="contact.html" class="button">Contact Us</a>
</footer>
</section>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<div id="footer">
<div class="container">
<div class="row">
<section class="col-3 col-6-narrower col-12-mobilep">
<h3>About us</h3>
<ul class="links">
<li><a href="about.html">Find more here</a></li>
</ul>
</section>
<section class="col-3 col-6-narrower col-12-mobilep">
<h3>Our Sponsors</h3>
<ul class="links">
<li><a href="https://www.bc.edu/bc-web/offices/mission-ministry/sites/volunteer-service-learning-center.html">Boston College VLSC</a></li>
<li><a href="https://www.cmtelematics.com/who-we-are/">CMT</a></li>
<li><a href="https://www.dell.com/en-us/dt/corporate/about-us/who-we-are.htm">Dell</a></li>
</ul>
</section>
<section class="col-6 col-12-narrower">
<h3>Get In Touch</h3>
<form action="https://formspree.io/f/xjkvbryk" method="POST">
<div class="row gtr-50">
<div class="col-6 col-12-mobilep">
<input type="text" name="name" id="name" placeholder="Name" required />
</div>
<div class="col-6 col-12-mobilep">
<input type="email" name="email" id="email" placeholder="Email" required />
</div>
<div class="col-12">
<textarea name="message" id="message" placeholder="Message" rows="5" required></textarea>
</div>
<div class="col-12">
<ul class="actions">
<li><input type="submit" class="button alt" value="Send Message" /></li>
</ul>
</div>
</div>
</form>
</section>
</div>
</div>
<!-- Icons -->
<ul class="icons">
<li><a href="https://x.com/HelpHubBC" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.instagram.com/helphubchestnuthill/" class="icon brands fa-instagram"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/profile.php?id=61566577599547" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="https://github.com/brunocassani/helphub" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
</ul>
<!-- Copyright -->
<div class="copyright">
<ul class="menu">
<li> HelpHub™</li>
</ul>
</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>