This repository was archived by the owner on Nov 21, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
327 lines (318 loc) · 13.1 KB
/
index.html
File metadata and controls
327 lines (318 loc) · 13.1 KB
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
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Join us for a web development course, where we will be learning the basics of HTML, CSS, JS, and Bootstrap. It's not just a course - you'll also get the chance to work on a project with a non-profit to make a real imapact.">
<meta name="author" content="Ata Gowani">
<meta property="og:image" content="./src/imgs/image.png">
<title>Hack To Help | Web Development Courses</title>
<!-- Google Fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Comfortaa:300,400,700|Raleway:300,400,500">
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="180x180" href="src/favicons/apple-touch-icon.png"/>
<link rel="icon" type="image/png" sizes="32x32" href="src/favicons/favicon-32x32.png"/>
<link rel="icon" type="image/png" sizes="16x16" href="src/favicons/favicon-16x16.png"/>
<link rel="manifest" href="src/favicons/site.webmanifest"/>
<link rel="mask-icon" href="src/favicons/safari-pinned-tab.svg" color="#c51162"/>
<meta name="apple-mobile-web-app-title" content="Hack to Help"/>
<meta name="application-name" content="Hack to Help"/>
<meta name="msapplication-TileColor" content="#b91d47"/>
<meta name="msapplication-config" content="src/favicons/browserconfig.xml"/>
<meta name="theme-color" content="#c51162"/>
<!-- Google Site Verification -->
<meta name="google-site-verification" content="lx-v_9A34RMcNVI8cEI17tHQnpFTpCRwvQ9Kpcx65C8"/>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="./bower_components/bootstrap/dist/css/bootstrap.min.css">
<!-- Custom Stylesheet -->
<link rel="stylesheet" href="./src/css/style.css">
<!-- Font -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Pacifico" rel="stylesheet">
</head>
<body>
<div class="splash">
<div class="container">
<div class="row text-center">
<div class="col-12">
<div class="logo">
<img src="./src/imgs/logo.svg" alt="course logo">
</div>
<div>
<h1>Hack To Help</h1>
<p class="lead">just trying to create more nerds.</p>
</div>
</div>
</div>
<div class="row text-center bottom">
<div class="col-12 text-center apply-button">
<a class="button btn btn-primary btn-lg">APPLICATIONS CLOSED</a>
</div>
<div class="col-12 down">
<p>Learn More</p>
<img src="src/imgs/arrow.png">
</div>
</div>
</div>
</div>
<div class="info" id="info">
<div ui-view="content">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<h2>Summer 2018 Web Development Course</h2>
<p class="lead">It's not just a course.</p>
</div>
</div>
<div class="row">
<div class="col-md-6 col-12 text-center slide">
<img src="src/imgs/learn.svg">
</div>
<div class="col-md-6 col-12 text-center text-md-left">
<h3>HTML, CSS, and JS</h3>
<div class="text">
<p>
No previous knowledge is required! The course will start off with the basics and build up. You will get to practice your
skills with projects throughout the course. Alongside, you will also get exposure to Git and Github for version
control and will get familiarity with Bootstrap 4, the world's most popular framework for building websites.
</p>
</div>
</div>
</div>
<div class="row flex-column-reverse flex-md-row">
<div class="col-md-6 col-12 text-center text-md-left">
<h3>Get hands-on experience!</h3>
<div class="text">
<p>
It's not just a course. You will get the chance to make an impact with the skills you acquire. You, as a student, will be
working in a team to help a non-profit organization with their web-related technical needs and will get to see
your creation come to life.
</p>
</div>
</div>
<div class="col-md-6 col-12 text-center">
<img src="src/imgs/project.svg">
</div>
</div>
<div class="row">
<div class="col-md-6 col-12 text-center">
<img src="src/imgs/time.svg">
</div>
<div class="col-md-6 col-12 text-center text-md-left">
<h3>Forty-eight hours of class time</h3>
<div class="text">
<p>
Students will be meeting twice per week on weekends for three weeks over the summer at The University of Texas at Dallas.
The duration of the course will cover the material to be taught, in-class projects, and the hands-on project for
the non-profit organization.
</p>
</div>
</div>
</div>
</div>
<div class="faq header p-5">
<div class="text-center">
<div>
<h2 class="m-4 m-md-5">Frequently Asked Questions</h2>
</div>
</div>
</div>
<div class="container faq">
<div class="row">
<div class="col-12">
<p class="question">
When is the application deadline?
</p>
</div>
<div class="col-12">
<p class="answer">
May 15th, 2018
</p>
</div>
<div class="col-12">
<p class="question">
I don't have any web development experience. Is that okay?
</p>
</div>
<div class="col-12">
<p class="answer">
Yes, that is totally fine! The course starts off at the very basics and builds on from there.
</p>
</div>
<div class="col-12">
<p class="question">
What are the dates?
</p>
</div>
<div class="col-12">
<p class="answer">
The first class will take place on
<span class="bold">June 2nd</span>. From there, classes will take place every
<span class="bold">Saturday and Sunday</span> until the
<b>23rd</b>.
</p>
</div>
<div class="col-12">
<p class="question">
What if I can't make all the dates?
</p>
</div>
<div class="col-12">
<p class="answer">
Let us know which days you won't be able to attend by emailing us at
<a href="mailto:info@hacktohelp.us">info@hacktohelp.us</a>
and we'd be happy to make a recommendation on whether or not this course is right for you.
</p>
</div>
<div class="col-12">
<p class="question">
What are the class timings?
</p>
</div>
<div class="col-12">
<p class="answer">
10:00 A.M. - 5:00 P.M.
</p>
</div>
<div class="col-12">
<p class="question">
Where will the course take place?
</p>
</div>
<div class="col-12">
<p class="answer">
Classes will be held at
<span class="bold">The University of Texas at Dallas</span>.
</p>
</div>
<div class="col-12">
<p class="question">
How much does it cost?
</p>
</div>
<div class="col-12">
<p class="answer">
$100
</p>
</div>
<div class="col-12">
<p class="question">
Will there be food?
</p>
</div>
<div class="col-12">
<p class="answer">
Yes! Breakfast, lunch, and snacks will be provided each day.
</p>
</div>
<div class="col-12">
<p class="question">
Do I need to bring anything to class?
</p>
</div>
<div class="col-12">
<p class="answer">
You will need to bring your laptop every day. If you don't have a laptop, email us at
<a href="mailto:info@hacktohelp.us">info@hacktohelp.us</a>, and we will try our best to make arrangments for you. It is also recommended that you bring
a notebook with you to take notes on.
</p>
</div>
<div class="col-12">
<p class="question">
Who can apply for this course?
</p>
</div>
<div class="col-12">
<p class="answer">
This course is open to college and high school student only.
</p>
</div>
<div class="col-12">
<p class="question">
Why do I need to apply?
</p>
</div>
<div class="col-12">
<p class="answer">
There's only a limited amount of spots and we want to give everyone a fair chance to be considered.
</p>
</div>
<div class="col-12">
<p class="question">
How many spots are there?
</p>
</div>
<div class="col-12">
<p class="answer">
At the end of the selection process,
<span class="bold">10</span> students will be accepted.
</p>
</div>
<div class="col-12">
<p class="question">
What is the selection process based off of?
</p>
</div>
<div class="col-12">
<p class="answer">
The goal of this course is to give young minds a chance to experience web development and learn its basics. We are looking
for people who are passionate about learning web development and will be team players for our final project.
</p>
</div>
<div class="col-12">
<p class="question">
I don't see my quesiton here. What do I do?
</p>
</div>
<div class="col-12">
<p class="answer">
Email us at
<a href="mailto:info@hacktohelp.us">info@hacktohelp.us</a> and we will get back to you with an answer!
</p>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row text-center">
<div class="col-12">
<a href="https://www.facebook.com/HackToHelpUSA/" class="social-icon"><img src="./src/imgs/facebook-outline.png"></a>
<a href="https://github.com/HackToHelpUSA" class="social-icon"><img src="./src/imgs/github-icon.svg"></a> <br>
Course content licensed under <a href="https://creativecommons.org/licenses/by-sa/3.0/">CC BY-SA 3.0</a> <br>
All code licensed under <a href="https://github.com/ITWD/itwd.github.io/blob/master/LICENSE">MIT</a> <br>
Hack To Help © 2018
</div>
</div>
</div>
</footer>
<!-- jQuery first, then Tether, then Bootstrap JS. -->
<script src="bower_components/jquery/dist/jquery.min.js"> </script>
<script src="bower_components/tether/dist/js/tether.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- TYPEFORM -->
<script>
(function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm_share", b="https://embed.typeform.com/"; if(!gi.call(d,id)){ js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })()
</script>
<!-- Scroll script for down arrow -->
<script>
$(document).ready(function(){
$(".down").click(function(e) {
var hash = "#info"
e.preventDefault();
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 800, function(){
return;
})
})
})
</script>
<!-- TYPEFORM -->
<script>
(function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm_share", b="https://embed.typeform.com/"; if(!gi.call(d,id)){ js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })()
</script>
</body>
</html>