777

Верстка сайта Servicepools

Задача

Сверстать по дизайн-макету быстрый, адаптивный для всех устройств сайт, добавить анимации.

Список готовых страниц

  1. Главная
  2. О нас
  3. Контакты
  4. Страница товара
  5. Портфолио
  6. Бассейны
  7. Сауны
  8. Услуга
  9. Услуги

Анимация сайта

Была задача: сделать на сайте как можно больше анимации. Я постарался сделать сайт более «живым» с помощью анимации, добавил ее при прокрутке, наведении на элементы, открытие мобильного меню.

Анимация статистики
Анимация меню

Модульность сайта

Не писать лишний код — важное умение. По хожу каждого проекта неопытные или ленивые разработчики любят писать множество кода для одинаковых элементов.

Я — ленивый разработчик. Когда я вижу 2 или более повторения какого-то элемента, я делаю этот элемент модульным.

Модульный — это элемент, который имеет одно описание стилей и может быть встроен в любую часть страницы без последствий.

Пример, карточки с описанием услуг:

Верстка сайта Servicepools 1
На странице бань
Верстка сайта Servicepools 2
На странице бассейнов
Верстка сайта Servicepools 3
На главной странице

Я не создавал 3 разных секции и для каждой писал свои стили. Я оформил их как одну группу и создавал стиль.

Если в коде что-то поменяется, поменяется сразу во всех блоках. Это кажется очевидным, правда? Но не все так делают.

Поделиться
Отправить
Линкануть
Вотсапнуть
← К списку проектов