style.css

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);h1{font-size:50px;text-align:center;font-family:'Open Sans';border-bottom:10px solid #f1c40f;text-transform:uppercase;color:#333}.row{width:1080px;margin:0 auto}.row:after{content:".";display:block;height:0;width:0;margin:0;visibility:hidden;clear:both}.img-box{width:340px;height:340px;margin:10px;float:left;position:relative}.img-box:hover .box{opacity:1;border-bottom:15px solid #e74c3c}.img-box img{width:340px;height:340px}.box{width:100%;position:absolute;box-sizing:border-box;opacity:0;font-family:'Open Sans';padding:50px 10px;text-align:center;color:#fff;height:100%;background:#333;-webkit-transition:1s all ease;-moz-transition:1s all ease;-ms-transition:1s all ease;-o-transition:1s all ease;transition:1s all ease}.box h3{text-transform:uppercase;font-size:20px}.box p{font-size:13px;text-transform:uppercase}.box .btn{border:none;padding:5px 15px;font-size:20px;cursor:pointer;text-transform:uppercase;background:#f1c40f;color:#333;-webkit-transition:.5s all ease;-moz-transition:.5s all ease;-ms-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease}.box .btn:hover{background:#e67e22;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}