Адаптивная верстка

Все проекты

Прошло времени: 55 лет 6 месяцев 1 неделя 2 дня 11 часов 14 минут

Файлы во вложении, исходники предоставлю. ТЗ ниже, предложите стоимость и срок.

Страница должна быть сверстана в адаптивном варианте.
Страница должна адекватно отображаться в диапазоне ширины от 768 рх до ширины первоначального дизайн-макета. На дополнительном прототипе показана компоновка блоков для самого узкого варианта – 768 рх.
Особенности данной компоновки:
• В шапке логотипы партнером должны уменьшаться и располагаться друг под другом.
• В первом блоке текст, расположенный справа, должен перемещаться вниз под видео.
• Следующий блок – без изменений.
• В блоке «Об авторе» название блока переходит на первое место (над фото), далее следует фото и текст под ним. Размер шрифта уменьшается. Либо просто уменьшаем место для текста справа, и оставляем все, как в дизайн-макете.
• След блок почти без изменений – возможно, нужно немного уменьшить размер текста справа. Здесь обязательно нужно добавить кнопку «Заказать курс»
• Фрагменты курса – скрываем один фрагмент.
• Блок с отзывами. Здесь сначала должны текстовые отзывы, потом видео. Текстовых оставляем к показу 2, видео – одно.
• Блок с сеткой цен. Нужно уменьшить размер блоков с ценой и ширину текста слева.
• «А вдруг» - без изменений.
• Подвал почти без изменений. Нужно только размер шрифта чуть уменьшить и логотипы расположить, как в шапке.

Действия по кликам на кнопки:
• Кнопка в первом блоке «Заказать видеокурс» - якорь на сетку с ценами.
• По клику на видеоролик-фрагмент курса нужно открывать попап с полноразмерным видео. Закрываться попап должен только по кнопке «закрыть».

Текстовые отзывы должны открываться в попапе (полная версия текста). По клику на «Еще отзывы» - должно увеличиваться полотно с отзывами, добавляться еще три. Видеоотзывы – то же самое.
• По клику на кнопки «Заказать» в сетке с ценами должна открываться отдельная страница с формой заказа (представлена на прототипах). Форма для заказа DVD и онлайн-ссылки немного отличаются друг от друга (показано на прототипах).
• Кнопка «Заказать» внизу – якорь на сетку с ценами.
• «Задать вопрос» - открывается попап с формой для вопроса (имя, мейл, поле для вопроса, кнопка «Отправить»).

Видеть контакты заказчика и оставлять свои предложения по проекту могут только зарегистрированные и авторизованные пользователи.
Зарегистрируйтесь или войдите на сайт под своим именем.

Фриланс-биржа Web-lance.net предлагает огромные возможности по поиску работы как опытным специалистам в сфере интернет-бизнеса, так и новичкам, только постигающим основы заработка во всемирной сети. Здесь вы найдете сотни интересных вакансий в сфере дизайна, копирайтинга, программирования, верстки, контент-менеджмента и других сфер деятельности востребованных среди интернет-пользователей. Также, зарегистрировавшись на бирже, вы сможете разместить здесь свою анкету, указав в ней свою специализацию и контактные данные, что даст возможность потенциальным клиентам, связаться с вами для дальнейшего взаимовыгодного сотрудничества. Сайт удобно структурирован и разбит на тематические разделы, что позволяет даже неопытным заказчикам точно определять категорию, в которую стоит публиковать их проект, в тоже время, упрощая исполнителям поиск интересующих их вакансий. Кроме того на портале имеется раздел Блоги где зарегистрированные пользователи могут публиковать материалы, а также Форум на котором исполнители и заказчики смогут обсудить рабочие моменты, а также пообщаться на интересующие их темы. Приятной вам работы на Web-lance.net - бирже, где вы сможете найти лучших исполнителей и самые интересные проекты.