Subtotal: $200.00
Brand
Style 1
<!--brand area are start-->
<div class="brand-area ptb-80">
<div class="total-brand">
<div class="col-12">
<div class="single-brand"><a href="#"><img src="images/brand/brand1.png"
alt=""></a></div>
</div>
<div class="col-12">
<div class="single-brand"><a href="#"><img src="images/brand/brand2.png"
alt=""></a></div>
</div>
<div class="col-12">
<div class="single-brand"><a href="#"><img src="images/brand/brand3.png"
alt=""></a></div>
</div>
<div class="col-12">
<div class="single-brand"><a href="#"><img src="images/brand/brand4.png"
alt=""></a></div>
</div>
<div class="col-12">
<div class="single-brand"><a href="#"><img src="images/brand/brand5.png"
alt=""></a></div>
</div>
<div class="col-12">
<div class="single-brand"><a href="#"><img src="images/brand/brand6.png"
alt=""></a></div>
</div>
</div>
</div>
<!--brand area are start-->
/* brand area */
.single-brand img {
border: 1px solid transparent;
margin: auto;
transition: all 0.3s ease 0s;
}
.single-brand img:hover {
border-color:#2395ec;
}
.single-brand img {
width: 100%;
}
.brand-area{
background: #f1f1f1 none repeat scroll 0 0;
}
$('.total-brand').slick({
slidesToShow: 5,
slidesToScroll: 1,
autoplay: false,
autoplaySpeed: 5000,
dots: false,
arrows: false,
responsive: [
{ breakpoint: 1169, settings: { slidesToShow: 5, } },
{ breakpoint: 969, settings: { slidesToShow: 4, } },
{ breakpoint: 767, settings: { slidesToShow: 2, } },
]
});
Style 2
<!--brand area are start-->
<div class="brand-area default-bg ptb-30">
<div class="total-brand">
<div class="col-12">
<div class="single-brand"><a href="#"><img src="images/brand/brand1.png"
alt=""></a></div>
</div>
<div class="col-12">
<div class="single-brand"><a href="#"><img src="images/brand/brand2.png"
alt=""></a></div>
</div>
<div class="col-12">
<div class="single-brand"><a href="#"><img src="images/brand/brand3.png"
alt=""></a></div>
</div>
<div class="col-12">
<div class="single-brand"><a href="#"><img src="images/brand/brand4.png"
alt=""></a></div>
</div>
<div class="col-12">
<div class="single-brand"><a href="#"><img src="images/brand/brand5.png"
alt=""></a></div>
</div>
<div class="col-12">
<div class="single-brand"><a href="#"><img src="images/brand/brand6.png"
alt=""></a></div>
</div>
</div>
</div>
<!--brand area are start-->
/* brand area */
.single-brand img {
border: 1px solid transparent;
margin: auto;
transition: all 0.3s ease 0s;
}
.single-brand img:hover {
border-color:#2395ec;
}
.single-brand img {
width: 100%;
}
.brand-area{
background: #f1f1f1 none repeat scroll 0 0;
}
$('.total-brand').slick({
slidesToShow: 5,
slidesToScroll: 1,
autoplay: false,
autoplaySpeed: 5000,
dots: false,
arrows: false,
responsive: [
{ breakpoint: 1169, settings: { slidesToShow: 5, } },
{ breakpoint: 969, settings: { slidesToShow: 4, } },
{ breakpoint: 767, settings: { slidesToShow: 2, } },
]
});
Style 2
<!--brand area are start-->
<div class="brand-area black-bg ptb-30">
<div class="total-brand">
<div class="col-12">
<div class="single-brand"><a href="#"><img src="images/brand/brand1.png"
alt=""></a></div>
</div>
<div class="col-12">
<div class="single-brand"><a href="#"><img src="images/brand/brand2.png"
alt=""></a></div>
</div>
<div class="col-12">
<div class="single-brand"><a href="#"><img src="images/brand/brand3.png"
alt=""></a></div>
</div>
<div class="col-12">
<div class="single-brand"><a href="#"><img src="images/brand/brand4.png"
alt=""></a></div>
</div>
<div class="col-12">
<div class="single-brand"><a href="#"><img src="images/brand/brand5.png"
alt=""></a></div>
</div>
<div class="col-12">
<div class="single-brand"><a href="#"><img src="images/brand/brand6.png"
alt=""></a></div>
</div>
</div>
</div>
<!--brand area are start-->
/* brand area */
.single-brand img {
border: 1px solid transparent;
margin: auto;
transition: all 0.3s ease 0s;
}
.single-brand img:hover {
border-color:#2395ec;
}
.single-brand img {
width: 100%;
}
.brand-area{
background: #f1f1f1 none repeat scroll 0 0;
}
$('.total-brand').slick({
slidesToShow: 5,
slidesToScroll: 1,
autoplay: false,
autoplaySpeed: 5000,
dots: false,
arrows: false,
responsive: [
{ breakpoint: 1169, settings: { slidesToShow: 5, } },
{ breakpoint: 969, settings: { slidesToShow: 4, } },
{ breakpoint: 767, settings: { slidesToShow: 2, } },
]
});
Style 2
<!--brand area are start-->
<div class="brand-area transparent-bg ptb-30">
<div class="row total-brand">
<div class="col-12">
<div class="single-brand"><a href="#"><img src="images/brand/brand1.png"
alt=""></a></div>
</div>
<div class="col-12">
<div class="single-brand"><a href="#"><img src="images/brand/brand2.png"
alt=""></a></div>
</div>
<div class="col-12">
<div class="single-brand"><a href="#"><img src="images/brand/brand3.png"
alt=""></a></div>
</div>
<div class="col-12">
<div class="single-brand"><a href="#"><img src="images/brand/brand4.png"
alt=""></a></div>
</div>
<div class="col-12">
<div class="single-brand"><a href="#"><img src="images/brand/brand5.png"
alt=""></a></div>
</div>
<div class="col-12">
<div class="single-brand"><a href="#"><img src="images/brand/brand6.png"
alt=""></a></div>
</div>
</div>
</div>
<!--brand area are start-->
/* brand area */
.single-brand img {
border: 1px solid transparent;
margin: auto;
transition: all 0.3s ease 0s;
}
.single-brand img:hover {
border-color:#2395ec;
}
.single-brand img {
width: 100%;
}
.brand-area{
background: #f1f1f1 none repeat scroll 0 0;
}
$('.total-brand').slick({
slidesToShow: 5,
slidesToScroll: 1,
autoplay: false,
autoplaySpeed: 5000,
dots: false,
arrows: false,
responsive: [
{ breakpoint: 1169, settings: { slidesToShow: 5, } },
{ breakpoint: 969, settings: { slidesToShow: 4, } },
{ breakpoint: 767, settings: { slidesToShow: 2, } },
]
});
Photo Stream
