diff --git a/icons/fb.jpg b/icons/fb.jpg new file mode 100644 index 0000000..5623761 Binary files /dev/null and b/icons/fb.jpg differ diff --git a/icons/icon b/icons/icon new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/icons/icon @@ -0,0 +1 @@ + diff --git a/icons/logo.jpg b/icons/logo.jpg new file mode 100644 index 0000000..467c8ca Binary files /dev/null and b/icons/logo.jpg differ diff --git a/icons/ok.jpg b/icons/ok.jpg new file mode 100644 index 0000000..2fb1396 Binary files /dev/null and b/icons/ok.jpg differ diff --git a/icons/tg.png b/icons/tg.png new file mode 100644 index 0000000..1887e20 Binary files /dev/null and b/icons/tg.png differ diff --git a/icons/twitter.jpg b/icons/twitter.jpg new file mode 100644 index 0000000..25aea83 Binary files /dev/null and b/icons/twitter.jpg differ diff --git a/icons/vk.jpg b/icons/vk.jpg new file mode 100644 index 0000000..bb59161 Binary files /dev/null and b/icons/vk.jpg differ diff --git a/icons/ya.jpg b/icons/ya.jpg new file mode 100644 index 0000000..c30a9bd Binary files /dev/null and b/icons/ya.jpg differ diff --git a/images/bill.jpg b/images/bill.jpg new file mode 100644 index 0000000..c5e30e1 Binary files /dev/null and b/images/bill.jpg differ diff --git a/images/brad.jpg b/images/brad.jpg new file mode 100644 index 0000000..0f3494c Binary files /dev/null and b/images/brad.jpg differ diff --git a/images/emma.jpg b/images/emma.jpg new file mode 100644 index 0000000..727d43f Binary files /dev/null and b/images/emma.jpg differ diff --git a/images/jared.jpg b/images/jared.jpg new file mode 100644 index 0000000..74cbdc1 Binary files /dev/null and b/images/jared.jpg differ diff --git a/images/joly.jpg b/images/joly.jpg new file mode 100644 index 0000000..c81a539 Binary files /dev/null and b/images/joly.jpg differ diff --git a/images/main-photo.jpg b/images/main-photo.jpg new file mode 100644 index 0000000..f1f4b15 Binary files /dev/null and b/images/main-photo.jpg differ diff --git a/images/news1.jpg b/images/news1.jpg new file mode 100644 index 0000000..8ded1c1 Binary files /dev/null and b/images/news1.jpg differ diff --git a/images/news10.jpg b/images/news10.jpg new file mode 100644 index 0000000..adb2beb Binary files /dev/null and b/images/news10.jpg differ diff --git a/images/news11.jpg b/images/news11.jpg new file mode 100644 index 0000000..a071615 Binary files /dev/null and b/images/news11.jpg differ diff --git a/images/news12.jpg b/images/news12.jpg new file mode 100644 index 0000000..34cf40a Binary files /dev/null and b/images/news12.jpg differ diff --git a/images/news13.jpg b/images/news13.jpg new file mode 100644 index 0000000..1b5a3ee Binary files /dev/null and b/images/news13.jpg differ diff --git a/images/news2.jpg b/images/news2.jpg new file mode 100644 index 0000000..4b9a401 Binary files /dev/null and b/images/news2.jpg differ diff --git a/images/news3.jpg b/images/news3.jpg new file mode 100644 index 0000000..e2f7115 Binary files /dev/null and b/images/news3.jpg differ diff --git a/images/news4.jpg b/images/news4.jpg new file mode 100644 index 0000000..9bfab33 Binary files /dev/null and b/images/news4.jpg differ diff --git a/images/news5.jpg b/images/news5.jpg new file mode 100644 index 0000000..2e1b4a0 Binary files /dev/null and b/images/news5.jpg differ diff --git a/images/news6.jpg b/images/news6.jpg new file mode 100644 index 0000000..f24b257 Binary files /dev/null and b/images/news6.jpg differ diff --git a/images/news7.jpg b/images/news7.jpg new file mode 100644 index 0000000..831a462 Binary files /dev/null and b/images/news7.jpg differ diff --git a/images/news8.jpg b/images/news8.jpg new file mode 100644 index 0000000..d89d465 Binary files /dev/null and b/images/news8.jpg differ diff --git a/images/news9.jpg b/images/news9.jpg new file mode 100644 index 0000000..1fd47b1 Binary files /dev/null and b/images/news9.jpg differ diff --git a/images/realty-1.jpg b/images/realty-1.jpg new file mode 100644 index 0000000..f687a7c Binary files /dev/null and b/images/realty-1.jpg differ diff --git a/images/realty-2.jpg b/images/realty-2.jpg new file mode 100644 index 0000000..2a3ae58 Binary files /dev/null and b/images/realty-2.jpg differ diff --git a/images/realty-3.jpg b/images/realty-3.jpg new file mode 100644 index 0000000..13b0b4a Binary files /dev/null and b/images/realty-3.jpg differ diff --git a/images/realty-4.jpg b/images/realty-4.jpg new file mode 100644 index 0000000..e1734fa Binary files /dev/null and b/images/realty-4.jpg differ diff --git a/images/realty_article.jpg b/images/realty_article.jpg new file mode 100644 index 0000000..0360127 Binary files /dev/null and b/images/realty_article.jpg differ diff --git a/images/report.jpg b/images/report.jpg new file mode 100644 index 0000000..e3eb93b Binary files /dev/null and b/images/report.jpg differ diff --git a/images/review.jpg b/images/review.jpg new file mode 100644 index 0000000..05525a8 Binary files /dev/null and b/images/review.jpg differ diff --git a/images/send_news.jpg b/images/send_news.jpg new file mode 100644 index 0000000..c5e1bf2 Binary files /dev/null and b/images/send_news.jpg differ diff --git a/index.css b/index.css index e69de29..e8768e8 100644 --- a/index.css +++ b/index.css @@ -0,0 +1,466 @@ +body +{ + background-color: #e6e6e6; + min-width: 1400px; + margin: 0; +} + +main +{ + display: grid; + width: 100%; + grid-template-columns: [start] 12px [left-start] 2fr [ + left-end] 12px [center-start] 1fr [line] 1fr [ + center-end] 12px [right-start] 1fr [right-end] 12px [end]; + grid-template-rows: [up] auto [menu] auto [ + topics] auto [header] auto [banner] auto [line] 10px [ + main] auto [line-1] auto [line-2] auto [line-3] auto [ + gallery] auto [footer] auto [links] auto [bottom]; + max-width: 1750px; + left: 0; + right: 0; + top: -5px; + bottom: 05px; + margin: auto; + background-color: #fff; +} + +a:not([class]):visited +{ + color: blue; +} + +a.news +{ + font: bold 16px arial; + color: black; +} + +a.additionally +{ + padding: 5px; + color: gray; + font-size: 13px; +} + +a.tourism, +a.home +{ + font-weight: 800; +} + +.banner-1 +{ + grid-column: start; + grid-column-end: end; + grid-row-start: up; + grid-row-end: menu; +} + +.main-menu +{ + grid-column-start: start; + grid-column-end: end; + grid-row-start: menu; + grid-row-end: topics; + color: #fff; + background-color: #000; + font: bold 15px arial; + padding: 5px; +} + +.menu-topics +{ + grid-column-start: start; + grid-column-end: end; + grid-row-start: topics; + grid-row-end: header; + display: flex; + justify-content: start; + background: rgb(255, 81, 0); +} + +.header +{ + grid-column-start: start; + grid-column-end: end; + grid-row-start: header; + grid-row-end: banner; +} + +.banner-2 +{ + grid-column-start: left-start; + grid-column-end: right-end; + grid-row-start: banner; + grid-row-end: line; +} + +.left +{ + grid-column-start: left-start; + grid-column-end: left-end; + grid-row-start: main; + grid-row-end: gallery; +} + +.center-up +{ + grid-column-start: center-start; + grid-column-end: center-end; + grid-row-start: main; + grid-row-end: line-1; +} + +.realty +{ + grid-column-start: center-start; + grid-column-end: line; + grid-row-start: line-1; + grid-row-end: line-2; + margin-right: 6px; +} + +.cars +{ + grid-column-start: line; + grid-column-end: center-end; + grid-row-start: line-1; + grid-row-end: line-2; + margin-left: 6px; +} + +.jobs +{ + grid-column-start: center-start; + grid-column-end: line; + grid-row-start: line-2; + grid-row-end: line-3; + margin-right: 6px; +} + +.ads +{ + grid-column-start: line; + grid-column-end: center-end; + grid-row-start: line-2; + grid-row-end: line-3; + margin-left: 6px; +} + +.right +{ + grid-column-start: right-start; + grid-column-end: right-end; + grid-row-start: main; + grid-row-end: footer; +} + +.center-bottom +{ + grid-column-start: center-start; + grid-column-end: center-end; + grid-row-start: line-3; + grid-row-end: footer; +} + +.photo-day +{ + grid-column-start: left-start; + grid-column-end: left-end; + grid-row-start: gallery; + grid-row-end: footer; +} + +.video-day +{ + grid-column-start: center-start; + grid-column-end: center-end; + grid-row-start: gallery; + grid-row-end: footer; +} + +.cell-1 +{ + grid-column-start: start; + grid-column-end: center-start; + grid-row-start: footer; + grid-row-end: links; + padding: 20px 40px 20px 20px; +} + +.cell-2 +{ + grid-column-start: center-start; + grid-column-end: right-start; + grid-row-start: footer; + grid-row-end: links; + padding: 20px 40px 20px 120px; +} + +.cell-3 +{ + grid-column-start: right-start; + grid-column-end: end; + grid-row-start: footer; + grid-row-end: links; + padding: 20px 40px 20px 20px; +} + +/* +.footer-up +{ + grid-column-start: start; + grid-column-end: end; + grid-row-start: footer; + grid-row-end: links; +} +*/ + +.main-menu, +.header +{ + display: flex; + justify-content: space-around; + align-items: center; +} + +.header +{ + justify-content: space-between; +} + +.header div +{ + text-align: center; +} + +.head +{ + display: flex; + border-top: 2px solid; + justify-content: space-between; + background-color: #e6e6e6; + width: 100%; + margin-bottom: 10px; +} + +.streak +{ + width: 7px; + background-color: rgb(255, 81, 0); +} + +.title +{ + font: bold 12px arial; + text-transform: uppercase; + padding: 5px; + font-weight: 800; +} + +.between +{ + flex: 1; +} + +.menu +{ + color: #fff; + background-color: #000; + font: bold 15px arial; + padding: 5px; + text-decoration: none; + transition: color .2s; +} + +.menu:hover +{ + color: rgb(255, 81, 0); +} + +.topic +{ + padding: 5px 20px; + background-color: #42aaff; + color: #fff; + font: bold 15px arial; + text-decoration: none; + transition: color .2s; +} + +.topic:hover +{ + color: #000; +} + +.menu-topics .topic:nth-child(2n) +{ + background-color: rgb(255, 81, 0); +} + +.preview-photo +{ + height: 60px; + width: 80px; + margin: 10px; +} + +.news, +.job, +.ad, +.inline, +.photo-realty +{ + display: flex; +} + +.home +{ + display: inline-block; +} + +.photo-realty +{ + background: #e6e6e6; + margin: 5px; +} + +.dating, +.directory +{ + display: flex; + justify-content: space-around; +} + +.section +{ + display: flex; + flex-direction: column; +} + +.center +{ + display: flex; + flex-wrap: wrap; +} + +.block +{ + width: 100%; +} + +.main-news +{ + position: relative; +} + +.main-news img +{ + width: 100%; +} + +.content +{ + bottom: 0; + position: absolute; + background: rgba(0, 0, 0, .5); + color: #fff; + padding: 0 5px 5px 20px; + overflow: hidden; + font-size: 20px; +} + +.content:before +{ + width: 7px; + height: 100%; + position: absolute; + background: rgb(255, 81, 0); + content: ' '; + left: 0; +} + +.content div:first-child +{ + font: bold 25px arial; + margin: 5px 0 0; +} + +.class +{ + color: rgb(255, 81, 0); +} + +.bold +{ + font-weight: 700; +} + +.icon +{ + width: 30px; + height: 30px; +} + +.dating +{ + display: flex; + margin: 10px; +} + +.name +{ + font: bold 15px arial; + color: inherit; +} + +.men, +.men:visited +{ + color: #42aaff; +} + +.women, +.women:visited +{ + color: rgb(255, 86, 0); +} + +.age +{ + color: gray; +} + +.dating img +{ + width: 100px; + height: 100px; + border: 1px solid; +} + +.cell-1, +.cell-2, +.cell-3 +{ + background: #e6e6e6; +} + +.traffic-jams +{ + border-radius: 50%; + padding: 3px 5px; + background: yellow; +} + +.advertise +{ + width: 18%; + height: 100px; + background-color: yellow; +} + +.project +{ + width: 100%; +} diff --git a/index.html b/index.html index d810ba7..3b6a870 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,1024 @@ + e2.ru-Главная + +
+ + + +
+
+ Екатеринбург Он-лайн E1.ru +
+
+ Суббота
+ 03 декабря
+ 13:38 +
+
+
Сейчас Завтра
+
-13,6C -17C
+
облачно снег
+
+
+ Пробки
+ 4
+ балла +
+
+ Читайте нас где угодно:
+ + vk.com + + facebook.com + + twitter.com + + ok.com + + yandex.com + + instagram.com + + telegram.me +
+ курсы +
+
+ Поиск: + + +
+
+ Почта: + + + +
+
+
+ +
+
+ +
+
В Литературном квартале открылась рождественская ярмарка со стеклянными + игрушками и имбирными пряниками
+
Заряжаться новогодним настроением можно будет все выходные.
+
+
+
+
+
+
+ Новости +
+
+
+ + ►Все новости + +
+ + + + + + + + + + + + + +
+
+
+
+
+ Сообщить новость +
+
+
+ + ►Перейти + +
+ +
+
+
+
+
+ Тематические статьи +
+
+
+
+
+
+ +
+
+ Остолбенели на работе +
+ Хоккейная команда «Сибирь» и «Почта России» присоединились к мировой акции + — Зарплата.ру нашла 5 видео, где россияне подражают маникенам +
+
+
+ + +
+
+
+
+
+ Знакомства +
+
+
+ + ►Посмотреть всех + +
+
+
+ + +
30 лет
+
+
+ + +
43 года
+
+
+ + +
30 лет
+
+
+ + +
45 лет
+
+
+ + +
44 года
+
+
+
+
+
+
+
+
+
+ Репортаж +
+
+
+ + ►Перейти + +
+ +
+
+
+
+
+ Обзор +
+
+
+ + ►Перейти + +
+ +
+
+
+
+
+ Статьи о недвижимости +
+
+
+ + ►Перейти + +
+ +
+
+
+
+
+
+ Недвижимость +
+
+
+ + Добавить объявление + +
+ Аренда + Продажа квартир + Новостройки + + + + +
+
+
+
+
+ Продажа авто, мото +
+
+
+ + Добавить объявление + +
+ Легковые + Грузовые + Мото +
+
+ +
+
+
Найди автомобиль
+
за 1 рубль на Е2
+
+
+ +
+
+ +
+
+ Opel Mokka +
679 000 руб.
+
2012, механика, 1.8л
+
+
+
+
+ +
+
+ Opel Omega +
300 000 руб.
+
1990, автомат, 3л
+
+
+ Каталог спецпредложений +
+
+
+
+
+ Работа +
+
+
+ + ►Перейти + +
+
+ Резюме(12342) + Вакансии(13243) +
+
+ Разместить резюме + Разместить вакансию +
+ + + +
+
+
+
+
+ Объявления +
+
+
+ + ►Перейти + +
+ + + +
+
+
+
+
+
+ Гости +
+
+
+ + ►Перейти + +
+ + +
+
+
+
+
+ Туризм +
+
+
+ + ►Перейти + +
+ + + + +
+
+
+
+
+ Фотокаталоги недвижимости +
+
+
+ + ►Перейти + +
+
+ +
+ + +
+
+
+
+
+
+
+ Дом +
+
+
+ + ►Перейти + +
+
+ + Мебель +
+ + +
+ + Окна +
+
+ + Двери +
+ + + + +
+
+
+
+
+ Каталог +
+
+
+ + ►Перейти + +
+
+ + + + + +
+
+
+
+
+
+
+ Спецпроект +
+
+
+ + ►Перейти + +
+ + Репортаж из дома будующего +
+
+
+ Сейчас по TV +
+
+
+ + ►Перейти + +
+
+
Первый канал + 10:55 — Модный приговор (еще 13 мин.)
+
Россия 1 + 11:40 — Местное время. Вести-Урал (еще 8 мин.)
+
НТВ + 10:20 — Премьера. Остросюжетный детектив "ЛЕСНИК" (16+). (еще 13 мин.)
+ Вся телепрограмма +
+
+
+
+ Бизнес-образование +
+
+
+ + ►Перейти + +
+
+
Тематические статьи
+
Новость 2
+
Новость 2
+
Новость 2
+
Новость 2
+
+
+
+
+ Совместные покупки +
+
+
+ + ►Перейти + +
+
+
Тематические статьи
+
Новость 2
+
Новость 2
+
Новость 2
+
Новость 2
+
+
+
+
+
+
+ Фото дня +
+
+
+ + ►Перейти + +
+ зимняя рябина +
+
+
+
+
+ Видео дня +
+
+
+ + ►Перейти + +
+ +
+
+
+ Информация для клиентов + Реклама на Е1 + Прайс-лист +
+
+
Единый номер: 8-800-700-8-9-10 (звонок бесплатный)
+
Отдел продаж: adv@corp.e1.ru, (343) 379-49-10
+
Редакция: news@corp.e1.ru, (343) 379-49-95, + (343) 34-555-34 (круглосуточно - для новостей)
+
Замечания и пожелания по работе отдела продаж
+
Публикация материалов под меткой «На правах рекламы» + и «Новости компаний» оплачена из средств рекламодателя
+

Замечания и пожелания по работе отдела продаж + Публикация материалов под меткой «На правах рекламы» + и «Новости компаний» оплачена из средств рекламодателя

+
+
+
+
+ iPhone + Мобильная версия +
+
+ Отзывы и предложения о работе портала: info@corp.e2.ru + Центр поддержки пользователей портала E2.RU + Проблемы при работе с порталом: support@corp.e2.ru + Карта сайта +
+
+
+
+ 3 курс + + стрелка + Яндекс Метрика +
+
+