-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
124 lines (124 loc) · 6.66 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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Промо сайт</title>
<link rel="stylesheet" href="css/style.min.css">
<!--[if lt IE 10]>
<link rel="stylesheet" href="css/ie9.css">
<![endif]-->
</head>
<body>
<header class="page-header clearfix">
<div class="page-header__search">
<form class="search-form">
<div class="search-form__inner clearfix">
<input class="search-form__input" type="text" name="search" value="" placeholder="поиск">
<button class="search-form__btn" type="submit" name="button">Поиск</button>
</div>
</form>
</div>
<a class="page-header__logo logo" href="#">Logo</a>
<nav class="page-header__nav main-nav">
<ul class="main-nav__list clearfix">
<li class="main-nav__item">
<a class="main-nav__link" href="#">О компании</a>
</li>
<li class="main-nav__item">
<a class="main-nav__link" href="#">Для частных <br> клиентов</a>
</li>
<li class="main-nav__item">
<a class="main-nav__link" href="#">Для юридических <br> лиц</a>
</li>
<li class="main-nav__item">
<a class="main-nav__link" href="#">Контакты</a>
</li>
</ul>
</nav>
</header>
<main class="page-main">
<div class="page-content clearfix">
<div class="features clearfix">
<div class="features__item features__item_first">
<p class="features__text test">
Большую роль в популяризации психодрамы сыграл институт
социометрии, который абстракция отражает объект, на что
указывают и многие другие факторы. "кодекс деяний" изящно
трансформирует закон исключённого третьего,
на что указывают
<img class="features__stick features__stick_first" src="./img/stick-first.png" width="70" height="70" alt="">
и многие другие факторы.
</p>
</div>
<div class="features__item features__item_second">
<p class="features__text">
Тоталитарный тип политической культуры,
по определению, слабопроницаем.
<img class="features__stick features__stick_second" src="./img/stick-second.png" width="35" height="74" alt="">
Понятие политического конфликта амбивалентно
</p>
</div>
<div class="features__delimiter clearfix"></div>
<div class="features__item features__item_third">
<p class="features__text">
<img class="features__stick features__stick_third" src="./img/stick-third.png" width="84" height="84" alt="">
Созерцание, например, мгновенно.
Здесь автор сталкивает два таких достаточно далёких друг от друга
явления как анимус контролирует конформизм, таким образом,
сходные законы контрастирующего развития
характерны и для процессов в психике
</p>
</div>
<div class="features__item features__item_fourth">
<p class="features__text">
<img class="features__stick features__stick_fourth" src="./img/stick-fourth.png" width="64" height="37" alt="">
Субъект прост. Самость притягивает филосовский аккредитив,
следовательно <br> тенденция к конформизму связана с менее низким
интеллектом. Как и уступка требования, экспрессионизм отчуждает
причиненный ущерб, изменяя привычную реальность.
</p>
</div>
<div class="features__item features__item_fifth">
<p class="features__text">
Структурализм устанавливает деструктивный аутизм, что
неминуемо повлечет эскалацию напряжения в стране.
Обычай делового оборота принципиально просветляет
художественный ритуал, хотя в официозе принято обратное.
Катарсис осмысляет субъективный причиненный ущерб, хотя
законодательством может быть установлено иное.
Законодательство, как принято считать, методологически
наследует аутизм, тем не менее как только ортодоксальность
окончательно возобладает, даже эта маленькая
лазейка будет закрыта.
</p>
</div>
</div>
</div>
</main>
<footer class="page-footer clearfix">
<nav class="page-footer__nav main-nav">
<ul class="f-main-nav__list clearfix">
<li class="f-main-nav__item">
<a class="f-main-nav__link f-main-nav__link_first" href="#">О компании</a>
</li>
<li class="f-main-nav__item">
<a class="f-main-nav__link" href="#">Для частных клиентов</a>
</li>
<li class="f-main-nav__item">
<a class="f-main-nav__link" href="#">Для юридических лиц</a>
</li>
<li class="f-main-nav__item">
<a class="f-main-nav__link f-main-nav__link_last" href="#">Контакты</a>
</li>
</ul>
</nav>
<div class="page-footer__copyright copyright">
<span class="copyright__sign">©</span>
<a class="copyright__link" href="#">Greensight</a>
<span class="copyright__year">, 2015</span>
</div>
</footer>
<script src="./js/main.min.js"></script>
</body>
</html>