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]

It's only fair to share...Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedInShare on RedditPin on PinterestShare on TumblrShare on StumbleUponShare on VKDigg thisFlattr the authorShare on YummlyBuffer this page