Фрилансеры предложат решение вашей задачи уже через несколько минут!

Публикация заказа на фриланс бирже не займет много времени.

1 год назад
Руслан Т.
30 лет, Россия
5 лет в сервисе
Был онлайн 7 месяцев назад
1 год назад

Приветствую!
Нужно сверстать сайт-каталог и сделать на него адаптив. Макетов адаптива нет, нужно добавить «от себя».
Ниже краткая ТЗшка по деталям, которые, по моему мнению, требуют внимания.

Все страницы:
1. Главная
https://i.imgur.com/Qh14Igj.jpg

2. Страница «Продукция компании»
https://images2.imgbox.com/97/44/lQ81ZheP_o.jpg

3. Страница «Отдельного продукта»
https://images2.imgbox.com/f6/64/adQH9Q4C_o.jpg

4. Страница «Проекты»
https://i.imgur.com/undefined.jpg

5. Страница отдельного проекта
https://i.imgur.com/V8XYC9M.jpg

6. Проекты на карте
https://i.imgur.com/xI3JqGh.jpg


Странички:
1. Главная
https://i.imgur.com/Qh14Igj.jpg

— На этой странице скроллинг будет вестись поэкранно по слайдам.
— Для навигации по определённым слайдам слева есть ссылки.
— При достижении соответствующего заголовку слайда и самого слайда выделяем ссылку в навигации.
— По клику на «Листайте вниз» скроллим пользователя к следующему блоку.

1.1 Первый слайд
По клику на заголовки слева раскрываются пункты со ссылками. По клику на другой заголовок, раскрытый заголовок сворачивается.

1.2 Второй слайд — «Поставка КНС на стадион»
Сюда добавляется горизонтальный слайдер. Меняется весь блок — картинка, заголовок и текст.
— Включаем поддержку свайпа влево-вправо.

1.3 Третий слайд — «Проектирование»
Как и в предыдущем слайде, добавляется горизонтальный слайдер + свайп.

1.4 Слайд «Факты о компании»
К цифрами делаем анимацию счётчика

1.5 Слайд с контактной информацией
Карта — интерактивная от Google.Maps с наложением фильтра. Детали фильтра приложены к макету.
На карте запрещаем автоматический зум по скроллу и пальцами (для мобильной версии).

2. Страница «Продукция компании»
https://images2.imgbox.com/97/44/lQ81ZheP_o.jpg
2.1 По клику на заголовок раскрываем подпункты. При клику мышкой на подпункт меняем блок с текстом и картинкой справа.

3. Страница продукта «Горизонтальные комплектные насосные станции»
https://images2.imgbox.com/f6/64/adQH9Q4C_o.jpg
3.1 Первый экран — листалка изображений по стрелочкам + свайп.
3.2 Блок «Примеры поставок»
— При наведении мышкой деланием анимацию scale для изображения.
— По клику на «Посмотреть ещё» показываем ещё 2.
3.3 Блок «Вас также может заинтересовать»
Листалка изображений с заголовком + свайп.

4. Страница «Проекты на карте»
Гугле карта с отметками проектов на карте. При отдалении карты объединяем метки на карте в список по регионам.
При zoom in раскидываем по соответствующим городам.


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

Хасан Миршарипов
23 года, Узбекистан
1 год в сервисе
Был онлайн 1 год назад
1 год назад
Александр М.
23 года, Россия
1 год в сервисе
Был онлайн 1 год назад
1 год назад
Дмитрий П.
33 года, Беларусь
8 лет в сервисе
Был онлайн 1 месяц назад
1 год назад
Дмитрий Д.
28 лет, Россия
2 года в сервисе
Был онлайн 7 месяцев назад
1 год назад
Егор Глебов
21 год, Украина
2 года в сервисе
Был онлайн 3 месяца назад
1 год назад
  • Верстка сайта продовольственной тематики
    201 просмотр
  • Верстка магазина девайсов
    161 просмотр
  • Верстка landing page для сайта спортивной тематики
    205 просмотров
  • Верстка сайта туристической тематики
    195 просмотров
  • Верстка главной страницы строительной тематики
    192 просмотра
Алексей Мильченко
34 года, Украина
10 лет в сервисе
Был онлайн 1 месяц назад
1 год назад
Сергей К.
Сергей К. 
30 лет, Украина
8 лет в сервисе
Был онлайн 1 месяц назад
1 год назад
Геворг Т.
29 лет, Армения
2 года в сервисе
Был онлайн 1 год назад
1 год назад
Олександр Л.
33 года, Украина
2 года в сервисе
Был онлайн 1 год назад
1 год назад
Рожден Т.
Рожден Т. 
25 лет, Украина
4 года в сервисе
Был онлайн 6 часов назад
1 год назад
ТОП-10 — HTML-верстка
Ростик Витович
23 года, Украина
3 года в сервисе
Был онлайн 1 месяц назад
1 год назад

Другие заказы в категории «HTML-верстка»