Build A Tribute Page

 

Buat Halaman Penghargaan
Tujuan: Bangun aplikasi yang secara fungsional mirip dengan:

https://tribute-page.freecodecamp.rocks/ 

 Cerita Pengguna:
 

 1. Halaman upeti Anda harus memiliki elemen utama dengan id utama yang sesuai, yang berisi semua elemen lainnya.
 2.Anda akan melihat elemen dengan id judul, yang berisi string (yaitu teks), yang mendeskripsikan subjek halaman upeti (mis. "Dr. Norman Borlaug").
3.Anda akan melihat elemen figure atau div dengan id img-div
4.Di dalam elemen #img-div, Anda akan melihat elemen img dengan id="gambar" yang sesuai
5.Di dalam elemen #img-div, Anda akan melihat elemen dengan id="img-caption" terkait yang berisi konten tekstual yang mendeskripsikan gambar yang ditampilkan di #img-div

 

6. Anda akan melihat elemen dengan id="tribute-info" yang sesuai, yang berisi konten tekstual yang menjelaskan subjek halaman upeti.
7. Anda akan melihat elemen a dengan id="tribute-link" yang sesuai, yang tertaut ke situs luar, yang berisi informasi tambahan tentang subjek halaman upeti. PETUNJUK: Anda harus memberi elemen Anda atribut target dan menyetelnya ke _blank agar tautan Anda terbuka di tab baru
8. #image Anda harus menggunakan properti max-width dan height untuk mengubah ukuran secara responsif, relatif terhadap lebar elemen induknya, tanpa melebihi ukuran aslinya.
9.Elemen img Anda harus dipusatkan di dalam elemen induknya

Penuhi cerita pengguna dan lewati semua tes di bawah untuk menyelesaikan proyek ini. Berikan gaya pribadi Anda sendiri. Selamat Coding!

Catatan: Pastikan untuk menambahkan <link rel="stylesheet" href="styles.css"> di HTML Anda untuk menautkan stylesheet dan menerapkan CSS Anda.