-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
344 lines (305 loc) · 21.6 KB
/
index.html
File metadata and controls
344 lines (305 loc) · 21.6 KB
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
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
<!-- Here are Page title and all the sources and links we wiil use-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="Front-end-developer" content="Wide Code School">
<title>Front-end Developer at Wild Code School</title>
<link href='https://fonts.googleapis.com/css?family=Poppins' rel='stylesheet'>
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&family=Galada&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<!--Navbar-->
<body class="body">
<div class="navigation">
<input type="checkbox" class="navigation__checkbox" id="navi-toggle">
<label for="navi-toggle" class="navigation__button">
<span class="navigation__icon"> </span>
</label>
<div class="navigation__background"> </div>
<nav class="navigation__nav" id ="navigation__nav">
<ul class="navigation__list">
<li class="navigation__item"><a class="navigation__link" href="index.html"><span>01</span>Home </a></li>
<li class="navigation__item"><a class="navigation__link" href="https://www.wildcodeschool.com/en-GB/trainings/front-end-developer-part-time" target="_blank" ><span>02</span>About The Course</a></li>
<li class="navigation__item"><a class="navigation__link" href="pages/feedback.html"><span>03</span>Student's Feedback</a></li>
<li class="navigation__item"><a class="navigation__link" href="pages/contact.html"><span>04</span>Contact Us</a></li>
<li class="navigation__item"><a class="navigation__link" href="pages/project.html"><span>05</span>Project and Activities</a></li>
</ul>
</nav>
</div>
<!--Main-->
<div class="container">
<header class="header header-home">
<div class="header__box">
<div class="header__text">
Do you want to become a front-end developer?
</div>
<div class="header__text">
Join us at Wild Code School
</div>
<div class="u-margin-bottom-medium u-margin-top-medium">
<h1 class="heading heading--h1">Front-End Developer course</h1>
</div>
<div class="header__text">
Let's us inspire you and give you a taste of the joy
</div>
<div class="header__text">
of becoming a front-end developer.
</div>
<!--Button with the link to Wild Code School-->
<!--Content-course related and what is to be a front end developer-->
<button onclick="window.location.href='#sect__about'" class="btn btn--black">Learn More</button>
</div>
</header>
<main class="main">
<section class="sect__about" id="sect__about">
<div class="about__box about__box--1">
<div class="u-margin-left-medium u-margin-bottom-medium u-margin-top-medium">
<h2 class="heading heading--h2">About This Site</h2>
</div>
<p class="paragraph paragraph--dark">
A website is the most powerful tool for communication. It has a unique way to connect with the world. We create this website to promote the front-end developer course at Wild Code School.
We would like to share our experience and other students's experience. Here, you will find:
<ul class="paragraph">
<li class="li__about">1/ Information about the course</li>
<li class="li__about">2/ Feedbacks and experience from previous students </li>
<li class="li__about">3/ Our personal sites where you can connect and get to know us more</li>
<li class="li__about">4/ Projects that we have archived during this course</li>
<li class="li__about">5/ Inspirations to become a front-end developer </li>
</ul>
</p>
<div class="about__box__btn-container">
<a href="#sect__contact" target="_blank" class="btn btn--transparent">Know More About US →</a>
</div>
</div>
<div class="about__box about__box--2">
<div class="about__box--sub-heading u-margin-bottom-medium u-margin-top-medium">
<h2 class="heading heading--h2--light">What is the Front-End?</h2>
</div>
<p class="paragraph paragraph--light">
A front-end developer links together the world of design and technology, packaging up the utility of the back end in an
inviting way for users to interact with. They take website design files and convert them into HTML, JavaScript (JS)
and/or CSS code - the core elements of front-end development. This includes design/layout, content, buttons, images,
navigation, and internal links.
</p>
<div class="about__box__btn-container">
<a href="https://frontendmasters.com/books/front-end-handbook/2018/what-is-a-FD.html" target="_blank" class="btn btn--white">Read More →</a>
</div>
</div>
<div class="about__box about__box--3">
<div class="u-center-text u-margin-bottom-medium u-margin-top-medium">
<h2 class="heading heading--h2">About the course</h2>
</div>
<div class="front-end__photo">
<img class="front-end__photo--content" src="img/wildcodeschoollogo.png" alt="wild code school logo">
</div>
<p class="paragraph paragraph--dark">
Wild Code School is a network of schools that train professionals for the
most in-demand tech jobs. Their 5-month front-end developer course trains professionals to
become web developers. During your training, you will learn multiple skills from 5 main areas
(4 technicals and 1 focused on soft-skills)
</p>
<div class="about__box__btn-container">
<a href="https://www.wildcodeschool.com/en-GB/trainings/front-end-developer-part-time" target="_blank" class="btn btn--transparent">Read More →</a>
</div>
</div>
</section>
<!--Sudent´s Feedback-->
<section class="sect__feedback" id ="sect__feedback">
<div class="u-margin-left-big u-margin-bottom-medium u-margin-top-medium">
<h2 class="heading heading--h2">Student's feedbacks</h2>
</div>
<div class="feedback--box">
<div class="feedback--card">
<div class="feedback--card__photo-box">
<img class="student__img" src="img/adamLoke.jpg" alt="student photo">
</div>
<div class="feedback--card__name">
Adam Loke
<a href="https://github.com/adamloke" target="_blank" class="u-font-2rem fa fa-github"></a>
</div>
<div class="feedback--card__text">
I would like to increase my technical know-how as a Product Manager and learn something new during the COVID19 lockdown.
I like to solve different problems because I think it is fun. The experience I'm having with this course is smooth even though it is a
fully remote course. Marc is an excellent teacher.
</div>
</div>
<div class="feedback--card">
<div class="feedback--card__photo-box">
<img class="student__img" src="img/richardKalmar.jpg" alt="student photo">
</div>
<div class="feedback--card__name">
Richard Kalmar
<a href="https://github.com/Richard-Kalmar" target="_blank" class="u-font-2rem fa fa-github"></a>
<a href="https://www.linkedin.com/in/richard-kalmar-71966111b/" target="_blank" class="u-font-2rem fa fa-linkedin"></a>
</div>
<div class="feedback--card__text">
I chose Wild Code school because it seemed both casual and serious at once. I don't like too rigorus environments so the lightsome community
was appealing to me and I feel I made the right choice. Ohh, and don't forget about the projects and hackaton that is quite unique on the market
as also the CV and LinkedIn training part of the course.
</div>
<span id="dots-1" class="u-font-2rem">...</span><span class ="more" id="more-1">
<div class="feedback--card__text">
Career change? Yes, it is. I would like to work remotely as the saleries in Hungary are far form the European average and as I plan to spend lots of
time in the Peruvian jungle in complete isolation it is also important to me to have the chance to work as a freelancer and I feel that with coding I can have that freedom that I need.
</div>
<div class="feedback--card__text">
Keeo open minded and curious and stay playful. Coding is a creative process so, at least for me, it is easier if you treat it as a game.
</div>
<div class="feedback--card__text">
I have very good experiences here. Great community, good teachers and lots of personal attention not just code related but with anything that comes up and can affect your work.
</div></span>
<a class="btn btn--transparent" onclick="readMore('readMore-1','dots-1','more-1')" id ="readMore-1">Read More →</a>
</div>
<div class="feedback--card">
<div class="feedback--card__photo-box">
<img class="student__img" src="img/pabloMoracci.jpg" alt="student photo">
</div>
<div class="feedback--card__name">
Pablo (Tano) Moracci
<a href="https://github.com/tanomoracci" target="_blank" class="u-font-2rem fa fa-github"></a>
</div>
<div class="feedback--card__text">
I'm looking for a career change in my life therefore I decided to take the course at Wild Code School.
The experience I'm having with this course: I think it is a good choice. My advice to you is to work hard and code much.
My future plan is to work remotely as a programmer for a company or as a freelancer because I would like to travel around Europe
and around the world.
</div>
</div>
<div class="feedback--card">
<div class="feedback--card__photo-box">
<img class="student__img" src="img/sawi-3.jpg" alt="student photo">
</div>
<div class="feedback--card__name">
Sawitree (Sawi)
<a href="https://github.com/webdevelopmentsk" target="_blank" class="u-font-2rem fa fa-github"></a>
<a href="https://www.linkedin.com/in/sawitree-kalakul/" target="_blank" class="u-font-2rem fa fa-linkedin"></a>
</div>
<div class="feedback--card__text">
I started this course @Wild Code School because I wanted to explore my passion for coding. As from the day I started, I have not
had a moment of regret. Even though the course is remote, I learn a lot from it. After this course I would like to develop myself
futher and find a great job which allows me to make my passion my work.
</div>
</div>
<div class="feedback--card">
<div class="feedback--card__photo-box">
<img class="student__img" src="img/carlos.jpg" alt="student photo">
</div>
<div class="feedback--card__name">
Carlos Teixeira
<a href="https://github.com/Teixeira66" target="_blank" class="u-font-2rem fa fa-github"></a>
</div>
<div class="feedback--card__text">
It´s been great so far, with a good learning environment, good colleagues and a learning curve that makes you think that you can
just trust the system, even when you think is too hard and you didn´t get it, in two days you will learn another thing and when
you suddenly realize, you know so much more now. My advice will be, Keep the motivation high, don´t doubt yourself ( at some point you will
, but thats fine) ans always keep going, with positive energy. In the end the result will surprise you.
</div>
</div>
<div class="feedback--card">
<div class="feedback--card__photo-box">
<img class="student__img" src="img/mireia.jpg" alt="student photo">
</div>
<div class="feedback--card__name">
Mireia
<a href="https://github.com/webdevelopmentsk" target="_blank" class="u-font-2rem fa fa-github"></a>
<a href="www.linkedin.com/in/mireia-gom%C3%A0riz-8a7a0489/" target="_blank" class="u-font-2rem fa fa-linkedin"></a>
<a href="mireiapgomariz@gmail.com" target="_blank" class="u-font-2rem fa fa-envelope"></a>
</div>
<div class="feedback--card__text">
I studied physiotherapy, and when finished, I decided to make a change and started to make programming courses on my own.
</div>
<div class="feedback--card__text">
Why I choose this course?
At some point, I saw if I want to be a developer, I need to professionalize myself. After a little search, I decided to start this course for some reasons:
the first one is the technologies we study, for me is the most demanded in the job market, another purpose where the learning time you will have in a five-month
Bootcamp, and the last reason was the possibility to work with a real client in a real project.
</div>
<span id="dots-2" class="u-font-2rem">...</span><span id="more-2" class ="more">
<div class="feedback--card__text">
Career change? Of course, this course allows you to learn a lot of necessary tools to work as a developer, like agile methodologies,
git manage versions, take care of the customer needs, work in a group.
</div>
<div class="feedback--card__text">
Plans: In the future, I would like to work in a startup because I think this can be an excellent opportunity to learn and grow and
at some point, I will want to be a Product Manager.
</div>
<div class="feedback--card__text">
Advice to the students:
For me, the essential part is patient, at the first moment, you might have the feeling that you are lost, or you will not be able to work as a developer, but with
constancy and dedication, you will find yourself doing huge things in a short period, and this is so satisfying.
</div>
<div class="feedback--card__text">
Experience with WCS:
One of the things I am glad to decide study in WCS where our learning process, they give us a whole point of view of how to be a developer, the technologies and what are the most important.
Also, they teach us the most modern technics in the language that we use (like Context of Hooks in react), and this is an excellent asset for the future. Another important thing was the team spirit we developed doing hackathons and other activities.
</div></span>
<a class="btn btn--transparent" onclick="readMore('readMore-2','dots-2','more-2')" id ="readMore-2">Read More →</a>
</div>
</div>
<div class="seeMoreFeedBacks">
<a href="pages/feedback.html" target="_blank" class="btn btn--transparent">See More →</a>
</div>
</section>
</main>
<!--Contact us Section-->
<footer class="footer">
<section class="sect__contact" id="sect__contact">
<div class="u-margin-left-big u-margin-bottom-medium u-margin-top-big">
<h2 class="heading heading--h2">Contact Us</h2>
</div>
<div class="contact--box">
<div class="contact--card">
<div class="contact--card__photo-box">
<img class="contact__img" src="img/carlos.jpg" alt="student photo">
</div>
<div class="contact--card__name">
Carlos Teixeira
</div>
<div class="contact--card__icon--box">
<a href="https://github.com/Teixeira66" class="contact___icon--link fa fa-github"></a>
<a href="https://www.linkedin.com/in/carlos-teixeira-43288162" class="contact___icon--link fa fa-linkedin"></a>
<a href="#" class="contact___icon--link fa fa-facebook"></a>
<a href="mailto:carlos_teixeira66@hotmail.com" class="contact___icon--link fa fa-envelope"></a>
</div>
<div class="contact--card__text">
Cossonay, Lausanne, Switzerland
</div>
<div class="contact--card__text">
carlos_teixeira66@hotmail.com
</div>
<a href="pages/carlos.html" class="btn btn--black">More About Carlos</a>
</div>
<div class="contact--card">
<div class="contact--card__photo-box">
<img class="contact__img" src="img/sawi-2.jpg" alt="student photo">
</div>
<div class="contact--card__name">
Sawitree Kalakul (Sawi)
</div>
<div class="contact--card__icon--box">
<a href="https://github.com/webdevelopmentsk" class="contact___icon--link fa fa-github"></a>
<a href="https://www.linkedin.com/in/sawitree-kalakul/" class="contact___icon--link fa fa-linkedin"></a>
<a href="https://www.facebook.com/sawitree.kalakul.9" class="contact___icon--link fa fa-facebook"></a>
<a href="mailto:skalakul@gmail.com" class="contact___icon--link fa fa-envelope"></a>
</div>
<div class="contact--card__text">
De Rouwaer 8, 4051HG, Ochten, The Netherlands
</div>
<div class="contact--card__text">
Tel: +31 0612840850
</div>
<a href="pages/sawi.html" class="btn btn--black">More About Sawi</a>
</div>
</div>
<div class="u-margin-left-big u-margin-bottom-small u-margin-top-medium">
<h5 class="heading heading--h5">@ 2020 by Carlos & Sawi for promoting the front-end development course at wild code school</h5>
</div>
</section>
</footer>
</div>
<script src="js/script.js"></script>
</body>
</html>