Страницы:
- Home
- - Задний фон меняется автоматически
- About
- - Статичная страница с заголовком и контентом. В левой части есть подменю для подстраниц, для них дизайн будет тот же.
- Club Info
- - Страница со статичным контентом
- News & Events
- - Страница с новостями. В левой части список статей. При нажатии на блок со статьей http://take.ms/WC9a3 в правой части меняется новость с помощью js. Подразумевается что все статьи уже загружены и находятся в html.
- Restaurant
- - Страница со статичным контентом
- Contact Us
- - На заднем фоне карта от Google, с кастомным маркером. Карта должна быть интерактивной, НЕ статичной картинкой.
- Gallery
- - Галлерея фотографий. При нажатии на превью снизу http://take.ms/IgUlC основная картинка меняется на нажатую. Так же картинки переключается по стрелкам вправо и влево (циклично). Если превью изображений больше чем в дизайне, то скрывать те что вылезают за ширину основного изображения. При этом превью для активной картинки всегда должно быть видно.
- Membership
- - Страница со статичным контентом
Требования по верстке:
В начале заявки обязательно напишите "HELLANIC"
- Верстка адаптивная (дизайны для планшета и телефона находятся в pdf файле)
- На каждой странице в правой части есть блок с уголком http://take.ms/4hF1F , работает он так же как на этом сайте http://www.alpharestaurant.com.au/about . При нажатии на выступающую часть, блок с контентом перемещается вверх за экран, в то же время часть с новостями выезжает в лево из-за экрана. Вот так выглядит блок после анимации http://take.ms/kXRVw
- На некоторых страницах в блоке с контентом справа вверху есть "крестик", при нажатии на него блок с контентом перемещается вверх за экран
О дизайне для адаптивной верстки:
- На планшетах и телефонах при открытом меню скроллинг экрана должен быть отключен.
- В меню есть подменю, показывать/скрывать его по нажатию на родительский элемент.
ВАЖНО!
Дизайн сделан в Sketch, поэтому у вас он обязательно должен быть.
Оплата может быть выше. Зависит от ваших скилов, качества и скорости работы.
Скриншоты посмотри здесь https://www.dropbox.com/sh/puh1xh5vxjejv4u/AAAjlV9wq_R8gPv3BQhgPlfSa?dl=0
Необходимо сверстать новый дизайн интернет-магазина на Magento. Всего 3 страницы: главная, страница категории, страница карточки товара. Исходники макетов в формате PSD. Опыт работы с Magento обязательный. Если вы готовы выполнить это задание, ...
Есть PSD главной, страницы товара и страницы контактов. Нужна вёрстка.
Нужно перенести сайт с wix.ru на мой хостинг. Сам сайт: diagnosticheskayakarta[точка]com. Сайт мой. Все доступы есть. Сгодится как голый html (разумеется с рабочей формой обратной связи), как внедрение на какую-либо cms. ...
Верстака лендинга из PSD макета HTML5 css - Сайт должен корректно отображаться во всех браузерах и мобильных устройствах. Во всех. - Сайт не должен иметь абсолютных привязок, ...
Необходимо хорошо сверстать лендинг. В приоритете отсутствие ошибок, скорость загрузки и отображение как в макете. Собственно, сам лендинг в приложенном файле. Помимо верстки надо будет прикрутить CSS-Animation. Частично надо будет анимировать ...
Требуется наполнение сайта на Битриксе - работа со страницами и меню. В данный момент страницы есть, обновляется дизайн. Клиент пересмотрел карту сайта - дерево страниц изменилось, так же изменилось и дерево меню - нужно ...
Есть небольшой сайт на ucoz - необходимо убрать весь html мусор и сделать так чтобы он был по validator.w3.org полностью валидным. Предлагайте цену и сроки. Сайт скину в личку.
Есть страница с вёрсткой под десктоп, нужно без изменения html кода самой страницы( только средствами ccs), оптимизировать её для мобильных платформ. Так чтобы она проходила этот тест от гугла - google.com/webmasters/tools/mobile-friendly/
Нужна адаптивная кроссбраузерная верстка на движок(чтобы на мобильных устройствах и во всех браузерах было все ок). Макет представлен в прикрепленных файлах. Сайт представляет из себя сайт-визитку товаров. Необходимо натянуть на движок ...
Здравствуйте, есть раздел http://bit.ly/1gcbVqt . Нужно подкорректировать CSS, а именно http://prntscr.com/81f56u (по пунктам к картинке): 1. Выровнять все характеристики в одну линию, т.к. сейчас в разных анонсах они скачут. 2. Убрать пустую область ...
