<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 ----------> <div class="design"> <div class="banner"> <img class="portfolio"src="http://www.nikitha.in/images/responsive-web-design.png"></img> <h3>Web Designinggtrrgtrgtrgtrggggggggggggggythtrhh</h3> <button class="portfolio-button"><a href="#">Read More</a></button> </div> <div class="banner"> <img class="portfolio"src="http://www.nikitha.in/images/responsive-web-design.png"></img> <h3>Web Designingtegegergrgrtggggggggggggggggggg</h3> <button class="portfolio-button"><a href="#">Read More</a></button> </div> <div class="banner"> <img class="portfolio"src="http://www.nikitha.in/images/responsive-web-design.png"></img> <h3>Web Designtrhtrhhhhhhhhhhhhhhhhhhhhhhhhhhhhing</h3> <button class="portfolio-button"><a href="#">Read More</a></button> </div> </div>

.design{ float:left; border:2px solid red; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 00.1), 0 6px 20px 0 rgba(0, 0, 0, 0.5); } .banner{ border-bottom:2px solid pink; margin-top:20px; padding-left:10px; padding-right:10px; padding-bottom:10px; } h3{padding-left:10px;padding-right:10px;margin-top:10px;margin-bottom:10px;font-weight:bold;color:green} .portfolio{height:350px;width:1200px;padding-bottom:10px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 00.1), 0 6px 20px 0 rgba(0, 0, 0, 0.3);font-size:52px;font-style:italic} .portfolio-button{display:inline-block;width:100%;height:49px;padding:12px;border-radius:2px;color:white;background-color:#fd4c58;color:white;font-size:12px;line-height:26px;text-align:center;letter-spacing:1px;text-decoration:none;padding-left:90px;padding-right:90px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 00.1), 0 6px 20px 0 rgba(0, 0, 0, 0.3)}.action-button:active{background-color:#df3e49}