Panteon

Pantheon

Project Description

Patreon is an interactive page where users can select a coach based on their skill level and provide feedback.

Functional:

• Sliders;
• Pop-up forms with feedback;
• User eXperience (UX);
• Adaptive interface for different devices.

Technology stack:

• HTML5;
• CSS3:
  • Flexbox;
  • Positioning;
  • Adaptive UI;
  • Media Queries;
• Vendor prefixes in CSS;
• Preprocessors: SASS/SCSS/LESS;
• BEM methodology;
• Working with media files (HTML-video, iframe);
• Layout according to the layout in Figma;
• JavaScript:
  • CamelCase style;
  • Installation and configuration of plugins;
• Gulp.

Installation and launch of the project:

Clone repository:

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

Install dependencies:

 npm install

Run the project:

 npx gulp

Languages:

• JavaScript

Libraries:

• jQuery is a JavaScript framework that focuses on the interaction of JavaScript and HTML;
• PHPMailer is a library for sending emails securely and easily using PHP code from a web server. Manual with new Gmail SMTP settings;
• Animate.css is a cross-browser library for adding CSS animations.

Plugins:

• Swiper JS is a plugin for creating a responsive slider;
• jQuery Validation Plugin is a plugin that helps validate form elements;
• jQuery Masked Input is a plugin that creates a mask for number input;

Layout in Figma:

• Pantheon Layout

Screenshot:

Expand

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

Website link:

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