forked from angelabauer/angelabauer
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
424 lines (392 loc) · 20.6 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
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
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="google-site-verification" content="7D3q2g1GcwaNOwEVJuRn6469GX2nHTZcDnzuFjv-pzk" />
<meta name="facebook-domain-verification" content="cyvlnracvr10p6ymoooo9hpa8r30qh" />
<title>100 Days of Python</title>
<!-- Additional CSS Files -->
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.css">
<link rel="stylesheet" href="assets/css/templatemo-softy-pinko.css">
<link rel="icon"
type="image/png"
href="https://d2vvqscadf4c1f.cloudfront.net/vz7d3KSRSQ6tfzXoQJfE_LABlogoCircularSmall.png">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="app">
<div id="wrapper">
<div class="brand">
<img src="https://www.filepicker.io/api/file/i9apvRTRQuSkbe13KrtM" height="50px">
</div>
<div class="row">
<div class="col-xl-12 col-md-12 col-sm-12">
<h1 class="glitch" data-text="100 Days">100 Days </h1>
<h1 class="glitch" data-text="of">of</h1>
<h1 class="glitch" data-text="Python">Python</h1>
<span class="sub">100 Days, 1 Hour a Day</span>
</div>
</div>
<br>
<div class="row">
<div class="col-xl-12 col-md-12 col-sm-12">
<a href="https://www.udemy.com/course/100-days-of-code/?couponCode=A76C67BD349F9DB0E28B" class="main-button-slider">Only $12.99 Today →</a>
</div>
</div>
</div>
</div>
<!-- <!– ***** Features Small Start ***** –>-->
<!-- <section class="section home-feature">-->
<!-- <div class="container">-->
<!-- <div class="row">-->
<!-- <div class="col-lg-12">-->
<!-- <div class="row">-->
<!-- <!– ***** Features Small Item Start ***** –>-->
<!-- <div class="col-xl-4 col-md-4 col-sm-12 col-12" data-scroll-reveal="enter bottom move 50px over 0.6s after 0.2s">-->
<!-- <div class="features-small-item">-->
<!-- <div class="icon">-->
<!-- <i><img src="assets/images/python-white.png" alt=""></i>-->
<!-- </div>-->
<!-- <h5 class="features-title">Python Programming</h5>-->
<!-- <p>Learn all the features of the Python language.</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!– ***** Features Small Item End ***** –>-->
<!-- <!– ***** Features Small Item Start ***** –>-->
<!-- <div class="col-xl-4 col-md-4 col-sm-12 col-12" data-scroll-reveal="enter bottom move 50px over 0.6s after 0.4s">-->
<!-- <div class="features-small-item">-->
<!-- <div class="icon">-->
<!-- <i><img src="assets/images/flask-logo.png" alt=""></i>-->
<!-- </div>-->
<!-- <h5 class="features-title">Python Development</h5>-->
<!-- <p>Learn to develop websites, games, apps and more!</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!– ***** Features Small Item End ***** –>-->
<!-- <!– ***** Features Small Item Start ***** –>-->
<!-- <div class="col-xl-4 col-md-4 col-sm-12 col-12" data-scroll-reveal="enter bottom move 50px over 0.6s after 0.6s">-->
<!-- <div class="features-small-item">-->
<!-- <div class="icon">-->
<!-- <i><img src="assets/images/numpy-logo.png" alt=""></i>-->
<!-- </div>-->
<!-- <h5 class="features-title">Professional Skills</h5>-->
<!-- <p>Learn Python for data science, scraping, automation and more!</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!– ***** Features Small Item End ***** –>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </section>-->
<!-- <!– ***** Features Small End ***** –>-->
<!-- Youtube Promo Video Embed Start -->
<section class="section padding-top-70 padding-bottom-0 align-self-center ">
<div class="container">
<div class="row">
<div class="offset-lg-3 col-lg-6">
<div class="info center-text">
<h2>Preview the Course</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-10 col-md-12 video-container">
<iframe src="https://www.youtube.com/embed/lD1lk8YRXpw?controls=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
</section>
<!-- Youtube Promo Video Embed End -->
<!-- ***** Features Big Item Start ***** -->
<section class="section padding-top-70 padding-bottom-0" id="features">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 align-self-center" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
<img src="assets/images/img1.png" class="rounded img-fluid d-block mx-auto" alt="App">
</div>
<div class="col-lg-6 col-md-6 col-sm-6 align-self-center mobile-top-fix">
<div class="left-heading">
<h2 class="section-title">Mastery = Video Tutorials + Coding Projects</h2>
</div>
<div class="left-text">
<p>This course is designed to give you at least 1 hour of coding practice everyday for 100 days. You'll get the nuts and bolts explanations of how everything works, then you'll apply it in fun coding exercises and real word projects. </p>
</div>
</div>
</div>
</div>
</section>
<!-- ***** Features Big Item End ***** -->
<!-- ***** Features Big Item Start ***** -->
<section class="section padding-bottom-100 ">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 align-self-center mobile-bottom-fix">
<div class="left-heading">
<h2 class="section-title">Success = Accountability + Motivation</h2>
</div>
<div class="left-text">
<p>As a part of the 100 days of code challenge, you will log your progress everyday on Twitter. And you'll get access to a community of other students doing the challenge who will cheer you on and motivate you.</p>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 align-self-center mobile-bottom-fix-big" data-scroll-reveal="enter right move 30px over 0.6s after 0.4s">
<img src="assets/images/img2.png" class="rounded img-fluid d-block mx-auto" alt="App">
</div>
</div>
</div>
</section>
<!-- ***** Features Big Item End ***** -->
<!-- ***** Home Parallax Start ***** -->
<section class="mini" id="work-process">
<div class="mini-content">
<div class="container">
<div class="row">
<div class="offset-lg-3 col-lg-6">
<div class="info">
<h2>What You'll Learn</h2>
<p>You'll go from complete beginner to advanced professional level Python. These are just some of the tools, skills and frameworks you will master.</p>
</div>
</div>
</div>
<!-- ***** Mini Box Start ***** -->
<div class="row">
<div class="col-lg-2 col-md-3 col-sm-6 col-6">
<a class="mini-box">
<i><img src="assets/images/data.png" alt=""></i>
<strong>Data Structures</strong>
</a>
</div>
<div class="col-lg-2 col-md-3 col-sm-6 col-6">
<a class="mini-box">
<i><img src="assets/images/oop.png" alt=""></i>
<strong>Python OOP & Inheritance</strong>
</a>
</div>
<div class="col-lg-2 col-md-3 col-sm-6 col-6">
<a class="mini-box">
<i><img src="assets/images/api.png" alt=""></i>
<strong>Building REST APIs</strong>
</a>
</div>
<div class="col-lg-2 col-md-3 col-sm-6 col-6">
<a class="mini-box">
<i><img src="assets/images/selenium.png" alt=""></i>
<strong>Web Automation</strong>
</a>
</div>
<div class="col-lg-2 col-md-3 col-sm-6 col-6">
<a class="mini-box">
<i><img src="assets/images/flask.png" alt=""></i>
<strong>Web Development</strong>
</a>
</div>
<div class="col-lg-2 col-md-3 col-sm-6 col-6">
<a class="mini-box">
<i><img src="assets/images/dataviz.png" alt=""></i>
<strong>Data Visualization</strong>
</a>
</div>
</div>
<!-- ***** Mini Box End ***** -->
</div>
</div>
</section>
<!-- ***** Home Parallax End ***** -->
<!-- ***** Blog Start ***** -->
<section class="section" id="blog">
<div class="container">
<!-- ***** Section Title Start ***** -->
<div class="row">
<div class="col-lg-12 col-sm-12">
<div class="center-heading">
<h2 class="section-title">What You'll Build</h2>
</div>
</div>
<div class="offset-sm-3 col-sm-6">
<div class="center-text">
<p>The best part about the course is every day you'll build a new projects. Here are just some of the projects you'll make by the end of the course. </p>
</div>
</div>
</div>
<!-- ***** Section Title End ***** -->
<div class="row">
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="blog-post-thumb">
<div class="img">
<img src="assets/images/pong.gif" alt="">
</div>
<div class="blog-content">
<h3>
<a href="#">Pong</a>
</h3>
<div class="text">
We'll learn Object Oriented Programming for Python to build this awesome game of Pong.
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="blog-post-thumb">
<div class="img">
<img src="assets/images/tinder.png" alt="">
</div>
<div class="blog-content">
<h3>
<a href="#">Auto-Tinder</a>
</h3>
<div class="text">
We'll learn to scrape and automate the web using BeautifulSoup and Selenium Web Driver and build an Auto-Tinder Swiper.
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="blog-post-thumb">
<div class="img">
<img src="assets/images/blog.png" alt="">
</div>
<div class="blog-content">
<h3>
<a href="#">Fully Featured Blog</a>
</h3>
<div class="text">
We'll learn HTML, CSS, Bootstrap and Flask to build a fully featured blog application and host it on Heroku.
</div>
</div>
</div>
</div>
<a href="https://www.udemy.com/course/100-days-of-code/?couponCode=A76C67BD349F9DB0E28B" class="main-button-slider cta-button">Only $12.99 Today →</a>
</div>
</div>
</section>
<!-- ***** Blog End ***** -->
<!-- ***** Counter Parallax Start ***** -->
<section class="counter">
<div class="content">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-12 col-sm-12">
<div class="count-item decoration-bottom">
<strong>100+</strong>
<span>Projects</span>
</div>
</div>
<div class="col-lg-3 col-md-12 col-sm-12">
<div class="count-item decoration-top">
<strong>650+</strong>
<span>Video Tutorials</span>
</div>
</div>
<div class="col-lg-3 col-md-12 col-sm-12">
<div class="count-item decoration-bottom">
<strong>30+</strong>
<span>Coding Exercises</span>
</div>
</div>
<div class="col-lg-3 col-md-12 col-sm-12">
<div class="count-item">
<strong>56+</strong>
<span>Hours</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ***** Testimonials Start ***** -->
<section class="section" id="testimonials">
<div class="container">
<!-- ***** Section Title Start ***** -->
<div class="row">
<div class="col-sm-12">
<div class="center-heading">
<h2 class="section-title">Student Reviews</h2>
</div>
</div>
<div class="offset-sm-3 col-sm-6">
<div class="center-text">
<p>Don't just take my word for it, check out what my existing students have to say about this course.</p>
</div>
</div>
</div>
<!-- ***** Section Title End ***** -->
<div class="row">
<!-- ***** Testimonials Item Start ***** -->
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="team-item">
<div class="team-content">
<i></i>
<p>"This is my second Angela's course and I absolutely love it! I am a developer but would love to learn new programming languages and her teaching style suits me very much as it is the most interactive, interesting course that keeps me focused and motivated to finish all the modules. This is probably the best money I have ever spent! Thanks Angela, you are the best."</p>
<div class="user-image">
<img src="assets/images/j.png" alt="">
</div>
<div class="team-info">
<h3 class="user-name">Paulina</h3>
<span><img src="assets/images/stars.png" alt=""></span>
</div>
</div>
</div>
</div>
<!-- ***** Testimonials Item End ***** -->
<!-- ***** Testimonials Item Start ***** -->
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="team-item">
<div class="team-content">
<p>"Amazing course! Angela explains all concepts in detail along with the examples, which makes it much easier to actually understand. For beginners, breaking down the problem into smaller steps using a flowchart clarifies what needs to be coded and of course the how (AMAZING!). Also, the one minute "motivational" video at the end of each day is an excellent motivator to continue. Angela, you are a great teacher!"</p>
<div class="user-image">
<img src="assets/images/jw.png" alt="">
</div>
<div class="team-info">
<h3 class="user-name">Jesse Walia</h3>
<img src="assets/images/stars.png" alt="">
</div>
</div>
</div>
</div>
<!-- ***** Testimonials Item End ***** -->
<!-- ***** Testimonials Item Start ***** -->
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="team-item">
<div class="team-content">
<p>"I love this course, mainly because every section is only an hour and the whole course is centered around giving you projects to master what you just learned immediately. I've tried multiple courses in the past and I think this is the first one I will actually complete!"</p>
<div class="user-image">
<img src="assets/images/ar.png" alt="">
</div>
<div class="team-info">
<h3 class="user-name">Ariel Ramirez</h3>
<img class="user-img" src="assets/images/stars.png" alt="">
</div>
</div>
</div>
</div>
<!-- ***** Testimonials Item End ***** -->
<a href="https://www.udemy.com/course/100-days-of-code/?couponCode=A76C67BD349F9DB0E28B" class="main-button-slider cta-button">Only $12.99 Today →</a>
</div>
</div>
</section>
<!-- ***** Testimonials End ***** -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<ul class="social">
<li><a href="https://www.facebook.com/londonappbrewery/"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://www.youtube.com/channel/UCVD5Vh9LhLBxp3o1vRNyf_w"><i class="fa fa-youtube"></i></a></li>
<li><a href="https://twitter.com/londonappbrewer"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.linkedin.com/school/app-brewery/about/"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<p class="copyright">You'll learn to create your own websites in the course. So you won't need to copy this website. ♥️</p>
</div>
</div>
</div>
</footer>
</body>
</html>