-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
158 lines (158 loc) · 9.85 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="We teach Australian primary school students in Years 3 to 6 how to code, laying the foundations for them to build their own websites and mobile apps.">
<link rel="icon" href="favicon.ico">
<title>Let's Get Coding</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/letsgetcoding.css">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<header>
<div class="container center-block">
<h1><a href="/"><img alt="Let's Get Coding" src="img/logo.png" width="165" height="80"></a></h1>
<h2>Before school coding courses for primary school kids.</h2>
<p class="lead">We teach Australian primary school students in Years 3 to 6 how to code, laying the foundations for them to build their own websites and mobile apps.</p>
<img class="img-responsive" alt="Australian primary school kids" src="img/kids.jpg" width="600" height="350"> </div>
</header>
<section id="quotes">
<div class="container center-block">
<h3 class="sr-only">Why our kids must learn to code.</h3>
<div id="carousel-quotes" class="carousel slide" data-ride="carousel" data-interval="7000">
<ol class="carousel-indicators">
<li data-target="#carousel-quotes" data-slide-to="0" class="active"></li>
<li data-target="#carousel-quotes" data-slide-to="1"></li>
<li data-target="#carousel-quotes" data-slide-to="2"></li>
<li data-target="#carousel-quotes" data-slide-to="3"></li>
<li data-target="#carousel-quotes" data-slide-to="4"></li>
<li data-target="#carousel-quotes" data-slide-to="5"></li>
</ol>
<div class="carousel-inner">
<div class="item active center-block">
<img class="center-block img-responsive img-circle" alt="Steve Jobs" src="img/steve-jobs.jpg" width="150" height="150">
<blockquote>
<p class="lead">Everybody should learn how to program a computer because it teaches you how to think.</p>
<p><small>Steve Jobs - Co-founder of Apple</small></p>
</blockquote>
</div>
<div class="item center-block">
<img class="center-block img-responsive img-circle" alt="Mark Zuckerberg" src="img/mark-zuckerberg.jpg" width="150" height="150">
<blockquote>
<p class="lead">I literally coded Facebook in my dorm room and launched it from my dorm room.</p>
<p><small>Mark Zuckerberg - Co-founder of Facebook</small></p>
</blockquote>
</div>
<div class="item center-block">
<img class="center-block img-responsive img-circle" alt="Jack Dorsey" src="img/jack-dorsey.jpg" width="150" height="150">
<blockquote>
<p class="lead">A lot of people think about programming as this really mechanical thing. But it’s an art form as well. It’s another language.</p>
<p><small>Jack Dorsey - Co-founder of Twitter</small></p>
</blockquote>
</div>
<div class="item center-block">
<img class="center-block img-responsive img-circle" alt="will.i.am" src="img/william.jpg" width="150" height="150">
<blockquote>
<p class="lead">Here we are, 2013, we all depend on technology to communicate, to bank, and none of us know how to read and write code. It’s important for these kids, right now, starting at 8 years old, to read and write code.</p>
<p><small>will.i.am - Black Eyed Peas</small></p>
</blockquote>
</div>
<div class="item center-block">
<img class="center-block img-responsive img-circle" alt="Professor Ian Chubb AC" src="img/ian-chubb.jpg" width="150" height="150">
<blockquote>
<p class="lead">Employers from across the economy believe STEM skill shortages are limiting their business and ability to innovate. This must change.</p>
<p><small>Professor Ian Chubb AC - Chief Scientist of Australia</small></p>
</blockquote>
</div>
<div class="item center-block">
<img class="center-block img-responsive img-circle" alt="Gabe Newell" src="img/gabe-newell.jpg" width="150" height="150">
<blockquote>
<p class="lead">The programmers of tomorrow are the wizards of the future. They are going to look like they have magic powers compared to everybody else.</p>
<p><small>Gabe Newell - Co-founder of Valve</small></p>
</blockquote>
</div>
</div>
</div>
</div>
</section>
<section id="about">
<div class="container">
<h3>Here are a few things you should know.</h3>
<div class="row">
<div class="col-md-4">
<h4>What we teach</h4>
<span class="fa-stack fa-5x">
<i class="fa fa-circle fa-stack-2x text-info"></i>
<i class="fa fa-check fa-stack-1x fa-inverse"></i>
</span>
<p>We teach kids how to build their own websites and mobile apps using HTML, CSS, JavaScript, Ruby and Swift. We start with basic programming concepts and before you know it, students are building database-driven applications - by hand and from scratch!</p>
</div>
<div class="col-md-4">
<h4>We bring it all with us</h4>
<span class="fa-stack fa-5x">
<i class="fa fa-circle fa-stack-2x text-info"></i>
<i class="fa fa-laptop fa-stack-1x fa-inverse"></i>
</span>
<p>We bring the latest laptop computers equipped with mobile broadband and a USB flash drive for every student. Each machine is fully charged, pre-installed with only the tools required for the class and is centrally configured and managed - no chance of mischief!</p>
</div>
<div class="col-md-4">
<h4>Pricing and course info</h4>
<span class="fa-stack fa-5x">
<i class="fa fa-circle fa-stack-2x text-info"></i>
<i class="fa fa-users fa-stack-1x fa-inverse"></i>
</span>
<p>Each course costs $240 per student, per term and runs one morning per week for eight weeks. Classes start at 7:30 am and finish at 8:30 am and are conducted in one of the classrooms at your school. Each class is limited to ten students - nobody misses out!</p>
</div>
</div>
</div>
</section>
<section id="video">
<div class="container">
<h3>What most schools don't teach.</h3>
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" width="853" height="480" src="http://www.youtube.com/embed/nKIu9yen5nc?rel=0&showinfo=0" allowfullscreen></iframe>
</div>
</div>
</section>
<!-- <section id="register">
<div class="container">
<h3>Register your interest.</h3>
<p class="lead">Are you interested in having Let's Get Coding run coding courses at your school? <br> Fill in the form below and we'll get right back to you with more information on how we can get started.</p>
<hr>
<iframe class="center-block" width="440" height="480" src="form.html" scrolling="no"></iframe>
</div>
</section> -->
<footer>
<div class="container">
<ul class="list-inline">
<li><a class="text-muted" href="https://www.facebook.com/LetsGetCoding" target="_blank"><i class="fa fa-facebook-square fa-2x"></i></a></li>
<li><a class="text-muted" href="https://github.com/LetsGetCoding" target="_blank"><i class="fa fa-github-square fa-2x"></i></a></li>
<li><a class="text-muted" href="https://plus.google.com/u/0/b/116511701061749312312/116511701061749312312" target="_blank"><i class="fa fa-google-plus-square fa-2x"></i></a></li>
<li><a class="text-muted" href="http://instagram.com/LetsGetCoding" target="_blank"><i class="fa fa-instagram fa-2x"></i></a></li>
<li><a class="text-muted" href="http://www.linkedin.com/company/letsgetcoding" target="_blank"><i class="fa fa-linkedin-square fa-2x"></i></a></li>
<li><a class="text-muted" href="https://twitter.com/LetsGetCoding" target="_blank"><i class="fa fa-twitter-square fa-2x"></i></a></li>
<li><a class="text-muted" href="https://vimeo.com/LetsGetCoding" target="_blank"><i class="fa fa-vimeo-square fa-2x"></i></a></li>
<li><a class="text-muted" href="http://www.youtube.com/user/LetsGetCoding" target="_blank"><i class="fa fa-youtube-square fa-2x"></i></a></li>
</ul>
<p><small>© 2015 Let's Get Coding.</small></p>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.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-55850512-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>