<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/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-section bg-pink"> <div class="container"> <div class="row"> <div class="col-sm-12 col-md-6 wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;"> <h1 class="m-t-5 no-margin-bottom">Are you Satisfied with what we Offer?</h1> </div> <div class="col-sm-12 col-md-6 wow fadeInUp text-right" style="visibility: visible; animation-name: fadeInUp;"> <a class="btn btn-lg btn-default btn-rounded btn-wide bg-white m-r-20" href="suggest.php">Suggest New Features</a> <a class="btn btn-lg btn-rounded btn-wide bg-amber" href="https://themeforest.net/item/bird-responsive-admin-dashboard-template-by-followtechnique/20003999" target="_blank"><span class="text-black">BUY BIRD NOW</span></a> </div> </div> </div> </div>

.cta-section { padding: 40px 0; } .bg-pink { background-color: #E91E63!important; border-color: #E91E63!important; color: #fff!important; } .m-t-5 { margin-top: 5px!important; } .no-margin-bottom { margin-bottom: 0!important; } .btn-wide { padding-left: 30px; padding-right: 30px; } .btn-default { color: #333; background-color: #fcfcfc; border-color: #ddd; } .btn-rounded, .btn-rounded.btn-labeled>b { border-radius: 100px !important; } .m-r-20 { margin-right: 20px!important; } .bg-white { background-color: #fff!important; color: #333!important; } .bg-amber { background-color: #FFC107!important; border-color: #FFC107!important; color: #fff!important; } .text-black { color: #222 !important; }