English
German
French
+88 (012) 564 979 56
info@brandshop.com
<div class="arrival-area">
<div class="row custom-row">
<div class="new-arrival-owl indicatorstyle">
<!-- Single Product -->
<div class="col-md-12 col-left-right">
<div class="single-product">
<div class="product-titel">
<h4><a href="#">Eletria ostma</a></h4>
<div class="rating-box">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
<div class="box-content">
<div class="product-img">
<a href="#"><img src="img/product/arival-pro-1.jpg" alt="" /></a>
</div>
<div class="overlay-content">
<p>Duis autem vel eum iriure dolor in henrit in tate velit esse</p>
<ul>
<li>
<a title="Add to cart" href="#">
<i class="flaticon-commerce"></i>
</a>
</li>
<li>
<a title="Quick View" href="#" data-toggle="modal" data-target="#productModal">
<i class="flaticon-symbols"></i>
</a>
</li>
<li>
<a title="Like" href="#">
<i class="flaticon-favorite-heart-button"></i>
</a>
</li>
<li>
<a title="Refresh" href="#">
<i class="flaticon-refresh-button"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="price-box">
<span class="old-price">$200</span>
<span class="price">$160</span>
</div>
</div>
</div>
<!-- Single Product -->
<!-- Single Product -->
<div class="col-md-12 col-left-right">
<div class="single-product">
<div class="product-titel">
<h4><a href="#">Eletria ostma</a></h4>
<div class="rating-box">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
<div class="box-content">
<div class="product-img">
<a href="#"><img src="img/product/arival-pro-6.jpg" alt="" /></a>
</div>
<div class="overlay-content">
<p>Duis autem vel eum iriure dolor in henrit in tate velit esse</p>
<ul>
<li>
<a title="Add to cart" href="#">
<i class="flaticon-commerce"></i>
</a>
</li>
<li>
<a title="Quick View" href="#" data-toggle="modal" data-target="#productModal">
<i class="flaticon-symbols"></i>
</a>
</li>
<li>
<a title="Like" href="#">
<i class="flaticon-favorite-heart-button"></i>
</a>
</li>
<li>
<a title="Refresh" href="#">
<i class="flaticon-refresh-button"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="price-box">
<span class="old-price">$200</span>
<span class="price">$160</span>
</div>
</div>
</div>
<!-- Single Product -->
<!-- Single Product -->
<div class="col-md-12 col-left-right">
<div class="single-product">
<div class="product-titel">
<h4><a href="#">Eletria ostma</a></h4>
<div class="rating-box">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
<div class="box-content">
<div class="product-img">
<a href="#"><img src="img/product/arival-pro-2.jpg" alt="" /></a>
</div>
<div class="overlay-content">
<p>Duis autem vel eum iriure dolor in henrit in tate velit esse</p>
<ul>
<li>
<a title="Add to cart" href="#">
<i class="flaticon-commerce"></i>
</a>
</li>
<li>
<a title="Quick View" href="#" data-toggle="modal" data-target="#productModal">
<i class="flaticon-symbols"></i>
</a>
</li>
<li>
<a title="Like" href="#">
<i class="flaticon-favorite-heart-button"></i>
</a>
</li>
<li>
<a title="Refresh" href="#">
<i class="flaticon-refresh-button"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="price-box">
<span class="old-price">$200</span>
<span class="price">$160</span>
</div>
</div>
</div>
<!-- Single Product -->
<!-- Single Product -->
<div class="col-md-12 col-left-right">
<div class="single-product">
<div class="product-titel">
<h4><a href="#">Eletria ostma</a></h4>
<div class="rating-box">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
<div class="box-content">
<div class="product-img">
<a href="#"><img src="img/product/arival-pro-3.jpg" alt="" /></a>
</div>
<div class="overlay-content">
<p>Duis autem vel eum iriure dolor in henrit in tate velit esse</p>
<ul>
<li>
<a title="Add to cart" href="#">
<i class="flaticon-commerce"></i>
</a>
</li>
<li>
<a title="Quick View" href="#" data-toggle="modal" data-target="#productModal">
<i class="flaticon-symbols"></i>
</a>
</li>
<li>
<a title="Like" href="#">
<i class="flaticon-favorite-heart-button"></i>
</a>
</li>
<li>
<a title="Refresh" href="#">
<i class="flaticon-refresh-button"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="price-box">
<span class="old-price">$200</span>
<span class="price">$160</span>
</div>
</div>
</div>
<!-- Single Product -->
<!-- Single Product -->
<div class="col-md-12 col-left-right">
<div class="single-product">
<div class="product-titel">
<h4><a href="#">Eletria ostma</a></h4>
<div class="rating-box">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
<div class="box-content">
<div class="product-img">
<a href="#"><img src="img/product/arival-pro-4.jpg" alt="" /></a>
</div>
<div class="overlay-content">
<p>Duis autem vel eum iriure dolor in henrit in tate velit esse</p>
<ul>
<li>
<a title="Add to cart" href="#">
<i class="flaticon-commerce"></i>
</a>
</li>
<li>
<a title="Quick View" href="#" data-toggle="modal" data-target="#productModal">
<i class="flaticon-symbols"></i>
</a>
</li>
<li>
<a title="Like" href="#">
<i class="flaticon-favorite-heart-button"></i>
</a>
</li>
<li>
<a title="Refresh" href="#">
<i class="flaticon-refresh-button"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="price-box">
<span class="old-price">$200</span>
<span class="price">$160</span>
</div>
</div>
</div>
<!-- Single Product -->
<!-- Single Product -->
<div class="col-md-12 col-left-right">
<div class="single-product">
<div class="product-titel">
<h4><a href="#">Eletria ostma</a></h4>
<div class="rating-box">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
<div class="box-content">
<div class="product-img">
<a href="#"><img src="img/product/arival-pro-1.jpg" alt="" /></a>
</div>
<div class="overlay-content">
<p>Duis autem vel eum iriure dolor in henrit in tate velit esse</p>
<ul>
<li>
<a title="Add to cart" href="#">
<i class="flaticon-commerce"></i>
</a>
</li>
<li>
<a title="Quick View" href="#" data-toggle="modal" data-target="#productModal">
<i class="flaticon-symbols"></i>
</a>
</li>
<li>
<a title="Like" href="#">
<i class="flaticon-favorite-heart-button"></i>
</a>
</li>
<li>
<a title="Refresh" href="#">
<i class="flaticon-refresh-button"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="price-box">
<span class="old-price">$200</span>
<span class="price">$160</span>
</div>
</div>
</div>
<!-- Single Product -->
</div>
</div>
</div>
.arrival-area.section-padding{
position:relative;
display:block;
overflow:hidden;
}
.section-titel {
display: block;
margin-bottom: 50px;
overflow: hidden;
padding-left: 20px;
position: relative;
width: 33%;
}
.section-titel::before {
background: #111 none repeat scroll 0 0;
content: "";
height: 72px;
left: 0;
position: absolute;
top: 4px;
width: 5px;
}
.section-titel > h3 {
font-family: montserrat;
font-weight: 600;
}
.section-titel > p {
color: #656565;
font-family: open sans;
margin: 0;
}
.single-product {
background: #ebebeb none repeat scroll 0 0;
padding: 20px;
}
.product-titel {
display: block;
overflow: hidden;
}
.product-titel > h4 {
float: left;
margin: 0 0 10px;
}
.product-titel > h4 a {
color: #282828;
font-family: montserrat;
font-size: 12px;
font-weight: normal;
}
.product-titel > h4 a:hover{color:#ff4081;}
.rating-box {
float: right;
margin-right: 2px;
margin-top: 2px;
}
.rating-box i {
color: #ff4081;
cursor: pointer;
font-size: 12px;
margin-right: 2px;
width: 8px;
}
.overlay-content {
background: #e8e8e8 none repeat scroll 0 0;
height: 100%;
opacity: 0.9;
position: absolute;
top: 0;
width: 100%;
box-shadow: 0 0 10px 0 #cccccc;
visibility:hidden;
transform:scale(0);
transition:.5s;
}
.single-product:hover .overlay-content{
visibility:visible;
transform:scale(1);
}
.overlay-content > p {
color: #656565;
font-family: open sans;
line-height: 20px;
margin: 75px 0 22px;
padding: 0 19px;
}
.shop-tab-area.shop-left .overlay-content > p {
margin: 29px 0 22px;
}
.overlay-content > ul {
background: #fff none repeat scroll 0 0;
padding: 13px 0;
}
.overlay-content > ul > li {
border-right: 1px solid #ACACAC;
display: inline-block;
line-height: 12px;
margin-top: 0;
padding: 0;
}
.overlay-content > ul > li:last-child {
border: medium none;
}
.overlay-content > ul > li a {
color: #656565;
left: 0;
margin-bottom: 0;
margin-right: auto;
margin-top: 0;
padding: 0 10px;
right: 0;
text-align: center;
}
.shop-tab-area.shop-left .overlay-content > ul > li a {
padding: 0 8px;
}
.overlay-content > ul > li a:hover{color:#FF4381;}
.overlay-content [class^="flaticon-"]::before, [class*=" flaticon-"]::before, [class^="flaticon-"]::after, [class*=" flaticon-"]::after {
font-size: 16px;
margin-left: 0;
}
.price-box {
margin-top: 12px;
text-align: center;
}
.price-box span.old-price {
color: #a6a6a6;
font-size: 13px;
margin-right: 15px;
text-decoration: line-through;
font-family:montserrat;
}
.price-box span.price {
color: #ff4081;
font-family: montserrat;
font-size: 15px;
font-weight: 600;
margin-right: 0;
text-decoration: none;
}
.box-content {
position: relative;
text-align: center;
}
.product-img > a {
display: block;
}
.product-img img {
width: 100%;
}
.arrival-area .owl-theme .owl-controls, .featured-area .owl-theme .owl-controls {
margin-top: 0;
position: absolute;
right: 6px;
text-align: right;
top: -40px;
}
.arrival-area .owl-theme .owl-controls .owl-buttons div, .featured-area .owl-theme .owl-controls .owl-buttons div {
background: #EBEBEB none repeat scroll 0 0;
border-radius: 0px;
color: #282828;
display: inline-block;
font-size: 18px;
margin: 5px;
opacity: 0.5;
padding: 0 10px;
}
.arrival-area .owl-theme .owl-controls .owl-buttons div:hover, .featured-area .owl-theme .owl-controls .owl-buttons div:hover, .zoom-section .zoom-desc .owl-theme .owl-controls .owl-buttons div:hover{
color: #ff4081;
}
$(".new-arrival-owl").owlCarousel({
autoPlay: false,
slideSpeed:2000,
pagination:false,
navigation:true,
items : 5,
navigationText:["<i class='fa fa-angle-left'></i>","<i class='fa fa-angle-right'></i>"],
itemsDesktop : [1199,4],
itemsDesktopSmall : [980,3],
itemsTablet: [768,2],
itemsMobile : [479,1],
});
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor psum dolor sit ame
Lorem ipsum dolor sit amet, consectetur acing elit, sed do eiusmod tempor inciidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam inciidunt ut labore et dolore magna
8901 Marmora Raod, Glasgow, D04 89GR
Telephone : (801) 4256 9856 Telephone : (801) 4256 9658
Email: Contact@domain.com Website: www.mobanwang.com
