-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpost.html
141 lines (119 loc) · 6.23 KB
/
post.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
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>HTML Academy: pink</title>
</head>
<body class="page">
<header class="main-header">
<div class="logo">
<a class="logo__link" href="#"><img src="#" alt="PINK"></a>
</div>
<div class="menu-button">
<a class="menu-button__link" href="#">Open menu</a>
<a class="menu-button__link" href="#">Close menu</a>
</div>
<h1 class="main-header__slogan">Блог путешественников, пользователей Пинк</h1>
<!-- Выпадающее меню начало -->
<nav class="ddmenu">
<ul>
<li class="ddmenu-item">
<a class="ddmenu-item__link" href="#">Информация</a>
</li>
<li class="ddmenu-item">
<a class="ddmenu-item__link" href="#">Возможности</a>
</li>
<li class="ddmenu-item">
<a class="ddmenu-item__link" href="#">Отзывы</a>
</li>
<li class="ddmenu-item">
<a class="ddmenu-item__link" href="#">Стоимость</a>
</li>
</ul>
</nav>
<!-- Выпадающее меню конец -->
</header>
<main>
<section class="post">
<article class="post-header">
<h1 class="post-header__title">Антон и Надя в Тайланде</h1>
<div class="post-header__date">Опубликовано 6 месяцев назад</div>
<div>
<a class="post-header__link">Читайте рассказ о том, как семейная пара посещала Тайланд, стараясь
максимально избегать избитых
туристических мест и районов.</a>
</div>
</article>
<article class="post-content">
<h3 class="post-content__title">Предыстория</h3>
<p class="post-content__text">В Азию нам хотельсь попасть уже давно, но все время что–то останавливало.
Также не давал покоя
вопрос
гигиены и чистоты вокруг. Были сомнения и на счет местной еды. Однако, увидев выгодные билеты на <a
href="#">skyscanner.ru</a> мы все–таки решились!</p>
</article>
<article class="post-content">
<h3 class="post-content__title">Выбор отеля</h3>
<p class="post-content__text">В Тайланде огромный разброс по стоимости отелей и так же сильно отличаются они
сами. Так как
достопримечательности щедро разбросаны по всей стране, то чтобы посетитьих все, нужно в нескольких
разных
городах. В итоге мы остановилиьс на следующих:</p>
<ul class="post-content__list">
<li class="post-content__list--circle">Point Yamu by Como(Пхукет)</li>
<li class="post-content__list--circle">Amari Vogue Hotel (Краби)</li>
<li class="post-content__list--circle">Photo Hotel (Пхукет)</li>
</ul>
<p class="post-content__text">В выборе отелей мы учитывали как расположение, так и отзывы на Tripadvisor.
Например, вот, что пишут люди
про
Point Yamu:</p>
<p class="post-content__text">Замечательное место, в которое хочется вернуться обязательно! Персонал
отзывчивый и
внимательный,
еда –
потрясающая. Отель расположен в тихом и уединенном месте – в чем вся и прелесть. СПА отличный.
Потрясающие виды.</p>
<p class="post-content__text"><i>Олег, г. Москва</i></p>
</article>
<article class="post-content">
<h3 class="post-content__title">Местная еда</h3>
<p class="post-content__text">Существует мнение, что вся едав Тайланде экстремально острая. Это мнение
сложилось
не напрасно! Но не
стоит
делать из этого проблему – просто попросите сделать ваше блюдо «not spicy». Желающие
могут
попробовать жареных тараканчиков. Мы не рискнули.</p>
</article>
<div class="switch-word">
<div>
<a class="switch-word__previous" href="#">Пред.</a>
</div>
<div>
<a class="switch-word__next" href="#">След.</a>
</div>
<div>
<a class="switch-word__back" href="#">Назад к списку</a>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="footer__align">
<div class="footer-logo">
<a class="footer-logo__link" href="#"><img src="#" alt="PINK"></a>
</div>
<div class="iconSN">
<!-- иконки соцсетей -->
<a class="iconSN__link" href="#"><img src="#" alt="Twitter"></a>
<a class="iconSN__link" href="#"><img src="#" alt="Facebook"></a>
<a class="iconSN__link" href="#"><img src="#" alt="YouTube"></a>
</div>
<div class="developer">
<a class="developer__link" href="#">Разработано<img src="#" alt="HTML Academy"></a>
</div>
</div>
</footer>
</body>
</html>