Pertemuan 6 : Bootstrap

 Pertemuan 6

    Nama : Jhonatan Christopher Lundu Simorangkir

    NRP : 5025221316

    Mata Kuliah : PWEB B2

    

    Pada pertemuan ini, saya diperkenalkan dengan Bootstrap, sebuah framework CSS yang sangat umum digunakan dalam membuat website. Saya membuat beberapa contoh website menggunakan bootstrap. yaitu :

  • Halaman Konten
        Website ini merupakan website statis modern yang dibangun menggunakan Bootstrap 5 dengan struktur file terpisah (HTML, CSS, dan JavaScript).

        Website menampilkan header (hero section) sebagai pembuka, navbar responsif untuk navigasi, konten utama berupa card fitur dan artikel, serta footer sebagai penutup.
Desain dibuat responsif, sehingga dapat diakses dengan baik di perangkat desktop maupun mobile, serta mudah dikembangkan ke website dinamis di masa depan.



        Link Github : https://github.com/JhonatanSimorangkir/PWEB-B/tree/main/Pertemuan-6/content_page
        Link Website : https://jhonatansimorangkir.github.io/PWEB-B/Pertemuan-6/content_page/index.html

  • Login

        Link Github : https://github.com/JhonatanSimorangkir/PWEB-B/tree/main/Pertemuan-6/login_and_register
        Link Website : https://jhonatansimorangkir.github.io/PWEB-B/Pertemuan-6/login_and_register/login.html

  • Register


        Link Github :  https://github.com/JhonatanSimorangkir/PWEB-B/tree/main/Pertemuan-6/login_and_register
        Link Website : https://jhonatansimorangkir.github.io/PWEB-B/Pertemuan-6/login_and_register/login.html




Comments

Post a Comment

Popular posts from this blog

Evaluasi Tengah Semester Jhonatan Christopher

Image
Nama : Jhonatan Christopher Lundu Simorangkir  NRP : 5025221316 Link Website : https://68ec92d86988f833bd55bb97--frolicking-buttercream-75124d.netlify.app/ Pada pertemuan kali ini, saya membuat sebuah website untuk ETS PWEB B 2025. Diminta untuk membuat website tentang sewa mainan untuk anak anak dengan ketentuan sebagai berikut: 1. Buatlah desain Landing page yang di dalamnya memuat 1. Header / Hero Section 2. Benefit Section 3. Social Proof / Testimoni 4. Detail Produk / Penjelasan Layanan 5. Offer / Promo (opsional) 6. Formulir / Lead Capture 7. FAQ (Frequently Asked Questions) 8. Footer 2. Implementasikan konsep yang telah dibuat ke dalam sebuah aplikasi web. Setiap menu atau fitur yang ada mengarah ke page baru. Jika menggunakan css buat dalam file yan berbeda. Berikut adalah dokumentasi saya : 1. Header dan Hero 2. Benefit 3. Benefit Section 4. Testimonial  5. Promo dan Form 6. FAQ dan Footer Struktur Filenya kira kira seperti ini
Read more

Pertemuan 1 : Latihan Mengetik

Image
      Pertemuan 1      Nama : Jhonatan Christopher Lundu Simorangkir       NRP : 5025221316       Kelas : PWEB B2           Pada pertemuan pertama, mahasiswa diminta untuk melakukan latihan mengetik. disini saya mengggunakan website MonkeyType.           Pada gambar tersebut dapat dilihat bahwa hasil saya berupa 60 wpm / word per minute, dengan tingkat akurasi 96% dengan konsistensi 73% dalam waktu 30 detik.
Read more

Pertemuan 3 : Tabel, Form, dan Frame

Image
 Pertemuan 3 Nama : Jhonatan Christopher Lundu Simorangkir NRP ; 5025221316 Mata Kuliah : PWEB B2 Pada pertemuan kali ini, mahasiswa diminta untuk membuat table, form dan frame sebagai latihan dari materi. Berikut adalah hasil yang saya kerjakan Table                    Link Github     :  https://github.com/JhonatanSimorangkir/PWEB-B/blob/main/Pertemuan-3/table.html          Link Website   :  https://jhonatansimorangkir.github.io/PWEB-B/Pertemuan-3/table.html Form          Link Github : https://github.com/JhonatanSimorangkir/PWEB-B/blob/main/Pertemuan-3/form.html          Link Website :  https://jhonatansimorangkir.github.io/PWEB-B/Pertemuan-3/form.html Frame          Link Github :  https://github.com/JhonatanSimorangkir/PWEB-B/blob/main/Pertemuan-3/frame.html          L...
Read more