Callout

Clean and Multi-purpose template made with Bootstrap

TEXT LEFT

Pellentesque posuere fermentum libero quis porta
efficitur quis rhoncus sit amet.

HURRY! Grab a Copy Now

Pellentesque posuere fermentum libero quis porta.

Show Code
														
							<div class="callout bg-gray">	
								<div class="row">						
									<div class="col-md-9">
										<h3>HURRY! Grab a Copy Now</h3>
										<p>Pellentesque posuere fermentum libero quis porta.</p>
									</div>
									
									<div class="col-md-3">	
										<a href="#" class="btn btn-theme call-to-action-small"> PURCHASE NOW <i class="fa fa-shopping-cart"></i> </a>
									</div>						
								</div><!-- ./row -->
							</div>	
						  
						

HURRY! Grab a Copy Now

Pellentesque posuere fermentum libero quis porta.

Show Code
														
							<div class="callout bg-dark">	
								<div class="row">						
									<div class="col-md-9">
										<h3>HURRY! Grab a Copy Now</h3>
										<p>Pellentesque posuere fermentum libero quis porta.</p>
									</div>
									
									<div class="col-md-3">	
										<a href="#" class="btn btn-theme call-to-action-small"> PURCHASE NOW <i class="fa fa-shopping-cart"></i> </a>
									</div>						
								</div><!-- ./row -->
							</div>	
						  
						

HURRY! Grab a Copy Now

Pellentesque posuere fermentum libero quis porta.

Show Code
														
							<div class="callout border">	
								<div class="row">						
									<div class="col-md-9">
										<h3>HURRY! Grab a Copy Now</h3>
										<p>Pellentesque posuere fermentum libero quis porta.</p>
									</div>
									
									<div class="col-md-3">	
										<a href="#" class="btn btn-theme-transparent  call-to-action-small"> PURCHASE NOW <i class="fa fa-shopping-cart"></i> </a>
									</div>						
								</div><!-- ./row -->
							</div>	
						  
						

TEXT CENTER

Pellentesque posuere fermentum libero quis porta
efficitur quis rhoncus sit amet.

GET THE MOST COMPLETE THEME EVER!

Pellentesque posuere fermentum libero quis porta. Fusce leo urna, efficitur quis rhoncus sit amet vulputate.

Show Code
														
							<div class="callout text-center bg-gray">	
								<div class="row">						
									<div class="col-md-9">
										<h2>GET THE MOST COMPLETE THEME EVER!</h2>
										<p>Pellentesque posuere fermentum libero quis porta. Fusce leo urna, efficitur quis rhoncus sit amet vulputate.</p>
									</div>
									
									<div class="col-md-3">	
										<a href="#" class="btn btn-theme call-to-action-small"> PURCHASE NOW <i class="fa fa-shopping-cart"></i> </a>
									</div>						
								</div><!-- ./row -->
							</div>	
						  
						

GET THE MOST COMPLETE THEME EVER!

Pellentesque posuere fermentum libero quis porta. Fusce leo urna, efficitur quis rhoncus sit amet vulputate.

Show Code
														
							<div class="callout text-center bg-dark">	
								<div class="row">						
									<div class="col-md-9">
										<h2>GET THE MOST COMPLETE THEME EVER!</h2>
										<p>Pellentesque posuere fermentum libero quis porta. Fusce leo urna, efficitur quis rhoncus sit amet vulputate.</p>
									</div>
									
									<div class="col-md-3">	
										<a href="#" class="btn btn-theme call-to-action-small"> PURCHASE NOW <i class="fa fa-shopping-cart"></i> </a>
									</div>						
								</div><!-- ./row -->
							</div>	
						  
						

GET THE MOST COMPLETE THEME EVER!

Pellentesque posuere fermentum libero quis porta. Fusce leo urna, efficitur quis rhoncus sit amet vulputate.

Show Code
														
							<div class="callout border text-center">	
								<div class="row">						
									<div class="col-md-9">
										<h2>GET THE MOST COMPLETE THEME EVER!</h2>
										<p>Pellentesque posuere fermentum libero quis porta. Fusce leo urna, efficitur quis rhoncus sit amet vulputate.</p>
									</div>
									
									<div class="col-md-3">	
										<a href="#" class="btn btn-theme-transparent  call-to-action-small"> PURCHASE NOW <i class="fa fa-shopping-cart"></i> </a>
									</div>						
								</div><!-- ./row -->
							</div>	
						  
						

ALL CENTER

Pellentesque posuere fermentum libero quis porta
efficitur quis rhoncus sit amet.

GET THE MOST COMPLETE THEME EVER!

Pellentesque posuere fermentum libero quis porta. Fusce leo urna, efficitur quis rhoncus sit amet vulputate.

PURCHASE NOW
Show Code
														
							<div class="callout bg-gray text-center">							
								<h2>GET THE MOST COMPLETE THEME EVER!</h2>
								<p>Pellentesque posuere fermentum libero quis porta. Fusce leo urna, efficitur quis rhoncus sit amet vulputate.</p>
								<a href="#" class="btn btn-theme  call-to-action-small"> PURCHASE NOW <i class="fa fa-shopping-cart"></i> </a>					
							</div>	
						  
						

GET THE MOST COMPLETE THEME EVER!

Pellentesque posuere fermentum libero quis porta. Fusce leo urna, efficitur quis rhoncus sit amet vulputate.

PURCHASE NOW
Show Code
														
							<div class="callout bg-dark text-center">							
								<h2>GET THE MOST COMPLETE THEME EVER!</h2>
								<p>Pellentesque posuere fermentum libero quis porta. Fusce leo urna, efficitur quis rhoncus sit amet vulputate.</p>
								<a href="#" class="btn btn-theme  call-to-action-small"> PURCHASE NOW <i class="fa fa-shopping-cart"></i> </a>					
							</div>	
						  
						

GET THE MOST COMPLETE THEME EVER!

Pellentesque posuere fermentum libero quis porta. Fusce leo urna, efficitur quis rhoncus sit amet vulputate.

PURCHASE NOW
Show Code
														
							<div class="callout border text-center">							
								<h2>GET THE MOST COMPLETE THEME EVER!</h2>
								<p>Pellentesque posuere fermentum libero quis porta. Fusce leo urna, efficitur quis rhoncus sit amet vulputate.</p>
								<a href="#" class="btn btn-theme-transparent  call-to-action-small"> PURCHASE NOW <i class="fa fa-shopping-cart"></i> </a>					
							</div>	
						  
						

FULL WIDTH

Pellentesque posuere fermentum libero quis porta
efficitur quis rhoncus sit amet.

GET THE MOST COMPLETE THEME EVER!

Pellentesque posuere fermentum libero quis porta. Fusce leo urna, efficitur quis rhoncus sit amet vulputate.

PURCHASE NOW
Show Code
													
						<div class="callout bg-dark text-center">	
							<div class="container">
								<h2>GET THE MOST COMPLETE THEME EVER!</h2>
								<p>Pellentesque posuere fermentum libero quis porta. Fusce leo urna, efficitur quis rhoncus sit amet vulputate.</p>
								<a href="#" class="btn btn-theme call-to-action-small"> PURCHASE NOW <i class="fa fa-shopping-cart"></i> </a>	
							</div>	
						</div>	
					  
					

HURRY! Grab a Copy Now

Pellentesque posuere fermentum libero quis porta.

Show Code
													
						<div class="callout bg-gray">
							<div class="container">
								<div class="row">						
									<div class="col-md-9">
										<h3>HURRY! Grab a Copy Now</h3>
										<p>Pellentesque posuere fermentum libero quis porta.</p>
									</div>
									
									<div class="col-md-3">	
										<a href="#" class="btn btn-theme call-to-action-small"> PURCHASE NOW <i class="fa fa-shopping-cart"></i> </a>
									</div>						
								</div><!-- ./row -->
							</div>	
						</div>	
					  
					

GET THE MOST COMPLETE THEME EVER!

Pellentesque posuere fermentum libero quis porta. Fusce leo urna, efficitur quis rhoncus sit amet vulputate.

Show Code
													
						<div class="callout border text-center">
							<div class="container">
								<div class="row">						
									<div class="col-md-9">
										<h2>GET THE MOST COMPLETE THEME EVER!</h2>
										<p>Pellentesque posuere fermentum libero quis porta. Fusce leo urna, efficitur quis rhoncus sit amet vulputate.</p>
									</div>
									
									<div class="col-md-3">	
										<a href="#" class="btn btn-theme  call-to-action-small"> PURCHASE NOW <i class="fa fa-shopping-cart"></i> </a>
									</div>						
								</div><!-- ./row -->
							</div>
						</div>	
					  
					

Style Switcher

Predefined Colors

Layout Style

Background Image

Background Color