-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
157 lines (153 loc) · 9.25 KB
/
blog.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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css">
<title>Scrapberry - Блог</title>
</head>
<body>
<header class="main-header">
<div class="container">
<div class="row align-items-center justify-content-center header-top">
<div class="col-xxl-3 col-lg-4 col-9">
<a href="index.html"><img class="logo" src="img/logo.png" alt="Логотип магазина Scrapberry" width="271" height="43"></a>
</div>
<div class="col-xxl-4 main-navigation-column">
<nav class="main-navigation">
<ul class="site-navigation">
<li><a href="products.html">Продукты</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="market.html">Магазин</a></li>
<li><a href="portfolio-catalog.html">Портфолио</a></li>
</ul>
</nav>
</div>
<div class="col-xxl-5 col-xl-6 col-lg-7 d-flex justify-content-between contacts-column">
<dl class="call-us">
<dt><b>+7 916 245 20 20</b></dt>
<dd><a class="link request-call-link" href="#">Заказать звонок</a></dd>
</dl>
<dl class="mail-us">
<dt><b>[email protected]</b></dt>
<dd><a class="link write-letter-link" href="mailto:[email protected]">Написать письмо</a></dd>
</dl>
<dl class="cart">
<dt><b>Корзина</b></dt>
<dd>
<span class="cart-amount">2 товара</span>
<a class="link total-price" href="cart.html">345 руб.</a>
</dd>
</dl>
</div>
<div class="col-xl-2 col-lg-1 col-3 burger-menu-column">
<div class="btn-group">
<button class="btn dropdown-toggle burger-button" type="button" data-toggle="dropdown" data-display="static" aria-haspopup="true" aria-expanded="false"></button>
<div class="dropdown-menu dropdown-menu-right burger-menu">
<a class="dropdown-item menu-item" href="products.html">Продукты</a>
<a class="dropdown-item menu-item" href="faq.html">FAQ</a>
<a class="dropdown-item menu-item" href="market.html">Магазин</a>
<a class="dropdown-item menu-item" href="portfolio-catalog.html">Портфолио</a>
<a class="dropdown-item menu-item hidden-items" href="#">Заказать звонок</a>
<a class="dropdown-item menu-item hidden-items" href="#">Написать письмо</a>
<a class="dropdown-item menu-item hidden-items" href="cart.html">Корзина</a>
</div>
</div>
</div>
</div>
</div>
</header>
<main class="inner-page blog-page">
<header class="page-header">
<h1 class="header">Блог</h1>
</header>
<div class="card post-card">
<div class="container">
<div class="row">
<div class="col-lg-5">
<img src="img/main-blog-1.jpg" class="card-img post-img" alt="...">
</div>
<div class="col-lg-7">
<div class="card-body">
<h3 class="card-title post-title">Зачем нужны обложки?</h3>
<p class="card-text post-caption">Сознание понимает стресс. С феноменологической точки зрения, предсознательное спонтанно понимает понимающий филогенез. В заключении добавлю, стимул вызывает гештальт. Аутотренинг, несмотря на внешние воздействия, притягивает эмпирический закон. Представленный контент-анализ является психолингвистическим в своей основе, таким образом бессознательное заметно иллюстрирует опасный субъект. Самонаблюдение дает страх, таким образом осуществляется своего рода связь с темнотой бессознательного.
</p>
<div class="post-bottom d-flex flex-wrap justify-content-between">
<span class="post-date">03.03.2019</span>
<a class="link read-more-link" href="#">Читать далее</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card post-card">
<div class="container">
<div class="row">
<div class="col-lg-5">
<img src="img/main-blog-2.jpg" class="card-img post-img" alt="...">
</div>
<div class="col-lg-7">
<div class="card-body">
<h3 class="card-title post-title">Ежедневник и личный бренд</h3>
<p class="card-text post-caption">Предсознательное, конечно, вызывает групповой аутизм. Как отмечает Д.Майерс, у нас есть некоторое чувство конфликта, которое возникает с ситуации несоответствия желаемого и действительного, поэтому роль непосредственно дает интеллект, к тому же этот вопрос касается чего-то слишком общего. В связи с этим нужно подчеркнуть, что эгоцентризм просветляет групповой эриксоновский гипноз. Сознание просветляет позитивистский объект. Сознание зеркально выбирает девиантный эгоцентризм.
</p>
<div class="post-bottom d-flex flex-wrap justify-content-between">
<span class="post-date">03.03.2019</span>
<a class="link read-more-link" href="#">Читать далее</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card post-card">
<div class="container">
<div class="row">
<div class="col-lg-5">
<img src="img/main-blog-3.jpg" class="card-img post-img" alt="...">
</div>
<div class="col-lg-7">
<div class="card-body">
<h3 class="card-title post-title">Наш выбор</h3>
<p class="card-text post-caption">Воспитание, в первом приближении, непоследовательно отчуждает автоматизм. Перцепция отталкивает социальный онтогенез речи. Интроекция важно отчуждает психоз. Эскапизм неравномерен. Филогенез выбирает опасный инсайт, о чем и писал А.Маслоу в своей работе "Мотивация и личность". Гетерогенность интегрирует методологический кризис.
</p>
<div class="post-bottom d-flex flex-wrap justify-content-between">
<span class="post-date">03.03.2019</span>
<a class="link read-more-link" href="#">Читать далее</a>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="main-footer">
<section class="social">
<div class="container">
<h2 class="section-header">Следуй за нами в <span class="highlighted-text">социальные сети</span></h2>
<div class="social-links-wrapper">
<a class="social-link facebook" href="#">Facebook</a>
<a class="social-link instagram" href="#">Instagram</a>
<a class="social-link vkontakte" href="#">Vkontakte</a>
<a class="social-link telegram" href="#">Telegram</a>
<a class="social-link youtube" href="#">YouTube</a>
</div>
</div>
</section>
<div class="footer-bottom">
<div class="container">
<div class="footer-links-wrapper">
<a class="link personal-data-link" href="#">Закон о персональных данных</a>
<a class="link write-letter-link" href="#">Написать письмо</a>
</div>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>