Архив: Верстка сайта

Описание

В приложении только 1 картинка главная страница, макеты и остальное скину архивом.



Все страницы под ширину 1000px.

Главная страница – макет в .psd есть.



Анимационный блок – слайдер с картинкой и описанием, в котором слайды меняются с периодичностью, с возможностью сменить текущий слайд по стрелке. Анимационный блок только в разделах, на внутренних страницах его нет. Также его нет в разделе о компании, контакты.

Реклама – блок под рекламу. Слайдер с рекламными баннерами. Меняются с периодичностью и по стрелке.



Новости и статьи. Последние новости – при наведении на новость срабатывает ховер, цвет из черного переходит в #3d3d3d. Снизу кнопка Все новости при наведении заливается желтым, а текст “все новости” белым. Блоки – Главное, Статьи, За рубежом, Интервью, События при наведении выделяются так же, как и блок Главное.



Курсы – раздел Новые аналогично разделу новости и статьи. Актуальные – кнопка подробнее (текст) меняет цвет на черный при наведении.

Раздел курсы

Повторяет страницу https://www.petroleumengineers.ru/courses . Внутренняя страница (описание курса) такая же, как и по ссылке.

Все в цветах по макету главной странице.



Мероприятия – кнопка участвовать “текст” меняет цвет на черный при наведении.

Магазин – кнопки "выбрать" аналогично.

Задать вопрос – при наведении закрашивается оранжевым, цвет текста белым.

Футер – при наведении на ссылки и иконки выделяются желтым.



Раздел новости

Верхняя шапка остается (логотип, меню, вход), Анимационный блок остается. Везде используется цвета сайта, аналогично дизайну основной страницы. Футер остается

Заголовок раздела (h1 Новости). Далее перечисление новостей, (скрин раздела есть). Состав новости: Заголовок новости, краткий текст, кол-во комментариев, дата новости. 10 новостей на странице, внизу переключение по страницам (Пагинация).

Внутренняя страница Новостей. Дизайн страницы пример - https://www.business-gazeta.ru/news/388156 . Анимационный блок убирается. Скрин есть.



База знаний

Верхняя шапка остается, анимационный блок остается. Футер остается.

Заголовок раздела “База знаний”, далее, как в разделе новости – краткое перечисление статей с возможностью просмотра в расширенном виде (переходом внутрь статьи). Комментариев у базы знаний нет, они не нужны.





Работа

Макет есть в .psd . Ховеры кнопокок работают, как на главной странице.

Футер стандартный.



Раздел Мероприятия

Верхняя шапка остается, анимационный блок остается. Футер остается.

Скрин раздела есть. Раздел такой же, как https://www.petroleumengineers.ru/events только без “ Ближайшие события”. Страница Конференция такая же.

Цвета использовать, как на основной главной странице в макете.



Раздел Магазин – не трогаем



О проекте

Стандартная страница с текстом, описанием.

Шапка, меню, баннер, Заголовок О проекте и текст, дальше футер.





Контакты

Стандартный раздел с телефоном, адресом пример(http://www.bfa-d.ru/contact.php) . Карту можно растянуть на всю ширину.

Категория

Верстка