-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
223 lines (223 loc) · 8.88 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
<!DOCTYPE html>
<html lang="uk">
<head>
<link
rel="icon"
type="image/png"
href="/images/favicon/favicon-96x96.png"
sizes="96x96"
/>
<link rel="icon" type="image/svg+xml" href="/images/favicon/favicon.svg" />
<link rel="shortcut icon" href="/images/favicon/favicon2.ico" />
<link
rel="apple-touch-icon"
sizes="180x180"
href="/images/favicon/apple-touch-icon.png"
/>
<link rel="manifest" href="/images/favicon/site.webmanifest" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>EnHome - На крок ближче до омріяного оферу!</title>
<link rel="stylesheet" href="/css/styles.css" />
<link
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet"
/>
</head>
<body>
<header class="container header">
<a href="/" class="header_logo">
<img src="/images/header-logo.svg" alt="En Home логотип" />
</a>
<nav class="header_menu">
<ul>
<li><a href="#stats">Статистика</a></li>
<li><a href="#services">Послуги</a></li>
<li><a href="#advantages">Переваги</a></li>
<li><a href="#order">Контакти</a></li>
</ul>
</nav>
<button class="button">Замовити урок</button>
</header>
<main>
<section class="hero container section">
<div class="hero_content">
<h1>На крок ближче до омріяного оферу!</h1>
<ul>
<li>IT англійська</li>
<li>Speaking club</li>
<li>Online-заняття</li>
<li>Offline-заняття</li>
<li>Індивідуальні заняття</li>
<li>Підготовка до співбесіди</li>
<li>Та багато іншого</li>
</ul>
</div>
<img src="/images/hero-logo.svg" />
</section>
<section class="statistic container section" id="stats">
<p class="title_style title_style_56px">Статистика EN HOME в числах</p>
<ul>
<li>
<p class="statistic_title_style">2 500+</p>
<p>Випускників</p>
</li>
<li>
<p class="statistic_title_style">3</p>
<p>Роки на ринку</p>
</li>
<li>
<p class="statistic_title_style">97%</p>
<p>Порадили б нас своїм друзям</p>
</li>
<li>
<p class="statistic_title_style">24/7</p>
<p>Зручний графік для кожного</p>
</li>
</ul>
</section>
<section class="services container section" id="services">
<p class="title_style">Наші послуги</p>
<p class="defoul_text_style16px">
Обирай зручний формат навчання і ми допоможемо тобі покращити твій
рівень володіння англійською мовою. У нас працюють кваліфіковані
вчителі, які здатні знайти підхід до кожного студента. Приєднуйся, ми
чекаємо на тебе:)
</p>
<div class="services_cards">
<figure>
<img src="/images/group-lessons.svg" />
<figcaption>
<p class="services_title_style">Групові заняття</p>
<p>3 100 UAH / місяць</p>
<a>Записатись</a>
</figcaption>
</figure>
<figure>
<img src="/images/solo-lessons.svg" />
<figcaption>
<p class="services_title_style">Індивідуальні заняття</p>
<p>5 900 UAH / місяць</p>
<a src="">Записатись</a>
</figcaption>
</figure>
<figure>
<img src="/images/online-lessons.svg" />
<figcaption>
<p class="services_title_style">Онлайн заняття</p>
<p>2 700 UAH / місяць</p>
<a>Записатись</a>
</figcaption>
</figure>
<figure class="services_discounted_card">
<img class="services_discount_img" src="/images/discount.svg" />
<img src="/images/speaking-club.svg" />
<figcaption>
<p class="services_title_style">Speaking club</p>
<p><span class="through">2 700</span> 19000 UAH / місяць</p>
<a>Записатись</a>
</figcaption>
</figure>
</div>
</section>
<section class="advantages container section" id="advantages">
<p class="title_style">Що відрізняє нас від інших?</p>
<p class="defoul_text_style16px">
Основні переваги нашої школи EN HOME
</p>
<div class="advantages_cards">
<figure>
<img src="/images/active-community.svg" />
<figcaption>
<p class="adventage_title_style">Активна спільнота</p>
<p class="defoul_text_style14px">
Спілкування з викладачами та одногрупниками через Telegram
</p>
</figcaption>
</figure>
<figure>
<img src="/images/timeline.svg" />
<figcaption>
<p class="adventage_title_style">Гнучкий графік навчання</p>
<p class="defoul_text_style14px">
Обирай для себе зручний формат навчання і підлаштовуй графік під
свої потреби
</p>
</figcaption>
</figure>
<figure>
<img src="/images/feedback.svg" />
<figcaption>
<p class="adventage_title_style">Зворотній звʼязок</p>
<p class="defoul_text_style14px">
Цінний зворотній звʼязок від досвідчених викладачів
</p>
</figcaption>
</figure>
<figure>
<img src="/images/certificate.svg" />
<figcaption>
<p class="adventage_title_style">Міжнародний сертифікат</p>
<p class="defoul_text_style14px">
Офіційне підтвердження ваших навичок на міжнародному рівні
</p>
</figcaption>
</figure>
</div>
</section>
<section class="order container section" id="order">
<div class="order_text">
<p class="order_title_style">
Напишіть нам і станьте на крок ближче до своєї мети!
</p>
<p class="defoul_text_style16px">
Готові розпочати? Напишіть нам прямо зараз і розпочніть свій шлях до
вдосконалення вашого рівня англійської мови.
</p>
</div>
<form class="order_form">
<label>
Ім'я
<input
type="text"
name="name"
placeholder="Іваненко Іван"
required
minlength="2"
/>
<p class="order_error">Значення не пройшло валідацію</p>
</label>
<label>
Email
<input
type="email"
name="email"
placeholder="[email protected]"
required
/>
<p class="order_error">Значення не пройшло валідацію</p>
</label>
<label>
Коментар (опціонально)
<textarea
name="comment"
placeholder="Маю бажання записатись до вас на заняття у найближчу групу..."
></textarea>
</label>
<button type="submit">Надіслати</button>
</form>
</section>
<a href="#top">
<img class="up_arrow"src="/images/up-arrow.svg">
</a>
</main>
<footer class="section">
<img src="/images/footer-logo.svg" />
<div class="footer_contacts">
<p>Компанія «EN HOME»</p>
<p>Україна, м. Київ</p>
<p>[email protected]</p>
</div>
</footer>
</body>
</html>