"Call to Action"
Bootstrap 3.3.0 Snippet by jeevan123456

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="cta-sektion cta-padding35"> <div class="container"> <div class="row"> <div class="col-md-9 col-sm-9 col-xs-12"> <h3><span class="glyphicon glyphicon-cog "></span> <b>Homes for sale?</b> Explore properties like a pro.</h3> </div> <div class="col-md-3 col-sm-3 col-xs-12 Tpadding10"> <button type="button" class="btn btn-primary site-btn">Start Right Now</button> </div> </div> </div> </div> <div class="cta-world-section cta-world-padding35"> <div class="container"> <div class="row"> <div class="col-md-9 col-sm-9 col-xs-12"> <div class="cta-world-title"> <h3><span class="glyphicon glyphicon-cog "></span> Lest make the world better togethers.</h3> </div> </div> <div class="col-md-3 col-sm-3 col-xs-12 Tpadding10"> <button type="button" class="btn btn-primary site-btn">Start Right Now</button> </div> </div> </div> </div>
/* CTA CSS */ .cta-padding35 {padding: 35px 0 35px;background-color: #b40028;color:#fff;} .site-btn{margin-top:15px;padding:12px 25px 12px 25px;border-radius:2px;background:#DF314D;border-color:transparent;font-size:14px;} .site-btn:hover{background:#C9223D ;border:transparent;} /* CTA world CSS */ .cta-world-padding35 {padding: 35px 0 35px;background-color: #19b968;color:#fff;} .cta-world-title h3 {font-size:32px;letter-spacing:1px;} .site-btn{margin-top:15px;padding:12px 25px 12px 25px;border-radius:2px;background:#DF314D;border-color:transparent;font-size:14px;} .site-btn:hover{background:#C9223D ;border:transparent;}

Related: See More


Questions / Comments: