-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
240 lines (200 loc) · 12.1 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Libre+Franklin" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
</head>
<body>
<nav>
<!-- <div class="icon">
<img src="img/img-0.png" alt="icon">
</div> -->
<ul>
<li>Program</li>
<li>Campuses</li>
<li>Curriculum</li>
<li>News Feed</li>
</ul>
<div class="menu">
<a class="dark__btn" href="#">Visit Us</a>
<a class="blue__btn" href="#">Apply</a>
</div>
</nav>
<head>
<div class="header">
<div class="header__block">
<h2>Jumpstart Your New Career</h2>
<h3>Become a Software Developer in 14 weeks</h3>
<div class="header__btn">
<a class="header__btn__blue" href="#">Apply</a>
<a class="header__btn__dark" href="#">Visit Us</a>
</div><!--header btn-->
</div><!--header block-->
</div><!--header-->
<main>
<div class="header__statistic__map">
<div class="header__statistic__map__container">
<h1>Not all coding bootcamps are created equal</h1>
<ul>
<li>
<p>Campuses</p>
<h3>8</h3>
</li>
<li>
<p>Alumni</p>
<h3>3000</h3>
</li>
<li>
<p>Employers</p>
<h3>500</h3>
</li>
</ul>
<p class="last__paragraph">and counting ...</p>
</div><!--contaienr-->
<div class="map__image">
<img class="map__image__usa" src="https://cdn2.codingdojo.com/new_design_image/home/coding-dojo-campuses-2.png" alt="Coding dojo campuses location">
</div>
</div><!--header__statistic__map-->
<div class="side__details">
<i class="fas fa-book icon__book"></i>
<div class="side__details__info">
<h4>10 years of Curriculum Refinement</h4>
<p>We strive for teaching our students the most up-to-date programming technologies through effective methods. Our dynamic curriculum has been refined and optimized over the last ten years by our founding members-a team of seasoned software developers and tech executives.</p>
<a href="#" class="learn__more">Learn More</a>
</div><!--side-details-info-->
</div><!--side-details-->
</main>
<div class="bootcamp__plans">
<div class="bootcamp__plans__x bootcamp__plans__1">
<div class="bootcamp__plans__x__general">
<h1>Onsite coding bootcamp</h1>
<p>Immersive, full-time program</p>
</div>
</div><!--botcamp-plan1-->
<div class="bootcamp__plans__x bootcamp__plans__2">
<div class="bootcamp__plans__x__general">
<h1>Online Coding Bootcamp</h1>
<p>Code from home, part-time</p>
</div>
</div><!--plans2-->
</div><!--botcamp plans-->
</head>
<div class="row">
<div class="col-1-of-3">
<i class="fas fa-chart-line content__icon"></i>
<div class="statistic__details">
<h3>Economic & Career MObility</h3>
<p>If you're serious about starting a career in tech, but lack the formal education or background, we'll get you there in a fraction of the time and cost of a traditional program. On a national scale, 94%* of our alumni land a job in 180 days after graduating, with an average salary of $76,000 per year.</p>
<p class="footnote">Published in February 2018, this is based upon a survey that was sent to alumni who graduated between January 2015 and October 2017. Out of the respondents, 94% are employed full time in field. 75% of alumni find jobs within 3 months.</p>
<a href="#" class="apply__now">Apply Now</a>
</div><!--statistic-details-->
</div><!--col-1-of-3-->
<div class="col-1-of-3">
<i class="fas fa-chart-pie content__icon"></i>
<div class="statistic__details">
<h3>Multitask Curriculum</h3>
<p>To prepare you for the ever-changing tech field, all our coding programs cover multiple stacks of programming languages—3 for our <a href="#" class="context">Onsite Coding Bootcamp</a> and 2 for our <a href="#" class="context">Online Coding Bootcamp</a>. You'll graduate with a more versatile skill-set, portfolio, and have 2-3 times the job prospects in comparison to the average coding bootcamp grad.</p>
</div><!--statistic details-->
</div><!--col-1of-3-->
<div class="col-1-of-3">
<ul class="top__resources">
<li><p>Top Resources</p></li>
<li>Visit our Campus</li>
<li>Online info Sessions</li>
<li>Event Calendar</li>
<li>Schedule a Q&A Call</li>
<li>Skills Fund Financing</li>
<li>International Students</li>
<li>Algorithm App</li>
</ul>
</div>
</div><!--row-->
<div class="bootcamp__advantage__container">
<div class="description__container">
<h3>Bootcamp Advantages</h3>
<p>With the passion for learning as your main driving force, coding bootcamp can make you a programmer in a matter of weeks. The curriculum is focused on the important aspects of programming and on how to be able to adjust with the curves of learning multiple languages and technologies.</p>
</div><!--description -container-->
<div class="bootcamp__content">
<div class="left__container">
<div class="bootcamp__advantage__block">
<div class="description__content">
<i class="fas fa-space-shuttle icon__block"></i>
<h3>Faster Learning in Groups</h3>
<p>Collaboration with other students can accelerate your learning. In a coding bootcamp environment, students can instantly talk about concepts and work together while they code.</p>
</div><!--description content-->
</div><!--bootcamp__advantage__block-->
<div class="bootcamp__advantage__block">
<div class="description__content">
<i class="fas fa-bezier-curve icon__block"></i>
<h3>Full Immersion, No Distractions, Tons of Content</h3>
<p>In a coding bootcamp setting, you surround yourself with a learning environment packed with curriculum and push all other distractions off your schedule. With this intensive focus, you get a lot more done in less time and learn new technologies at a rate you wouldn’t think possible.</p>
</div><!--description content-->
</div><!--bootcamp__advantage__block-->
<div class="bootcamp__advantage__block">
<div class="description__content">
<i class="fas fa-book-reader icon__block"></i>
<h3>Cohesive Curriculum and Mentorship = Fast Progress</h3>
<p>In a bootcamp, there is more structure to your learning. These are carefully planned out programs that can take months to complete, building up your skills one level of mastery at a time with the mentorship of knowledgeable instructors. This learning style gives you.</p>
</div><!--description content-->
</div><!--bootcamp__advantage__block-->
<div class="bootcamp__advantage__block">
<div class="description__content">
<i class="fab fa-connectdevelop icon__block"></i>
<h3>Networking</h3>
<p>When you join a coding bootcamp, you’re surrounded by people with the same goal as you: learn how to code. You immediately set foot into a network of developers-in-training with a similar skill set. This is important making a career switch.</p>
</div><!--description content-->
</div><!--bootcamp__advantage__block-->
</div><!--left__container-->
<div class="right__container">
<img src="img/office.jpg" alt="" class="office__image">
<div class="description__content">
<i class="fab fa-searchengin icon__search"></i>
<h2>Guidance through the Job Search</h6>
<p>Some of the most crucial services bootcamps provide are career guidance. Tech is a new industry for a lot of people and the ground rules for the job search change. What could pass as common wisdom in any other industry might not work when looking for a tech job! Bootcamps help you clear that job search clutter, find your top job prospects.</p>
</div><!--description content-->
</div><!--right-container-->
</div><!--bootcamp content-->
</div><!--bootcamp-advantage-container-->
<div class="parallax__container">
<div class="parallax__container__content">
<div class="parallax__container__block">
<h1>Make your move</h1>
<p>When it comes to career switching, it’s hard to beat the immersive and collaborative environments you can get at a coding bootcamp, especially for people who don’t have a background in code. In just three months, a coding bootcamp can grant you more technical knowledge. </p>
<p> Coding Dojo has a proven reputation for transforming students with little to no engineering background into successful, full-stack developers. Our mission at Coding Dojo is to transform lives through programming literacy, and with this in mind, we found an amazing opportunity to provide an educational resource for new learners who just need help getting started, and to experienced developers striving to achieve the next step in their career. The game of life is tough, level up with Coding Dojo.</p>
<a href="#" class="apply__now">Apply Now</a>
</div><!--parallax__content__description-->
</div><!--parallax-content-->
</div><!--parallax container-->
<div class="course__packet__section">
<div class="container">
<div class="left__section">
<img src="img/img-6.png" alt="">
</div><!--left__section-->
<div class="right__section">
<h2> <i class="fas fa-file-download"></i>Master Course Packet</h2>
<p>Dig deeper into our course curriculum and schedule</p>
<form action="/" method="post">
<input type="text" placeholder="Full Name">
<input type="text" placeholder="Email Address">
<p>Which campus are you closest to?</p>
<select name="" id="">
<option value="" selected>Chicago</option>
<option value="">New York</option>
<option value="">Los Angeles</option>
<option value="">Boston</option>
<option value="">Atlanta</option>
</select>
<p>By submitting your information, you agree and accept the Coding Dojo's Terms of Use, Cookie Policy and Privacy Policy. You also agree to receive occasional correspondence from Coding Dojo about its programs and latest events.</p>
<input type="submit" value="Get Course Packet" class="submit">
</form>
</div><!--right__section-->
</div><!--container-->
</div><!--course__packet__section-->
</body>
</html>