SC Company HTML Konstruksi — Template Company Profile Kontraktor & Konstruksi

SC Company HTML Konstruksi adalah template company profile HTML lengkap untuk perusahaan, CV, maupun UMKM: profil & sejarah, layanan beserta halaman detail, portofolio dengan filter, tim, klien & testimoni, karier, berita, galeri foto dan video, FAQ, serta kontak. Tema ini bergaya Kontraktor & Konstruksi — PT Sharecode Konstruksi, bentuk diagonal tegas.

Desain: palet kuning safety #ffb400, charcoal #1e1e1e; font Barlow Condensed (judul) dan Barlow (isi). Satu dari 10 desain berbeda dalam seri SC Company HTML — lihat desain lainnya di galeri demo SC Company.

Halaman (16): Beranda, Detail Berita, Berita, FAQ, Galeri Foto, Galeri Video, Karier, Klien & Testimoni, Kontak, Detail Layanan, Layanan, Detail Portofolio, Portofolio, Tentang, Tim, Halaman 404.

Fitur:

• Responsif penuh (HP, tablet, desktop) dengan menu mobile dan header sticky.
• Galeri foto dengan filter kategori dan lightbox (geser, panah keyboard, Esc), serta galeri video YouTube yang baru dimuat saat diklik.
• Pencarian & filter daftar, tab, akordeon (FAQ), slider, angka berhitung, animasi muncul saat scroll (menghormati pengaturan reduce motion).
• Validasi form di browser dengan notifikasi sukses — tinggal disambungkan ke backend Anda (sudah diberi penanda di kode).
• SEO dasar di tiap halaman (meta description, Open Graph), HTML semantik, dan atribut aksesibilitas.
• 44 ilustrasi SVG orisinal (bebas dipakai) yang mudah diganti foto asli Anda.

Teknologi: HTML5, CSS3, dan JavaScript murni — tanpa framework, tanpa jQuery, tanpa CDN. Font di-host sendiri (woff2), satu file style.css dengan variabel warna di :root sehingga warna dan font gampang diganti, dan satu file main.js.

Cara pakai: ekstrak zip, lalu buka lewat web server (mis. taruh di folder htdocs XAMPP dan buka http://localhost/nama-folder/) atau unggah ke hosting. Jangan dibuka dengan klik dua kali (file://) karena browser memblokir font lokal. Panduan mengganti logo, warna, gambar, dan menyambungkan form ada di README.md.

Lisensi: MIT — gratis untuk semua member sharecode.id, boleh dipakai untuk website klien maupun komersial. Mohon pertahankan atribusi di footer. Semua nama, data, dan gambar contoh bersifat fiktif.