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]

Thanks!

Keywest Internationale Updates!
Enter your name and email below and we'll let you you know when we add new stuff to Keywest Internationale that you'll love.
Your Information will never be shared with any third party.