Let's have fun

Let's have fun

Alerts

Info

With the alerts of this framework you can show messages like Info, Warning, Danger and Success, each in its own color. You can add a close button, so the user can close the info.

The alerts

Danger

Lorem ipsum.Nulla elementum tristique ultricies. Etiam sit amet felis leo, non imperdiet sapien.

alert
danger
button-close
<div class="alert danger">
  <button class="button-close"></button>
  <p class="head">Danger</p>
  <p>Text</p>
</div>

Warning

Lorem ipsum.Nulla elementum tristique ultricies. Etiam sit amet felis leo, non imperdiet sapien.

warning
<div class="alert warning">
  <button class="button-close"></button>
  <p class="head">Warning</p>
  <p>Text</p>
</div>

Success

Lorem ipsum.Nulla elementum tristique ultricies. Etiam sit amet felis leo, non imperdiet sapien.

succes
<div class="alert succes">
  <button class="button-close"></button>
  <p class="head">Succes</p>
  <p>Text</p>
</div>

Info

Lorem ipsum.Nulla elementum tristique ultricies. Etiam sit amet felis leo, non imperdiet sapien.

info
<div class="alert info">
  <button class="button-close"></button>
  <p class="head">Info</p>
  <p>Text</p>
</div>