Halo semua! 👋

Setelah sebelumnya aku bercerita tentang pengalaman desain pertama di proyek NutriJoy, nah di semester 2 ini, aku mau berbagi cerita tentang salah satu tantangan kuliah yang paling seru di semester ini: Tugas Templating Web. Proyek kali ini benar-benar membuatku merasa seperti seorang Front-End Developer sungguhan! 👩‍💻

The Project: Website Profil Online Nelaaa

Proyek ini aku beri judul "Website Profil Online Nelaaa Mahasiswa bisdig unm 2024". Temanya adalah website profil pribadi yang sangat minimalis namun tetap terlihat profesional. Aku menggunakan template Aerial dari HTML5 UP sebagai dasarnya.

Step-by-Step Modifikasi Template

Bukan sekadar copy-paste, aku belajar banyak hal teknis saat memodifikasi template ini berdasarkan panduan yang ada:

  • Persiapan: Aku mengunduh template dari HTML5 UP dan mengekstraknya ke folder htdocs di XAMPP agar bisa dijalankan secara lokal melalui browser.

  • Edit Struktur (index.html):

    • Aku mengubah nama menjadi namaku sendiri, Nailah Nurfadhilah Yunus.

    • Aku mengganti deskripsi profil lama menjadi "Student Front-End Learner Dreamer".

    • Menambahkan link media sosial seperti Twitter, Github, Email, Instagram, hingga WhatsApp agar teman-teman bisa langsung terhubung denganku.

    • Agar ikonnya lengkap dan cantik, aku juga memasukkan Font Awesome 6 di bagian <head>.

  • Kustomisasi Visual (CSS & Images):

    • Ganti Background: Supaya lebih personal, aku mengganti file bg.jpg bawaan dengan gambar Ponyo yang lucu banget!.

    • Main.css: Aku juga mengedit file CSS di bagian #bg untuk mengatur posisi gambar latar belakang agar pas di tengah (center 30%).

Sumber Template: https://html5up.net/aerial

The Result & Reflection

Hasil akhirnya bisa aku akses melalui localhost/studyhtml/index.html. Melihat desain profesional yang sudah aku modifikasi dengan sentuhan pribadiku sendiri—apalagi ada karakter Ponyo favoritku—rasanya puas banget!

Tugas ini mengajarkan aku bahwa dunia web development itu sangat luas. Mulai dari belajar mengatur opacity pada overlay desain hingga memastikan semua link sosial media berfungsi dengan baik. Sebagai pemula, ini adalah langkah besar yang sangat menyenangkan dan penuh pembelajaran baru.

Stay healthy and see yaaa! Love and peace from mee - nelaaa ✌️💖