Верстка одной адаптивной страницы для сайта визитки из PNG дизайна
3 000 руб. за проект
•
безналичный расчёт, электронные деньги
Необходимо сверстать одну адаптивную
страницу с помощью 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.
страницу с помощью 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.
- Файлы
В заказе есть исполнитель
При переводе заказа из архивного в актуальный, текущий исполнитель будет снят с задачи.
Выберите тип сделки
С безопасной сделкой вы всегда сможете вернуть средства, если что-то пойдет не так. С простой сделкой вы самостоятельно договариваетесь с исполнителем об оплате и берете на себя решение конфликтов.