Верстка сайта для ресторана Австралии

Антон12 років у сервісі
Дані замовника будуть вам доступні після подання заявки
07.08.2015

Страницы:

- 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