<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 id="bizar-links-2"> <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <div class="row"> <div class="col-md-4"> <div class="hero"> <h1>Birthday <br>Parties</h1> <a class="btn btn-default" href="http://www.epicnightsband.com" role="button" target="blank">Bizar Entertainment</a> <img src="http://lab2095.labclient.com/wp-content/uploads/2016/01/bizar-birthday-party.jpg"> </div> </div> <div class="col-md-4"> <div class="hero"> <h1>School <br>Dances</h1> <a class="btn btn-default" href="http://bizarhighschool.com" target="_blank" role="button">High School</a> <br> <a class="btn btn-default" href="http://bizarhighschool.com" target="_blank" role="button">Middle School</a> <img src="http://lab2095.labclient.com/wp-content/uploads/2015/12/mitzavhs.jpg"> </div> </div> <div class="col-md-4"> <div class="hero"> <h1>Motivational <br>Speaking</h1> <a class="btn btn-default" href="http://drcoolandpride.com/" role="button" target="_blank">Dr. Cool and Pride</a> <img src="http://lab2095.labclient.com/wp-content/uploads/2015/12/drpride.jpg"> </div> </div> </div> </div> </div> </div> </section>

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,800); @import url(https://fonts.googleapis.com/css?family=Fontdiner+Swanky); #put_unique_id_here { padding: 0; overflow: hidden; display: inline-block; width: 100%; background-color: red; } #bizar-links-2 .hero { position: relative; overflow: hidden; min-height: 395px; background: #000000; margin-left: -15px; margin-right: -15px; } #bizar-links-2 .hero h1, .hero { text-align: center; color: #fff; padding: 20px 0 10px 0; position: relative; z-index: 2; font-family: arial, helvetica, "san-serif"; font-size: 1.4em; text-transform: uppercase; letter-spacing: 8px; } #bizar-links-2 .hero p { font-size: 15px; padding: 0; } #bizar-links-2 .hero img { position: absolute; left: 0; top: 0; height: 100%; z-index: -10; min-width:100%; min-height:100% } #bizar-links-2 img { opacity: 0.5; } #bizar-links-2 .btn-default { color: #000; background-color: #fff; border-color: #ccc; margin-bottom: 7pt; font-family: arial, helvetica, "san-serif"; opacity: 0.8; }