กล่องแจ้งเตือนมูลนิธิ

<div ข้อมูลการแจ้งเตือน class = " การแจ้งเตือนกล่อง">
นี่คือกล่องเตือนเริ่มต้น
</ div>

<div ข้อมูลการแจ้งเตือน class = " การแจ้งเตือนกล่องรอง">
นี่คือกล่องเตือนรอง
</ div>

<div ข้อมูลการแจ้งเตือน class = " ประสบความสำเร็จในการแจ้งเตือนกล่อง">
<strong> ความสำเร็จ! </ strong > กล่องเตือนนี้บ่งชี้การดำเนินการประสบความสำเร็จหรือบวก
</ div>

<div ข้อมูลการแจ้งเตือน class = " ข้อมูลการแจ้งเตือนกล่อง">
<strong> ข้อมูล! </ strong > กล่องเตือนนี้บ่งชี้การเปลี่ยนแปลงข้อมูลที่เป็นกลางหรือการกระทำ
</ div>

<div ข้อมูลการแจ้งเตือน class = " คำเตือนการแจ้งเตือนกล่อง">
<strong> คำเตือน! </ strong > กล่องเตือนนี้บ่งชี้คำเตือนว่าอาจจำเป็นต้องให้ความสนใจ
</ div>

<div ข้อมูลการแจ้งเตือน class = " การแจ้งเตือนกล่องเตือน">
<strong> แจ้งเตือน! </ strong > กล่องเตือนนี้บ่งชี้ว่ามีการกระทำที่เป็นอันตรายหรือเชิงลบที่อาจเกิดขึ้น
</ div>

<div ข้อมูลการแจ้งเตือน class = " การแจ้งเตือนกล่องความสำเร็จรัศมี">
<strong> ความสำเร็จ! </ strong > กล่องเตือนมีรัศมี
</ div>

<div ข้อมูลการแจ้งเตือน class = " ข้อมูลการแจ้งเตือนกล่องรอบ">
<strong> ข้อมูล! </ strong > กล่องเตือนที่โค้งมน
</ div>

<div ข้อมูลการแจ้งเตือน class = " การแจ้งเตือนกล่อง">
นี่คือกล่องเตือนเริ่มต้นกับการทำงานปิด
<A href = "#" class = "close"> & ครั้ง; </ a>
</ div>

<script>
// เตรียมมูลนิธิ JS สำหรับการทำงาน
$ (เอกสาร) .ready (ฟังก์ชั่น () {
$ (เอกสาร) .foundation ();
})
</ script>