-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path2018.html
271 lines (234 loc) · 8.61 KB
/
2018.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
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
<!DOCTYPE HTML>
<!--
Escape Velocity by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>2018 She.codes</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
</head>
<body class="homepage">
<div id="page-wrapper">
<!-- Header -->
<div id="header-wrapper" class="wrapper">
<div id="header">
<!-- Logo -->
<div id="logo">
<img id="weblogo" src="https://vectr.com/jsu/bSyBBUoEP.svg?width=133.333&height=133.333&select=bSyBBUoEPpage0">
<h2 id="title">She.codes 2018</h2>
</div>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li>
<!--
<a href="#">Dropdown</a>
<ul>
<li><a href="#intro">Introduction</a></li>
<li><a href="#schedule">Schedule</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
-->
<a href="#">Past Years</a>
<ul>
<li class="current"><a href="2018.html">2018</a></li>
</ul>
</li>
<!--
<li><a href="left-sidebar.html">Left Sidebar</a></li>
<li><a href="right-sidebar.html">Right Sidebar</a></li>
<li><a href="no-sidebar.html">No Sidebar</a></li>
</ul>
</nav>
-->
</div>
</div>
<!-- Main -->
<div class="wrapper style2">
<div class="title">Information</div>
<div id="main" class="container">
<!-- Image Gallery -->
<div class="responsive">
<div class="gallery">
<img src="images/code01.JPG">
</div>
</div>
<div class="responsive">
<div class="gallery">
<img src="images/code02.JPG">
</div>
</div>
<div class="responsive">
<div class="gallery">
<img src="images/code03.jpg">
</div>
</div>
<div class="responsive">
<div class="gallery">
<img src="images/code04.jpg">
</div>
</div>
<div class="clearfix"></div>
<!-- Features -->
<section id="features">
<header class="style1">
<h2>She.codes hosted 3 workshops in January 2018, with coding lessons, a Q&A session with
girls working in CS, and free prizes.</h2>
</header>
</div>
</div>
</div>
<div class="wrapper style3">
<div class="title">2018 Workshops</div>
<div id= "main" class="container">
<div class="feature-list">
<section>
<h3 class="logo"><img class="logo" src="https://achievement-images.teamtreehouse.com/badges_intro_to_html_css_stage-01.png" alt="HTML/CSS">
1/7 Website Development - Village Square Library</h3>
<p>The first workshop teaches website development using HTML and CSS.
As participants learn about programming languages and are introduced to basic tags in HTML,
they can code directly on jsfiddle.net and see their website slowly bloom to life.
Once participants learn how to use CSS to enhance their website's design and visual appeal, they will be able to work together on a project to
build a website for social good. </p>
</section>
<section>
<h3 class="logo"><img class="logo" src="https://community.makeroid.io/uploads/default/original/1X/e3a04ee5655c76965461893d8d1f6dd64333df0d.png?v=5">
1/21 App Development - Village Square Library</h3>
<p>The second workshop teaches app-making using MIT App Inventor.
Participants will learn the inner workings of App Inventor and gain the necessary skills to create their own mobile app.
At the end, participants will work in a group to build an app from scratch about a social problem in the community.
</p>
</section>
<section>
<h3 class="logo"><img class="logo" src="https://www.python.org/static/opengraph-icon-200x200.png">
1/28 Python - Evergreen Library</h3>
<p>In the final workshop, girls will learn how to program in Python. Starting with the basics of variables and data types,
and going through more advanced topics like functions and classes, girls will learn important concepts to bolster their programming skills.
At the end of the workshop, girls will participate in a coding competition, solving challenging programming problems and testing their abilities in Python.
</p>
</section>
</div>
<!-- SIGN UP
<ul class="actions actions-centered">
<li><a href="https://aspireit.aspirations.org/programs/events/5194/2018-01-07-cs-chicas---silicon-valley" class="button style1 big">Sign up</a></li>
<!--<li><a href="#" class="button style2 big">More Info</a></li>-->
</ul>
</section>
</div>
</div>
</div>
<div class="wrapper style4">
<!-- Footer -->
<div id="footer-wrapper" class="wrapper">
<div id="contact" class="title">Contact Us</div>
<div id="footer" class="container">
<header class="style1">
<h2>Have any questions?</h2>
<p>
Feel free to contact us or visit our other pages below.
</p>
</header>
<hr />
<div class="row 150%">
<div class="6u 12u(mobile)">
<!-- Contact Form -->
<section>
<form action="https://formspree.io/[email protected]"
method="POST">
<div class="row 50%">
<div class="6u 12u(mobile)">
<input type="text" name="name" id="contact-name" placeholder="Name" />
</div>
<div class="6u 12u(mobile)">
<input type="email" name="email" id="contact-email" placeholder="Email" />
</div>
</div>
<div class="row 50%">
<div class="12u">
<textarea name="message" id="contact-message" placeholder="Message" rows="4"></textarea>
</div>
</div>
<div class="row">
<div class="12u">
<ul class="actions">
<li><input type="submit" class="style1" value="Send" /></li>
<li><input type="reset" class="style2" value="Reset" /></li>
</ul>
</div>
</div>
</form>
</section>
</div>
<div class="6u 12u(mobile)">
<!-- Contact -->
<section class="feature-list small">
<div class="row">
<div class="6u 12u(mobile)">
<section>
<h3 class="icon fa-home">Address</h3>
<p>
She.codes<br />
San Jose, CA<br />
</p>
</section>
</div>
<!--
<div class="6u 12u(mobile)">
<section>
<h3 class="icon fa-comment">Social</h3>
<p>
<a href="https://www.facebook.com/Shecodes-193137444577390/">Facebook</a>
</p>
</section>
</div>
-->
</div>
<div class="row">
<div class="6u 12u(mobile)">
<section>
<h3 class="icon fa-envelope">Email</h3>
<p>
<a href="#">[email protected]</a>
</p>
</section>
</div>
<!--
<div class="6u 12u(mobile)">
<section>
<h3 class="icon fa-phone">Phone</h3>
<p>
(408) 528-9918
</p>
</section>
</div>-->
</div>
</section>
</div>
</div>
<hr />
</div>
<div id="copyright">
<ul>
<li>© She.codes</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></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/skel.min.js"></script>
<script src="assets/js/skel-viewport.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>