SC Universitas HTML — Template Website Universitas & Portal Kampus + Dashboard CMS (Bootstrap 5)

SC Universitas HTML adalah template website universitas & portal informasi kampus berbahasa Indonesia yang modern, elegan, dan responsif, lengkap dengan dashboard CMS untuk admin dan staf kampus. Cocok untuk universitas, institut, sekolah tinggi, politeknik, dan akademi. Dibangun dengan HTML5, CSS3, Bootstrap 5.3, dan JavaScript vanilla tanpa framework dan tanpa build tool. Semua pustaka (Swiper, AOS, DataTables, SweetAlert2, Chart.js, TinyMCE, font) disimpan lokal, jadi template tetap berjalan tanpa CDN, bahkan langsung dari file.

Tampilan: gaya institusional-akademik dengan warna navy, royal blue, dan aksen emas, judul Plus Jakarta Sans dan teks Inter, hero besar, kartu modern, dan layout editorial. Warna dan font cukup diganti lewat CSS variables. Disertakan ilustrasi SVG orisinal (gedung kampus, wisuda, laboratorium, perpustakaan, seminar, dan foto pejabat/dosen) yang tinggal diganti foto asli kampus.

Website publik (21 halaman):

• Beranda: top header (email, telepon, SIAKAD, E-Learning, E-Library, PMB), header sticky dengan mega menu fakultas, hero slider, akses cepat 8 layanan, sambutan rektor, statistik berhitung naik, berita utama + populer, pengumuman dengan unduhan PDF, agenda, grid fakultas, riset & pengabdian, galeri dengan lightbox, video, testimoni, logo mitra berjalan, dan footer lengkap.
• Profil (10 subhalaman): sejarah (linimasa), visi misi, tujuan & sasaran, profil universitas, sambutan rektor, struktur organisasi (bagan), pimpinan, logo & identitas, akreditasi, lokasi & peta.
• Akademik (10): kalender akademik (tabel + unduh PDF), sistem pendidikan, peraturan, kurikulum OBE, Merdeka Belajar (MBKM), E-Learning, E-Library, SIAKAD, wisuda, pedoman.
• Fakultas & program studi: daftar 8 fakultas dan 38 prodi dengan filter, detail fakultas (dekan, visi misi, struktur, prodi, berita, galeri, kontak), detail prodi (akreditasi, profil lulusan, kurikulum per semester, prospek kerja, dosen).
• Direktori dosen: pencarian dan filter fakultas/prodi/jabatan, profil dosen dengan NIDN, bidang keahlian, tautan Google Scholar, SINTA, dan ORCID, metrik, serta publikasi.
• Portal berita: 10 kategori, pencarian, tag, pagination, sidebar populer; detail berita dengan caption, tag, tombol bagikan, profil penulis, artikel terkait, dan komentar.
• Pengumuman (nomor surat, kategori, status aktif, lampiran PDF), agenda (filter jenis, unduh ke kalender .ics), galeri foto (album, masonry, lightbox) dan galeri video.
• Penelitian & pengabdian (LPPM, publikasi, jurnal, HKI, pusat studi, kerja sama, KKN, inovasi), kemahasiswaan & alumni (ormawa, UKM, BEM, prestasi, beasiswa, layanan, tracer study, ikatan alumni), landing page PMB (jalur masuk, jadwal + hitung mundur, persyaratan, biaya, pilihan prodi, alur, FAQ, formulir daftar), kontak, dan pencarian global dengan filter jenis konten.

Dashboard CMS (22 halaman):

• Dashboard dengan kartu statistik dan grafik Chart.js (pengunjung, sumber trafik, berita per kategori, perangkat).
• Kelola berita dengan DataTables, filter, aksi massal; editor berita TinyMCE dengan slug otomatis, tag, gambar unggulan, jadwal terbit, dan SEO meta beserta pratinjau Google.
• CRUD kategori, halaman, pengumuman, agenda (dengan tampilan kalender), galeri foto (unggah banyak + drag & drop), video, slider beranda, testimoni, mitra, fakultas & prodi, dosen.
• Moderasi komentar, pesan masuk, pustaka media, pengguna & peran (matriks hak akses), pengaturan situs (identitas, kontak, media sosial, warna dengan pratinjau langsung, SEO), dan profil admin.
• Semua konfirmasi memakai SweetAlert2; menu samping berubah jadi offcanvas di HP.

Kode rapi: CSS & JavaScript terpisah, header/navigasi/footer dirender dari satu komponen, semua data contoh di satu file (assets/js/data.js), helper CRUD reusable di dashboard, semantic HTML, dan aksesibilitas dasar. Diuji di desktop & HP tanpa error JavaScript.

Catatan: ini template frontend (HTML statis). Data dashboard tersimpan di browser (localStorage) dan form masih mode demo. README menjelaskan bagian yang perlu disambungkan ke backend Anda (PHP, CodeIgniter, Laravel, WordPress, dll.).

Isi paket: 21 halaman publik, 22 halaman dashboard, CSS & JS, ilustrasi SVG + generatornya, contoh lampiran PDF, font lokal, Bootstrap 5.3.8, Bootstrap Icons, Swiper 11, AOS, DataTables 2, SweetAlert2, Chart.js 4, TinyMCE 6.8 (MIT), README, LICENSE, dan NOTICE.

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

Klik Lihat Demo untuk mencoba langsung. Dashboard bisa dicoba lewat tautan Login Admin di footer demo dengan akun admin@univsharecode.ac.id / admin123.