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