<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="conversion-section clearfix">
<div class="container">
<div class="conversion">
<div class="col-md-3 col-sm-3 col-xs-12 pull-right">
<a href="#" class="btn btn-raised btn-danger ripple-effect btn-lg" data-original-title="" title="">
<i class="ti-shopping-cart">
</i>
Sumbit Deal
</a>
</div>
<div class="col-md-9 col-sm-9 col-xs-12">
<h3>
Welcome to Kupon. Responsive Deal Template
</h3>
<p>
Carefully designed to bring you the best performance, usage and customization experience!
</p>
</div>
</div>
</div>
</div>
<footer id="footer">
<div class="container">
<div class="col-sm-4">
<img src="http://codenpixel.com/demo/kupon2/images/logo-dark.png" alt="#" class="img-responsive logo">
<p>
Kupon,travel deals & publishing,with minimal design. We provide you with the latest fresh inspiration straight from the industrie.
</p>
</div>
<div class="col-sm-4">
<h5>
COMMON PlACES
</h5>
<ul class="places">
<li>
<a href="#" class="place">
Vacation
</a>
</li>
<li>
<a href="#" class="place">
Rentals
</a>
</li>
<li>
<a href="#" class="place">
Deals
</a>
</li>
<li>
<a href="#" class="place">
Travel deals
</a>
</li>
<li>
<a href="#" class="place">
Vacation deals
</a>
</li>
<li>
<a href="#" class="place">
Adriatic coast
</a>
</li>
<li>
<a href="#" class="place">
Europe
</a>
</li>
<li>
<a href="#" class="place">
Island
</a>
</li>
</ul>
</div>
<div class="col-sm-2">
<h5>
CATEGORIES
</h5>
<ul class="list-unstyled">
<li> <a href="#"> Rental Service </a> </li>
<li> <a href="#"> Repair </a> </li>
<li> <a href="#"> Hire for a Month </a> </li>
<li> <a href="#"> Hire for Construction </a> </li>
<li> <a href="#"> Towing Service </a> </li>
<li> <a href="#"> Customer Service</a> </li>
</ul>
</div>
<div class="col-sm-2">
<h5>
ABOUT US
</h5>
<ul class="list-unstyled">
<li> <a href="#"> Home </a> </li>
<li> <a href="#"> About Us </a> </li>
<li> <a href="#"> Services </a> </li>
<li> <a href="#"> Terms </a> </li>
<li> <a href="#"> Policies </a> </li>
<li> <a href="#"> List your Site </a> </li>
</ul>
</div>
</div>
<div class="footerbottom">
<div class="container">
<div class="col-sm-7">
<p>
<strong>
Copyright 2015
</strong>
Kupon- deals and Coupons template made with
<strong>
by Codenpixel
</strong>
</p>
</div>
<div class="col-sm-5 ">
</div>
</div>
</div>
</footer>
.conversion-section {
background-color: #FFFFFF;
margin-top: 25px;
padding: 25px 30px;
}
.conversion h3 {
font-size: 18px;
font-weight: 400;
line-height: 24px;
}
.conversion a.btn {
margin-top: 24px;
}
.btn-danger, .dropdown-toggle.btn-danger {
background-color: #ff5722;
}
.btn-danger:hover {
background-color: #ff5722;
}
#footer {
padding-top: 60px;
background: #fff;
border-top: 1px dashed #ededed;
}
p {
margin: 0 0 1.75em;
}
#footer h5, #footer img.logo {
margin-bottom: 30px;
}
#footer strong {
color: #000;
}
.strong, b, strong {
color: #000;
font-weight: 500;
}
#footer a {
color: #000;
}
.places {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.places li {
float: left;
}
.place {
position: relative;
display: inline-block;
margin: 0 10px 10px 0;
padding: 0 20px 0 23px;
height: 26px;
border-radius: 3px 0 0 3px;
background: #F3F3F3;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 26px;
-webkit-transition: all .4s;
}
.place::after {
position: absolute;
top: 0;
right: 0;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
border-left: 10px solid #EFF1F5;
background: #fff;
content: '';
-webkit-transition: all .4s;
}
#footer .footerbottom {
margin-top: 50px;
padding: 25px 0;
border: 1px dashed #ededed;
}