<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; }