Promt Untuk Membuat WEB Portofolio Keren
Silahkan di modifikasi sesuai kemauan kalian ya sobb...
link youtube : https://www.youtube.com/watch?v=JFhT-TXrx4g&t=53s
Nama saya Basit al fath saya adalah seorang programmer
Buatkan website portofolio profesional yang responsif menggunakan HTML dan Tailwind CSS dengan fitur-fitur berikut:
1. **Header/Navbar**:
- Logo/nama di kiri atas
- Menu navigasi di kanan (Home, About, Portfolio, Services, Testimonials, Contact)
- Toggle menu untuk tampilan mobile - Efek hover dan transisi halus pada menu
2. **Hero Section**:
- Latar belakang yang menarik (gradient atau gambar subtil)
- Foto profesional di satu sisi - Nama dan jabatan/title yang mencolok
- Tagline atau deskripsi singkat
3. **About Section**:
- Heading "Tentang Saya"
- Deskripsi tentang latar belakang, passion, dan nilai-nilai profesional
- Daftar skill dengan progress bar atau rating visual
- Informasi statistik (proyek selesai, klien puas, dll)
- Tombol unduh CV
4. **Portfolio Section**:
- Filter kategori (Web Design, App Development, dll)
- Grid project dengan card yang berisi:
- Gambar project
- Nama project
- Kategori
- Overlay dengan tombol view project dan info
- Lightbox/modal untuk melihat detail project ketika diklik
5. **Services Section**:
- Daftar layanan yang ditawarkan
- Ikon representatif untuk setiap layanan
- Deskripsi singkat setiap layanan
- Hover effect yang menarik
6. **Testimonials Section**:
- Carousel testimoni dari klien
- Foto klien, nama, perusahaan/jabatan
- Rating bintang - Kutipan testimoni
7. **Contact Section**:
- Form kontak dengan validasi (nama, email, subjek, pesan)
- Informasi kontak (email, telepon, lokasi)
- Social media links dengan ikon
- Embed peta lokasi (opsional)
8. **Footer**:
- Copyright information
- Link cepat
- Social media links
- Back to top button Fitur teknis:
- Desain responsif untuk mobile, tablet, dan desktop
- Dark/light mode toggle
- Performa optimal dan SEO friendly
- Gunakan Tailwind CSS utility classes secara maksimal
- Tambahkan interaktivitas minimal dengan JavaScript jika diperlukan Tambahkan juga:
- Favicon
- Loading animation
- Efek parallax pada beberapa section
- Transisi dan animasi halus antara section
Pastikan kode rapi, terstruktur, dan mudah dikustomisasi, berikan dalam bentuk file zip.