Сайт:
Необходимо внести ряд изменений в десктопную версию а также настроить отображение сайта для планшетов и телефонов.
Шаблон, на котором сделан сайт во вложении, dazzling.zip
1. Необходимо привести в порядок шапку.
Фоновая фография остается.
Условно делим шапку на 3 части, картинка "1.jpg".
Левая колонка остается пустой, в центральной размещается текст на темном прозрачном фоне, в правой колонке – форма захвата. Код формы захвата во вложении, kod_forma_js.txt или kod_forma_html.txt.
Контент из соседних колонок не должен перекрывать один другой (как сейчас на сайте).
По возможности – сместить основное меню вправо (выровнять относительно основного контента сайта).
2. Так же привести в порядок футер, картинка "2.jpg". Только немного отличается от шапки – форма захвата слева, а правая колонка – пустая.
Необходимо убрать лишние надписи внизу футера, обведены на картинке красным.
3. Под комментариями нужно убрать текст "Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>"
4. В правой колонке под надписью "@govorika_online_school в Instagram" нужно будет прикрепить виджет инстаграмм, код дам позже.
Все остальные изменения касаются адаптивности данного шаблона.
Есть ряд замечаний.
5. Некорректно "тянется" основное меню.
свой "десктопный" вид оно должно сохранять вплоть до разрешения 800 пикселей. Потом – должно скрываться под кнопку (сейчас при разрешении меньше 800 меню сползает на вторую строку).
При разрешении 320-799 основная надпись "Как заработать логопедам через интернет?" подтягивается на 2 или 3 строки. И эти строки сползают вниз на основной контент сайта. Необходимо сделать так, чтобы они оставались на белом фоне хэдера, и не сползали за него. Этот хэдер остается "приклеенным" к верхней части браузера.
Также, эта надпись должна оставаться видна при нажатии на кнопку меню (при разрешении браузера 320-799 пикселей).
6. Некорректно "тянется" шапка. А точнее – вовсе не тянется.
Примерный вид для шапки 320-599 и 600-799 пикселей – во вложении, "3.jpg", "4.jpg".
7. Та же самая проблема с футером. Примерный вид футера – тоже во вложении, для разрешения 320-599 и 600-799, "5.jpg", "6.jpg".
8. Для страницы
необходимо сверстать версию на 320-599 пикселей, макет во вложении, "govori-ka_screen_320px.rar".
Настройка сайта.
9. После заполнения формы пользователь должен попадать на страницу
, на почту пользователя приходит письмо с подтверждением регистрации (из Гетреспонз). После подтверждения регистрации в письме осуществляется переход на страницу
Готов рассмотреть любые предложения, может что-то можно сделать проще, чем я описал. Готов к диалогу.