339598u5uut / high-pass

Лендинг фотостудии с анонсами мастер-классов, датами презентаций проектов, презентацией работ участников

Landing page: HIGH PASS

Лендинг фотостудии с анонсами мастерклассов, датами презентаций проектов, презентацией работ участников.

Технологии

• CSS Grid адаптив
  

• Gulp-сборка
• Препроцессор SASS
• Pixel Perfect
• Методология БЭМ
• Использование "api-maps.yandex.ru"
• Использование npm пакета "just-validate"
• Библиотека GSAP

Функциональность

• Валидация форм;
• По клику на лупу появление возможности поиска по сайту;
• Интерактивная карта с флагом студии;
• В мобильной версии анимация открытия/закрытия бургер-меню;

Установка

1. Создаем рабочую директорию с произвольным именем (например dev): mkdir <имя рабочей директории>;

2. Клонируем репозиторий в рабочую директорию, переходим в неё: cd <имя рабочей директории>;

3. Клонируем репозиторий: git clone https://github.com/339598u5uut/HIGH-PASS.git; В рабочей директории должна появиться папка проекта HIGH-PASS;

4. Переходим в папку с проектом: cd HIGH-PASS, устанавливаем зависимости: npm install;

5. Запускаем проект: gulp dev.

Перейти в проект: GitHubPages

---