Вёрстка 1 страницы

Требования:

1. Кроссбраузерность

2. HTML5, CSS3, jQuery

3. «Полурезиновая» вёрстка

4. Соблюдение W3C

5. Читабельный, адекватный код

Особенности:

1. Сайт будет «полурезиновый»: сайт растягивается и сжимается до определенного предела. Min – 640 px, Max – 1366 px.

2. Кнопки и ссылки. Все кнопки и ссылки должны реагировать на наведение курсора

2.1. Кнопки должны менять цвет

2.2. Ссылки в меню – исчезает подчеркивание

2.3. Ссылки в тексте – меняют свой цвет

3. Рисунок в шапке должен разъезжаться/съезжаться при изменении ширины сайта

4. Лайтбокс при нажатии на «Перезвонить Вам?»

5. Пункты меню должны быть выполнены текстом, а не картинками

6. Меню при прокрутке страницы вниз должно отображаться (закрепляться наверху экрана) на втором и последующих экранах.

7. Форма заявки сбоку и далее внизу – в полях должен отображаться текст, как в макете, затем, при вводе текста стандартный текст исчезает.

8. Блок «В каких случаях следует обратиться к логопеду-дефектологу» может быть растянут вниз (добавится 3-5 новых пунктов), вёрстка от этого не должна пострадать.

9. Блок «Логопеды-дефектологи»

9.1. Лайтбокс для отзывов по каждому специалисту

9.2. Выпадающий списка в разделе «Логопеды-дефектологи» (Выберите район Москвы, Выбор города), - для отзывов!

9.3. Номер телефона - снизу еще добавится добавочный (доб. 376)

9.4. Ссылка «Показать еще» - при наведении курсора исчезает подчеркивание

9.5. Районов у специалистов может быть много, поэтому строка может стать больше по высоте.

10. Шрифты все подключаются через Google Fonts.

Ссылка на макет https://yadi.sk/d/f6-zbqIsj7qEG

Сроки - 3 дня

22.5 долл. - по курсу ЦБ РФ 65,44 руб/дол - оплата на Киви