-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
123 lines (98 loc) · 4.42 KB
/
index.html
File metadata and controls
123 lines (98 loc) · 4.42 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
<!DOCTYPE html>
<html>
<head>
<title>Code Park Houston - Technology education for K-12 and adults in Houston</title>
<meta name="description" content="Code Park brings technology education to K-12 and adults in Houston with fun classes and workshops focused on fundamental skills and experiences.">
<meta name="keywords" content="code park, code park houston, houston high school web development, minecraft coding classes houston">
<meta name="robots" content="index, nofollow">
<link href='//fonts.googleapis.com/css?family=Muli:300,400,300italic,400italic' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Lato:400,100,300,300italic,400italic,700,700italic,900,900italic,100italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="./assets/styles/normalize.css">
<link type="text/css" rel="stylesheet" href="./assets/styles/student-slides.css"/>
<link type="text/css" rel="stylesheet" href="./assets/styles/style.css"/>
</head>
<body>
<div id="container">
<div id="header">
<ul>
<li><a href="#who-we-are" class="brand">who we are</a></li>
<li><a href="#our-students" class="brand">our students</a></li>
<li><a href="#how-to-help" class="brand">how to help</a></li>
</ul>
</div>
<div id="body">
<div id="who-we-are" class="section intro">
<h1 class="brand">code park</h1>
<div class="potato">
<p>Code Park opens fun coding experiences to students in the Houston area.</p>
<p>In our after-school classes, students focus on <strong>fundamental coding skills</strong> and work on <strong>real world projects</strong>. They get the hands-on experience they need to continue their own journeys as coders.</p>
</div>
</div>
<div id="our-students" class="section">
<h1 class="brand">our students</h1>
<div class="potato">
<p>Our students will learn and build small projects with JavaScript</strong>, HTML</strong>, and CSS</strong>.</p>
</div>
</div>
<div id="how-to-help" class="section">
<h1 class="brand">you can help</h1>
<div class="potato">
<p>Open doors for our students by mentoring them one on one in our classrooms. You'll be a part of their success stories. We'd love to hear from you!</p>
</div>
<div class="potato action-viewer">
<!-- volunteer form -->
<div id="volunteer">
<h2>
Mentor students on projects!
</h2>
<form>
<div class="form-group">
<label for="volunteer-name">Your Name</label>
<input type="text" name="name" id="volunteer-name">
</div>
<div class="form-group">
<label for="volunteer-email">Email</label>
<input type="email" name="email" id="volunteer-email">
</div>
<div class="form-group">
<label for="volunteer-github">GitHub Username</label>
<input type="text" name="github" id="volunteer-github">
</div>
<div class="form-group">
<label for="volunteer-comments">Why do you want to volunteer?</label>
<textarea name="comments" id="volunteer-comments"></textarea>
</div>
<div class="form-group">
<button>Let's do this!</button>
</div>
</form>
<div class="thank-you closed">
<h2>Thank you! We'll be in touch with you shortly.</h2>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="potato">
<img src="./assets/images/codepark.png" id="logo"/>
<p>
<span class="copyright">© Code Park Houston 2015</span>
<span class="contact-us">Talk to us! <a href="mailto:contact@codeparkhouston.com">contact@codeparkhouston.com</a></span>
</p>
</div>
</div>
</div>
<script type="text/javascript" src="./assets/js/lib/animated-scrollto.js"></script>
<script type="text/javascript" src="./assets/js/lib/lodash.js"></script>
<script type="text/javascript" src="./assets/js/main.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-67375715-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>