Верстка одной адаптивной страницы для сайта визитки из PNG дизайна

3 000 руб. за проект • безналичный расчёт, электронные деньги
30 сентября 2014, 14:50 • 10 откликов • 103 просмотра
Необходимо сверстать одну адаптивную
страницу с помощью JS,
Bootstrap(index.png). Есть разработанный дизайн в PNGфайлах. На
выходе HTMLи файл стилей. В дальнейшем страница будет переложена на AngularJS, поэтому опыт
работы с ним приветствуется.


У первого экрана ширина во весь
браузер. Остальная часть фиксированной ширины (чтобы текст не расползался).
Картинка фоновая на первом экране центрируется. Высота первого экрана должна
подгоняться под высоту браузера (пример http://codeborne.com/).
При прокрутке страницы изображение остается на месте и перекрывается ниже
находящимися блоками (как и на codeborne).


Кнопка в верхнем правом углу
отображает выезжающее меню. Как оно выглядит в отдельном файле (sidebar.png). Посередине главного экрана три
кнопки, как они подсвечиваются в отдельном файле (button_scrsht.png).


В блоке OurApproachоранжевые
ромбы это стилизованные табы. По нажатию на них меняется текст ниже. Сбоку кнопки
< и > - это перелистывание табов.


В блоке Coursesтоже
стилизованные табы – Coursesи Events. Внутри аккордеон.


В подвале карта статичная.


Схема цветов прилагается (scheme.png).

Картинка для мобильной версии примерная (index-m.png), блоки должны быть как в index.png.
Файлы