SC Personal — Template Personal Website & Digital Portfolio + Dashboard CMS (HTML Bootstrap 5)

SC Personal adalah template personal website & digital portfolio berbahasa Indonesia yang modern, elegan, dan responsif. Template ini lengkap dengan dashboard CMS untuk mengelola seluruh isinya. Cocok untuk programmer, network administrator, konsultan TI, freelancer, desainer, fotografer, content creator, dosen, maupun profesional bisnis yang ingin membangun personal branding.

Dibangun dengan HTML5, CSS3, Bootstrap 5.3, Bootstrap Icons, JavaScript vanilla, Swiper, AOS, DataTables, TinyMCE, Chart.js, dan SweetAlert2, tanpa React/Vue/Angular. Semua pustaka dan font (Plus Jakarta Sans & Inter) disimpan lokal, jadi template tetap berjalan tanpa CDN, bahkan langsung dari file.

Tampilan: konsep modern personal branding. Layout editorial yang lega dengan tipografi tegas, palet Navy, Royal Blue, dan aksen Gold. Semua warna diatur lewat CSS variables, jadi mudah diganti.

Situs publik (30 halaman):

• Beranda: navbar sticky + menu offcanvas di HP, hero dua kolom dengan foto, status ketersediaan dan tombol CV, tentang saya, statistik dengan counter animasi, keahlian, layanan, portofolio unggulan dengan filter, pengalaman & pendidikan, sertifikasi, blog terbaru, galeri masonry + lightbox, testimoni (Swiper), logo klien, CTA, dan footer lengkap.
• Blog: artikel unggulan, terbaru, dan populer, kategori, tag, pencarian, paginasi, sidebar. Detail artikel berisi daftar isi otomatis, bilah progres baca, tombol bagikan, profil penulis, artikel sebelumnya/berikutnya, artikel terkait, dan komentar.
• Portofolio: 8 kategori dengan filter dan pencarian. Detail proyek berbentuk case study (permasalahan → solusi → hasil, slider gambar, teknologi, live demo, repository).
• Galeri foto & video per album dengan lightbox (bisa digeser di HP).
• Tentang saya, CV online siap cetak (plus PDF), pengalaman kerja, pendidikan, sertifikasi, penghargaan, organisasi, dan publikasi.
• Layanan & detail layanan (fitur, proses kerja, keunggulan, form konsultasi), kontak (form, jam ketersediaan, peta), FAQ, kebijakan privasi, syarat & ketentuan, disclaimer, sitemap, halaman 404, dan coming soon. Tombol WhatsApp melayang tersedia di setiap halaman.

Dashboard CMS (28 halaman): overview dengan grafik pengunjung & artikel per bulan, kotak pesan masuk (diisi dari form di situs), manajemen profil, blog (draft, published, terjadwal; kategori, tag, moderasi komentar), portofolio, galeri (unggah banyak foto, video, urutan seret-lepas), halaman, keahlian, pengalaman, pendidikan, sertifikasi, layanan, testimoni, media library ala WordPress, menu builder seret-lepas, SEO, pengaturan website (logo, warna, kontak, media sosial, footer, WhatsApp, analytics), keamanan & sesi, activity log, serta login, lupa, dan reset kata sandi.

Satu sumber data: apa pun yang Anda ubah di dashboard langsung tampil di situs publik. Misalnya artikel baru, proyek, foto profil, warna tema, menu, atau nomor WhatsApp.

SEO siap pakai: SEO title, meta description, canonical, Open Graph, Twitter Cards, data terstruktur (Schema Person, Article, Breadcrumb, CreativeWork, Service, FAQPage), sitemap.xml, robots.txt, dan breadcrumb di setiap halaman.

Keamanan (alur & tampilan): token CSRF di setiap formulir, sesi berakhir otomatis saat tidak aktif, ganti kata sandi dan daftar sesi aktif, kunci login sementara setelah 5 kali gagal, honeypot anti-spam di form publik, konfirmasi penghapusan, dan validasi form.

Kode rapi: CSS & JavaScript terpisah, header/footer/kartu dirender dari satu sumber (ada juga potongan HTML referensi di folder components/), semantic HTML, dan aksesibilitas dasar. Diuji di desktop, laptop, dan HP: tanpa error JavaScript dan tanpa permintaan ke server luar.

Catatan: ini template frontend. Login, formulir, dan penyimpanan disimulasikan di peramban (localStorage). README menjelaskan titik-titik yang perlu disambungkan ke backend Anda (PHP, Laravel, CodeIgniter, dll.).

Isi paket: 30 halaman publik, 28 halaman dashboard, CSS & JS, 70+ ilustrasi SVG orisinal, CV PDF contoh, font lokal, Bootstrap 5.3.3, Bootstrap Icons 1.11, Swiper 11, AOS 2.3, DataTables 1.13, Chart.js 4.4, SweetAlert2 11, TinyMCE 6.8 (MIT, antarmuka berbahasa Indonesia), README, LICENSE, dan NOTICE.

Lisensi: gratis untuk semua member sharecode.id. Boleh dipakai untuk website personal sendiri maupun klien tanpa batas jumlah, dan boleh menarik biaya jasa. Dilarang menjual atau membagikan ulang template ini sebagai template/produk. Atribusi "Template SC Personal oleh sharecode.id" di footer wajib dipertahankan (detail di LICENSE.md).

Klik Lihat Demo untuk mencoba situs publiknya. Dashboard bisa dicoba di /dashboard/login.html dengan akun admin / Demo@123.