landing/index.html at master · AndreiManya/landing · GitHub

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
<!-- Сообщаем браузеру как стоит обрабатывать эту страницу -->
<!DOCTYPE html>
<!-- Оболочка документа, указываем язык содержимого -->
<html lang="ru">
	<!-- Заголовок страницы, контейнер для других важных данных (не отображается) -->
	<head>
		<!-- Заголовок страницы в браузере -->
		<title>Tryyy</title>
		<!-- Подключаем CSS -->
		<link rel="stylesheet" href="css/style.css" />
		<!-- Кодировка страницы -->
		<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
		<meta name="viewport" content="width=device-width">
	</head>
	<!-- Отображаемое тело страницы -->
	<body>
		<!-- <div class="container">] -->
			<div class="top">
				<div class="container">
					<div class="nav">
						<div class="top__logo logo">
							<span>T</span>ABACO
						</div>
						<div class="nav__burger">
							<span></span>
						</div>
						<ul class="top-nav ">
							<li class="btn">Преимущества</li>
							<li class="btn">Формат Уроков</li>
							<li class="btn">Программа</li>
							<li class="btn">8-800-555-35-35</li>
						</ul>
					</div>
					<div class="top-bottom">
						<div class="top-about">
							<div class="top-about__text">Изучение английского языка
								за три месяца по программе Андрея Табако</div>
							<div class="top-about__link">	<a href="https:/www.google.com">Записаться</a></div>
						</div>
					</div>
				</div>
			</div>
			<div class="skills">

				<div class="container">
					<div class="skills-container">
						<div class="skills__title title">Преимущества</div>
						<div class="skills-columns">
							<div class="skills-columns__item">
								<img src="img/about/img1.svg" alt="">
								<p>Все самые актуальные темы, чтобы
									чувствовать себя уверенно заграницей</p>
							</div>
							<div class="skills-columns__item">
								<img src="img/about/img2.svg" alt="">
								<p>Разговорный КЛУБ
									с носителями языка</p>
							</div>
							<div class="skills-columns__item">
								<img src="img/about/img3.svg" alt="">
								<p>Индивидуальная программа
									обучения
									для каждого</p>
							</div>
							<div class="skills-columns__item">
								<img src="img/about/img4.svg" alt="">
								<p>Возможность
									заниматься
									онлайн и в группе</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="lessons">
				<div class="container">
					<div class="lessons-block">
						<div class="lessons-block__title title">
							Формат уроков
						</div>
						<div class="lessons-col">
							<div class="lessons-col__item">
								<img src="img/about/1.jpg" alt="">
								<h1>Для новичков</h1>
								<p>Ваши знания не превышают слов, которые вы слышали в зарубежных песнях, не переживайте! За несколько месяцев мы научим вас основам языка и грамматики и вы сами сможете сочинить песню на английском языке или составить текст.
								</p>
								<h2>Срок обучения: от 3 до 12 месяцев</h2>
							</div>
							<div class="lessons-col__item">
								<img src="img/about/2.jpg" alt="">
								<h1>Интенсивный курс</h1>
								<p>Для тех, кто уже знаком с языком, но хочет улучшить свои навыки, чтобы например, съездить заграницу и легко понимать местных жителей. Или вы хотите читать статьи на английский языке по вашей тематике? Мы поможем!
								</p>
								<h2>Срок обучения: от 1 до 2 месяцев</h2>
							</div>
							<div class="lessons-col__item">
								<img src="img/about/3.jpg" alt="">
								<h1>Программа для бизнесменов</h1>
								<p>Едете на конференцию, хотите презентовать
								ваш продукт коллегам? Мы знаем, что у вас сжатые сроки и амбициозные планы, поэтому разработали ускоренную программу изучения английского для бизнесменов.
								</p>
							<h2>Срок обучения: 1 месяц</h2>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="map">
				<div class="container">
					<div class="form">
						<div class="form-wrap">]
							<div class="form__title">Запишись на первое<br>пробное занятие БЕСПЛАТНО!
							</div>
							<form action="#" class="form-block">
								<input type="text" name="" id="" placeholder="Имя"><br>
								<input type="text" name="" id="" placeholder="Телефон"><br>
								<textarea name="" id="" cols="30" rows="5" placeholder="Комментарий" ></textarea><br>
								<button type='submit'>Записаться на занятие</button>
							</div>
					</div>
				</div>
			</div>
			<div class="footer">
				<div class="container">
					<div class="footer-block">
						<div class="footer-block__top">
							<div class="footer-block__title logo" ><span>T</span>ABACO</div>
							<ul class="footer-block__adress">
								<li>8-800-555-35-35</li>
								<li>г. Москва, ул. Ильина, 58 офис 6</li>
							</div>
							<div class="footer-block__bottom">
								<p>A.TABAKO Все права защищены, 2018 г.  Политика конфиденциальности</p>
							</div>
						</ul>
					</div>
				</div>
			</div>
	</body>
	<script src='js/script.js'></script>
</html>