-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
100 lines (94 loc) · 5.63 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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="pages/index.css">
<title>Куда поехать</title>
</head>
<body class="page">
<header class="header">
<ul class="header__list-link">
<li class="header__link"><a class="header__link-text" href="cap.html">Мечты</a></li>
<li class="header__link"><a class="header__link-text" href="cap.html">Ожидания</a></li>
<li class="header__link"><a class="header__link-text" href="cap.html">Реальность</a></li>
</ul>
<a class="header__report header__link-text" href="cap.html">Пожаловаться</a>
</header>
<main class="content">
<section class="intro">
<div class="intro__text-column">
<p class="intro__subtitle">Куда я поеду</p>
<h1 class="intro__title">Куда я поеду сразу, как можно будет куда-то поехать</h1>
</div>
<div class="intro__pic">
<img class="intro__illustration" src="./images/intro-image.jpeg" alt="вид из самолета">
</div>
</section>
<section class="places">
<div class="place">
<div class="place__image place__image_grid">
<img class="place__pic" src="./images/places-forest.jpeg" alt="водопад в лесу">
</div>
<div class="place__text-content ">
<h2 class="place__title">Поеду в лес</h2>
<p class="place__paragraph">Лес — экологическая система, биоценоз, в которой главной
жизненной формой являются деревья.</p>
<p class="place__paragraph">Лес — составная часть природы, понятие «лес» можно рассматривать на разных уровнях.
В глобальном масштабе — это часть биосферы, в локальном — это может быть насаждение.
Леса занимают около трети площади суши.</p>
</div>
<div class="place__text-content">
<h2 class="place__title">Поеду в горы</h2>
<p class="place__paragraph">Горные системы занимают 64 % поверхности Азии, 36 % — Северной Америки, 25 % — Европы,
22 % — Южной Америки, 17 % — Австралии и 3 % — Африки. В целом 24 % земной поверхности приходится на горы.
10 % всех людей живёт на территории гор. В горах берёт своё начало большинство рек Земли.
</p>
</div>
<div class="place__image ">
<img class="place__pic" src="./images/places-mountains.jpeg" alt="водопад в лесу">
</div>
<div class="place__image">
<img class="place__pic" src="./images/places-black-sea.jpeg" alt="водопад в лесу">
</div>
<div class="place__text-content place__text-content_grid">
<h2 class="place__title">Поеду на Чёрное море</h2>
<p class="place__paragraph">Я уплыву туда, где ни разу я не был, туда, где никто раньше не был.
Никто и никогда раньше не был, я уплыву. Я позову тебя смотреть на синее небо и пить по капле синее небо,
и падать в это синее небо, я позову.</p>
<p class="place__paragraph">Уеду я на Чёрное-Чёрное море, на Чёрное-Чёрное море,
на Чёрное-Чёрное море уеду я. Уеду я на Чёрное-Чёрное море, на Чёрное-Чёрное море, на Чёрное-Чёрное море.</p>
<p class="place__paragraph">Уеду я.</p>
</div>
</div>
</section>
<section class="people">
<p class="people__subtitle">Люди</p>
<h2 class="people__title">Что говорят и говорили люди о путешествиях</h2>
<ul class="table">
<li class="table__cell">
<h3 class="table__heading">Иван Бунин</h3>
<p class="table__text">Человека делают счастливым три вещи: любовь, интересная работа и возможность
путешествовать.</p>
</li>
<li class="table__cell">
<h3 class="table__heading">Альбер Камю</h3>
<p class="table__text">Путешествие как самая великая и серьезная наука помогает нам вновь обрести себя.</p>
</li>
<li class="table__cell">
<h3 class="table__heading">Норвежская пословица</h3>
<p class="table__text">Лишь тот, кто странствует, открывает новые пути.</p>
</li>
<li class="table__cell">
<h3 class="table__heading">Мария Захарова</h3>
<p class="table__text">В принципе зарубежная поездка – это серьезнейшее, ответственнейшее и очень рискованное
предприятие.</p>
</li>
</ul>
</section>
</main>
<footer class="footer">
<h2 class="footer__copyright">© 2021</h2>
</footer>
</body>
</html>