Skip to content

Task2 #27

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Ig0rM wants to merge 7 commits into
base: master
Choose a base branch
from
Open

Task2 #27

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
35f5edd
add name
Ig0rM Sep 21, 2015
8272bf8
markup_task1
Ig0rM Sep 22, 2015
cb408e9
Revert "markup_task1"
Ig0rM Sep 22, 2015
929f8a4
task1_markup
Ig0rM Sep 22, 2015
d26b1c7
Merge remote-tracking branch 'upstream/master'
Ig0rM Sep 23, 2015
08ba178
with BAM
Ig0rM Sep 25, 2015
8e2c99e
questions
Ig0rM Sep 28, 2015
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
88 changes: 88 additions & 0 deletions imaksimenko/blog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,88 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>HTML Academy: sedona</title>
<!-- <link rel="stylesheet" href="css/style.css"> -->
</head>
<body>

<header>
<nav>
<ul>
<li>Карта штата<button class="btn-close"></button></li>
<li>Информация</li>
<li>Фото и видео</li>
<li>Гостиницы</li>
</ul>
</nav>
<div class="header-img">
<div class="logo">
<span class="logo-welcome"></span>
<span class="logo-sedona"></span>
<span class="logo-quote"></span>
</div>
</div>
<div class="header-desc">
<h1>Блог шерифа</h1>
<p>Седона удивительный город! Горы здесь красного цвета, а местный шериф ведет блог и общается на форумах.</p>
</div>
</header>
<main>
<div class="theme">
<h2>Внимание! Сбежала моя домашняя анаконда</h2>
<p>Жители Содома и гости города, будьте бдительны - сбежала моя домашняя змея. Увидевшему срочно звонить 911 и бежать от нее подальше.</p>
<span class="last-response"><span class="lr-icon"></span>позавчера</span>
<span class="section"><span class="section-icon"></span>происшествия</span>
</div>
<div class="theme">
<h2>Внимание! Сбежала моя домашняя анаконда</h2>
<p>Жители Содома и гости города, будьте бдительны - сбежала моя домашняя змея. Увидевшему срочно звонить 911 и бежать от нее подальше.</p>
<span class="last-response"><span class="lr-icon"></span>позавчера</span>
<span class="section"><span class="section-icon"></span>происшествия</span>
</div>
<div class="theme">
<h2>Внимание! Сбежала моя домашняя анаконда</h2>
<p>Жители Содома и гости города, будьте бдительны - сбежала моя домашняя змея. Увидевшему срочно звонить 911 и бежать от нее подальше.</p>
<span class="last-response"><span class="lr-icon"></span>позавчера</span>
<span class="section"><span class="section-icon"></span>происшествия</span>
</div>
<div class="theme">
<h2>Внимание! Сбежала моя домашняя анаконда</h2>
<p>Жители Содома и гости города, будьте бдительны - сбежала моя домашняя змея. Увидевшему срочно звонить 911 и бежать от нее подальше.</p>
<span class="last-response"><span class="lr-icon"></span>позавчера</span>
<span class="section"><span class="section-icon"></span>происшествия</span>
</div>
<div class="theme">
<h2>Внимание! Сбежала моя домашняя анаконда</h2>
<p>Жители Содома и гости города, будьте бдительны - сбежала моя домашняя змея. Увидевшему срочно звонить 911 и бежать от нее подальше.</p>
<span class="last-response"><span class="lr-icon"></span>позавчера</span>
<span class="section"><span class="section-icon"></span>происшествия</span>
</div>
<div class="theme">
<h2>Внимание! Сбежала моя домашняя анаконда</h2>
<p>Жители Содома и гости города, будьте бдительны - сбежала моя домашняя змея. Увидевшему срочно звонить 911 и бежать от нее подальше.</p>
<span class="last-response"><span class="lr-icon"></span>позавчера</span>
<span class="section"><span class="section-icon"></span>происшествия</span>
</div>
<div class="pagination">
<div class="page-num">1</div>
<div class="page-num">2</div>
<div class="page-num">3</div>
<div class="page-num">4</div>
<div class="page-num">5</div>
</div>
</main>
<footer>
<span class="tags">#visitsedona</span>
<ul class="social">
<li class="social-tw"></li>
<li class="social-fb"></li>
<li class="social-youtube"></li>
</ul>
<div class="dev-by">Разработано <span class="dev-logo"></span></div>
</footer>
<!-- <script src="js/script.js"></script> -->

</body>
</html>
153 changes: 153 additions & 0 deletions imaksimenko/form.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,153 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>HTML Academy: sedona</title>
<!-- <link rel="stylesheet" href="css/style.css"> -->
</head>
<body>

<header class="header">
<nav class="upper-navigation">
<ul class="upper-navigation__list">
<li class="upper-navigation__item">Карта штата<span class="btn-close"></span></li>
<li class="upper-navigation__item">Информация</li>
<li class="upper-navigation__item">Фото и видео</li>
<li class="upper-navigation__item">Гостиницы</li>
</ul>
</nav>
<section class="header__img">
<div class="header__logo">
<span class="header__logo-welcome"></span>
<span class="header__logo-sedona"></span>
<span class="header__logo-quote"></span>
</div>
</section>
<section class="header__about-sedona">
<h1 class="header__desc-header">Седона - небольшой городок в Аризоне, заслуживающий большего!</h1>
<p class="header__desc">Рассмотрим 5 причин, по которым Седона круче чем Гранд Каньон!</p>
</section>
</header>





<main class="response">
<form class="response-form" name="response-form">
<fieldset class="person">
<h2 class="person__head">Представьтесь, пожалуйста:</h2>
<label class="person__lastname-label" for="lastname">Фамилия:</label>
<input class="person__lastname-input" type="text" name="lastname" id="lastname">
<label class="person__firstname-label" for="firstname">Имя:</label>
<input class="person__firstname-input" type="text" name="firstname" id="firstname">
<label class="person__patronymic-label" for="patronymic">Отчество:</label>
<input class="person__patronymic-input" type="text" name="patronymic" id="patronymic">
</fieldset>
<fieldset class="opinion">
<h2 class="opinion__head">Ваше общее впечатление:</h2>
<input class="opinion__good-opinion-input" type="radio" name="opinion" value="good" id="good-opinion" checked>
<label class="opinion__good-opinion-label" for="good-opinion">Скорее положительное</label>
<input class="opinion__bad-opinion-input" type="radio" name="opinion" value="good" id="bad-opinion" checked>
<label class="opinion__bad-opinion-label" for="bad-opinion">Скорее отрицательное</label>
</fieldset>
<fieldset class="date">
<h2 class="date__head">Даты Вашей поездки:</h2>
<label class="date__arrivalDate-label" for="arrivalDate">Дата приезда:</label>
<input class="date__arrivalDate-input" type="date" name="arrivalDate" id="arrivalDate">

<label for="daysCounter">Длительность пребывания:</label>
<article class="counter" id="daysCounter">
<button class="btn-counter">+</button><span class="counter__days">14 дн.</span><button class="btn-counter">-</button>
</article>

<label class="date__departureDate-label" for="departureDate">Дата отъезда:</label>
<input class="date__departureDate-input" type="date" name="departureDate" id="departureDate">
</fieldset>
<fieldset class="travelers">
<h2 class="travelers__head">Кол-во путешественников:</h2>
<label for="travelersCounter">Кол-во путешественников:</label>
<article class="counter" id="travelersCounter">
<button class="btn-counter">+</button><span class="counter__days">2 чел.</span><button class="btn-counter">-</button>
</article>

<div class="travelers__wrap">
<div class="travelers__traveler-person">
<div class="travelers__col1">
<label class="travelers__number-label" for="traveler-number-1">№:</label>
<input class="travelers__number-input" type="text" name="traveler-number" id="traveler-number-1">
</div>
<div class="travelers__col2">
<label class="travelers__lastname-label" for="traveler-lastname-1">Фамилия:</label>
<input class="travelers__lastname-input" type="text" name="traveler-lastname" id="traveler-lastname-1">
<label class="travelers__firstname-label" for="traveler-firstname-1">Имя:</label>
<input class="travelers__firstname-input" type="text" name="traveler-firstname" id="firstname-lastname-1">
<label class="travelers__patronymic-label" for="traveler-patronymic-1">Отчество:</label>
<input class="travelers__patronymic-input" type="text" name="traveler-patronymic" id="traveler-patronymic-1">
</div>
</div>
<div class="travelers__traveler-person">
<div class="travelers__col1">
<label class="travelers__number-label" for="traveler-number-2">№:</label>
<input class="travelers__number-input" type="text" name="traveler-number" id="traveler-number-2">
</div>
<div class="travelers__col2">
<label class="travelers__lastname-label" for="traveler-lastname-2">Фамилия:</label>
<input class="travelers__lastname-input" type="text" name="traveler-lastname" id="traveler-lastname-2">
<label class="travelers__firstname-label" for="traveler-firstname-2">Имя:</label>
<input class="travelers__firstname-input" type="text" name="traveler-firstname" id="firstname-lastname-2">
<label class="travelers__patronymic-label" for="traveler-patronymic-2">Отчество:</label>
<input class="travelers__patronymic-input" type="text" name="traveler-patronymic" id="traveler-patronymic-2">
</div>
</div>
</div>
</fieldset>
<fieldset class="places">
<h2 class="places__head">Посещенные достопримечательности:</h2>
<label>
<input type="checkbox" name="place" value="bridge" checked>Мост дьявола
</label>
<label>
<input type="checkbox" name="place" value="park">Слайд-парк
</label>
<label>
<input type="checkbox" name="place" value="mountain" checked>Гора-Колокол
</label>
<label>
<input type="checkbox" name="place" value="rock" checked>Красные скалы
</label>
</fieldset>
<article class="upload-photos">
<h2>Загрузите фотографии:</h2>
<button class="btn-grey">Выбрать фотографии</button>
<section class="photos">
<figure class="photos__item"><button class="btn-del">x</button></figure>
<figure class="photos__item"><button class="btn-del">x</button></figure>
<figure class="photos__item"><button class="btn-del">x</button></figure>
<figure class="photos__item"><button class="btn-del">x</button></figure>
<figure class="photos__item"><button class="btn-del">x</button></figure>
<figure class="photos__item"><button class="btn-del">x</button></figure>
<figure class="photos__item"><button class="btn-del">x</button></figure>
</section>
</article>
<input class="btn-submit" type="submit" value="Отправить отзыв">
</form>
</main>





<footer class="footer">
<span class="tags">#visitsedona</span>
<ul class="social-list">
<li class="social-list__item"></li>
<li class="social-list__item"></li>
<li class="social-list__item"></li>
</ul>
<div class="dev-by">Разработано <span class="dev-by__logo"></span></div>
</footer>
<!-- <script src="js/script.js"></script> -->

</body>
</html>
107 changes: 106 additions & 1 deletion imaksimenko/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,8 +7,113 @@
</head>
<body>

<p>Репозиторий создан для обучения на интенсивном онлайн-курсе «<a href="https://htmlacademy.ru/advanced_intensive">Продвинутый HTML и CSS</a>».</p>
<header class="header">
<nav class="upper-navigation">
<ul class="upper-navigation__list">
<li class="upper-navigation__item">Карта штата<span class="btn-close"></span></li>
<li class="upper-navigation__item">Информация</li>
<li class="upper-navigation__item">Фото и видео</li>
<li class="upper-navigation__item">Гостиницы</li>
</ul>
</nav>
<section class="header__img">
<div class="header__logo">
<span class="header__logo-welcome"></span>
<span class="header__logo-sedona"></span>
<span class="header__logo-quote"></span>
</div>
</section>
<section class="header__about-sedona">
<h1 class="header__desc-header">Седона - небольшой городок в Аризоне, заслуживающий большего!</h1>
<p class="header__desc">Рассмотрим 5 причин, по которым Седона круче чем Гранд Каньон!</p>
</section>
</header>





<main class="main">
<article class="benefit">
<header class="benefit-head">
<h2 class="benefit-head__header">Настоящий городок</h2>
<p class="benefit-head__number">- №1 -</p>
<p class="benefit-head__desc">Седона не атракцион для туристов, там течет своя жизнь</p>
</header>
<figure class="benefit__img"></figure>
<section class="benefit__list-wrap">
<ul class="benefit-list">
<li class="benefit-list__item">
<span class="icon-home"></span>
<h3 class="benefit-list__header">Жилье</h3>
<p class="benefit-list__desc">Рекомендуем пожить в настоящем мотеле, все как в кино!</p>
</li>
<li class="benefit-desc__item">
<span class="icon-gift"></span>
<h3 class="benefit-list__header">Сувениры</h3>
<p class="benefit-list__desc">Не только китайского, но и местного производства!</p>
</li>
<li class="benefit-desc__item">
<span class="icon-food"></span>
<h3 class="benefit-list__header">Еда</h3>
<p class="benefit-list__desc">Всегда заказывайте фирменный бургер, вы не разочаруетесь!</p>
</li>
</ul>
</section>
</article>

<article class="benefit">
<header class="benefit-head">
<h2 class="benefit-head__header">Там есть мост дьявола</h2>
<p class="benefit-head__number">- №2 -</p>
<p class="benefit-list__desc">Да, по нему можно пройти! Если конечно вы осмелитесь</p>
</header>
<figure class="benefit__img"></figure>
</article>
<article class="benefit benefit--short">
<header class="benefit-head">
<h2 class="benefit-head__header">небольшая площадь</h2>
<p class="benefit-head__number">- №3 -</p>
<p class="benefit-list__desc">Все достопримечательности находятся очень близко</p>
</header>
</article>
<article class="benefit benefit--short">
<header class="benefit-head">
<h2 class="benefit-head__header">Красивая дорога</h2>
<p class="benefit-head__number">- №4 -</p>
<p class="benefit-list__desc">Ехать в Седону из Лас-Вегаса совсем не скучно!</p>
</header>
</article>
<article class="benefit benefit--short">
<header class="benefit-head">
<h2 class="benefit-head__header">Мало туристов</h2>
<p class="benefit-head__number">- №5 -</p>
<p class="benefit-list__desc">Большинство едет в Гранд Каньон и толпится там</p>
</header>
</article>
<article class="interested">
<div class="interested__wrap">
<p class="interested__header">Заинтересовались?</p>
<p class="interested__desc">Укажите предполагаемые даты поездки и мы покажем вам лучшие предложения гостиниц в седоне</p>
</div>
<button class="btn-blue">Найти гостиницу</button>
</article>
<div class="map"></div>
</main>





<footer class="footer">
<span class="tags">#visitsedona</span>
<ul class="social-list">
<li class="social-list__item"></li>
<li class="social-list__item"></li>
<li class="social-list__item"></li>
</ul>
<div class="dev-by">Разработано <span class="dev-by__logo"></span></div>
</footer>
<!-- <script src="js/script.js"></script> -->

</body>
Expand Down
Loading