Panteon

Panteon

Описание проекта

Patreon — это интерактивная страница, на которой пользователи могут выбрать тренера с учётом уровня подготовки и оставить данные для обратной связи.

Функционал:

• Слайдеры;
• Всплывающие формы с обратной связью;
• User eXperience (UX);
• Адаптивный интерфейс для разных устройств.

Стек технологий:

• HTML5;
• CSS3:
  • Flexbox;
  • Positioning;
  • Adaptive UI;
  • Media Queries;
• Вендорные префиксы в CSS;
• Препроцессоры: SASS/SCSS/LESS;
• Методология БЭМ;
• Работа с медиафайлами (HTML-video, iframe);
• Вёрстка по макету в Figma;
• JavaScript:
  • Стиль CamelCase;
  • Установка и настройка плагинов;
• Gulp.

Установка и запуск проекта:

Клонировать репозиторий:

git clone https://github.com/maksimyou/Panteon.git

Установить зависимости:

npm install

Запустить проект:

npx gulp

Языки:

• JavaScript

Библиотеки:

• jQuery — это JavaScript-фреймворк фокусирующийся на взаимодействии JavaScript и HTML;
• PHPMailer — это библиотека для безопасной и простой отправки электронных писем с помощью кода PHP с веб-сервера. Мануал с новыми настройками Gmail SMTP;
• Animate.css — это кроссбраузерная библиотека для добавления CSS-анимации.

Плагины:

• Swiper JS — это плагин для создания адаптивного слайдера;
• jQuery Validation Plugin — это плагин, который помогает валидировать элементы формы;
• jQuery Masked Input — это плагин, который создаёт маску для ввода номера;

Макет в Figma:

• Макет Panteon

Скриншот:

Развернуть

(https://maksimyou.github.io/Panteon/)

Ссылка на сайт:

https://maksimyou.github.io/Panteon/