Panteon

万神殿

项目描述

Patreon 是一个交互式页面，用户可以根据自己的技能水平选择教练并提供反馈。

功能性：

• 滑块；
• 带反馈的弹出表单；
• 用户体验（UX）；
• 针对不同设备的自适应界面。

技术栈：

• HTML5；
• CSS3：
  • 弹性盒；
  • 定位；
  • 自适应用户界面；
  • 媒体查询；
• CSS 中的供应商前缀；
• 预处理器：SASS/SCSS/LESS；
• 边界元法方法；
• 处理媒体文件（HTML 视频、iframe）；
• 按照Figma中的布局进行布局；
• JavaScript：
  • 驼峰式风格；
  • 插件的安装和配置；
• 咕噜咕噜。

项目的安装和启动：

克隆存储库：

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

安装依赖项：

 npm install

运行项目：

 npx gulp

语言：

• JavaScript

图书馆：

• jQuery 是一个 JavaScript 框架，专注于 JavaScript 和 HTML 的交互；
• PHPMailer 是一个使用 Web 服务器上的 PHP 代码安全、轻松地发送电子邮件的库。手动使用新的 Gmail SMTP 设置；
• Animate.css 是一个用于添加 CSS 动画的跨浏览器库。

插件：

• Swiper JS 是一个用于创建响应式滑块的插件；
• jQuery Validation Plugin 是一个帮助验证表单元素的插件；
• jQuery Masked Input 是一个为数字输入创建掩码的插件；

Figma 中的布局：

• 万神殿布局

截屏：

扩张

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

网站链接：

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