-
Notifications
You must be signed in to change notification settings - Fork 4
/
learn.html
160 lines (155 loc) · 6.78 KB
/
learn.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
---
title: Learn To Code
layout: default
description: Awesome Inc U helps people learn to code so they can make their apps, games, and websites, and launch new careers in tech.
permalink: "/learn"
page_id: learn
team: aincu
---
{% include modal-popup.html %}
<section>
<div id="laptop-learn">
<div class="lgx-inner">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-sm-offset-6">
<div class="lgx-heading-area">
<div class="lgx-heading lgx-heading-red">
<h2 class="heading-title">Learn to Code</h2>
<h4 class="heading-subtitle">with Awesome Inc</h4>
<div class="inline-block">
<a class="lgx-btn lgx-btn-grey" href="{{ site.data.routes.youth }}">
<img src="/images/icons/development-consulting.png">
<span>Youth</span>
</a>
<a class="lgx-btn lgx-btn-grey" href="{{ site.data.routes.adults }}">
<img src="/images/icons/development-consulting.png">
<span>Adult</span>
</a>
</div>
</div>
</div>
</div>
</div><!--//.ROW-->
</div><!-- //.CONTAINER -->
</div><!-- //.INNER -->
</div>
</section>
<section>
<div id="courses-learn">
<div class="lgx-inner">
<div class="container">
<div class="row learn-img-right">
<div class="col-xs-12 col-sm-6 col-md-5 col-md-offset-1">
<h3 class="heading-title lgx-heading-red offset-border offset-border-bottom-right">A Course For Everyone</h3>
<h4 class="heading-subtitle">Join One Now</h4>
<p>Whether you are an adult looking to make a career change or have a child that wants to learn how to build apps and video games, we have a class for you. You don't need to be a genius to learn how to code. All you need is determination. Our courses have helped launch people into new careers in tech and prepared students to study Computer Science through college and beyond.</p>
<svg class="preset-svg" id="straight-line" viewBox="0 0 1 100">
<line x1="0.5" y1="0" x2="0.5" y2="100"/>
</svg>
<svg class="preset-svg zig-zag" id="zig-zag-top" viewBox="0 0 50 15">
<polyline points="0.5,0.5 0.5,7 49,7 49,14"/>
</svg>
<svg class="preset-svg zig-zag" id="zig-zag-bottom" viewBox="0 0 50 15">
<polyline points="49,0.5 49,7 0.5,7 0.5,12"/>
</svg>
</div>
<div class="col-xs-12 col-sm-5" data-aos="fade-left">
<div class="img-outline-offset-left">
<img src="/images/student-learn-to-code-shirt.jpg" border="0">
</div>
</div>
</div><!--//.ROW-->
<div class="row learn-img-left">
<div class="col-xs-12 col-sm-4 col-sm-offset-1" data-aos="fade-right">
<div class="img-outline-offset-right offset-border offset-border-bottom-zig-zag">
<img src="/images/student-learn-to-code-week-of-code.jpg" border="0">
</div>
</div>
<div class="col-xs-12 col-sm-7 col-md-5" data-aos="fade-left">
<h3 class="heading-title lgx-heading-red offset-border offset-border-bottom-left">Youth</h3>
<h5 class="heading-subtitle">Build apps, games, and websites with friends.</h5>
<p>Students age 9-16 love making games and apps with us. Turn screen time into career-skill time.</p>
<p><a href="{{ site.data.routes.youth }}" class="lgx-btn lgx-btn-grey lgx-btn-sm lgx-btn-anim">Learn More</a></p>
</div>
</div><!--//.ROW-->
<div class="row learn-img-right">
<div class="col-xs-12 col-sm-5 col-sm-offset-1" data-aos="fade-right">
<h3 class="heading-title lgx-heading-red offset-border offset-border-bottom-right">Adult</h3>
<h5 class="heading-subtitle">Launch your new career or learn a new skill.</h5>
<p>If you can write an email, we can help you learn to code. Great for aspiring entrepreneurs and career switchers.</p>
<p><a href="{{ site.data.routes.adults }}" class="lgx-btn lgx-btn-grey lgx-btn-sm lgx-btn-anim">Learn More</a></p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4" data-aos="fade-left">
<div class="img-outline-offset-left">
<img src="/images/adult-coding-laptop.jpg" border="0">
</div>
</div>
</div><!--//.ROW-->
</div><!-- //.CONTAINER -->
</div><!-- //.INNER -->
</div>
</section>
<section>
<div id="testimonials-learn">
<div class="lgx-inner">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-4 col-sm-offset-1 col-md-3 col-md-offset-2">
<img id="helped" src="/images/Bootcamp-Helped100People.jpg">
</div>
<div class="col-xs-12 col-sm-6 col-md-5">
<div class="lgx-heading-area">
<div class="lgx-heading lgx-heading-red">
<h2 class="heading-title">Proven Success</h2>
<p>Since 2013, over 1500 people have learned to code with us. Here's what they have to say:</p>
</div>
</div> <!-- lgx-heading-area -->
</div>
</div> <!-- row -->
<div class="col-xs-12 col-sm-10 col-sm-offset-1" data-aos="">
<div class="testimonial">
<div class="quoteLoop">
{% for testimonial in site.data.aincu-testimonials %}
<blockquote class="quote">
{{ testimonial.content }}
<small>{{ testimonial.name }}</small>
</blockquote>
{% endfor %}
</div>
</div>
</div><!--//.ROW-->
</div><!-- //.CONTAINER -->
</div><!-- //.INNER -->
</div>
</section>
<section>
<div id="press">
<div class="lgx-inner">
<div class="container" data-aos="fade-in">
<div class="lgx-heading-area">
<div class="lgx-heading lgx-heading-red">
<h2 class="heading-title center horiz-line">As Seen On</h2>
</div>
</div>
<div class="row">
<div class="col-sm-5ths">
<img src="/images/press/nbc-logo.png">
</div>
<div class="col-sm-5ths">
<img src="/images/press/course_report.png">
</div>
<div class="col-sm-5ths">
<img src="/images/press/abc-logo.png">
</div>
<div class="col-sm-5ths">
<img src="/images/press/good_day_ky.png">
</div>
<div class="col-sm-5ths">
<img src="/images/press/fox-logo.png">
</div>
</div><!--//.ROW-->
</div><!-- //.CONTAINER -->
</div><!-- //.INNER -->
</div>
</section>