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/