"bz links 2"
Bootstrap 3.3.0 Snippet by astralproductions

<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"> <p class="text-right"> <a href="http://bootsnipp.com/iframe/yM3qe" target="_blank">Best viewed full screen</a><br> <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fbootsnipp.com%2Fiframe%2FyM3qe" target="_blank"><small>HTML</small><sup>5</sup></a> </p> <div class="row"> <div class="col-md-12"> <div class="row"> <div class="col-md-4"> <div class="hero"> <h1>JEAN</h1> <img src="http://d2jv9003bew7ag.cloudfront.net/uploads/Jean-Michel-Basquiat-Boy-and-Dog-in-a-Johnnypump.-1982.jpg"> </div> </div> <div class="col-md-4"> <div class="hero"> <h1>MICHEL</h1> <img src="http://cdc-s3-puentes.s3.amazonaws.com/wp-content/uploads/2016/06/7.-JEAN-MICHEL-BASQUIAT.jpg?w=330"> </div> </div> <div class="col-md-4"> <div class="hero"> <h1>BASQUIAT</h1> <img src="http://d2jv9003bew7ag.cloudfront.net/uploads/Jean-Michel-Basquiat7.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; }

Related: See More


Questions / Comments: