Alert merupakan sebuah tampilan yang berisi pesan atau pemberitahuan tentang suatu proses. Alert sendiri sangat banyak bentuk maupun isi pesannya. Dalam kesempatan kali ini kita akan membuat sebuah tampilan alert menggunakan HTML CSS serta dengan tambahan Icon setiap alertnya. Bagaimana cara membuatnya mari simak langkah-langkah berikut:  Langkah pertama sahabat buka text editor masing masing lalu buat struktur HTML serta desain tampilan alertnya seperti code dibawah ini:

Bisa sahabat perhatikan pada code diatas terdapat class icon dari fontawesome agar menambah menarik tampilannya, lalu tambahkan link icon fontawesomenya.

Langkah berikutnya berikan style CSS agar lebih rapih tampilannya berikut code style nya:

Jika sudah simpan kedua file diatas, kemudian sahabat buka ke browser masing-masing apakah sudah benar? seperti tampilan dibawah ini yang sebelumnya diketiikan dengan code diatas.

Membuat Alert Menggunakan HTML CSS & Icon Fontawesome

Apabila sahabat ingin merubah Icon atau warna sesuai ke inginan silahkan mencari Icon pada website Fontawesome .

Saya kira cukup dalam pembahasan artikel ini semoga bermanfaat dan dapat menambah referensi belajar sahabat, sampai jumpa dalam kesempatan lainnya .

terima kasih