WHY SMARTY?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Ut enim massa, sodales tempor convallis et, iaculis ac massa.

CONTACT INFO
  • Address: PO Box 21132, Here Weare St,
    Melbourne, Vivas 2355 Australia
  • Phone: 1-800-565-2390
  • Email: support@yourname.com

Wrap any text and an optional dismiss button in .alert and one of the four contextual classes (e.g., .alert-success) for basic alert messages.

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Best check yo self, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
Default one! Nothing special, only a default alert!
<div class="alert alert-success margin-bottom-30"><!-- SUCCESS -->
	<button type="button" class="close" data-dismiss="alert">
		<span aria-hidden="true">×</span>
		<span class="sr-only">Close</span>
	</button>
	<strong>Well done!</strong> You successfully read this important alert message.
</div>


<div class="alert alert-info margin-bottom-30"><!-- INFO -->
	<button type="button" class="close" data-dismiss="alert">
		<span aria-hidden="true">×</span>
		<span class="sr-only">Close</span>
	</button>
	<strong>Heads up!</strong> This alert needs your attention, but it's not super important.
</div>


<div class="alert alert-warning margin-bottom-30"><!-- WARNING -->
	<strong>Warning!</strong> Best check yo self, you're not looking too good.
</div>


<div class="alert alert-danger margin-bottom-30"><!-- DANGER -->
	<strong>Oh snap!</strong> Change a few things up and try submitting again.
</div>


<div class="alert alert-default margin-bottom-30"><!-- DEFAULT -->
	<strong>Default one!</strong> Nothing special, only a default alert!
</div>

Wrap any text and an optional dismiss button in .alert and .alert-mini.

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Best check yo self, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
Default one! Nothing special, only a default alert!
<div class="alert alert-mini alert-success margin-bottom-30"><!-- SUCCESS -->
	<button type="button" class="close" data-dismiss="alert">
		<span aria-hidden="true">×</span>
		<span class="sr-only">Close</span>
	</button>
	<strong>Well done!</strong> You successfully read this important alert message.
</div>


<div class="alert alert-mini alert-info margin-bottom-30"><!-- INFO -->
	<button type="button" class="close" data-dismiss="alert">
		<span aria-hidden="true">×</span>
		<span class="sr-only">Close</span>
	</button>
	<strong>Heads up!</strong> This alert needs your attention, but it's not super important.
</div>


<div class="alert alert-mini alert-warning margin-bottom-30"><!-- WARNING -->
	<strong>Warning!</strong> Best check yo self, you're not looking too good.
</div>


<div class="alert alert-mini alert-danger margin-bottom-30"><!-- DANGER -->
	<strong>Oh snap!</strong> Change a few things up and try submitting again.
</div>


<div class="alert alert-mini alert-default margin-bottom-30"><!-- DEFAULT -->
	<strong>Default one!</strong> Nothing special, only a default alert!
</div>

Lorem ipsum dolor sit amet

Aharum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat.

Lorem ipsum dolor sit amet

Aharum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat.

Lorem ipsum dolor sit amet

Aharum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat.

Lorem ipsum dolor sit amet

Aharum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat.

Lorem ipsum dolor sit amet

Aharum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat.

<div class="alert alert-bordered-dotted margin-bottom-30"><!-- DOTTED --></span>
	<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
	<h4><strong>Lorem ipsum dolor sit amet</strong></h4>
	<p>Aharum quidem rerum facilis est et expedita distinctio lorem ipsum.</p>
</div>

<div class="alert alert-bordered-dashed margin-bottom-30"><!-- DASHED --></span>
	<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
	<h4><strong>Lorem ipsum dolor sit amet</strong></h4>
	<p>Aharum quidem rerum facilis est et expedita distinctio lorem ipsum.</p>
</div>

<div class="alert alert-bordered margin-bottom-30"><!-- BORDERED --></span>
	<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
	<h4><strong>Lorem ipsum dolor sit amet</strong></h4>
	<p>Aharum quidem rerum facilis est et expedita distinctio lorem ipsum.</p>
</div>

<div class="alert alert-dark margin-bottom-30"><!-- DARK --></span>
<h4><strong>Lorem ipsum dolor sit amet</strong></h4>
	<p>Aharum quidem rerum facilis est et expedita distinctio lorem ipsum.</p>
</div>

<div class="alert alert-theme-color margin-bottom-30"><!-- THEME COLOR --></span>
<h4><strong>Lorem ipsum dolor sit amet</strong></h4>
	<p>Aharum quidem rerum facilis est et expedita distinctio lorem ipsum.</p>
</div>

Purchase Smarty Template

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Ut enim massa, sodales tempor convallis et, iaculis ac massa.

I Agree Cancel

Purchase Smarty Template

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Ut enim massa, sodales tempor convallis et, iaculis ac massa.

I Agree Cancel

Purchase Smarty Template

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Ut enim massa, sodales tempor convallis et, iaculis ac massa.

I Agree Cancel

Purchase Smarty Template

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Ut enim massa, sodales tempor convallis et, iaculis ac massa.

I Agree Cancel

Purchase Smarty Template

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Ut enim massa, sodales tempor convallis et, iaculis ac massa.

Purchase
<!--
	ALERT CLASSES
	alert-success
	alert-info
	alert-warning
	alert-default
	

-->
<div class="alert alert-warning margin-bottom-30"><!-- SUCCESS -->
	<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
	
	<h4>Purchase <strong>Smarty Template</strong></h4>

	<p>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
	</p>

	<a href="#purchase" class="btn btn-info btn-sm margin-top-10">I Agree</a>
	<a href="#" class="btn btn-default btn-sm margin-top-10">Cancel</a>
</div>