Panteon
Deskripsi Proyek
Patreon adalah halaman interaktif di mana pengguna dapat memilih pelatih berdasarkan tingkat keahlian mereka dan memberikan umpan balik.
Fungsional:
- Penggeser;
- Formulir pop-up dengan umpan balik;
- Pengalaman Pengguna (UX);
- Antarmuka adaptif untuk perangkat yang berbeda.
Tumpukan teknologi:
- HTML5;
- CSS3:
- kotak fleksibel;
- Penentuan posisi;
- UI adaptif;
- Pertanyaan Media;
- Awalan vendor di CSS;
- Praprosesor: SASS/SCSS/LESS;
- metodologi BEM;
- Bekerja dengan file media (video HTML, iframe);
- Tata letak sesuai tata letak di Figma;
- JavaScript:
- Gaya CamelCase;
- Instalasi dan konfigurasi plugin;
- Meneguk.
Instalasi dan peluncuran proyek:
Repositori klon:
git clone https://github.com/maksimyou/Panteon.git
Instal dependensi:
Jalankan proyek:
Bahasa:
Perpustakaan:
- jQuery adalah kerangka JavaScript yang berfokus pada interaksi JavaScript dan HTML;
- PHPMailer adalah perpustakaan untuk mengirim email dengan aman dan mudah menggunakan kode PHP dari server web. Manual dengan pengaturan SMTP Gmail baru;
- Animate.css adalah pustaka lintas browser untuk menambahkan animasi CSS.
Plugin:
- Swiper JS adalah plugin untuk membuat slider responsif;
- Plugin Validasi jQuery adalah plugin yang membantu memvalidasi elemen formulir;
- jQuery Masked Input adalah plugin yang membuat topeng untuk input angka;
Tata letak di Figma:
Tangkapan layar:
Memperluas
(https://maksimyou.github.io/Panteon/)
Tautan situs web:
https://maksimyou.github.io/Panteon/