diff --git a/img/apperture.png b/img/apperture.png new file mode 100644 index 0000000..64f1bd7 Binary files /dev/null and b/img/apperture.png differ diff --git a/img/find.png b/img/find.png new file mode 100644 index 0000000..1cc67c8 Binary files /dev/null and b/img/find.png differ diff --git a/img/kama-pulya.jpg b/img/kama-pulya.jpg new file mode 100644 index 0000000..9ed2bce Binary files /dev/null and b/img/kama-pulya.jpg differ diff --git a/img/weather.jpg b/img/weather.jpg new file mode 100644 index 0000000..c5ba4e3 Binary files /dev/null and b/img/weather.jpg differ diff --git a/img/yadisk-logo1.jpg b/img/yadisk-logo1.jpg new file mode 100644 index 0000000..0d9e637 Binary files /dev/null and b/img/yadisk-logo1.jpg differ diff --git a/index.css b/index.css index e69de29..673a517 100644 --- a/index.css +++ b/index.css @@ -0,0 +1,225 @@ +@font-face +{ + font-family: 'PT Sans Narrow'; + src: local('PT Sans Narrow'), local('PTSans-Narrow'), url('ptsansnarrow.woff2') format('woff2'), url('ptsansnarrow.woff') format('woff'), url('ptsansnarrow.ttf') format('truetype'); + font-weight: 400; + font-style: normal; +} + +.yandex-font +{ + font-family: PT Sans Narrow; + font-weight: bold; + font-size: 20px; +} + +.yandex-font::first-letter +{ + color: red; +} + +.left-side-header a +{ + text-decoration: none; + color: gray; +} + +.left-side-header a:hover +{ + color: red; + cursor: pointer; +} + +.left-side-header +{ + left: 5%; + position: absolute; +} + +.settings +{ + right: 15%; + position: absolute; +} + +.login +{ + right: 1%; + border: 1px solid lightgray; + box-shadow: 0 0 10px rgba(0,0,0,.5); + width: 10%; + height: 60px; + position: absolute; + padding-left: 10px; + padding-top: 10px; + padding-bottom: 10px; +} + +main +{ + left: 15%; + right: 15%; + top: 15%; + position: absolute; + display: grid; + grid-template-columns: 19% 27% 27% 27%; + grid-template-rows: 20% 10% 150px 400px 400px; + grid-gap: 30px; +} + +.news +{ + grid-column: 2 / 4; + overflow: auto; +} + +.yandex-disk +{ + grid-column: 4 / 5; +} + +.searching-field, +.image-application +{ + grid-column: 2 / 5; +} + +.visited-sites, +.umoreski +{ + grid-column: 2 / 3; +} + +.tv-program, +.auto-news +{ + grid-column: 3 / 4; +} + +.weather, +.poster +{ + grid-column: 4 / 5; +} + +.logo +{ + grid-column: 1 / 2; + grid-row: 2 / 3; +} + +.blue-link +{ + text-decoration: none; + color: blue; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + font-weight: 600; +} + +.blue-link:hover +{ + opacity: .8; +} + +.head-title +{ + font-size: 25px; +} + +.transp-text +{ + opacity: .5; + display: inline; +} + +.gray-text +{ + color: gray; + display: inline; +} + +li +{ + padding-top: 10px; +} + +.valute +{ + padding-left: 30px; + display: inline; +} + +.yandex-disk img +{ + width: 70%; + margin-left: 15%; + margin-right: 15%; +} + +.yandex-disk .blue-link +{ + font-size: 20px; +} + +.text-center +{ + text-align: center; +} + +.searching-field .blue-link +{ + padding-right: 20px; + font-size: 18px; +} + +.textbox +{ + height: 40px; + border: 2px solid yellow; + width: 80%; + margin-bottom: 10px; +} + +.find-image +{ + height: 46px; + float: right; + width: 19%; +} + +.yandex-logo-font +{ + font-size: 50px; + font-family: PT Sans Narrow; + font-weight: bold; + margin: 20%; + margin-top: 20px; +} + +.yandex-logo-font::first-letter +{ + color: red; +} + +.image-application img +{ + width: 100%; + height: 100%; +} + +.weather img +{ + height: 50px; + width: 50px; +} + +.degrees +{ + font-size: 20px; + display: inline; +} + +.auto-news +{ + overflow-y: scroll; +} diff --git a/index.html b/index.html index 1e52ffa..0c90d93 100644 --- a/index.html +++ b/index.html @@ -2,8 +2,149 @@ + Задача «Морда» +
+
+ ➤ Екатеринбург +
+
+
+ Настройка +
+ +
+
+
+
+ Сейчас в СМИ +
в Екатеринбурге
+ +
13 ноября понедельник 16:57
+ +
USD ЦБ 59,18
-0,10
+
USD ЦБ 59,18
-0,10
+
USD ЦБ 59,18
-0,10
+
+
+ logo + +
+ 32 ГБ Студентам
на Яндекс диске +
+ +
+
Бесплатно и навсегда
+
+
+ Видео + Картинки + Новости + Карты + Макет + Переводчик + Музыка + Ещё +

+ + +
+ Найдётся все, например:
Выхожу один я на дорогу
+
+ +
+ + kama + +
+
+ Посещаемое +

Маркет - китайская распродажа

+

Маркет - китайская распродажа

+

Маркет - китайская распродажа

+

Маркет - китайская распродажа

+

Маркет - китайская распродажа

+

Маркет - китайская распродажа

+

Маркет - китайская распродажа

+
+
+ ТВ-программа +

+ 16:00 - Понять Простить
От души ежжи
+

+ 16:00 - Понять Простить
От души ежжи
+

+ 16:00 - Понять Простить
От души ежжи
+

+ 16:00 - Понять Простить
От души ежжи
+

+ 16:00 - Понять Простить
От души ежжи
+

+ 16:00 - Понять Простить
От души ежжи
+
+
+ Погода + weathe +
100 K

+ Вечер -5, Ночь -7 +


+ Наука + apperture +
Развивается

+ Тортик ложь +
+
+ Анекдоты

+ Раздел: Категория Б
+ Техасец заходит в паб в Ирландии и заявляет:
+ — Я слышал, что вы — ирландцы редкие пьянчуги! Сейчас проверим! + Я дам 500 долларов тому, кто выпьет 10 пинт пива подряд!
+ Все в баре притихли; некоторые посетители даже ушли. + Через некоторое время один вернулся и спросил:
+ — Ваше предложение все еще в силе?
+ — Да, — сказал техасец.
+ Мужик выпивает 10 пинт подряд. + Техасец в шоке отдал ему деньги и спросил:
+ — Слушай, а куда ты уходил?
+ — Да я пошел в другой паб и проверил, смогу ли я столько выпить... +
+
+ Новости

+

20 яхт российских миллиардеров превосходят по стоимости военно-морской флот

+

20 яхт российских миллиардеров превосходят по стоимости военно-морской флот

+

20 яхт российских миллиардеров превосходят по стоимости военно-морской флот

+

20 яхт российских миллиардеров превосходят по стоимости военно-морской флот

+

20 яхт российских миллиардеров превосходят по стоимости военно-морской флот

+

20 яхт российских миллиардеров превосходят по стоимости военно-морской флот

+

20 яхт российских миллиардеров превосходят по стоимости военно-морской флот

+
+
+ Афиша +

+ Кинчик за жизнь
вообще по красоте
+

+ Кинчик за жизнь
вообще по красоте
+

+ Кинчик за жизнь
вообще по красоте
+

+ Кинчик за жизнь
вообще по красоте
+

+ Кинчик за жизнь
вообще по красоте
+

+
+
diff --git a/ptsansnarrow.ttf b/ptsansnarrow.ttf new file mode 100644 index 0000000..a1273af Binary files /dev/null and b/ptsansnarrow.ttf differ diff --git a/ptsansnarrow.woff b/ptsansnarrow.woff new file mode 100644 index 0000000..c355cde Binary files /dev/null and b/ptsansnarrow.woff differ diff --git a/ptsansnarrow.woff2 b/ptsansnarrow.woff2 new file mode 100644 index 0000000..64f4bad Binary files /dev/null and b/ptsansnarrow.woff2 differ