forked from Coders4Tomorrow/Coders4Tomorrow
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
186 lines (171 loc) · 8.74 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
<!DOCTYPE HTML>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<html>
<head>
<title>Coders4Tomorrow</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" />
<link rel='icon' href='favicon.png' type='image/x-icon'/ >
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<nav>
<ul>
<li><a href="#intro">Welcome</a></li>
<li><a href="#one">What we do</a></li>
<li><a href="#two">Who we are</a></li>
<li><a href="#three">Get in touch</a></li>
</ul>
</nav>
</div>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section id="intro" class="wrapper style1 fullscreen fade-up">
<div class="inner">
<h1>Coders4Tomorrow</h1>
<p id="intro1">In the technology filled world of today, the ability to program becomes increasingly important - both in terms of future careers, where many jobs will be replaced by technology, as well as in terms of personal fulfillment. In short, coding is the language of tomorrow. However, the interest in programming needs to be honed early, but the resources aren't always available.
</p>
<p>Our mission, at Coders4Tomorrow, is to provide these resources for bright young minds in the Grand Rapids area that are historically, socially, or economically disadvantaged.
</p>
<ul class="actions">
<li><a href="#one" class="button scrolly">Learn more</a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="wrapper style3 fade-up">
<div class="inner">
<h2>What we do</h2>
<p>We have programs and courses for students at no cost to the families. Below are some of the things we do as Coders4Tomorrow.</p>
<ul class="actions">
<li><a href="upcoming.html" class="button">Upcoming Programs</a></li>
</ul>
<div class="features">
<section>
<span class="fas major fa-code"></span>
<h3>Curriculum Development</h3>
<p>We believe that a lot of resources out there are disorganized and hard to follow, so we took the initiative to develop our own curriculum to facilitate better learning.</p>
</section>
<!--<section>
<span class="fas major fa-bullhorn"></span>
<h3>Publicizing</h3>
<p>To make sure that students know about the opportunities provided by our programs, we advertise to spread the words. If you'd like us to let your school community become aware of such opportunities, please contact us!</p>
</section>
<section>
<span class="fas major fa-money-bill"></span>
<h3>Fundraising</h3>
<p>In order to provide the programs for free, we raise funds through a variety of means. If you would like to donate to or sponsor us, please contact us!</p>
</section>-->
<section>
<span class="fas major fa-book"></span>
<h3>Teaching</h3>
<p>Through programs and courses, we teach the students the basics of computer science, in order to provide a foundation that students can build upon to reach new heights.</p>
</section>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper style2 spotlights">
<section>
<!--<a href="#" class="image"><img src="images/pic01.jpg" alt="" data-position="center center" /></a>-->
<div class="content">
<div class="inner">
<h2><font color="green">Instructional Team</font></h2>
<p>Through programs and courses, we teach the students the basics of computer science, in order to provide a foundation that students can build upon to reach new heights</p>
<ul class="actions">
<!--<li><a href="teachingteam.html" class="button">Bios</a></li>-->
</ul>
</div>
</div>
</section>
<section>
<!--<a href="#" class="image"><img src="images/pic02.jpg" alt="" data-position="top center" /></a>-->
<div class="content">
<div class="inner">
<h2><font color=green>Organizational Team</font></h2>
<p>Every great program is run by a great staff—we are the people that make this possible. From networking to advertisements, we make up the behind-the-scenes of Coders4Tomorrow. </p>
<ul class="actions">
<!--<li><a href="organizationalteam.html" class="button">Bios</a></li>-->
</ul>
</div>
</div>
</section>
<section>
<!--<a href="#" class="image"><img src="images/pic03.jpg" alt="" data-position="25% 25%" /></a>-->
<div class="content">
<div class="inner">
<h2><font color=green>Curriculum Development Team</font></h2>
<p>We believe that a lot of resources out there are disorganized and hard to follow, so we took the initiative to develop our own curriculum to facilitate better learning.</p>
<ul class="actions">
<!--<li><a href="curriculumdevteam.html" class="button">Bios</a></li>-->
</ul>
</div>
</div>
</section>
<section>
<!--<a href="#" class="image"><img src="images/pic04.jpg" alt="" data-position="25% 25%" /></a>-->
<div class="content">
<div class="inner">
<h2><font color=green>Volunteers</font></h2>
<p>As motivated students dedicated to learning and teaching about technology, we give back to younger students by giving one on one instruction and support to better the quality of education we can provide as members of Coders4Tomorrow.</p>
<ul class="actions">
<!--<li><a href="volunteers.html" class="button">Bios</a></li>-->
</ul>
</div>
</div>
</section>
</section>
<!-- Three -->
<section id="three" class="wrapper style1 fade-up">
<div class="inner">
<h2>Get in touch</h2>
<p>If you'd like to volunteer, donate, start a branch in your area, or if you have any questions, please feel free to send us a message!</p>
<div class="split style2">
<section>
<ul class="contact">
<li>
<h3>Email</h3>
<a href="mailto: [email protected]">[email protected]</a>
</li>
</ul>
</section>
<section>
<ul class="contact">
<li>
<h3>Social</h3>
<ul class="icons">
<!--<li><a href="https://twitter.com/Coders4T" class="fa-twitter" target="_blank" rel="noopener noreferrer"><span class="label">Twitter</span></a></li>-->
<li><a href="https://www.facebook.com/coders4tomorrow/" class="fa-facebook" target="_blank" rel="noopener noreferrer"><span class="label">Facebook</span></a></li>
<li><a href="https://github.com/Coders4Tomorrow" class="fa-github" target="_blank" rel="noopener noreferrer"><span class="label">GitHub</span></a></li>
</ul>
</li>
</ul>
</section>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer" class="wrapper style1-alt">
<div class="inner">
<ul class="menu">
<li>© 2018 Coders4Tomorrow. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
<!-- 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>