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

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