<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="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <section class="getting-problem"> <div class="container"> <div class="row"> <div class="col-md-12"> <h2>Getting problem with windows ?</h2> <div class="second-toll-free"> <h2>Call Us Toll Free : +1-888-989-8478</h2> </div> </div> </div> </div> </section>

.getting-problem { background: #0078d7 none repeat scroll 0 0; margin-top: 40px; padding: 50px 0; width: 100%; } .getting-problem h2 { color: #fff; font-family: Roboto-Regular; font-size: 40px; margin: 0; padding: 0 0 20px; text-align: center; } .second-toll-free { background: #fff none repeat scroll 0 0; border-radius: 5px; box-shadow: 0 5px 5px #000000; margin: 0 auto; transition: all 0.4s ease-in 0s; width: 70%; } .second-toll-free h2 { color: #000; font-family: Roboto-bold; font-size: 45px; margin: 0; padding: 20px 0; text-align: center; } .second-toll-free:hover { background: #00beef none repeat scroll 0 0; border-radius: 5px; box-shadow: 0 5px 5px #000000; margin: 0 auto; width: 70%; } .second-toll-free h2:hover { color: #fff; font-family: Roboto-bold; font-size: 45px; margin: 0; padding: 20px 0; text-align: center; transition: all 0.3s ease-in-out 0s; }