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]