<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="signle_iteam slick-slide slick-cloned slick-active" index="-1" style="width: 400px;"> <img src="http://placehold.it/395x396.jpg" alt="website template image"> <div class="sing_commentbox slider_comntbox"> <p><i class="fa fa-calendar"></i>19 Nov 2045</p> <a href="http://www.free-css.com/free-css-templates"><i class="fa fa-comments"></i>20 Comments</a> </div> <a class="slider_tittle" href="http://www.free-css.com/free-css-templates">Fusce eu nulla semper porttitor felis sit amet</a> </div>

.slick-slide { display: block; } .signle_iteam { position: relative; padding: 0; overflow:hidden; } .signle_iteam img { width: 100%; height: 100%; transform: translate3d(0px,0px,0px); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; display:block; vertical-align:middle; } .sing_commentbox { float: left; display: inline-block; width: 100%; } .slider_comntbox { background-color: rgba(0,0,0,0.5); left: 15px; padding: 5px 8px; position: absolute; top: 10px; width: auto !important; z-index: 5; } .slider_tittle { bottom: 15px; color: #fff; font-size: 20px; left: 0; line-height: 23px; margin: 0 20px; padding: 20px 0; position: absolute; right: 0; text-align: center; width: auto; z-index: 5; } .sing_commentbox > p { color: #888; display: inline-block; font-size: 11px; font-weight: normal; margin-right: 5px; } .slider_comntbox > p { color: #fff !important; margin-bottom: 0; } .sing_commentbox > a { color: #888; font-size: 11px; font-weight: normal; } .slider_comntbox > a { color: #fff !important; } .signle_iteam:hover img{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2)} .slider_tittle:hover, .slider_tittle:focus{color:#fff}