Alerts

<div class="alert dg-alert03 alert-accent fade in">
  <button aria-hidden="true" class="close" data-dismiss="alert" type="button">×</button>
  <span class="icon fa fa-clock-o"></span>
  <h6>Your message comes here</h6>
  <p>Pellentesque mi felis, vehicula sit amet lacinia at, dapibus non lorem!</p>
</div>

<div class="alert dg-alert03 alert-info fade in">
  <button aria-hidden="true" class="close" data-dismiss="alert" type="button">×</button>
  <span class="icon fa fa-clock-o"></span>
  <h6>Your message comes here</h6>
  <p>Pellentesque mi felis, vehicula sit amet lacinia at, dapibus non lorem!</p>
</div>

<div class="alert dg-alert03 alert-warning fade in">
  <button aria-hidden="true" class="close" data-dismiss="alert" type="button">×</button>
  <span class="icon fa fa-check-circle"></span>
  <h6>Your message comes here</h6>
  <p>Pellentesque mi felis, vehicula sit amet lacinia at, dapibus non lorem!</p>
</div>

<div class="alert dg-alert03 alert-ban fade in">
  <button aria-hidden="true" class="close" data-dismiss="alert" type="button">×</button>
  <span class="icon fa fa-check-circle"></span>
  <h6>Your message comes here</h6>
  <p>Pellentesque mi felis, vehicula sit amet lacinia at, dapibus non lorem!</p>
</div>

<div class="alert dg-alert03 alert-success fade in">
  <button aria-hidden="true" class="close" data-dismiss="alert" type="button">×</button>
  <span class="icon fa fa-exclamation-triangle"></span>
  <h6>Your message comes here</h6>
  <p>Pellentesque mi felis, vehicula sit amet lacinia at, dapibus non lorem!</p>
</div>

<div class="alert dg-alert03 alert-bell-slash-o fade in">
  <button aria-hidden="true" class="close" data-dismiss="alert" type="button">×</button>
  <span class="icon fa fa-exclamation-triangle"></span>
  <h6>Your message comes here</h6>
  <p>Pellentesque mi felis, vehicula sit amet lacinia at, dapibus non lorem!</p>
</div>

<div class="alert dg-alert06 alert-success fade in">
  <button aria-hidden="true" class="close" data-dismiss="alert" type="button">×</button>
  <span class="icon fa fa-info"></span>
  <h6>VESTIBULUM ANTE IPSUM PRIMIS</h6>
  <p>Suspendisse libero turpis, venenatis eget scelerisque,Vestibulum ante ipsum.</p>
</div>

<div class="alert dg-alert06 alert-primary fade in">
  <button aria-hidden="true" class="close" data-dismiss="alert" type="button">×</button>
  <span class="icon fa fa-check"></span>
  <h6>DONEC SOLLICITUDIN MI SIT AMET MAURIS</h6>
  <p>Suspendisse libero turpis, venenatis eget sceler stibulum ante ipsum.</p>
</div>

<div class="alert dg-alert06 alert-accent fade in">
  <button aria-hidden="true" class="close" data-dismiss="alert" type="button">×</button>
  <span class="icon fa fa-unlock"></span>
  <h6>PROIN ELIT ARCU, RUTRUM COMMODO</h6>
  <p>Suspendisse libero turpis, venenatis eget scelerisque, stibulum ante ipsum pri.</p>
</div>

<div class="alert dg-alert06 alert-warning fade in">
  <button aria-hidden="true" class="close" data-dismiss="alert" type="button">×</button>
  <span class="icon fa fa-mail-forward"></span>
  <h6>UT LACUS MI, EGESTAS QUIS VIVERRA </h6>
  <p>Suspendisse libero turpis, venenatis eget scelerisque,Vestibulum ante.</p>
</div>

<div class="alert dg-alert06 alert-danger fade in">
  <button aria-hidden="true" class="close" data-dismiss="alert" type="button">×</button>
  <span class="icon fa fa-times"></span>
  <h6>NUNC ORNARE ADIPISCING ORCI EU</h6>
  <p>Suspendisse libero turpis, venenatis eget que,Vestibulum ante ipsum iade sf.</p>
</div>

<div class="alert dg-alert06 alert-info fade in">
  <button aria-hidden="true" class="close" data-dismiss="alert" type="button">×</button>
  <span class="icon fa fa-key"></span>
  <h6>DUIS ALIQUAM MOLESTIE ERAT</h6>
  <p>Suspendisse libero turpis, venenatis eget scelerisque,Vestibulum ante ipsum.</p>
</div>