Вот макет:
Комментарии для верстки и программирования:
1. Все тексты набраны шрифтами Google Fonts, поэтому должны быть текстом, а не картинками.
2. В psd есть скрытые папки, выделенные цветом:
– click – нарисованы и выделены все элементы, которые должны реагировать на нажатие
– scroll – действия при скроллинге: меню зафиксировано сверху страницы, при скролле под ним появляется розовая плашка, в блоке "Зачем вам это" появляются еще 3 преимущества
– popup – нарисована всплывающее окно с формой и окно с просмотром фото
– hover – нарисованы и выделены элементы, которые реагируют на наведение
3. По экранам:
- 1 экран: при нажатии на кнопку рядом с ней появляется поле ввода (см. папку click)
- Стили: при наведении на текст или картинку стиля картинка выпрямляется (см. папку hover)
- Зачем вам это: при скролле вместо вертикальной прокрутки, справа появляются еще 3 преимущества с новыми иконками (см. папку scroll), при нажатии на кнопку появляется поле ввода, как на первом экране
- Галерея: каждой фото присваивается категория и названия этих категорий отображается над фотографиями. При загрузке страницы отображаются фото из всех категорий (их названия обведены бордером). При нажатии на название категории или крестик рядом, рамочка у него пропадает, из галереи также убираются фото этой категории.
- Расписание: аналогично галерее, только у каждого занятия 2 категории – стиль и зал, при этом одно занятие может относиться сразу к нескольким стилям (например, стрип+растяжка)
- Хочешь скидку: при нажатии на кнопку появляется окно с формой (см. папку popup)
Вопросы,сроки и бюджет пишите в откликах!!!