HTML
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Тревел-блог</title>
</head>
<body>
<main>
<h1>"Беспечный ездок" Евгений Иванов-Петров</h1> <br>
<div>
<img src="/assets/img/logo_gmap.svg" alt="Карта лого" width="150" height="120" >
</div>
<nav>
<ol type="1">
<li><a href="#t1">Обо мне</a></li>
<li><a href="#t2">Где я был?</a></li>
<li><a href="#t3">Где я не был?</a></li>
<li><a href="#t4">Шенген</a></li>
<li><a href="#t5">Мои фотоотчёты</a></li>
<li><a href="#t6">Мои книги и публикации</a></li>
</ol>
</nav>
<section>
<h2 id="t1"><b>1. Где я был? Проще рассказать о том, где я НЕ был!</b></h2>
<div>
<img src="/assets/img/photo_blogger.jpg" alt="Фото блогера">
</div>
<p> Это - <b>моя страничка-визитка</b>, где я рассказываю о своих путешествиях в одиночестве и компании, автостопом и бизнес-классом, галопом по Европам и режиме а-ля "полгода в <abbr title="Юго-Восточная Азия">ЮВА</abbr>".<br>
Добро пожаловать в гости к "Беспечному ездоку!"
</p>
</section>
<section>
<h2 id="t2">
<b>2. Основные и наиболее интересные страны, куда меня заносило</b></h2>
<object data="/assets/img/gif_travel.gif" type="image/gif"></object>
<select name="text" id="countries">
<option value="1">Доминиканская Республика</option>
<option value="2">Бельгия</option>
<option value="3">Бирма (Мьянма)</option>
<option value="4">Вьетнам</option>
<option value="5">Китай</option>
<option value="6">Италия</option>
<option value="7">Лаос</option>
<option value="8">Китай</option>
<option value="9">Испания</option>
<option value="10">Япония</option>
</select>
</section>
<section>
<h2 id="t3"><b>3. Страны, в которые ломанусь сразу после снятия ограничений</b></h2>
<object data="/assets/img/gif_travel2.gif" type="image/gif"></object>
<select name="future">
<option value="1">Австралия</option>
<option value="2">Новая Зеландия</option>
<option value="3">Исландия</option>
<option value="4">Ирландия</option>
<option value="5">Шотландия</option>
<option value="6">Бразилия</option>
<option value="7">Мексика</option>
</select>
</section> <br>
<div>
<span>Опрос по шенгенской визе:</span>
<div>
<input type="radio" name="viza" id="answer1" value="yes">
<label for="answer1">Есть</label>
</div>
<div>
<input type="radio" name="viza" id="answer2" value="no">
<label for="answer2">Нет</label>
</div>
</div>
<section>
<h2 id="t5"><b>5. Мои фотоотчеты</b></h2>
<div>
<img src='/assets/img/icon_photo.svg' alt="Иконка фото" width="150" height="120">
</div>
<figure>
<img src='/assets/img/photo_dominicana.jpg' alt="The Dominicana Republic" width="304" height="228">
<figcaption>Рис. 1 — Пляжи Доминиканы</figcaption>
</figure>
<figure>
<img src='/assets/img/photo_japan.jpg' alt="Japan" width="304" height="228">
<figcaption>Рис. 2 - Цветение сакуры в Японии</figcaption>
</figure>
</section>
<section>
<h2 id="t6"><b>6. Мои книги и публикации</b></h2>
<p>Я написал несколько мемуаров о моих поездках, их можно приобрести, сделав запрос на почту </p>
</section>
</main>
<footer>
<p><i>Сейчас я в разъездах, буду рад любому донату :)</i></p>
<button>На чай с плюшками:)</button> <br>
<br>
<span>Подписка на новости:</span>
<div>
<input type="checkbox" id="travels_world" name="news1" value="in_world"/>
<label for="travels_world">Что в мире?</label>
</div>
<div>
<input type="checkbox" id="bloger_travels" name="news2" value="my_travels"/>
<label for="bloger_travels">Мои путешествия</label>
</div>
<br>
<address>
<span>Тел. +73589652147</span> <br>
<span>E-mail: bespe4nyjezdok@mail.ru</span>
</address>
</footer>
</body>
</html>
