Notification Boxes

Color Background

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.

[collapses class=»collapses-style3″ type=»toggle» tag=»div»]
[collapse active=»false» title=»Get the code»]


[alert class="alert" type="bg-red" dismiss="false" tag="div" icon="icon-flag-alt" color="#fff"]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]

[alert class="alert" type="bg-blue" dismiss="false" tag="div" icon="icon-flag-alt" color="#fff"]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]

[alert class="alert" type="bg-orange" dismiss="false" tag="div" icon="icon-flag-alt" color="#fff"]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]

[alert class="alert" type="bg-green" dismiss="false" tag="div" icon="icon-flag-alt" color="#fff"]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]

[alert class="alert" type="bg-violet" dismiss="false" tag="div" icon="icon-flag-alt" color="#fff"]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]


[/collapse][/collapses]

Color Border

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.

[collapses class=»collapses-style3″ type=»toggle» tag=»div»]
[collapse active=»false» title=»Get the code»]


[alert class="alert" type="" dismiss="false" tag="div" icon="icon-flag-alt" color="#e74847" border="#e74847"]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]

[alert class="alert" type="" dismiss="false" tag="div" icon="icon-flag-alt" color="#3f9dd3" border="#3f9dd3"]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]

[alert class="alert" type="" dismiss="false" tag="div" icon="icon-flag-alt" color="#fb9220" border="#fb9220"]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]

[alert class="alert" type="" dismiss="false" tag="div" icon="icon-flag-alt" color="#8dbe3f" border="#8dbe3f"]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]

[alert class="alert" type="" dismiss="false" tag="div" icon="icon-flag-alt" color="#a44ec4" border="#a44ec4"]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]


[/collapse][/collapses]

Without Border

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.

[collapses class=»collapses-style3″ type=»toggle» tag=»div»]
[collapse active=»false» title=»Get the code»]


[alert class="alert" type="none-border" dismiss="false" tag="div" icon="icon-flag-alt" color="#e74847" border=""]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]

[alert class="alert" type="none-border" dismiss="false" tag="div" icon="icon-flag-alt" color="#3f9dd3" border=""]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]

[alert class="alert" type="none-border" dismiss="false" tag="div" icon="icon-flag-alt" color="#fb9220" border=""]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]

[alert class="alert" type="none-border" dismiss="false" tag="div" icon="icon-flag-alt" color="#8dbe3f" border=""]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]

[alert class="alert" type="none-border" dismiss="false" tag="div" icon="icon-flag-alt" color="#a44ec4" border=""]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut.[/alert]


[/collapse][/collapses]