urfu-2017 · qmzik · Oct 19, 2017 · Oct 19, 2017 · Oct 22, 2017 · Oct 22, 2017
diff --git a/img/arcticle1.jpg b/img/arcticle1.jpg
diff --git a/img/buzova.jpg b/img/buzova.jpg
diff --git a/img/clothes.jpg b/img/clothes.jpg
diff --git a/img/guys.jpg b/img/guys.jpg
diff --git a/img/kutemba.jpg b/img/kutemba.jpg
diff --git a/img/underwear.jpg b/img/underwear.jpg
diff --git a/index.css b/index.css
@@ -0,0 +1,163 @@
+.page-inner
+{
+    background: #dadada;
+    height: 100%;
+    width: 100%;
+}
+
+header
+{
+    text-align: center;
+}
+
+h1,
+h2,
+h3,
+h4
+{
+    text-align: center;
+}
+
+h3
+{
+    margin: 0;
+}
+
+hr
+{
+    border-color: black;
+}
+
+ul
+{
+    list-style: none;
+    padding: 0;
+}
+
+main
+{
+    padding: 30px;
+}
+
+article
+{
+    padding-bottom: 30px;
+    border-bottom: solid 1px black;
+}
+
+article:last-child,
+.advertising ul li:last-child
+{
+    border: none;
+}
+
+article:first-letter
+{
+    font-size: 30px;
+    color: red;
+}
+
+input[type='checkbox']
+{
+    width: 30px;
+    height: 30px;
+}
+
+.color:checked ~ div
+{
+    background: teal;
+    color: white;
+}
+
+.font-size:checked ~ div
+{
+    font-size: large;
+}
+
+.font-family:checked ~ div
+{
+    font-family: 'Bookman Old Style';
+}
+
+.first-col,
+.second-col,
+.advertising,
+.next-release
+{
+    display: inline-block;
+    vertical-align: top;
+}
+
+.first-col,
+.second-col
+{
+    width: 30%;
+}
+
+div
+{
+    padding: 10px;
+}
+
+div img
+{
+    width: 100%;
+}
+
+blockquote
+{
+    margin: 5px;
+}
+
+q
+{
+    font-style: italic;
+}
+
+em
+{
+    color: red;
+}
+
+.advertising
+{
+    width: 20%;
+    height: auto;
+    text-align: center;
+}
+
+.advertising li
+{
+    padding-bottom: 10px;
+    padding-top: 10px;
+    border-bottom: solid 1px black;
+}
+
+.advertising img
+{
+    max-width: 100%;
+}
+
+.next-release
+{
+    width: 12%;
+    text-align: center;
+}
+
+.next-release li
+{
+    border-bottom: solid 1px black;
+    margin-bottom: 30px;
+    padding-bottom: 30px;
+}
+
+.next-release li:last-child
+{
+    border: none;
+}
+
+footer
+{
+    text-align: center;
+    border-top: solid 1px black;
+}
diff --git a/index.html b/index.html
@@ -3,7 +3,191 @@
 <head>
     <meta charset="utf-8">
     <title>Задача «DeLorean DMC-12»</title>
+    <link rel="stylesheet" href="index.css">
 </head>
 <body>
+<label for="color">Изменить цвет</label>
+<input id="color" class="color" type="checkbox">
+<label for="font-size">Изменить размер шрифта</label>
+<input id="font-size" class="font-size" type="checkbox">
+<label for="font-family">Изменить тип шрифта</label>
+<input id="font-family" class="font-family" type="checkbox">
+<div class="page-inner">
+    <header>
+        <hr>
+        <h1><em>С</em>упер информативная газета</h1>
+        <data value="30.10.2007">Понедельник, 30 октября 2007</data>
+        <hr>
+    </header>
+    <main>
+        <div class="advertising">
+            <ul>
+                <li>
+                    <h3>Купить майонез недорого это легко!</h3><br>
+                    <span>Самые низикие цены у нас пиперболе.</span>
+                </li>
+                <li>
+                    <h3>Высшее образование по доступной цене</h3><br>
+                    <span><img src="img/guys.jpg" alt=""></span>
+                </li>
+                <li>
+                    <h3>Теперь современные технологие доступны всем!</h3><br>
+                    <span>Новейшие умные весы теперь со скидкой 5 процентов, успевайте.</span>
+                </li>
+                <li><h3>Новые купальники в продаже, позволь себе большее</h3><br>
+                    <span><img src="img/underwear.jpg" alt=""></span>
+                </li>
+            </ul>
+        </div>
+        <div class="first-col">
+            <article>
+                <h2>Путин пригрозил <abbr>США</abbr> мгновенным ответом на выход из договора о
+                    <abbr>РСМД</abbr></h2>
+                <blockquote><q>Мы просто выровняли сейчас ситуацию. Если это не нравится и у кого-то есть
+                    желание выйти
+                    из
+                    договора
+                    вообще, у американских партнеров, с нашей стороны ответ будет мгновенным. Хочу об этом
+                    сказать –
+                    мгновенным.
+                    И зеркальным</q>, – передает слова Путина <cite><abbr>РИА</abbr> «Новости»</cite>.
+                </blockquote>
+                <img src="img/arcticle1.jpg" alt="">
+                <p>
+                    Он напомнил, что у <abbr>США</abbr> до сих пор есть ракеты и морского, и воздушного
+                    базирования, то
+                    есть советская
+                    сторона провела одностороннее разоружение, поэтому и идет речь о том, что Россия выровняла
+                    ситуацию.
+
+                    Договор же Россия будет соблюдать до тех пор, пока его соблюдают партнеры.
+
+                    Путин также рассказал, что при ликвидации ракет средней и малой дальности главный
+                    конструктор
+                    покончил
+                    жизнь самоубийством, потому что считал это предательством в отношении собственной страны.
+
+                    <data value="11.10.2017">11 октября</data>
+                    в <abbr>МИДе</abbr> заявили, что <abbr>США</abbr> так и не представили никаких реальных
+                    доказательств каких-либо
+                    нарушений
+                    договора о <abbr>РСМД</abbr> со стороны России.
+                </p>
+                <p>
+                    Греф уверен, что эта тенденция не только продолжится, но и россияне смогут стать
+                    свидетелями
+                    рекордно
+                    низкой для российской действительности ставки по ипотеке в 5%. «Сегодня инфляция 3%, я
+                    думаю, что
+                    ставки
+                    5% не за горами», – заявил Герман Греф. Учитывая, что средняя по рынку ставка ипотеки
+                    составляет
+                    10,58%,
+                    значит, Греф верит в удешевление заемных денег на целых 5,5%. Звучит на первый взгляд
+                    фантастично.
+
+                    В теории есть механизмы, которые могут привести к удешевлению ипотеки на 5%, говорит
+                    Кирилл Яковенко
+                    из
+                    «Алор Брокер». Первый вариант: у бюджета появляется некий новый, неизвестный ранее
+                    источник доходов
+                    -
+                    либо цены на нефть Brent возвращаются к 100 долларам за баррель.
+                </p>
+            </article>
+        </div>
+        <div class="second-col">
+            <article>
+                <h2>Сочинский фестиваль запустил по всему миру сетевое броуновское движение</h2>
+                <img src="img/kutemba.jpg" alt="">
+                <p>
+                    Всемирный фестиваль собрал в осеннем Сочи парней и девушек почти из каждой страны земного
+                    шара. И
+                    большинство из них впервые открыли для себя Россию. Вопреки сказкам зарубежных медиа, они
+                    убедились:
+                    Россия
+                    – страна свободы, успеха и новых возможностей. Многие из прибывших делегатов, как,
+                    например, Жанна
+                    Цауркубуле из Латвии, не могли даже скрыть доброй зависти к образу жизни молодых россиян.
+                    В субботу завершается XIX Всемирный фестиваль молодежи и студентов (ВФМС), стартовавший 14
+                    октября.
+                    В
+                    воскресенье участники начнут улетать домой. Мероприятие получилось массовым. В нем
+                    участвовали
+                    представители
+                    молодежи со всех континентов, - около 30 тыс. молодых профессионалов в различных сферах в
+                    возрасте
+                    от 18
+                    до
+                    35 лет из 188 стран.</p>
+            </article>
+        </div>
+        <div class="next-release">
+            <h2>В следующем выпуске!</h2>
+            <ul>
+                <li>
+                    <h3>Сканадалы, интриги</h3><br>
+                    <span>Кумач не справился с управлением</span>
+                </li>
+                <li>
+                    <h3>Почему Бузова не может есть стоя</h3><br>
+                    <span><img src="img/buzova.jpg" alt=""></span>
+                </li>
+                <li>
+                    <h3>Теперь современные технологие доступны всем!</h3><br>
+                    <span>Новейшие умные весы теперь со скидкой 5 процентов, успевайте.</span>
+                </li>
+                <li><h3>Где купить классную вещи и по приятной цене</h3><br>
+                    <span><img src="img/clothes.jpg" alt=""></span>
+                </li>
+            </ul>
+        </div>
+        <div class="some-info">
+            <h1><em>Р</em>убрика: Где можно вкусно поесть на этой неделе.</h1>
+            <p>
+                Не знаете, где можно поесть сегодня в Екатеринбурге. Хотите изучить предложения всех кафе,
+                баров и
+                ресторанов города? Тогда вам наверняка пригодится раздел «Вкусно поесть». Здесь вы сможете
+                получить
+                максимально объективную и актуальную информацию для правильного выбора места, где можно вкусно
+                покушать.
+                Раздел позволяет оценить интерьер конкретного кафе, ресторана или столовой, а также получить
+                информацию
+                по
+                ценам. Кроме того, вам наверняка пригодятся развернутые контактные данные, а также электронная
+                карта
+                Екатеринбурга – с ее помощью очень просто найти и увидеть нужный адрес на карте.
+            </p>
+            <p>
+                Каждый выбирает, где вкусно поесть, исходя их своих кулинарных предпочтений. Как бы то ни
+                было, на
+                фуд-зонах в <abbr>ТЦ</abbr> всегда собираются очереди, так как эти точки общепита являются
+                местами, где
+                можно поесть
+                сытно и недорого
+
+                Поесть в Екатеринбурге на 3D-карте <abbr>2ГИС</abbr>: телефоны, сайты, часы работы, отзывы,
+                фото, входы,
+                поиск проезда на
+                городском транспорте и авто. Ресторан с душой и вкусной едой! Средний чек 800 р. Бизнес-ланч
+
+                Неужели нам так и не узнать на практике, что такое пятипроцентная ипотека? Отчего же, это
+                вполне
+                возможно - но самое ранее через три года. А скорее всего - даже после 2020 года. И то при
+                условии, что
+                российская экономика будет расти и обойдется без каких бы то ни было катаклизмов.
+            </p>
+        </div>
+    </main>
+    <footer>
+        <ul>
+            <li>Телефон: +7 (343) 000-00-00</li>
+            <li>Издательство: ООО "Тататата"</li>
+            <li>О событиях сообщайте на имэйл:
+                <address>[email protected]</address>
+            </li>
+        </ul>
+    </footer>
+</div>
 </body>
 </html>