fbpx

Notification Boxes

Color Background

[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]

[collapses class=”collapses-style3″ type=”toggle” tag=”div”]
[collapse active=”false” title=”Get the code”]
[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]
[/code]
[/collapse][/collapses]

Color Border

[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]

[collapses class=”collapses-style3″ type=”toggle” tag=”div”]
[collapse active=”false” title=”Get the code”]
[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]

[/code]
[/collapse][/collapses]

Without Border

[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]

[collapses class=”collapses-style3″ type=”toggle” tag=”div”]
[collapse active=”false” title=”Get the code”]
[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]
[/code]
[/collapse][/collapses]

X