Skip to content

Situs web portofolio pribadi yang menampilkan proyek, keahlian, dan pengalaman saya selama studi S1 ​​Teknik Elektro. Dibuat dengan JavaScript, Tailwind CSS, dan Google Apps Script.

Notifications You must be signed in to change notification settings

bnrpmbd/Website-Portofolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Situs Web Portofolio - Banar Pambudi

Situs web portofolio modern dengan desain futuristik menggunakan HTML, CSS (Tailwind), JavaScript, dan Google Apps Script.

🚀 Fitur

  • Desain Futuristik: Tema Cyberpunk dengan animasi yang menarik
  • Responsif: Dioptimalkan untuk semua perangkat (desktop, tablet, seluler)
  • Interaktif: Animasi gulir, efek mesin tik, sistem partikel
  • Modern: Menggunakan Tailwind CSS dan JavaScript ES6+
  • Performa: Dioptimalkan untuk pemuatan cepat

🛠️ Tumpukan Teknologi

  • HTML5: Struktur situs web
  • Tailwind CSS: Penataan gaya dan desain responsif
  • JavaScript: Interaktivitas dan animasi
  • Font Awesome: Ikon
  • Google Fonts: Tipografi (Orbitron)

🎨 Fitur Utama

1. Bagian Hero

  • Animasi mesin tik dengan banyak teks
  • Efek partikel mengambang
  • Latar belakang gradien dengan pola kisi-kisi
  • Tombol ajakan bertindak

2. Bagian Tentang

  • Bilah keterampilan animasi
  • Kartu statistik
  • Tata letak grid responsif

3. Bagian Proyek

  • Efek hover kartu dengan cahaya
  • Tag teknologi
  • Showcase proyek dengan tombol

4. Bagian Kontak

  • Formulir kontak dengan validasi
  • Tautan media sosial
  • Kartu informasi kontak

5. Fitur Interaktif

  • Navigasi gulir yang lancar
  • Menu responsif seluler
  • Animasi yang dipicu gulir
  • Sistem notifikasi
  • Efek jejak kursor (desktop)
  • Animasi pemuatan

🎯 Optimasi

Performa

  • Menggunakan CDN untuk Tailwind CSS
  • CSS dan JavaScript yang diperkecil
  • Gambar yang dioptimalkan (gunakan format WebP)
  • Pemuatan lambat untuk gambar

SEO

  • Tag meta untuk berbagi media sosial
  • Markup data terstruktur
  • Sitemap.xml
  • Robots.txt

Aksesibilitas

  • Label ARIA
  • Navigasi keyboard
  • Dukungan pembaca layar
  • Kepatuhan kontras warna

📞 Kontak

Jika Anda memiliki pertanyaan atau Saran, silakan hubungi:

📄 Lisensi

Lisensi MIT - silakan gunakan templat ini untuk portofolio Anda sendiri!


Selamat Coding! 🚀

About

Situs web portofolio pribadi yang menampilkan proyek, keahlian, dan pengalaman saya selama studi S1 ​​Teknik Elektro. Dibuat dengan JavaScript, Tailwind CSS, dan Google Apps Script.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published