-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·89 lines (89 loc) · 4.64 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
<!DOCTYPE html>
<html>
<!-- shh... your curious mind belongs at camp pixel.
on the application form, mention "Zaphod Beetlebrox"
in the section for "experience" to receive priority acceptance. -->
<head>
<title>Camp PIxEL - a summer enrichment program for 3rd-8th grade</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<link rel="stylesheet" href="/css/globals.css">
</head>
<body>
<div class="clouds">
</div>
<img src="/img/sun2x.png" width="150" id="sun">
<div class="container-fluid">
<div class="row head">
<div class="col-md-5 col-md-offset-1">
<img src="/img/logo_600.png" width="300">
<h1 id="date">July 13-17</h1>
</div>
<div class="col-md-5">
<p id="tag">A five-day enrichment program for 3rd-8th graders to learn web development.</p>
<a class="btn btn-primary apply" href="/apply">Apply</a>
</div>
<div class="col-md-1">
</div>
</div>
<div class="row yellow">
<div class="col-md-5 col-md-offset-1">
<h1>The Internet is for <span class="light">everyone</span></h1>
<p>In just five days, learn how to become a part of the Internet.</p>
<p>By making it.</p>
<p>We teach HTML and CSS and give you the resources you need to get you online.</p>
</div>
<div class="col-md-5 col-md-offset-1">
<img class="img-responsive" src="/img/laptop_star.png">
</div>
</div>
<div class="row subyellow">
<div class="col-md-4 col-md-offset-1">
<img class="img-responsive" src="/img/html_css.png">
</div>
<div class="col-md-5 col-md-offset-1">
<h1 id="bigred">Learn the most relevant, <span class="light">application-driven</span> technologies for the Web</h1>
</div>
</div>
<div class="row red">
<div class="col-md-4 col-md-offset-1">
<h1>We believe in making and doing <span class="light">first</span></h1>
</div>
<div class="col-md-5 col-md-offset-1">
<p>We designed our curriculum to teach skills, not tools.</p>
<p>All of our lessons have an emphasis on what you can do with the content, beyond Camp PIxEL.</p>
<p>You will be able to build websites and manage them at the end of this program.</p>
</div>
</div>
<div class="row subred">
<hr id="racing-stripe">
<h1>Here's the 411</h1>
<div class="col-md-6">
<h3>Where is Camp PIxEL?</h3>
<p>Camp PIxEL is beginning at <a href="http://avchristianschool.org">Aliso Viejo Christian School</a> in Southern California. We are looking to expand the program to elementary schools all over the place. If you are interested, please <a href="mailto:[email protected]">shoot us an email!</a></p>
<h3>When does Camp PIxEL happen?</h3>
<p>Camp PIxEL is happening on five days, from July 13th (Monday) to July 17th (Friday), and begins at 12:00 PM and ends at 3:00 PM every day. On the last day, we will have a 45-minute Demo Day where we will showcase the students' work for parents and faculty!</p>
</div>
<div class="col-md-6">
<h3>How much does Camp cost?</h3>
<p>We are charging $115 for Camp PIxEL, with online payments, to cover the costs of web hosting, domain registrations, and other special things for your students which they will receive upon the first day of Camp!</p>
<h3>Who are you?</h3>
<p>PIxEL (which stands for Programmers + Innovators * Entrepreneurs + Leaders) is run and organized by the PIxEL Foundation, a pending 501(c)(3) non-profit organization that directs programs for code, design, and business. If you are interested in partnering with us, please send <a href="mailto:[email protected]">us an email.</a>
</p>
</div>
</div>
</div>
<div class="row orange">
<div class="col-md-6 col-md-offset-3">
<h1>And we're looking for</h1>
<h2>the best and and the brightest.</h2>
<p>If you are curiously passionate, or passionately curious, you belong at Camp PIxEL this summer.</p>
<a class="btn btn-primary apply" href="/apply" style="">Apply</a>
</div>
</div>
</div>
</body>
</html>