-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
130 lines (115 loc) · 4.96 KB
/
about.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
<!DOCTYPE HTML>
<html>
<head>
<title>About us</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>About us</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><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 id="content">
<!-- Content -->
<article>
<header>
<h2>HelpHub</h2>
<p>Helping our community stay informed and connected.</p>
</header>
<!-- add centered images/volunteer.png-->
<!-- Description Section -->
<h3>Our mission</h3>
<p>We are a project built to ensure our community has access to the latest news, resources, and updates. Whether you're looking for support, upcoming events, or simply want to stay informed, we are here to help.</p>
<!-- How We Help Section -->
<h3>How We Help</h3>
<p>Our goal is to make important information accessible to everyone. Here, you'll find updates on local resources, community events, and important announcements. From health and safety tips to opportunities for getting involved, we’re keeping you connected.</p>
<div class="container">
<img src="images/volunteer.png" alt="Volunteer" class="centered-image">
</div>
</article>
</div>
</div>
</section>
<!-- Footer -->
<div id="footer">
<div class="container">
<div class="row">
<section class="col-3 col-6-narrower col-12-mobilep">
<h3>State-wide Resources</h3>
<ul class="links">
<li><a href="https://www.mass.gov/snap-benefits-formerly-food-stamps#:~:text=The%20Supplemental%20Nutrition%20Assistance%20Program,of%20Transitional%20Assistance%20(DTA).">Mass. SNAP</a></li>
<li><a href="https://www.mass.gov/info-details/massachusetts-housing-assistance-emergency-and-long-term-help">Mass. housing assistance</a></li>
<li><a href="https://www.healthcare.gov/find-assistance/">Federal Healthcare Finder</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>