Our brands

In Fashion Theme

In Fashion Theme

1. Home Slider
Fashion Homeslider 1

<div class="ves-wapper">
<div class="block block-slider">
<div class="block-content">
<div id="fashion-homeslider-1" class="owl-carousel owl-banner-carousel owl-bottom-narrow owl-bottom-absolute-narrow">
<div class="item">
<a href="#">
<img src="{{media url='wysiwyg/ves_boost/fashion/slide_01.jpg'}}" alt="" />
</a> 
<div class="item-content a-center">
<p class="d-none d-sm-block">SAVE ON RENTALS!</p>
<h2>20% Discount</h2> 
<a href="{{store url='fashion.html'}}" class="btn btn-lg btn-outline-dark d-inline">Shop now</a>
<a href="{{store url='fashion.html'}}" class="btn btn-lg btn-dark d-inline">Learn more</a>
</div>
</div>
<div class="item">
<a href="#">
<img src="{{media url='wysiwyg/ves_boost/fashion/slide_02.jpg'}}" alt="" />
</a> 
<div class="item-content a-center">
<p class="d-none d-sm-block">SAVE ON RENTALS!</p>
<h2>20% Discount</h2> 
<a href="{{store url='fashion.html'}}" class="btn btn-lg btn-outline-dark d-inline">Shop now</a>
<a href="{{store url='fashion.html'}}" class="btn btn-lg btn-dark d-inline">Learn more</a>
</div>
</div>
</div>
<script type="text/javascript">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
var banner_owl = $("#fashion-homeslider-1");
banner_owl.owlCarousel({
items: 1,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
dots: false,
nav: true,
navRewind: true,
animateIn: 'fadeIn',
animateOut: 'fadeOut',
loop: true,
navText: ["<i class='icon icon-557'></i>","<i class='icon icon-556'></i>"]
});
});
</script>
</div>
</div>
</div>

Fashion Homeslider 2

<div class="ves-wapper">
<div class="container">
<div class="block block-slider slider-v2">
<div class="block-content">
<div id="fashion-homeslider-2" class="owl-carousel owl-banner-carousel owl-bottom-narrow owl-bottom-absolute-narrow">
<div class="item">
<a href="#">
<img src="{{media url='wysiwyg/ves_boost/fashion/slide_03.jpg'}}" alt="" />
</a> 
<div class="item-content">
<p class="text-white" style="letter-spacing: 4px;">READY-TO-WEAR</p>
<h2 class="text-white">Fall/Winter '18</h2> 
<p class="d-none d-sm-block text-white" style="font-size:20px;margin-bottom:40px;font-weight: 300">Take a look at the Collections Fall Winter <br>
20188 shows and watch the designers'<br>
collections, runaways, photos, backstage and<br>
much more...
</p>
<a href="{{store url='fashion.html'}}" class="btn btn-lg btn-default d-inline">Shop now</a>
</div>
</div>
<div class="item">
<a href="#">
<img src="{{media url='wysiwyg/ves_boost/fashion/slide_04.jpg'}}" alt="" />
</a> 
<div class="item-content" style="left: 8%;">
<p class="text-white" style="letter-spacing: 4px;">READY-TO-WEAR</p>
<h2 class="text-white">Fall/Winter '18</h2> 
<p class="d-none d-sm-block text-white" style="font-size:20px;margin-bottom:40px;font-weight: 300">Take a look at the Collections Fall Winter <br>
20188 shows and watch the designers'<br>
collections, runaways, photos, backstage and<br>
much more...
</p>
<a href="{{store url='fashion.html'}}" class="btn btn-lg btn-default d-inline">Shop now</a>
</div>
</div>
</div>
<script type="text/javascript">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
var banner_owl = $("#fashion-homeslider-2");
banner_owl.owlCarousel({
items: 1,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
dots: false,
nav: true,
navRewind: true,
animateIn: 'fadeIn',
animateOut: 'fadeOut',
loop: true,
navText: ["<i class='icon icon-557'></i>","<i class='icon icon-556'></i>"]
});
});
</script>
</div>
</div>
</div>
</div>

Fashion Homeslider 3

<div class="ves-wapper">
<div class="block block-slider slider-v3 no-margin">
<div class="block-content">
<div id="fashion-homeslider-3" class="owl-carousel owl-banner-carousel owl-bottom-narrow owl-bottom-absolute-narrow">
<div class="item">
<a href="#">
<img src="{{media url='wysiwyg/ves_boost/fashion/slide_05.jpg'}}" alt="" />
</a> 
<div class="item-content a-center">
<p style="color:#000;font-size:30px;letter-spacing: 4px;margin-bottom:0px;">READY-TO-WEAR</p>
<h2 style="margin-top:0;">100% cashmere</h2> 
<a href="{{store url='fashion.html'}}" class="btn btn-lg btn-dark d-inline">Shop now</a>
</div>
</div>
<div class="item">
<a href="#">
<img src="{{media url='wysiwyg/ves_boost/fashion/slide_06.jpg'}}" alt="" />
</a> 
<div class="item-content a-center" style="right: -25%">
<p style="color:#fff;font-size:30px;letter-spacing: 4px;margin-bottom:0px;">READY-TO-WEAR</p>
<h2 style="color: #fff;margin-top:0;">100% cashmere</h2> 
<a href="{{store url='fashion.html'}}" class="btn btn-lg btn-dark d-inline">Shop now</a>
</div>
</div>
</div>
<script type="text/javascript">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
var banner_owl = $("#fashion-homeslider-3");
banner_owl.owlCarousel({
items: 1,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
dots: false,
nav: true,
navRewind: true,
animateIn: 'fadeIn',
animateOut: 'fadeOut',
loop: true,
navText: ["<i class='icon icon-557'></i>","<i class='icon icon-556'></i>"]
});
});
</script>
</div>
</div>
</div>

Fashion Homeslider 4

<div class="ves-wapper">
<div class="block block-slider slider-v4 no-margin">
<div class="block-content">
<div id="fashion-homeslider-4" class="owl-carousel owl-banner-carousel owl-bottom-narrow owl-bottom-absolute-narrow">
<div class="item">
<a href="#">
<img src="{{media url='wysiwyg/ves_boost/fashion/slide_07.jpg'}}" alt="" />
</a> 
<div class="item-content a-center">
<h2 class="text-white">WOMENS<br>STREETWEAR</h2> 
<p style="margin-bottom: 30px" class="text-white">BLACK MINIMALIST</p>
<a href="{{store url='fashion.html'}}" class="btn btn-lg btn-outline-light d-inline">Shop now</a>
<a href="{{store url='fashion.html'}}" class="btn btn-lg btn-light d-inline">Learn more</a>
</div>
</div>
<div class="item">
<a href="#">
<img src="{{media url='wysiwyg/ves_boost/fashion/slide_07_01.jpg'}}" alt="" />
</a> 
<div class="item-content a-center">
<h2 class="text-white">WOMENS<br>STREETWEAR</h2> 
<p style="margin-bottom: 30px" class="text-white">BLACK MINIMALIST</p>
<a href="{{store url='fashion.html'}}" class="btn btn-lg btn-outline-light d-inline">Shop now</a>
<a href="{{store url='fashion.html'}}" class="btn btn-lg btn-light d-inline">Learn more</a>
</div>
</div>
</div>
<script type="text/javascript">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
var banner_owl = $("#fashion-homeslider-4");
banner_owl.owlCarousel({
items: 1,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
dots: false,
nav: true,
navRewind: true,
animateIn: 'fadeIn',
animateOut: 'fadeOut',
loop: true,
navText: ["<i class='icon icon-557'></i>","<i class='icon icon-556'></i>"]
});
});
</script>
</div>
</div> 
</div>

Fashion Homeslider 5

<div class="ves-wapper">
<div class="block block-slider slider-v7 no-margin">
<div class="block-content">
<div id="fashion-homeslider-7" class="owl-carousel owl-banner-carousel owl-bottom-narrow owl-bottom-absolute-narrow">
<div class="item">
<a href="#">
<img src="{{media url='wysiwyg/ves_boost/fashion/slide_08.jpg'}}" alt="" />
</a> 
<div class="item-content">
<h2>Current<br>Styling Trends</h2> 
<p class="d-none d-sm-block">We'll pick up from your venue, or ship it back to us!<br>Chair Decor – Smart and Gorgeous.</p>
<a href="{{store url='fashion.html'}}" class="btn btn-lg btn-default">Shop Now</a>
</div>
</div>
<div class="item">
<a href="#">
<img src="{{media url='wysiwyg/ves_boost/fashion/slide_09.jpg'}}" alt="" />
</a> 
<div class="item-content">
<h2>Current<br>Styling Trends</h2> 
<p class="d-none d-sm-block">We'll pick up from your venue, or ship it back to us!<br>Chair Decor – Smart and Gorgeous.</p>
<a href="{{store url='fashion.html'}}" class="btn btn-lg btn-default">Shop Now</a>
</div>
</div>
</div>
<script type="text/javascript">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
var banner_owl = $("#fashion-homeslider-7");
banner_owl.owlCarousel({
items: 1,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
dots: false,
nav: true,
navRewind: true,
animateIn: 'fadeIn',
animateOut: 'fadeOut',
loop: true,
navText: ["<i class='icon icon-557'></i>","<i class='icon icon-556'></i>"]
});
});
</script>
</div>
</div>
</div>

Fashion Homeslider 6

<div class="ves-wapper">
<div class="block block-slider slider-v8 no-margin">
<div class="block-content">
<div id="fashion-homeslider-8" class="owl-carousel owl-banner-carousel owl-bottom-narrow owl-bottom-absolute-narrow" style="z-index: 0;">
<div class="item">
<a href="#">
<img src="{{media url='wysiwyg/ves_boost/fashion/slide_10.jpg'}}" alt="" />
</a> 
<div class="item-content">
<p style="font-style: italic;color: #ff8181">Babylove Store Online</p>
<h2 style="font-size:48px; line-height: 48px;color: #363b46;margin-bottom: 0px;margin-top: 0;">Get 25% off your<br>order,Pretty sweet,<br>we know.</h2> 
<p class="d-none d-sm-block" style="font-size:18px; color: #434a54; font-weight: 300; margin-bottom: 0;">Our black friday favourites!</p>
<p class="d-none d-sm-block" style="font-weight: 600;font-size: 36px; color: #ff8181">$56</p>
</div>
</div>
<div class="item">
<a href="#">
<img src="{{media url='wysiwyg/ves_boost/fashion/slide_10.jpg'}}" alt="" />
</a> 
<div class="item-content">
<p style="font-style: italic;color: #ff8181">Babylove Store Online</p>
<h2 style="font-size:48px; line-height: 48px;color: #363b46;margin-bottom: 0px;margin-top: 0;">Get 25% off your<br>order,Pretty sweet,<br>we know.</h2> 
<p class="d-none d-sm-block" style="font-size:18px; color: #434a54; font-weight: 300; margin-bottom: 0;">Our black friday favourites!</p>
<p class="d-none d-sm-block" style="font-weight: 600;font-size: 36px; color: #ff8181">$56</p>
</div>
</div>
</div>
<script type="text/javascript">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
var banner_owl = $("#fashion-homeslider-8");
banner_owl.owlCarousel({
items: 1,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
dots: false,
nav: true,
navRewind: true,
animateIn: 'fadeIn',
animateOut: 'fadeOut',
loop: true,
navText: ["<i class='icon icon-557'></i>","<i class='icon icon-556'></i>"]
});
});
</script>
</div>
</div>
</div>

2. Product
Fashion Block Product V1

Fashion Block Product V3

Fashion Block Product V4

Fashion Block Product V5

Fashion Block Product V6

Fashion Block Product V7

Fashion Block Product V8

Fashion Block Product V9

Fashion Block Product V10

Fashion Block Product V11

Fashion Block Product V12

3. Banner
Fashion Block Images V1

<div class="ves-wapper" style="padding:2% 0;">
<div class="container">
<div class="block">
<div class="block-title"><strong>POPULAR CATEGORIES</strong></div>
<div class="pretext-html a-center">
<p style="font-size:18px; color:#a3a5a7; margin-bottom: 30px">
Showcasing what the world's most stylish women are buying right now. Lorem 
<br>Ipsum has been the industry's standard dummy text
</p>
</div>
<div class="block-content">
<div class="row">
<div class="col-12 col-sm-6 col-md-6">
<div class="card" style="margin-bottom: 20px;">
<img class="card-img-top" src="{{media url="wysiwyg/ves_boost/fashion/category_01.jpg"}}" alt="" />
<div class="card-img-overlay" style="padding:30px;">
<h5 class="card-title">
<a title="Living room" href="#" style="color:#fff; font-size: 18px;">WOMAN</a>
</h5>
<a href="#" style="color:#fff; font-size: 16px;">Shop now <i class="fa fa-arrow-right" style="font-size: 12px; margin-left: 5px;"></i></a>
</div>
</div>
<div class="card">
<img class="card-img-top" src="{{media url="wysiwyg/ves_boost/fashion/category_02.jpg"}}" alt="" />
<div class="card-img-overlay" style="padding:30px;">
<h5 class="card-title">
<a title="Living room" href="#" style="color:#fff; font-size: 18px;">MEN</a>
</h5>
<a href="#" style="color:#fff; font-size: 16px;">Shop now <i class="fa fa-arrow-right" style="font-size: 12px; margin-left: 5px;"></i></a>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-6">
<div class="card" style="margin-bottom: 20px;">
<img class="card-img-top" src="{{media url="wysiwyg/ves_boost/fashion/category_03.jpg"}}" alt="" />
<div class="card-img-overlay" style="padding:30px;">
<h5 class="card-title">
<a title="Living room" href="#" style="color:#000; font-size: 18px;">BAGS AND SHOES</a>
</h5>
<a href="#" style="color:#000; font-size: 16px;">Shop now <i class="fa fa-arrow-right" style="font-size: 12px; margin-left: 5px;"></i></a>
</div>
</div>
<div class="card">
<img class="card-img-top" src="{{media url='wysiwyg/ves_boost/fashion/category_04.jpg'}}" alt="" />
<div class="card-img-overlay" style="padding:30px;">
<h5 class="card-title">
<a title="Living room" href="#" style="color:#fff; font-size: 18px;">BACK IN STOCK</a>
</h5>
<a href="#" style="color:#fff; font-size: 16px;">Shop now <i class="fa fa-arrow-right" style="font-size: 12px; margin-left: 5px;"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Fashion Block Images V2

<div class="ves-wapper" style="padding: 3% 0 2%;">
<div class="container">
<div class="block block-images">
<div class="block-title">JUST FOR YOU</div>
<div class="block-content">
<div class="row">
<div class="col-12 col-sm-6 col-md-6">
<div class="card" style="margin-bottom: 20px;"><img class="card-img-top" src="{{media url="wysiwyg/ves_boost/fashion/banner_01.jpg"}}" alt="" />
<div class="card-img-overlay" style="padding: 30px 15px; top: auto; bottom: 0;"><span style="font-size: 16px; font-weight: 600; color: black;">$195.00</span></div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-6">
<div class="row">
<div class="col">
<div class="card" style="margin-bottom: 20px;"><img class="card-img-top" src="{{media url="wysiwyg/ves_boost/fashion/banner_02.jpg"}}" alt="" />
<div class="card-img-overlay" style="padding: 30px 15px; top: auto; bottom: 0;"><span style="font-size: 16px; font-weight: 600; color: black;">$239.90</span></div>
</div>
</div>
<div class="col">
<div class="card" style="margin-bottom: 20px;"><img class="card-img-top" src="{{media url="wysiwyg/ves_boost/fashion/banner_03.jpg"}}" alt="" />
<div class="card-img-overlay" style="padding: 30px 15px; top: auto; bottom: 0;"><span style="font-size: 16px; font-weight: 600; color: black;">$239.90</span></div>
</div>
</div>
<div class="w-100"></div>
<div class="col">
<div class="card" style="margin-bottom: 20px;"><img class="card-img-top" src="{{media url="wysiwyg/ves_boost/fashion/banner_05.jpg"}}" alt="" />
<div class="card-img-overlay" style="padding: 30px 15px; top: auto; bottom: 0;"><span style="font-size: 16px; font-weight: 600; color: black;">$198.70</span></div>
</div>
</div>
<div class="col">
<div class="card" style="margin-bottom: 20px;"><img class="card-img-top" src="{{media url="wysiwyg/ves_boost/fashion/banner_04.jpg"}}" alt="" />
<div class="card-img-overlay" style="padding: 30px 15px; top: auto; bottom: 0;"><span style="font-size: 16px; font-weight: 600; color: black;">$298.90</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Fashion Block Images V3

<div class="ves-wapper" style="padding: 1% 0;">
<div class="container">
<div class="block block-images v3">
<div class="block-content">
<div class="row">
<div class="col-12 col-sm-4 col-md-4">
<div class="content-html">
<h3 style="font-size: 24px; color: black; margin-bottom: 35px; margin-top: 0;font-weight: 500">Packed With Love</h3>
<p style="font-size: 16px;color: #999">Beautiful bags and boxes, in stores and<br /> online (and they’re recyclable, too).</p>
</div>
</div>
<div class="col-12 col-sm-4 col-md-4"><img src="{{media url="wysiwyg/ves_boost/fashion/banner_07.jpg"}}" alt="" /></div>
<div class="col-12 col-sm-4 col-md-4"><img src="{{media url="wysiwyg/ves_boost/fashion/banner_08.jpg"}}" alt="" /></div>
</div>
</div>
</div>
</div>
</div>

Fashion Block Images V4

<div class="ves-wapper">
<div class="block block-images v4">
<div class="block-content">
<div class="row no-gutters">
<div class="col-12 col-sm-4 col-md-4">
<div class="card">
<img class="card-img-top" src="{{media url="wysiwyg/ves_boost/fashion/category_05.jpg"}}" alt="" />
<div class="card-img-overlay a-center">
<a href="#" style="color:#fff; font-size: 20px;">Sweaters and cardigans</a>
</div>
</div>
</div>
<div class="col-12 col-sm-4 col-md-4">
<div class="card">
<img class="card-img-top" src="{{media url="wysiwyg/ves_boost/fashion/category_06.jpg"}}" alt="" />
<div class="card-img-overlay a-center">
<a href="#" style="color:#fff; font-size: 20px;">Accessories</a>
</div>
</div>
</div>
<div class="col-12 col-sm-4 col-md-4">
<div class="card">
<img class="card-img-top" src="{{media url="wysiwyg/ves_boost/fashion/category_07.jpg"}}" alt="" />
<div class="card-img-overlay a-center">
<a href="#" style="color:#fff; font-size: 20px;">Scarves and foulards</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Fashion Block Images V5

<div class="ves-wapper">
<div class="block block-images">
<div class="block-content">
<img src="{{media url="wysiwyg/ves_boost/fashion/banner_09.jpg"}}" alt="" />
</div>
</div>
</div>

Fashion Block Images V6

<div class="ves-wapper" style="padding: 30px 0;">
<div class="container">
<div class="block no-margin block-images v6">
<div class="block-content">
<div class="row">
<div class="col-12 col-sm-4 col-md-4">
<div class="card"><img class="card-img-top" src="{{media url="wysiwyg/ves_boost/fashion/category_08.jpg"}}" alt="" />
<div class="card-img-overlay a-center" style="bottom: 30px; top: auto; padding: 0 30px"><a style="background: #fff; color: #363b46; font-size: 16px;font-weight: 600;padding: 14px 20px; min-width: 180px; display: inline-block;" href="#">Bags &amp; Satchels</a></div>
</div>
</div>
<div class="col-12 col-sm-4 col-md-4">
<div class="card"><img class="card-img-top" src="{{media url="wysiwyg/ves_boost/fashion/category_09.jpg"}}" alt="" />
<div class="card-img-overlay a-center" style="bottom: 30px; top: auto;padding: 0 30px"><a style="background: #fff; color: #363b46; font-size: 16px; font-weight: 600;padding: 14px 20px; min-width: 180px; display: inline-block;" href="#">Footwear</a></div>
</div>
</div>
<div class="col-12 col-sm-4 col-md-4">
<div class="card"><img class="card-img-top" src="{{media url="wysiwyg/ves_boost/fashion/category_10.jpg"}}" alt="" />
<div class="card-img-overlay a-center" style="bottom: 30px; top: auto;padding: 0 30px"><a style="background: #fff; color: #363b46; font-size: 16px;font-weight: 600; padding: 14px 20px; min-width: 180px; display: inline-block;" href="#">Sunglasses</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Fashion Block Images V7

<div class="ves-wapper">
<div class="container">
<div class="block block-images">
<div class="block-content">
<div class="row">
<div class="col-12 col-sm-12 col-md-7 col-lg-7">
<div class="card">
<img class="card-img-top" src="{{media url="wysiwyg/ves_boost/fashion/banner_10.jpg"}}" alt="" />
<div class="card-img-overlay d-flex flex-column text-center justify-content-center" style="padding: 30px; left:auto">
<p style=" margin-bottom:0"><span style="font-size: 24px; color: #363b46; font-weight: 600;">Shoes Collection</span></p>
<h3 style="font-size: 36px;line-height: 42px;text-align: right;margin-top: 0;font-weight: 600;margin-bottom: 25px;">Up to 50% Off</h3>
<a href="#" style="color:black">SHOP NOW</a>
</div>
</div>
</div>
<div class="col-12 col-sm-12 col-md-5 col-lg-5">
<div class="card" style="margin-bottom: 20px;" >
<img class="card-img-top" src="{{media url="wysiwyg/ves_boost/fashion/banner_11.jpg"}}" alt="" />
<div class="card-img-overlay d-flex flex-column text-center justify-content-center" style="padding: 30px; left:auto">
<p style=" margin-bottom:0"><span style="font-size: 24px; color: #363b46; font-weight: 600">Designer</span></p>
<h3 style="font-size: 36px;line-height: 42px;text-align: right;margin-top: 0;font-weight: 600;margin-bottom: 25px;">Sunglasses</h3>
<a href="#" style="color:black">SHOP NOW</a>
</div>
</div>
<div class="card">
<img class="card-img-top" src="{{media url="wysiwyg/ves_boost/fashion/banner_12.jpg"}}" alt="" />
<div class="card-img-overlay d-flex flex-column text-center justify-content-center" style="padding: 30px; right:auto">
<p style=" margin-bottom:0"><span style="font-size: 24px; color: #363b46; font-weight: 600">Best of Bags</span></p>
<h3 style="font-size: 36px;line-height: 42px;margin-top: 0;font-weight: 600;margin-bottom: 25px;">Up to 70% Off</h3>
<a href="#" style="color:black">SHOP NOW</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Fashion Block Images V8

<div class="ves-wapper block-absolute" style="margin-top: -130px; z-index: 1; background: #f0f3f7;">
<div class="container">
<div class="block no-margin block-images v8">
<div class="block-content">
<div class="row">
<div class="col-12 col-sm-4 col-md-4">
<div class="card">
<img class="card-img-top" src="{{media url="wysiwyg/ves_boost/fashion/category_11.jpg"}}" alt="" />
<div class="card-img-overlay d-flex flex-column justify-content-end" style="padding:30px">
<h2 style="font-size: 14px; font-weight: bold; margin-bottom: 10px;">For Boy</h2>
<div class="subtitle"> 
3 <span>products</span>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-4 col-md-4">
<div class="card">
<img class="card-img-top" src="{{media url="wysiwyg/ves_boost/fashion/category_12.jpg"}}" alt="" />
<div class="card-img-overlay d-flex flex-column justify-content-end">
<h2 style="font-size: 14px; font-weight: bold; margin-bottom: 10px;">Accessories</h2>
<div class="subtitle">
3 <span>products</span>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-4 col-md-4">
<div class="card">
<img class="card-img-top" src="{{media url="wysiwyg/ves_boost/fashion/category_13.jpg"}}" alt="" />
<div class="card-img-overlay d-flex flex-column justify-content-end">
<h2 style="font-size: 14px; font-weight: bold;">Denim Kids</h2>
<div class="subtitle">
3 <span>products</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Fashion Block Images V9

<div class="ves-wapper" style="padding-bottom: 2%; background: #f0f3f7;">
<div class="container">
<div class="block">
<div class="block-content">
<div class="row">
<div class="col-12 col-sm-12 col-md-6 col-lg-6">
<div class="card"><img class="card-img-top" src="{{media url="wysiwyg/ves_boost/fashion/banner_13.jpg"}}" alt="" />
<div class="card-img-overlay d-flex flex-column text-left justify-content-start" style="padding: 30px;">
<h3 style="font-size: 24px; line-height: 30px; text-align: left; font-weight: 600;">Reversible Printed<br />T - shirt Baby Boy</h3>
<a style="color: black;" href="#">Shop now <i class="fa fa-long-arrow-right"></i></a></div>
</div>
</div>
<div class="col-12 col-sm-12 col-md-6 col-lg-6">
<div class="card" style="margin-bottom: 26px;"><img class="card-img-top" src="{{media url="wysiwyg/ves_boost/fashion/banner_14.jpg"}}" alt="" />
<div class="card-img-overlay d-flex flex-column text-left justify-content-end" style="padding: 30px;">
<h3 style="font-size: 24px; line-height: 30px; text-align: left; font-weight: 600;">Zara Mid-Heel<br />Denim Shoes</h3>
<a style="color: black;" href="#">Shop now <i class="fa fa-long-arrow-right"></i></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Fashion Block Html V1

<div class="ves-wapper" style="padding: 0 0 2%;">
<div class="container">
<div class="block block-html html-v1">
<div class="block-title"><strong>WE'VE THOUGHT OF EVERYTHING</strong></div>
<div class="block-content">
<div class="row">
<div class="col-12 col-sm-6 col-md-6 col-lg-6"><img src="{{media url="wysiwyg/ves_boost/fashion/banner_06.jpg"}}" alt="" /></div>
<div class="col-12 col-sm-6 col-md-6 offset-lg-1 col-lg-5">
<div class="content-html" style="padding-top: 20%;">
<h2 style="font-size: 24px; font-weight: 500;">Free worldwide shipping</h2>
<p style="font-size: 16px; color: #999; font-weight: 500; padding: 10px 0">All orders placed before 13:00GMT Monday – Thursday<br /> will be dispatched the same working day!</p>
<a style="font-size: 16px; color: #000; font-weight: 500;" href="#"><i class="vc_btn3-icon fa fa-angle-right"></i> SEE MORE</a></div>
</div>
</div>
</div>
</div>
</div>
</div>

Fashion Block Html V2

<div class="ves-wapper block-theme" style="padding: 45px 0 5px;">
<div class="container">
<div class="block block-html v2">
<div class="block-content">
<div class="row">
<div class="col-sm-6 col-md-4 col-lg-4 d-flex align-self-center justify-content-center"><span style="font-size: 12px;font-weight: 600; color: #fff; letter-spacing: 1px;"><i class="fa fa-map-marker"></i> 351 NATALIE EXTENSIONS APT. 810</span></div>
<div class="col-sm-6 col-md-4 col-lg-4 a-center">
<div style="font-size: 30px; color: #ffffff; text-align: center; font-weight: 600; font-style: normal;">(+01) 23 456 789</div>
</div>
<div class="col-12 col-md-4 col-lg-4 d-flex align-self-center justify-content-center"><span style="font-size: 12px;font-weight: 600; color: #fff; letter-spacing: 2px;"><i class="fa fa-envelope-o"></i>[email protected]</span></div>
</div>
</div>
</div>
</div>
</div>

4. Our Service
Fashion Block Ourservice V1

<div class="ves-wapper" style="background: #1a1a1a; padding: 60px 0 20px;">
<div class="container">
<div class="block block-ourservice">
<div class="block-content">
<div class="row no-gutters">
<div class="col-sm-6 col-md-4">
<div class="widget-ourservice a-center" style="color: #fff;"><i class="icon icon-026"></i>
<div class="content-text">
<h4 class="title">CUSTOMER CARE 24/7</h4>
<div class="information" style="font-size: 16px; color: #a3a5a7;"><span class="d-block">Our customer care team is available </span> <span>24 hours a day, seven days a week.</span></div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="widget-ourservice a-center" style="color: #fff;"><i class="icon icon-1037"></i>
<div class="content-text">
<h4 class="title">BOXED AND VIRTUAL</h4>
<div class="information" style="font-size: 16px; color: #a3a5a7;"><span class="d-block">Sent directly to your recipient’s </span> <span>inbox or to you to be printed</span></div>
</div>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="widget-ourservice a-center" style="color: #fff;"><i class="icon icon-911"></i>
<div class="content-text">
<h4 class="title">STYLE &amp; FIT ADVICE</h4>
<div class="information" style="font-size: 16px; color: #a3a5a7;"><span class="d-block">Tell us what works for you and we</span> <span>will give you some stylish solutions</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Fashion Block Ourservice V2

<div class="ves-wapper">
<div class="container">
<div class="block block-ourservice ourservice-v2">
<div class="block-content">
<div class="border-bottom border-top service-wapper" style=" padding: 50px 0">
<div class="row">
<div class="col-sm-6 col-md-4">
<div class="widget-ourservice">
<i class="icon icon-1081"></i>
<div class="content-text">
<h3 class="title" style="font-size: 24px;font-weight: 500;">Personal Shopping</h3>
<div class="information" style="font-size: 16px; color: #666">
<span class="d-block">Book a one-on-one session with a Style Advisor.</span> 
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="widget-ourservice">
<i class="icon icon-706"></i>
<div class="content-text">
<h3 class="title" style="font-size: 24px;font-weight: 500;">At Your Service</h3>
<div class="information" style="font-size: 16px; color: #666">
<span class="d-block">We’re here to help via Live Chat, phone or email</span> 
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="widget-ourservice">
<i class="icon icon-653"></i>
<div class="content-text">
<h3 class="title" style="font-size: 24px;font-weight: 500;">Extended December Hours</h3>
<div class="information" style="font-size: 16px; color: #666">
<span class="d-block">Understanding Colors</span> 
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Fashion Block Ourservice V3

<div class="ves-wapper" style="padding: 3% 0; background: url('{{media url='wysiwyg/ves_boost/fashion/bg-service.jpg'}}') center center no-repeat;background-size:cover;">
<div class="container">
<div class="block no-margin">
<div class="block-content">
<div class="row">
<div class="col-sm-6 col-md-4">
<div class="widget-ourservice a-center ourservice-v3" style="background: #fff; padding: 60px 0;">
<i class="icon icon-023"></i>
<div class="content-text">
<h4 class="title">FREE SHIPING & RETURNS</h4>
<div class="information" style="font-size: 18px; color: #a3a5a7">
<span class="d-block" style="font-size: 14px;color: #999999">On all orders over $200 within the 10-15 days </span> <span style="font-size: 14px;color: #999999">in all over the World</span>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="widget-ourservice a-center ourservice-v3" style="background: #fff; padding: 60px 0;">
<i class="icon icon-065"></i>
<div class="content-text">
<h4 class="title">100% MONEY REFUND</h4>
<div class="information" style="font-size: 18px; color: #a3a5a7">
<span class="d-block" style="font-size: 14px;color: #999999">We’re always commited to the perfect fit, </span> 
<span class="d-block" style="font-size: 14px;color: #999999">always.</span>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="widget-ourservice a-center ourservice-v3" style="background: #fff; padding: 60px 0;">
<i class="icon icon-026"></i>
<div class="content-text">
<h4 class="title">24 x 7 FREE SUPPORT</h4>
<div class="information" style="font-size: 18px; color: #a3a5a7">
<span class="d-block" style="font-size: 14px;color: #999999">Ready to help you with any questions related to </span>
<span class="d-block" style="font-size: 14px;color: #999999">our Global Trade</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Fashion Block Ourservice V4

<div class="ves-wapper" style="background: url('{{media url='wysiwyg/ves_boost/fashion/bg-service-02.jpg'}}') center center no-repeat; background-size: cover;">
<div class="container">
<div class="block block-ourservice no-margin">
<div class="block-content">
<div class="row">
<div class="col-sm-6 col-md-3">
<div class="widget-ourservice a-center" style="padding: 60px 0;"><img style="padding: 20px; background: #fff; border-radius: 50%;" src="{{media url='wysiwyg/ves_boost/fashion/icon-07.png'}}" alt="" />
<div class="content-text"><span class="d-block" style="font-size: 14px; color: #ffffff; font-weight: 600; margin: 30px 0 10px; letter-spacing: 0.5px;">FREE SHIPING &amp; RETURNS</span> <span style="font-size: 12px; color: #ffffff;">Need we say more?</span></div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="widget-ourservice a-center" style="padding: 60px 0;"><img style="padding: 20px; background: #fff; border-radius: 50%;" src="{{media url='wysiwyg/ves_boost/fashion/icon-08.png'}}" alt="" />
<div class="content-text"><span class="d-block" style="font-size: 14px; color: #ffffff; font-weight: 600; margin: 30px 0 10px; letter-spacing: 0.5px;">SUPPORT ONLINE 24/7</span> <span style="font-size: 12px; color: #ffffff;">Free Exchanges</span></div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="widget-ourservice a-center" style="padding: 60px 0;"><img style="padding: 20px; background: #fff; border-radius: 50%;" src="{{media url='wysiwyg/ves_boost/fashion/icon-09.png'}}" alt="" />
<div class="content-text"><span class="d-block" style="font-size: 14px; color: #ffffff; font-weight: 600; margin: 30px 0 10px; letter-spacing: 0.5px;">SECURE PAYMENTS</span> <span style="font-size: 12px; color: #ffffff;">60-Day Returns</span></div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="widget-ourservice a-center" style="padding: 60px 0;"><img style="padding: 20px; background: #fff; border-radius: 50%;" src="{{media url='wysiwyg/ves_boost/fashion/icon-10.png'}}" alt="" />
<div class="content-text"><span class="d-block" style="font-size: 14px; color: #ffffff; font-weight: 600; margin: 30px 0 10px; letter-spacing: 0.5px;">100% SAFE &amp; SECURE</span> <span style="font-size: 12px; color: #ffffff;">Proin condimentum sagittis</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

5. Blog
Fashion Block Blog V1

Fashion Block Blog V2

Fashion Block Blog V3

6. Testimonial
Fashion Testimonials V1

<div class="ves-wapper" style="background:url({{media url='wysiwyg/ves_boost/fashion/bg-testimonial.jpg'}}) center center no-repeat;background-size:cover; padding: 6% 0 5%;">
<div class="container">
<div class="block block-testimonials testimonials-v1 text-white">
<div class="block-title"><strong>TESTIMONIALS</strong></div>
<div class="block-content">
<div id="testimonials-demo-1" class="owl-carousel owl-banner-carousel owl-bottom-narrow owl-bottom-absolute-narrow">
<div class="item">
<div class="content-tes a-center">I wish I would have found Boost earlier. That would have saved me a lot of money on WP themes. It's Highly Customizable! I Love it! I would like to rate it ten stars!</div>
<div class="info-customer d-flex justify-content-center align-items-center">
<img class="img-customer" src="{{media url="wysiwyg/ves_boost/fashion/img-testimonial-1.jpg"}}" alt="" />
</div>
<div class="meta a-center">
<span class="name">Stephen Holland</span>
<span class="carrer">Customer</span>
</div>
</div> 
<div class="item">
<div class="content-tes a-center">I wish I would have found Boost earlier. That would have saved me a lot of money on WP themes. It's Highly Customizable! I Love it! I would like to rate it ten stars 2!</div>
<div class="info-customer d-flex justify-content-center align-items-center">
<img class="img-customer" src="{{media url="wysiwyg/ves_boost/fashion/img-testimonial-1.jpg"}}" alt="" />
</div>
<div class="meta a-center">
<span class="name">Stephen Holland 2</span>
<span class="carrer">Customer 2</span>
</div>
</div> 
</div>
<script type="text/javascript">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
var banner_owl = $("#testimonials-demo-1");
banner_owl.owlCarousel({
items: 1,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
dots: false,
nav: true,
navRewind: true,
animateIn: 'fadeIn',
animateOut: 'fadeOut',
loop: true,
navText: ["<i class='icon icon-557'></i>","<i class='icon icon-556'></i>"]
});
});
</script> 
</div>
</div> 
</div>
</div>

Fashion Testimonials V2

<div class="ves-wapper" style="background:url({{media url='wysiwyg/ves_boost/fashion/bg-testimonial-02.jpg'}}) center center no-repeat;background-size:cover; padding: 5% 0;">
<div class="container">
<div class="block block-testimonials testimonials-v1 no-margin">
<div class="block-title"><strong>What Our Clients Say ?</strong></div>
<div class="block-content">
<div id="testimonials-demo-1" class="owl-carousel owl-banner-carousel owl-bottom-narrow owl-bottom-absolute-narrow">
<div class="item">
<div class="content-tes a-center">They never said winning was easy. Some people can’t handle success, I can. The key to more success is to get a massage..</div>
<div class="meta a-center">
<span class="name">Anna</span>
</div>
</div> 
<div class="item">
<div class="content-tes a-center">They never said winning was easy. Some people can’t handle success, I can. The key to more success is to get a massage..</div>
<div class="meta a-center">
<span class="name">Anna</span>
</div>
</div> 
</div>
<script type="text/javascript">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
var banner_owl = $("#testimonials-demo-1");
banner_owl.owlCarousel({
items: 1,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
dots: false,
nav: true,
navRewind: true,
animateIn: 'fadeIn',
animateOut: 'fadeOut',
loop: true,
navText: ["<i class='icon icon-557'></i>","<i class='icon icon-556'></i>"]
});
});
</script>
</div>
</div>
</div>
</div>

7. Brands
Fashion Block Brands V1

<div class="ves-wapper">
<div class="container">
<div class="block block-brands no-margin">
<div class="block-title">
<strong>OUR BRANDS</strong>
</div>
<div class="pretext-html a-center" style="font-size: 16px; color: #a3a5a7">
We believe that Smart is Beautiful—that's why we carry an easy-to-shop selection <br>of wear-everywhere women's clothing for this season and next.
</div>
<div class="block-content">
<div id="brands-slider-demo-1" class="brands-slider">
<div class="owl-carousel">
<div class="item"><img src="{{media url="wysiwyg/ves_boost/brands/brand1.png"}}" alt="" /></div>
<div class="item"><img src="{{media url="wysiwyg/ves_boost/brands/brand2.png"}}" alt="" /></div>
<div class="item"><img src="{{media url="wysiwyg/ves_boost/brands/brand3.png"}}" alt="" /></div>
<div class="item"><img src="{{media url="wysiwyg/ves_boost/brands/brand4.png"}}" alt="" /></div>
<div class="item"><img src="{{media url="wysiwyg/ves_boost/brands/brand5.png"}}" alt="" /></div>
<div class="item"><img src="{{media url="wysiwyg/ves_boost/brands/brand6.png"}}" alt="" /></div>
<div class="item"><img src="{{media url="wysiwyg/ves_boost/brands/brand7.png"}}" alt="" /></div>
<div class="item"><img src="{{media url="wysiwyg/ves_boost/brands/brand8.png"}}" alt="" /></div>
</div>
<script type="text/javascript" xml="space">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
$("#brands-slider-demo-1 .owl-carousel").owlCarousel({
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
margin: 20,
nav: false, 
dots: false,
loop: true,
responsive: {
0: {
items:2
},
640: {
items:3
},
768: {
items:4
},
992: {
items:6
},
1200: {
items:6
}
}
});
});
</script>
</div>
</div>
</div>
</div>
</div>

8. Other
Fashion Block Contact

<div class="block-contact"><i class="fa fa-phone" style="color: #444a59;"></i><span style="color: #a8a8a8; margin-left: 10px;">Customer service:</span> <span style="color: #444a59;"><strong>012 34 56 789</strong></span></div>

Share this Post!

0 Comment

Do NOT follow this link or you will be banned from the site!