-
Notifications
You must be signed in to change notification settings - Fork 1
/
promo2.html
130 lines (130 loc) · 8.38 KB
/
promo2.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>SkillUp</title>
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@300;700&family=Roboto:wght@300;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/courses.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body class="promo">
<main class="main">
<section class="java">
<div class="wrapper java__wrapper">
<div class="java__header">
<h1 class="java__caption">Java</h1>
<img class="java__logo" src="images/java-logo.png">
</div>
<div class="java__info">
<p class="java__description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis inventorer erum.</p>
<p class="java__date">1 февраля - 22 февраля</p>
<a href="#" class="java__sign-up">Записаться на курс</a>
</div>
</div>
</section>
<section class="for-whom">
<div class="wrapper for-whom__wrapper">
<div class="for-whom__header">
<img class="for-whom__screen" src="images/screen.png">
<h2 class="for-whom__caption">This course could be useful for:</h2>
</div>
<ol class="for-whom__list">
<li class="for-whom__list-item">Any beginners who have never tried coding before</li>
<li class="for-whom__list-item">Children and Students for self-development and future profession</li>
<li class="for-whom__list-item">Designers who want to know more about how to code</li>
<li class="for-whom__list-item">Product-managers in web IT field</li>
</ol>
</div>
</section>
<section class="what section-list">
<div class="wrapper section-list__wrapper">
<h2 class="section-list__header">
<span class="section-list__question">What</span>
<span class="section-list__descr">we are going<br>to study:</span>
</h2>
<div class="section-list__info">
<img src="images/girl.png" alt="girl" class="section-list__img">
<ul class="section-list__list">
<li class="section-list__list-item">Understand the web development process</li>
<li class="section-list__list-item">Create website markup using HTML tags</li>
<li class="section-list__list-item">Make your websites more beautiful with CSS</li>
<li class="section-list__list-item">Attach unique fonts</li>
<li class="section-list__list-item">Learn how to make your website accessible for everybody</li>
<li class="section-list__list-item">SEO basics: help users find your website faster</li>
<li class="section-list__list-item">Make the website dynamic with CSS animations</li>
<li class="section-list__list-item">JavaScript events and animations</li>
<li class="section-list__list-item">Add real 3D graphics on your website!</li>
</ul>
</div>
</div>
</section>
<section class="how section-list">
<div class="wrapper section-list__wrapper">
<h2 class="section-list__header">
<span class="section-list__question">How</span>
<span class="section-list__descr">we are going<br>to study:</span>
</h2>
<div class="section-list__info">
<img src="images/books.png" alt="books" class="section-list__img">
<ul class="section-list__list">
<li class="section-list__list-item">Theory in an easy way</li>
<li class="section-list__list-item">Practice at the lessons together</li>
<li class="section-list__list-item">A quiz after each lesson</li>
<li class="section-list__list-item">Homeworks</li>
<li class="section-list__list-item">Checking homework and answering questions</li>
<li class="section-list__list-item">Finish the project during lessons</li>
<li class="section-list__list-item">Get the certificate Free consultations after the course</li>
</ul>
</div>
</div>
</section>
<section class="process description">
<div class="wrapper description__wrapper">
<div class="description__block">
<img src="images/classroom.jpg" alt="classroom" class="description__img">
</div>
<div class="description__info">
<h2 class="description__header">Что мы предлагаем</h2>
<p class="description__descr">Занятия проходят в классе. учитель - эксперт рассказывает не только про теорию? но и множество примеров из личной практики? реального применения современных технологиях.</p>
<p class="description__descr">Учитель - не просто преподает материал, но и является вашим непосредственным ментором. Он расскажет лучшие практики и объяснит, что действительно является важными навыками при разработке.</p>
<p class="description__descr">По окончании курса вы всё еще будете иметь возможность задавать вопросы и консультироваться как по поводу программы курса, так как и по устройству на работу.</p>
<p class="description__descr">В ходе курса, вы будете проходить тестирования по каждой теме.</p>
</div>
</div>
</section>
<section class="mentor description">
<div class="wrapper description__wrapper">
<div class="description__block">
<div class="description__block-wrapper">
<h2 class="description__header">Преподаватель</h2>
<img src="images/mentor.jpg" alt="mentor" class="description__img">
</div>
</div>
<div class="description__info">
<p class="description__descr">Все наши преподаватели? это успешные специалисты в своей сфере.</p>
<p class="description__descr"><b>Vasilika Klimova</b> is an author of several courses, collaborating for many years as an instructor and mentor, in well-known online and offline schools, such as HTMLAcademy, Netology, Moscow Coding School, GeekBrains school and Loftschool. She is a regular speaker at different <b>Frontend</b> Europe Conferences.</p>
<p class="description__descr">She currently works for Avaloq and previously worked as a Team Leader in Artec 3D and other european companies.</p>
<p class="description__descr">This course will help you enter the IT field very easily. During the lessons you start to think as a developer. You will learn how to create a website, how to make it popular and visible on top of google search and even how to use animations and <b>3D graphics</b> on your website to make it unique and looking up-to-date. That is very interesting and it could be your future job!</p>
<p class="description__descr"><b>Vasilika Klimova</b> has a unique ability to make complicated things easy, explaining technical material in a way that is clear to everyone. She has converted many of her students that started to learn coding from zero to change their job and to become a programmer, entering the exciting world of I.T.</p>
<p class="description__descr">Место работы и должность: Frontend Developer, Avaloq</p>
</div>
</div>
</section>
<section class="timetable description">
<div class="wrapper description__wrapper">
<div class="description__block">
<h2 class="description__header">Расписание занятий</h2>
</div>
<div class="description__info">
<h3 class="description__group-header">Англоговорящая группа</h3>
<p class="description__descr">3 недели занятий - 6 занятий по 2 часа<br>(ПН 18:30-20:30, ЧТ 18:30-20:30)</p>
<h3 class="description__group-header">Русскоговорящая группа</h3>
<p class="description__descr">3 недели занятий - 6 занятий по 2 часа<br>(ПН 18:30-20:30, ЧТ 18:30-20:30)</p>
<p class="description__descr">Если расписание вам не подходит, оставьте заявку, мы учтем ваши пожелания для следующего потока</p>
<a href="#" class="description__sign-up">Записаться на курс</a>
</div>
</div>
</section>
</main>
</body>
</html>