This repository has been archived by the owner on Apr 15, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
209 lines (202 loc) · 7.42 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
<!DOCTYPE html>
<html>
<head>
<title>WHS Homework Helpers</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" />
<noscript
><link rel="stylesheet" href="assets/css/noscript.css"
/></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header" class="alt">
<span class="logo"
><img src="images/logo.svg" alt="Homework Helpers Logo"
/></span>
<h1>Homework Helpers</h1>
<p>
Westborough High School students providing help to the students of
Gibbons Middle School.
</p>
</header>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="#whoAreWe" class="active">Who are we</a></li>
<li><a href="#whatWeDo">What we do</a></li>
<!-- <li><a href="#second">Second Section</a></li> -->
<li><a href="#getHelp">Get help</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Who We Are -->
<section id="whoAreWe" class="main">
<div class="spotlight">
<div class="content">
<ul class="actions special">
<li>
<a href="join.html" class="button primary">Become a Helper</a>
</li>
<li>
<a href="requestHelp.html" class="button">Request Help!</a>
</li>
</ul>
<header class="major">
<h2>Who are we?</h2>
</header>
<p>
The Homework Helpers are a group of students from Westborough
High School who will provide aide to any middle-schooler that
needs help. Previously, we provided help in person, but due to
the current circumstances, everything will be done though Google
Meet or Zoom.
</p>
</div>
<span class="image"><img src="images/pic01.jpg" alt="" /></span>
</div>
</section>
<!-- What We Do -->
<section id="whatWeDo" class="main special">
<header class="major">
<h2>What we do</h2>
</header>
<ul class="features">
<li>
<span class="icon solid major style1 fa-gem"></span>
<h3>Homework</h3>
<p>
If a student needs the ocasional help with homework, we will be
sure to be there to provide that!
</p>
</li>
<li>
<span class="icon major style3 fa-copy"></span>
<h3>Tutoring</h3>
<p>
Soemtimes, a single session of help with homework isn't enough
for students. Thus, we also provide 1:1 tutoring that will take
place over the course of several weeks.
</p>
</li>
<li>
<span class="icon major style5 fa-code"></span>
<h3>Online Help</h3>
<p>
Whether it be due to clubs or sports, students might not be able
to come in after-school the days that the Homework Helpers, will
be there, for those situations, we also provide online homework
help through video call.
</p>
</li>
</ul>
</section>
<!-- Second Section -->
<!-- <section id="second" class="main special">
<header class="major">
<h2>Ipsum consequat</h2>
<p>Donec imperdiet consequat consequat. Suspendisse feugiat congue<br />
posuere. Nulla massa urna, fermentum eget quam aliquet.</p>
</header>
<ul class="statistics">
<li class="style1">
<span class="icon solid fa-code-branch"></span>
<strong>5,120</strong> Etiam
</li>
<li class="style2">
<span class="icon fa-folder-open"></span>
<strong>8,192</strong> Magna
</li>
<li class="style3">
<span class="icon solid fa-signal"></span>
<strong>2,048</strong> Tempus
</li>
<li class="style4">
<span class="icon solid fa-laptop"></span>
<strong>4,096</strong> Aliquam
</li>
<li class="style5">
<span class="icon fa-gem"></span>
<strong>1,024</strong> Nullam
</li>
</ul>
<p class="content">Nam elementum nisl et mi a commodo porttitor. Morbi sit amet nisl eu arcu faucibus hendrerit vel a risus. Nam a orci mi, elementum ac arcu sit amet, fermentum pellentesque et purus. Integer maximus varius lorem, sed convallis diam accumsan sed. Etiam porttitor placerat sapien, sed eleifend a enim pulvinar faucibus semper quis ut arcu. Ut non nisl a mollis est efficitur vestibulum. Integer eget purus nec nulla mattis et accumsan ut magna libero. Morbi auctor iaculis porttitor. Sed ut magna ac risus et hendrerit scelerisque. Praesent eleifend lacus in lectus aliquam porta. Cras eu ornare dui curabitur lacinia.</p>
<footer class="major">
<ul class="actions special">
<li><a href="generic.html" class="button">Learn More</a></li>
</ul>
</footer>
</section> -->
<!-- Get Help -->
<section id="getHelp" class="main special">
<header class="major">
<h2>Get Help</h2>
<p>
Fill out the form and we fill be sure to help you out in any way
we can.
</p>
</header>
<footer class="major">
<ul class="actions special">
<li>
<a href="join.html" class="button primary">Become a Helper</a>
</li>
<li>
<a href="requestHelp.html" class="button">Request Help!</a>
</li>
</ul>
</footer>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<!-- <section>
<h2>Aliquam sed mauris</h2>
<p>Sed lorem ipsum dolor sit amet et nullam consequat feugiat consequat magna adipiscing tempus etiam dolore veroeros. eget dapibus mauris. Cras aliquet, nisl ut viverra sollicitudin, ligula erat egestas velit, vitae tincidunt odio.</p>
<ul class="actions">
<li><a href="generic.html" class="button">Learn More</a></li>
</ul>
</section> -->
<section>
<h2>Contact Us</h2>
<dl class="alt">
<dt>Phone</dt>
<dd>(508) 797-7786</dd>
<dt>Email</dt>
<dd>
<a href="mailto:[email protected]"
>
</dd>
</dl>
<!-- <ul class="icons">
<li><a href="#" class="icon brands fa-twitter alt"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands fa-facebook-f alt"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands fa-instagram alt"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon brands fa-github alt"><span class="label">GitHub</span></a></li>
<li><a href="#" class="icon brands fa-dribbble alt"><span class="label">Dribbble</span></a></li>
</ul> -->
</section>
<p class="copyright">
© WHS Homework Helpers. Design:
<a href="https://html5up.net">HTML5 UP</a>.
</p>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.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>