-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (114 loc) · 5.33 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Mulish:wght@400;700&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./style.css">
</head>
<body>
<header>
<h2>HSchool</h2>
<nav>
<p>Программа обучения</p>
<p>Вопросы</p>
<p>Стоимость</p>
<p>Отзывы</p>
</nav>
<div class="btn-start">Записаться</div>
</header>
<main>
<section class="basic">
<div class="flex-basic">
<div class="publication">
<h1>Начни карьеру в <br>
IT прямо сейчас.
</h1>
<p>Стать востребованным IT-специалистом вместе с <br>
HSchool.
</p>
<div class="btn-start">Записаться</div>
</div>
<div class="img-main"></div>
</div>
</section>
<section class="info">
<div class="img-group-1"></div>
<div class="statistics">
<div class="info-tile">
<h2>50</h2>
<p>счастливых студентов</p>
</div>
<div class="seporator"></div>
<div class="info-tile">
<h2>2177</h2>
<p>лекций</p>
</div>
<div class="seporator"></div>
<div class="info-tile">
<h2>50</h2>
<p>отзывов</p>
</div>
</div>
</section>
<section class="benefits">
<div class="school-success">
<h1>НАШИ ПРЕИМУЩЕСТВА</h1>
<p>HSchool предлагает полное сопровождение всем <br>
желающим освоить новые направления в сфере IT.
</p>
</div>
<div class="benefits-school">
<article>
<div class="img-group-2"></div>
<div>
<h3>Максимум практики</h3>
<p>Минимум скучной теории и максимум практики. Слушатели получают прикладные знания в процессе
выполнения <br>
проектов.
</p>
</div>
</article>
<article>
<div class="img-group-2"></div>
<div>
<h3>Мини группы</h3>
<p>Наши занятия походят в небольших группах, где преподаватель уделяет достаточно внимание
каждому
слушателю. <br>
Также есть возможность индивидуального обучения.
</p>
</div>
</article>
<article>
<div class="img-group-2"></div>
<div>
<h3>Актуальные программы обучения</h3>
<p>Мы меняем программы обучения вместе с изменениями в мире IT. Таким образом ты будешь изучать
только актуальную <br>
информацию и получишь навыки, необходимые для должности Senior JS Developer.
</p>
</div>
</article>
<article>
<div class="img-group-2"></div>
<div>
<h3>Всестороннее развитие</h3>
<p>Мы поможем тебе прокачать soft skills, чтобы помочь легко проходить собеседования, эффективно
работать в команде и <br>
вырабатывать необходимые личностные качества для карьерного роста.
</p>
</div>
</article>
</div>
</section>
</main>
</body>
</html>