HTML
<div class="col-xs-12 col-sm-6 col-md-4">
<a href="#" class="product-box activeP">
<div class="rightPrroductBox">
</div>
<div class="leftrroductBox">
</div>
</a>
</div>
CSS
.product-box {
display: block;
width: 100%;
height: 150px;
margin-top: 30px;
}
.product-box.activeP {
background-color: #e92322;
}
.product-box .rightPrroductBox {
float: right;
width: 80px;
height: 150px;
}
.product-box .leftrroductBox {
overflow: hidden;
}
.rightPrroductBox,.leftrroductBox {
background-color: white;
}