Our brands

Guide Ves ezBoozt Magento2

Getting Started

Getting Started

Ezboozt – a wonderful Fashion, beauty, and furniture Magento 2 theme with a creative, inspiring and product-oriented design.
You are seeking a template which can help you start your business successfully with fashion store, beauty store or even furniture store? Ezboozt is what you need. It will attract your customers with impressive, dynamic and strong feeling at the first sight.

Including 12+ Elegant Unique Homepages, 9+ Unique footers, 9+ Skin color & powerful Admin Panel, admin can create their own wonderful website in seconds.
Ves Ezboozt is 100% Mobile friendly. Hence, it looks perfect on any devices. It is created with SEO Optimization, Conversion Rate, Ease of customization & Installation which are functionally important for any theme. Moreover, with Regular Update, Timely Support, Advanced Extensions Integration, Ves Ezboozt will bring the great experience for customers.

EzBoozt is one of our responsive Magento 2 themes. This Magento 2 theme created with new Magento 2 UI and integrate bootstrap 4.0.0 layout components. Also, it is inherited from Magento 2 blank theme

Advanced Guide: Developer Guide For Magento 2

Compatibility:

ezBoozt is fully compatible with Magento Community Edition 2.0.0, 2.0.x, 2.1.0, 2.1.x, 2.2.x

Demo Link: http://server1.demo4coder.com/ezboozt/landing

Purchase It Now

Theme Configuration

Child Theme Configuration

Please create child theme folder in app/design/frontend/company_name/theme_name
ex:
etc/view.xml:-This file is used to specify product image dimensions, thumbnails etc.Magento_Theme:- This directory is used to override existing Magento’s theme files.Magento_Theme/layout/default.xml:- By default, Magento2 assumes that your theme’s logo file should be: /web/media/logo.svg If you want some other file for logo, then you must declare it in thedefault.xml file. This file is also used to override default theme’s settings.media/preview.png:- The preview of the current theme.web :- This directory contains all the theme’s static data like images, styles, javascript, fonts etc.registration.php :- This file is required to register our theme to Magento2 system.theme.xml :- This is a compulsory file that defines our theme name, its parent and optionally theme’s preview image.composer.json :- If you plan to distribute the theme using a composer package will make it easier for people to install the custom theme, you can specify any required packages in which composer can install/update for the user to ensure the theme installs correctly. Creating theme files, Let us now create our files one by one. Creating theme files, Let us now create our files one by one.theme.xml ( app/design/frontend/Venustheme/ezboozt_child/theme.xml )

<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
    <title>Venustheme ezBoozt</title>
	<parent>Venustheme/furniture</parent>
    <media>
        <preview_image>media/preview.jpg</preview_image>
    </media>
</theme>

registration.php ( app/design/frontend/Venustheme/ezboozt_child/registration.php )

<?php
\Magento\Framework\Component\ComponentRegistrar::register(
    \Magento\Framework\Component\ComponentRegistrar::THEME,
    'frontend/Venustheme/ezboozt_child',
    __DIR__
);

composer.json ( app/design/frontend/Venustheme/boost_child/composer.json )

{
 "name": "magento/theme-frontend-ezboozt_child",
 "description": "N/A",
 "require": {
 "php": "~5.5.0|~5.6.0|~7.0.0",
 "magento/theme-frontend-ezboozt": "100.2.*",
 "magento/framework": "101.0.*"
 },
 "type": "magento2-theme",
 "version": "100.2.2",
 "license": [
 "OSL-3.0",
 "AFL-3.0"
 ],
 "autoload": {
 "files": [
 "registration.php"
 ]
 }
 }

Please go to Admin -> Content -> Configuration

Then open Design Configuration -> choose the ezBoozt child


* Important: After you choose a new theme or new theme child, you need reindex data and run the command below via SSH:

php bin/magento setup:static-content:deploy

Footer Profiles

ezBoozt provides 9 footer styles, you can choose one of them here.

#Footer1:

#Footer2:

#Footer3:

#Footer4:

#Footer5:

#Footer6:

#Footer7:

#Footer8:

#Footer9:

To Config Other Footer, Go to Admin Panel >> VenusTheme >> VES THEMESETTING >> Footer>> Footer Top Settings >> Choose CMS Static Block >> Choose Your Footer Block (ex: Footer1, Footer2, Footer3, Footer4, Footer5, Footer6, Footer7, Footer8, Footer9)

To get more details, please watch this video in footer installation part:

To edit these Footer Block content, please go to selectAdmin Panel > Content > Blocks necessary static block. You can modify footer content by custom HTML based on sample content.

Homepage Configuration

ezBoozt have 4 extensions with 13 homepages

 

#Overview:

To configure the default home page for your store, go to Store > Configuration > General > Web > Default Pages tab, select the desired page in the CMS Home Page field and save the configuration.

To get more details, please watch this video in home installation part:

Go to back-end > Content > Pages > Edit profile name “ex: Fashion Home Page 1

To change the layout of the page, go to Content > Pages, select the page, select one of the options in the Layout field and click Save Page button:

To edit the content of the home page, add “block” or remove “block” in the “Layout Update XML” field and click Save Page button.
To edit the content of this block, Go to back-end > Content > Blocks > Edit profile name “ex: fashion_homeslider_1

To get more details, please watch this video:

To edit these slider content, please go to Admin Panel > Content > Elements > Blocks, select necessary static block. You can modify slider content by custom HTML based on sample content.

To make the slide image clickable, you can use this HTML as a block content:

<a href="#"><img src="{{media url='wysiwyg/ves_boost/slide_01.jpg'}}" alt="Sample slide" /></a>

Config Generals

In this tab, you are able to:

– Choose maximum page width on drop-down or change value input

– Choose skin color store view

– Choose director support LTR or RTL Languages

– Enable or disable panel tool

– Config body background, padding

– Add custom google font for body

– Config color text body, text link, text link hover

– Config button color, background, and hover, focus

 

Please Go to Admin Panel > VenusTheme > Ves ThemeSettings > General

ezBoozt provides Custom Page Width (960px, 1024 px, 1280px, 1360px, 1440px, 1680px,…), and Maximum Page Width mode, you can choose the one that you prefer. You can apply this option to any home versions.

We created skins in ezboozt: You can view it in the folder:

..\Venustheme\ezboozt\name_theme\Ves_Themesettings\web\css\skins\

Header Configuration

ezBoozt provides 13 header styles, you can choose one of them here.

In Fashion Theme

#Header1:

#header2:

#header3:

#header4:

#header5:

#header6:

In Furniture Theme

#Header7:

#header8:

#header9:

#header10:

In Beauty Theme

#Header11:

#header12:

#header13:

>> How To Config Other Header

To Config Other Header, Go to Admin Panel >> VenusTheme >> VES THEMESETTING >> Header >> General Settings >> Choose Your Header Layout

In Fashion Theme

  1. Default: default.phtml (header default)
  2. Default2: default2.phtml (header 2)
  3. Default3: default3.phtml (header 3)
  4. Default4: default4.phtml (header 4)
  5. Default5: default5.phtml (header 5)
  6. Default6: default6.phtml (header 6)

In Furniture Theme

  1. Default: default.phtml (header default)
  2. Default2: default2.phtml (header 2)
  3. Default3: default3.phtml (header 3)
  4. Default4: default4.phtml (header 4)

In Beauty Theme

  1. Default: default.phtml (header default)
  2. Default2: default2.phtml (header 2)
  3. Default3: default3.phtml (header 3)


To get more details, please watch this video in header installation part:

Code HTML in this path file

app\design\frontend\Venustheme\name_theme\Ves_Themesettings\templates\header\default.phtml

To change Logo, Go to Admin Panel > Content > Configuration > Edit theme_name

After that, you need to open “Header” Tab > Upload your logo(GIF, PNG, JPG, or SVG file type) with the uploader

Config Contact Page

Link page: server1.demo4coder.com/ezboozt/contact

How To config: Go To VenusTheme > Ves Theme Settings > Contact page:

 

+ Contact Form tab:

 

+ Google map tab:

– You can change address, Longitude, Latitude

– You can add contact information: email, address, telephone, fax, custom HTML for us, etc…

 

+ Edit Form :

You can edit form in this patch file:

app\design\frontend\Venustheme\ezboozt\name_theme\Magento_Contact\templates\form.phtml

Admin Theme Settings

Config header

1. General tab: Choose Header Layout: “Default”

2. Top Link tab: Show link my account, sign in, create an account, and custom link

You can add a custom top link:
3. Search tab:
– Enable: Yes or No
– Custom style
– Add maximum width of the search box
– Change the format button search

4. Language Switcher and Currency Switcher tab:

This block setting group custom code in this file

app\design\frontend\Venustheme\name_theme\Magento_Theme\templates\html\setting.phtml

How it is shown on front-end:
5. Sticky Header tab:

Config “Scroll To Fixed” header ( keep header when scrolling window). You can choose all sticky elements (all header )or choose to specify an element

6. Top cart tab:

– There are 4 options for you to show Top Cart, you can choose to show what you want

  • Text Only
  • Icon Class Only
  • Text + Icon Class
  • Icon Class + Text

Config Product View Page

– Other elements:

+ Config enable / disable elements by change value Yes / No

+ Specify you can change the position of thumbnail slider: horizontal or vertical, Top or bottom

– Config show tab- Custom tab

+ Tab By Product Attribute Code

+ Tab By CMS Block

+ Tab By Static Html Content

– Config Related Products, Upsell product: number items and item show on responsive

– Frontend show:

Config Cart Page

Config in admin panel > Venustheme > Settings > VES Theme settings  > Cart page:

+ Config number product for cross-selling on cart page:

Front-end showing

Note: config show / hidden element (name, price, review…) as related, upsell

 

Blocks Diagram

Static Blocks Diagram

This is all CMS static blocks we are using on the ezBoozt.
To Open Cms Static Blocks, Go To Admin Panel > Content > Blocks

How to use a CMS static block

Ex: Blog Block

Ex: Product Block

Below is some sample content.

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>

In Furniture Theme

In Furniture Theme

1. Home Slider
Furniture Homeslider 1

<div class="ves-wapper">
<div class="block block-slider no-margin">
<div class="block-content">
<div id="furniture-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/furniture/slider1.jpg'}}" alt="" />
</a> 
<div class="item-content">
<h2>Eames Design<br>Side Chairs.</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 d-inline">shop now</a>
<a href="{{store url='fashion.html'}}" class="btn btn-lg btn-outline-dark d-inline">details</a>
</div>
</div>
<div class="item">
<a href="#">
<img src="{{media url='wysiwyg/ves_boost/furniture/slider2.jpg'}}" alt="" />
</a> 
<div class="item-content">
<h2>Eames Design<br>Side Chairs.</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 d-inline">shop now</a>
<a href="{{store url='fashion.html'}}" class="btn btn-lg btn-outline-dark d-inline">details</a>
</div>
</div>
</div>
<script type="text/javascript">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
var banner_owl = $("#furniture-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>

Furniture Homeslider 2

<div class="ves-wapper">
<div class="block block-slider no-margin">
<div class="block-content">
<div id="furniture-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/furniture/slider3.jpg'}}" alt="" />
</a> 
<div class="item-content">
<h2>Lounging Sofa<br>Modern room</h2> 
<p class="d-none d-sm-block">Make the most of your outdoor space with our lounging<br>
and relaxing furniture</p>
<a href="{{store url='fashion.html'}}" class="btn btn-lg btn-default d-inline">shop now</a>
<a href="{{store url='fashion.html'}}" class="btn btn-lg btn-outline-dark d-inline">details</a>
</div>
</div>
<div class="item">
<a href="#">
<img src="{{media url='wysiwyg/ves_boost/furniture/slider3_02.jpg'}}" alt="" />
</a> 
<div class="item-content">
<h2>Lounging Sofa<br>Modern room</h2> 
<p class="d-none d-sm-block">Make the most of your outdoor space with our lounging<br>
and relaxing furniture</p>
<a href="{{store url='fashion.html'}}" class="btn btn-lg btn-default d-inline">shop now</a>
<a href="{{store url='fashion.html'}}" class="btn btn-lg btn-outline-dark d-inline">details</a>
</div>
</div>
</div>
<script type="text/javascript">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
var banner_owl = $("#furniture-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>

Furniture Homeslider 3

<div class="ves-wapper">
<div class="block block-slider no-margin">
<div class="block-content">
<div id="furniture-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/furniture/slider5.jpg'}}" alt="" />
</a> 
</div>
<div class="item">
<a href="#">
<img src="{{media url='wysiwyg/ves_boost/furniture/slider6.jpg'}}" alt="" />
</a> 
</div>
</div>
<script type="text/javascript">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
var banner_owl = $("#furniture-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>

Furniture Homeslider 4

<div class="ves-wapper">
<div class="block block-slider no-margin">
<div class="block-content">
<div id="furniture-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/furniture/slider4.jpg'}}" alt="" />
</a> 
<div class="item-content">
<p>TRENDING</p>
<h2>Fishnet Chair</h2> 
<p class="d-none d-sm-block">Seat and back with upholstery made of cold cure<br>
foam. Steel frame, available in matt powder-coated black</p>
<a href="{{store url='fashion.html'}}" class="btn btn-lg btn-default d-inline">shop now</a>
<a href="{{store url='fashion.html'}}" class="btn btn-lg btn-outline-dark d-inline">details</a>
</div>
</div>
<div class="item">
<a href="#">
<img src="{{media url='wysiwyg/ves_boost/furniture/slider4.jpg'}}" alt="" />
</a> 
<div class="item-content">
<p>TRENDING</p>
<h2>Fishnet Chair</h2> 
<p class="d-none d-sm-block">Seat and back with upholstery made of cold cure<br>
foam. Steel frame, available in matt powder-coated black</p>
<a href="{{store url='fashion.html'}}" class="btn btn-lg btn-default d-inline">shop now</a>
<a href="{{store url='fashion.html'}}" class="btn btn-lg btn-outline-dark d-inline">details</a>
</div>
</div>
</div>
<script type="text/javascript">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
var banner_owl = $("#furniture-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>

2. Product

Furniture Block Product V1

Furniture Block Product V2

Furniture Block Product V3

Furniture Block Product V4

Furniture Block Product V5

Furniture Block Product V6

3. Banner

Furniture Block Images V1

<div class="ves-wapper" style="padding:3% 0 1%;">
<div class="container">
<div class="block title-center block-images v1">
<div class="block-title">
<strong>Popular Categories</strong>
</div>
<div class="block-content">
<div class="row">
<div class="col">
<div class="card"><img class="card-img-top" src="{{media url="wysiwyg/ves_boost/furniture/img-category-01.png"}}" alt="" />
<div class="card-body">
<h5 class="card-title">
<a title="Living room" href="#">Living room</a>
</h5>
<div class="card-body"><p>234 Products</p></div>
</div>
</div>
</div>
<div class="col">
<div class="card"><img class="card-img-top" src="{{media url="wysiwyg/ves_boost/furniture/img-category-02.png"}}" alt="" />
<div class="card-body">
<h5 class="card-title">
<a title="Home office" href="#">Home office</a>
</h5>
<div class="card-body"><p>234 Products</p></div>
</div>
</div>
</div>
<div class="col">
<div class="card"><img class="card-img-top" src="{{media url="wysiwyg/ves_boost/furniture/img-category-03.png"}}" alt="" />
<div class="card-body">
<h5 class="card-title">
<a title="Shop by room" href="#">Shop by room</a>
</h5>
<div class="card-body"><p>234 Products</p></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Furniture Block Images V2

<div class="ves-wapper">
<div class="block block-images no-margin">
<div class="block-content">
<div class="row no-gutters">
<div class="col-sm-12 col-md-4">
<img class="card-img-top" src="{{media url="wysiwyg/ves_boost/furniture/ads-1.jpg"}}" alt="" />
</div>
<div class="col-sm-12 col-md-4">
<img class="card-img-top" src="{{media url="wysiwyg/ves_boost/furniture/ads-2.jpg"}}" alt="" />
</div>
<div class="col-sm-12 col-md-4">
<img class="card-img-top" src="{{media url="wysiwyg/ves_boost/furniture/ads-3.jpg"}}" alt="" />
</div>
</div>
</div>
</div>
</div>

Furniture Block Images V4

<div class="ves-wapper " style="padding: 3% 0 1%;">
<div class="container">
<div class="block block-images no-margin">
<div class="row">
<div class="col"><img class="card-img-top" src="{{media url="wysiwyg/ves_boost/furniture/ads-4.jpg"}}" alt="" /></div>
<div class="col"><img class="card-img-top" src="{{media url="wysiwyg/ves_boost/furniture/ads-5.jpg"}}" alt="" /></div>
</div>
</div>
</div>
</div>

Furniture Block Images V5

<div class="ves-wapper">
<div class="block block-images no-margin">
<div class="block-content">
<div class="row no-gutters">
<div class="col"><img class="card-img-top" src="{{media url="wysiwyg/ves_boost/furniture/ads-6.jpg"}}" alt="" /></div>
</div>
</div>
</div>
</div>

Furniture Block Images V6

<div class="ves-wapper">
<div class="block block-images no-margin">
<div class="block-content">
<div class="row no-gutters">
<div class="col"><img class="card-img-top" src="{{media url="wysiwyg/ves_boost/furniture/ads-6.jpg"}}" alt="" /></div>
</div>
</div>
</div>
</div>

Furniture Block Images V7

<div class="ves-wapper border-top border-bottom" style="padding: 3% 0;">
<div class="container">
<div class="block no-margin block-images v7">
<div class="block-content">
<div class="row">
<div class="col-6 col-sm">
<div class="border-right" style="padding: 4px 0;"><a class="a-center" href="#"> <img class="d-block" style="margin: auto; margin-bottom: 29px;" src="{{media url="wysiwyg/ves_boost/furniture/icon-cat-01.png"}}" alt="" /> <span class="d-block" style="color: #000; font-size: 18px;">Lighting</span> </a></div>
</div>
<div class="col-6 col-sm">
<div class="border-right" style="padding: 4px 0;"><a class="a-center" href="#"> <img class="d-block" style="margin: auto; margin-bottom: 29px;" src="{{media url="wysiwyg/ves_boost/furniture/icon-cat-02.png"}}" alt="" /> <span class="d-block" style="color: #000; font-size: 18px;">Chairs</span> </a></div>
</div>
<div class="col-6 col-sm">
<div class="border-right" style="padding: 4px 0;"><a class="a-center" href="#"> <img class="d-block" style="margin: auto; margin-bottom: 29px;" src="{{media url="wysiwyg/ves_boost/furniture/icon-cat-03.png"}}" alt="" /> <span class="d-block" style="color: #000; font-size: 18px;">Furniture</span> </a></div>
</div>
<div class="col-6 col-sm">
<div class="border-right" style="padding: 4px 0;"><a class="a-center" href="#"> <img class="d-block" style="margin: auto; margin-bottom: 29px;" src="{{media url="wysiwyg/ves_boost/furniture/icon-cat-04.png"}}" alt="" /> <span class="d-block" style="color: #000; font-size: 18px;">Decoration</span> </a></div>
</div>
<div class="col-12 col-sm">
<div style="padding: 4px 0;"><a class="a-center" href="#"> <img class="d-block" style="margin: auto; margin-bottom: 29px;" src="{{media url="wysiwyg/ves_boost/furniture/icon-cat-05.png"}}" alt="" /> <span class="d-block" style="color: #000; font-size: 18px;">Bespoke Design</span> </a></div>
</div>
</div>
</div>
</div>
</div>
</div>

Furniture Block Images V8

<div class="ves-wapper">
<div class="container">
<div class="border-top border-bottom" style="padding: 3% 0;">
<div class="block block-images v8">
<div class="block-content">
<div class="row">
<div class="col-sm-6 col-md-3">
<div class="custom-title" style="font-size: 30px; line-height: 48px; color: black; font-weight: 600; margin-top: 0; margin-bottom: 15px;"><strong style="border-bottom: 3px solid #f59678; font-weight: 600;">Categories</strong></div>
<p style="color: #696969; line-height: 30px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p>
</div>
<div class="col-sm-6 col-md-3">
<div class="card border-0"><img class="card-img-top" src="{{media url="wysiwyg/ves_boost/furniture/img-category-08.jpg"}}" alt="" />
<h5 class="card-title"><a title="Furniture" href="#"># Furniture </a><span>( 35 item )</span></h5>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="card border-0"><img class="card-img-top" src="{{media url="wysiwyg/ves_boost/furniture/img-category-09.jpg"}}" alt="" />
<h5 class="card-title"><a title="Lighting" href="#"># Lighting </a><span>( 22 item )</span></h5>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="card border-0"><img class="card-img-top" src="{{media url="wysiwyg/ves_boost/furniture/img-category-10.jpg"}}" alt="" />
<h5 class="card-title"><a title="Accessories" href="#"># Accessories </a><span>( 32 item )</span></h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Furniture Block Html V1

<div class="ves-wapper" style="padding: 3% 0; background-color: #f5f5f5;">
<div class="container">
<div class="block block-html v1 no-margin">
<div class="block-content">
<p style="font-size: 18px;">About us</p>
<h3 style="font-size: 30px; font-weight: 600;">Boost Presentation</h3>
<p style="line-height: 30px; color: #969696;">Put it this way, it took me twenty five years to get these plants, twenty five years of blood sweat and tears, and I’m never giving up, I’m just getting started. They never said winning was easy. Some people can’t handle success, I can. The other day the grass was brown, now it’s green because I ain’t give up.</p>
</div>
</div>
</div>
</div>

Furniture Block Html V2

<div class="ves-wapper" style="padding: 4.5% 0;">
<div class="container">
<div class="block block-html html-v2 no-margin">
<div class="block-content">
<div class="row">
<div class="col-sm-12 col-lg-6">
<img src="{{media url="wysiwyg/ves_boost/furniture/ads-7.jpg"}}" alt="" /> 
</div>
<div class="col-sm-12 offset-lg-1 col-lg-5">
<div class="card border-0" style="padding-top: 18%;">
<div class="card-body">
<h5 class="card-title" style="font-size: 47px; color:#000000; font-weight: 600">Design Your Home <br>with Our Products</h5>
<p class="card-text" style="font-size: 24px;line-height:36px; color: #999999; margin-bottom: 20px;">With supporting text below as a natural lead-in to additional content.</p>
<a href="#" class="btn btn-lg btn-outline-dark" style="color:#000;">Read the Blog</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Furniture Block Html V3

<div class="ves-wapper" style="background-color: #f5f5f5; padding: 3% 0;">
<div class="container">
<div class="block block-html html-v3 no-margin">
<div class="block-content">
<div class="row">
<div class="col-sm-4 col-md-4">
<div class="content-html">
<h3 style="font-size: 24px; font-weight: 600; margin: 0; margin-bottom: 20px; color: #000;">Concept</h3>
<p style="color: #969696; line-height: 30px;">We help you create a comprehensive and comfortable design plan for your home. Your interior designer will design two different concepts specifically for your space, based on your needs</p>
<a style="color: #000; text-transform: uppercase; font-weight: 600;" href="#">Read more <span class="icon icon-508"></span></a></div>
</div>
<div class="col-sm-4 col-md-4">
<div class="content-html">
<h3 style="font-size: 24px; font-weight: 600; margin: 0; margin-bottom: 20px; color: #000;">Design</h3>
<p style="color: #969696; line-height: 30px;">We help you create a comprehensive and comfortable design plan for your home. Your interior designer will design two different concepts specifically for your space, based on your needs</p>
<a style="color: #000; text-transform: uppercase; font-weight: 600;" href="#">Read more <span class="icon icon-508"></span></a></div>
</div>
<div class="col-sm-4 col-md-4">
<div class="content-html">
<h3 style="font-size: 24px; font-weight: 600; margin: 0; margin-bottom: 20px; color: #000;">Enjoy it</h3>
<p style="color: #969696; line-height: 30px;">We help you create a comprehensive and comfortable design plan for your home. Your interior designer will design two different concepts specifically for your space, based on your needs</p>
<a style="color: #000; text-transform: uppercase; font-weight: 600;" href="#">Read more <span class="icon icon-508"></span></a></div>
</div>
</div>
</div>
</div>
</div>
</div>

Furniture Block Html V4

<div class="ves-wapper">
<div class="block block-html html-v4 no-margin">
<div class="block-content">
<div class="content-html a-center" style="background:url({{media url='wysiwyg/ves_boost/furniture/bg-html4.jpg'}}) center center no-repeat;background-size:cover;padding: 6% 0">
<p style="font-size: 18px;color:#999999">Welcome to our</p>
<h3 style="font-size: 80px;color:#000; line-height: 80px;font-weight: 600;margin: 0;">Furniture Gallery</h3>
<p style="font-size: 18px;color:#999999;line-height: 30px; margin-bottom: 20px;">What’ in Trend this Summer?<br>
Most Helpfull Design Lessons You Should Learn to Make Your Dream-Home</p>
<a class="btn btn-lg btn-default" href="#">View more</a>
</div>
</div>
</div>
</div>

Furniture Block Html V5

<div class="ves-wapper" style="padding: 3% 0 0; background-color: #616da7;">
<div class="container">
<div class="block block-html html-v5 title-center text-white no-margin">
<div class="block-title"><strong>Why Choose Us</strong></div>
<div class="block-content">
<div class="row">
<div class="col-md-4">
<div class="list-icon" style="padding-top: 40px;">
<div class="item" style="margin-bottom: 85px; overflow: hidden;">
<div class="text text-right">
<h3>MORDERN DESIGN</h3>
<p>Lorem ipsum dolor amet, consectetur adipiscing elit, sed do.</p>
</div>
<div class="pull-right"><img src="{{media url="wysiwyg/ves_boost/furniture/icon-01.png"}}" alt="" /></div>
</div>
<div class="item">
<div class="text text-right">
<h3>UNIQUE QUALITY</h3>
<p>Lorem ipsum dolor amet, consectetur adipiscing elit, sed do.</p>
</div>
<div class="pull-right"><img src="{{media url="wysiwyg/ves_boost/furniture/icon-03.png"}}" alt="" /></div>
</div>
</div>
</div>
<div class="col-md-4 a-center d-none d-sm-block"><img class="d-inline-block" src="{{media url="wysiwyg/ves_boost/furniture/ads-8.png"}}" alt="" /></div>
<div class="col-md-4">
<div class="list-icon" style="padding-top: 40px;">
<div class="item" style="margin-bottom: 85px; overflow: hidden;">
<div class="f-left"><img src="{{media url="wysiwyg/ves_boost/furniture/icon-02.png"}}" alt="" /></div>
<div class="text a-left">
<h3>HONEST PRICES</h3>
<p>Lorem ipsum dolor amet, consectetur adipiscing elit, sed do.</p>
</div>
</div>
<div class="item">
<div class="f-left"><img src="{{media url="wysiwyg/ves_boost/furniture/icon-04.png"}}" alt="" /></div>
<div class="text a-left">
<h3>GREAT SUPPORT</h3>
<p>Lorem ipsum dolor amet, consectetur adipiscing elit, sed do.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Furniture Block Html V6

<div class="ves-wapper" style="background-color: #616da7;">
<div class="block block-html html-v6 no-margin">
<div class="block-content">
<div class="row">
<div class="col-sm-6 col-md-5 col-lg-7"><img src="{{media url="wysiwyg/ves_boost/furniture/ads-8.jpg"}}" alt="" /></div>
<div class="col-sm-6 col-md-7 col-lg-5">
<div class="card border-0" style="padding: 30% 10% 0; color: #fff; background-color: #616da7;">
<div class="card-body">
<h5 class="card-title" style="font-size: 16px; font-weight: 600; text-transform: uppercase;">Our Story</h5>
<p class="card-text" style="font-size: 42px; font-weight: 300;">Our marketplace makes it easy to buy directly from small businesses across the globe.</p>
<a class="btn btn-lg" style="background-color: #fff; color: #000;" href="#">JOIN US</a></div>
</div>
</div>
</div>
</div>
</div>
</div>

4. Blog
Furniture Block Blog V1

Furniture Block Blog V2

Furniture Block Blog V3

5. Testimonial
Furniture Testimonials V1

<div class="ves-wapper" style="background: url('{{media url='wysiwyg/ves_boost/furniture/bg-testimonial.jpg'}}') center center no-repeat; background-size: cover; padding: 3% 0 4.5%;">
<div class="container">
<div class="block title-center no-margin block-testimonials text-white testimonials-v1">
<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">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/furniture/img-testimonial-1.jpg"}}" alt="" />
<div class="meta"><span class="name">Stephen Holland</span> <span class="carrer">Customer</span></div>
</div>
</div>
<div class="item">
<div class="content-tes">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/furniture/img-testimonial-1.jpg"}}" alt="" />
<div class="meta"><span class="name">Stephen Holland 2</span> <span class="carrer">Customer 2</span></div>
</div>
</div>
</div>
<script type="text/javascript" xml="space">// <![CDATA[
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>

Furniture Testimonials V2

<div class="ves-wapper" style="padding: 3% 0 0">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-8">
<div class="block block-testimonials testimonials-v2 no-margin">
<div class="block-title border-bottom">
<strong>Testimonials</strong>
</div>
<div class="block-content">
<div id="testimonials-demo-2" class="owl-carousel owl-banner-carousel owl-bottom-narrow owl-bottom-absolute-narrow">
<div class="item">
<div class="col-md-11 content-tes">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="col-md-11 info-customer d-flex align-items-center">
<img class="img-customer" src="{{media url="wysiwyg/ves_boost/furniture/img-testimonial-1.jpg"}}" alt="" />
<div class="meta">
<span class="name">Stephen Holland</span>
<span class="carrer">Customer</span>
</div>
</div>
</div> 
<div class="item">
<div class="col-md-11 content-tes">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="col-md-11 info-customer d-flex align-items-center">
<img class="img-customer" src="{{media url="wysiwyg/ves_boost/furniture/img-testimonial-1.jpg"}}" alt="" />
<div class="meta">
<span class="name">Stephen Holland 2</span>
<span class="carrer">Customer 2</span>
</div>
</div>
</div> 
</div>
<script type="text/javascript">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
var banner_owl = $("#testimonials-demo-2");
banner_owl.owlCarousel({
items: 2,
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>"],
responsive: {
0: {
items:1
},
640: {
items:1
},
768: {
items:1
},
992: {
items:2
},
1200: {
items:2
}
}
});
});
</script>
</div>
</div>
</div> 
<div class="col-md-6 col-lg-4">
{{widget type="Ves\Blog\Block\Widget\Posts" widget_title="Most Recent Blogs" addition_class="blog-v2 no-margin" layout_type="owl_carousel" categories="4" orderby="1" number_post="6" item_height="400px" number_item_percolumn="2" large_max_items="1" large_items="1" portrait_items="1" tablet_items="1" tablet_small_items="1" mobile_items="1" rtl="0" autoplay="0" dots="0" nav="0" loop="0" lazyload="0" show_image="0" image_width="400px" image_height="295px" show_title="1" show_shortdescription="0" show_categories="0" show_author="1" show_commentcount="1" show_updatedtime="0" show_createdtime="1" show_hits="0" show_tags="0" show_socialnetwork="0"}}
</div> 
</div>
</div>
</div>

6. Other
Furniture Block Top Header

<div class="furniture-block-header-top">
<ul>
<li>
<i class="icon icon-023"></i>
<span>Free Shipping & Returns</span>
</li>
<li>
<i class="icon icon-065"></i>
<span>100% Money refund</span>
</li>
<li>
<i class="icon icon-1238"></i>
<span>60-Day Returns</span>
</li>
</ul>
</div>

Furniture Block Newsletter

<div class="newsletter-footer">
<div class="container">
<div class="row">
<div class="col-lg-7">
<h3>SUBSCRIBE TO NEWSLETTER</h3>
<p>Be the first to learn about our latest trends and get exclusive offers</p>
</div>
<div class="col-lg-5">{{block class="Magento\Newsletter\Block\Subscribe" template="Magento_Newsletter::subscribe.phtml"}}</div>
</div>
</div>
</div>

Furniture Block Our Team V1

<div class="ves-wapper" style="padding: 3% 0;">
<div class="container">
<div class="block block-ourteam no-margin title-center">
<div class="block-title "><strong>Our Team</strong></div>
<div class="block-content">
<div id="our-team-slider-demo-1" class="our-team-slider">
<div class="owl-carousel">
<div class="item">
<div class="row">
<div class="col-sm-6 col-md-6">
<h3 style="font-size: 24px; color: #000; margin: 0; font-weight: 600;">Valeria Domino</h3>
<p style="color: #999999; line-height: 36px;">Lighting Designer</p>
<p style="color: #999999; line-height: 30px; padding: 25px 0;">In 3 easy steps, our professional designers can help you create your dream space very quickly and fun.</p>
<div class="item-progress">
<div class="item" style="padding-bottom: 15px;">
<p>Interior</p>
<div class="progress">
<div class="progress-bar" style="width: 75%;"></div>
</div>
</div>
<div class="item" style="padding-bottom: 15px;">
<p>Furniture Design</p>
<div class="progress">
<div class="progress-bar" style="width: 60%;"></div>
</div>
</div>
<div class="item" style="padding-bottom: 15px;">
<p>Lighting</p>
<div class="progress">
<div class="progress-bar" style="width: 85%;"></div>
</div>
</div>
</div>
<ul class="list-social">
<li class="facebook"><a class="fa fa-facebook" title="Facebook" href="http://facebook.com/#"></a></li>
<li class="twitter"><a class="fa fa-twitter" title="Twitter" href="https://twitter.com/#"></a></li>
<li class="instagram"><a class="fa fa-instagram" title="Instagram" href="https://instagram.com/#"></a></li>
</ul>
</div>
<div class="col-sm-6 col-md-6"><img src="{{media url="wysiwyg/ves_boost/furniture/our-team1.jpg"}}" alt="" /></div>
</div>
</div>
<div class="item">
<div class="row">
<div class="col-sm-6 col-md-6">
<h3 style="font-size: 24px; color: #000; margin: 0; font-weight: 600;">Valeria Domino</h3>
<p style="color: #999999; line-height: 36px;">Lighting Designer</p>
<p style="color: #999999; line-height: 30px; padding: 25px 0;">In 3 easy steps, our professional designers can help you create your dream space very quickly and fun.</p>
<div class="item-progress">
<div class="item" style="padding-bottom: 15px;">
<p>Interior</p>
<div class="progress">
<div class="progress-bar" style="width: 75%;"></div>
</div>
</div>
<div class="item" style="padding-bottom: 15px;">
<p>Furniture Design</p>
<div class="progress">
<div class="progress-bar" style="width: 60%;"></div>
</div>
</div>
<div class="item" style="padding-bottom: 15px;">
<p>Lighting</p>
<div class="progress">
<div class="progress-bar" style="width: 85%;"></div>
</div>
</div>
</div>
<ul class="list-social">
<li class="facebook"><a class="fa fa-facebook" title="Facebook" href="http://facebook.com/#"></a></li>
<li class="twitter"><a class="fa fa-twitter" title="Twitter" href="https://twitter.com/#"></a></li>
<li class="instagram"><a class="fa fa-instagram" title="Instagram" href="https://instagram.com/#"></a></li>
</ul>
</div>
<div class="col-sm-6 col-md-6"><img src="{{media url="wysiwyg/ves_boost/furniture/our-team1.jpg"}}" alt="" /></div>
</div>
</div>
</div>
<script type="text/javascript" xml="space">// <![CDATA[
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
$("#our-team-slider-demo-1 .owl-carousel").owlCarousel({
autoplay: true,
items: 1,
autoplayTimeout: 5000,
autoplayHoverPause: true,
margin: 20,
nav: true, 
navText: ["<i class='fa fa-arrow-circle-o-left'></i> Prev Member","Next Member <i class='fa fa-arrow-circle-o-right'></i>"],
dots: false,
loop: true
});
});
// ]]></script>
</div>
</div>
</div>
</div>
</div>

Furniture Block Brands V1

<div class="ves-wapper" style="padding: 2% 0;">
<div class="container">
<div class="block block-brands no-margin">
<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">// <![CDATA[
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>

Furniture Text Welcome

We're Dedicated to Our Customers 24/7

Furniture Block Header

<a href="{{store url="#"}}">Contact us</a> <a href="{{store url="#"}}">Faqs</a>

In Beauty Theme

1. Home Slider

Beauty Homeslider 1

<div class="ves-wapper">
<div class="block block-slider">
<div class="block-content">
<div id="beauty-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/beauty/slide_01.jpg'}}" alt="" />
</a>
<div class="item-content">
<h2>Best foundation
brush 2018</h2>
<p class="d-none d-sm-block">The best all-natural makeup, hair,</p>
and skin saviors on the market.

<a class="btn btn-lg btn-default" href="{{store url='fashion.html'}}">See details</a>

</div>
</div>
<div class="item"><a href="#">
<img src="{{media url='wysiwyg/ves_boost/beauty/slide_01.jpg'}}" alt="" />
</a>
<div class="item-content">
<h2>Best foundation
brush 2018</h2>
<p class="d-none d-sm-block">The best all-natural makeup, hair,</p>
and skin saviors on the market.

<a class="btn btn-lg btn-default" href="{{store url='fashion.html'}}">See details</a>

</div>
</div>
</div>
<script type="text/javascript">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
var banner_owl = $("#beauty-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: ["<span class='fa fa-angle-left'>Pre</span>","<span class='fa fa-angle-right'>Next</span>"]
});
});
</script>

</div>
</div>
</div>

Beauty Homeslider 2

<div class="ves-wapper">
<div class="block block-slider no-margin">
<div class="block-content">
<div id="beauty-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/beauty/slide_02.jpg'}}" alt="" />
</a>
<div class="item-content">
<h2>Best foundation
brush 2018</h2>
<p class="d-none d-sm-block">The best all-natural makeup, hair,</p>
and skin saviors on the market.
<a class="btn btn-lg btn-default" href="{{store url='fashion.html'}}">See details</a>
</div>
</div>
<div class="item"><a href="#">
<img src="{{media url='wysiwyg/ves_boost/beauty/slide_02.jpg'}}" alt="" />
</a>
<div class="item-content">
<h2>Best foundation
brush 2018</h2>
<p class="d-none d-sm-block">The best all-natural makeup, hair,</p>
and skin saviors on the market.
<a class="btn btn-lg btn-default" href="{{store url='fashion.html'}}">See details</a>

</div>
</div>
</div>
<script type="text/javascript">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
var banner_owl = $("#beauty-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: ["<span class='fa fa-angle-left'>Pre</span>","<span class='fa fa-angle-right'>Next</span>"]
});
});
</script>

</div>
</div>
</div>

Beauty Homeslider 3

<div class="ves-wapper">
<div class="container-fluid">
<div class="block block-slider slider-v2 no-margin">
<div class="block-content">
<div id="beauty-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/beauty/slide_03.jpg'}}" alt="" />
</a>
<div class="item-content">
<p class="d-none d-sm-block" style="font-size: 24px; color: #84afea; text-transform: uppercase; margin-bottom: 0px;">Advanced &amp; Intensive Care</p>

<h2>For Beauty Skin</h2>
<p class="d-none d-sm-block" style="margin-bottom: 20px;">The best all-natural makeup, hair, and skin saviors on the market.</p>
<a class="btn btn-lg btn-default" href="{{store url='fashion.html'}}">See details</a>

</div>
</div>
<div class="item"><a href="#">
<img src="{{media url='wysiwyg/ves_boost/beauty/slide_04.jpg'}}" alt="" />
</a>
<div class="item-content">
<p class="d-none d-sm-block" style="font-size: 24px; color: #84afea; text-transform: uppercase; margin-bottom: 0px;">Advanced &amp; Intensive Care</p>
<h2>For Beauty Skin</h2>
<p class="d-none d-sm-block" style="margin-bottom: 20px;">The best all-natural makeup, hair, and skin saviors on the market.</p>
<a class="btn btn-lg btn-default" href="{{store url='fashion.html'}}">See details</a>

</div>
</div>
</div>
<script type="text/javascript">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
var banner_owl = $("#beauty-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: ["<span class='fa fa-angle-left'>Pre</span>","<span class='fa fa-angle-right'>Next</span>"]
});
});
</script>

</div>
</div>
</div>
</div>

2. Product

Beauty Block Product V1

Beauty Block Product V2

Beauty Block Product V3

Beauty Block Product V4

Beauty Block Product V5

Beauty Block Product V6

Beauty Block Product V7

3. Banner

Beauty Block Images V1

<div class="ves-wapper">
<div class="block block-images">
<div class="block-content">
<div class="row no-gutters">
<div class="col-12 col-sm-6 col-md-6"><img src="{{media url=" alt="" /></div>
<div class="col-12 col-sm-6 col-md-6 "><img src="{{media url=" alt="" /></div>
</div>
</div>
</div>
<!-- end .block-images -->

</div>

Beauty Block Images V2

<div class="col-sm-6 col-md-6 col-lg-4">
<div class="card" style="margin-bottom: 20px;">

<img class="card-img-top" src="{{media url=" alt="" />
<div class="card-img-overlay" style="padding: 40px; top: auto;">
<h5 class="card-title"><a style="color: black; text-transform: uppercase; font-size: 16px;" title="Living room" href="#">PERFUME &amp; COLOGNE</a></h5>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4">
<div class="card" style="margin-bottom: 20px;">

<img class="card-img-top" src="{{media url=" alt="" />
<div class="card-img-overlay" style="padding: 40px; top: auto;">
<h5 class="card-title"><a style="color: black; text-transform: uppercase; font-size: 16px;" title="Living room" href="#">SKIN CARE</a></h5>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4">
<div class="card" style="margin-bottom: 20px;">

<img class="card-img-top" src="{{media url=" alt="" />
<div class="card-img-overlay" style="padding: 40px; top: auto;">
<h5 class="card-title"><a style="color: black; text-transform: uppercase; font-size: 16px;" title="Living room" href="#">SERUMS &amp; OILS</a></h5>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4">
<div class="card" style="margin-bottom: 20px;">

<img class="card-img-top" src="{{media url=" alt="" />
<div class="card-img-overlay" style="padding: 40px; top: auto;">
<h5 class="card-title"><a style="color: black; text-transform: uppercase; font-size: 16px;" title="Living room" href="#">HAIR CARE AND BODY</a></h5>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4">
<div class="card" style="margin-bottom: 20px;">

<img class="card-img-top" src="{{media url=" alt="" />
<div class="card-img-overlay" style="padding: 40px; top: auto;">
<h5 class="card-title"><a style="color: black; text-transform: uppercase; font-size: 16px;" title="Living room" href="#">TOOLS &amp; ACCESSORIES</a></h5>
</div>
</div>
</div>

Beauty Block Images V3

<div class="ves-wapper" style="padding: 5% 0; background: url({{media url='wysiwyg/ves_boost/beauty/bg-01.jpg'}}) center center no-repeat; background-size: cover;">
<div class="container">
<div class="block block-images images-v3">
<div class="block-content">
<div class="a-center" style="color: white; margin-bottom: 50px;">
<h2 style="font-size: 48px; line-height: 48px; margin-bottom: 30px;">Beauty &amp; Personal Care</h2>
Get the look with high-end makeup for eyes, nails, lips, and more. Shop luxury beauty skin
care to keep your face and other skin looking vibrant and youthful.

</div>
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="d-flex align-items-start" style="padding-bottom: 20px;">
<div class="img-icon"><img style="min-width: 70px;" src="{{media url=" alt="" /></div>
<div class="content-text" style="color: white;">
<h3 style="font-size: 24px; margin-top: 0;">Professional Skin Care</h3>
Keep your skin looking vibrant and youthful.

</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="d-flex align-items-start" style="padding-bottom: 20px;">
<div class="img-icon"><img style="min-width: 70px;" src="{{media url=" alt="" /></div>
<div class="content-text" style="color: white;">
<h3 style="font-size: 24px; margin-top: 0;">Natural Beauty Shop</h3>
Get the look with high-end makeup for eyes, nails, lips, and more.

</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="d-flex align-items-start" style="padding-bottom: 20px;">
<div class="img-icon"><img style="min-width: 70px;" src="{{media url=" alt="" /></div>
<div class="content-text" style="color: white;">
<h3 style="font-size: 24px; margin-top: 0;">Organic Beauty Products</h3>
Shop your favorite luxury beauty brand

</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Beauty Block Images V4

<div class="ves-wapper" style="padding-top: 3%;">
<div class="container">
<div class="block block-images">
<div class="block-content">
<div class="row">
<div class="col-12 col-sm-6 col-md-6 col-lg-6">
<div class="card"><img class="card-img-top" src="{{media url=" alt="" /></div>
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-6">
<div class="card"><img class="card-img-top" src="{{media url=" alt="" /></div>
<div class="w-100" style="padding-bottom: 20px;"></div>
<div class="row">
<div class="col-12 col-sm-6 col-md-6 col-lg-6 ">
<div class="card"><img class="card-img-top" src="{{media url=" alt="" /></div>
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-6 ">
<div class="card"><img class="card-img-top" src="{{media url=" alt="" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end .block-images -->

</div>
</div>

Beauty Block Images V5

<div class="ves-wapper" style="padding: 3.5% 0; background: url('{{media url='wysiwyg/ves_boost/beauty/bg-01.jpg'}}') center center no-repeat; background-size: cover;">
<div class="container">
<div class="block block-images">
<div class="block-content">
<div class="a-center" style="color: white; margin-bottom: 50px;">
<h2 style="font-size: 48px; line-height: 48px; margin-bottom: 30px;">Beauty &amp; Personal Care</h2>
<p style="padding-bottom: 30px;">Get the look with high-end makeup for eyes, nails, lips, and more. Shop luxury beauty skin
care to keep your face and other skin looking vibrant and youthful.</p>
<a class="btn btn-lg btn-light" href="{{config path=">Buy now</a>

</div>
</div>
</div>
</div>
</div>

Beauty Block Images V6

<div class="ves-wapper" style="padding-top: 20px;">
<div class="container-fluid">
<div class="block block-images">
<div class="block-content">
<div class="row">
<div class="col-12 col-sm-4 col-md-4 col-lg-4">
<div class="card"><img class="card-img-top" src="{{media url=" alt="" /></div>
</div>
<div class="col-12 col-sm-4 col-md-4 col-lg-4">
<div class="card"><img class="card-img-top" src="{{media url=" alt="" /></div>
</div>
<div class="col-12 col-sm-4 col-md-4 col-lg-4">
<div class="card"><img class="card-img-top" src="{{media url=" alt="" /></div>
</div>
</div>
</div>
</div>
<!-- end .block-images -->

</div>
</div>

Beauty Block Images V7

<div class="ves-wapper" style="padding: 2% 0 1.5%;">
<div class="container">
<div class="block block-images">
<div class="block-content">
<div class="row">
<div class="col-sm-6 col-md-6 col-lg-4">
<div class="card" style="margin-bottom: 20px;">

<img class="card-img-top" src="{{media url=" alt="" />
<div class="card-img-overlay" style="padding: 40px; top: auto;">
<h5 class="card-title"><a style="color: black; text-transform: uppercase; font-size: 16px;" title="Living room" href="#">MAKEUP</a></h5>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4">
<div class="card" style="margin-bottom: 20px;">

<img class="card-img-top" src="{{media url=" alt="" />
<div class="card-img-overlay" style="padding: 40px; top: auto;">
<h5 class="card-title"><a style="color: black; text-transform: uppercase; font-size: 16px;" title="Living room" href="#">PERFUME &amp; COLOGNE</a></h5>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4">
<div class="card" style="margin-bottom: 20px;">

<img class="card-img-top" src="{{media url=" alt="" />
<div class="card-img-overlay" style="padding: 40px; top: auto;">
<h5 class="card-title"><a style="color: black; text-transform: uppercase; font-size: 16px;" title="Living room" href="#">SKIN CARE</a></h5>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4">
<div class="card" style="margin-bottom: 20px;">

<img class="card-img-top" src="{{media url=" alt="" />
<div class="card-img-overlay" style="padding: 40px; top: auto;">
<h5 class="card-title"><a style="color: black; text-transform: uppercase; font-size: 16px;" title="Living room" href="#">SERUMS &amp; OILS</a></h5>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4">
<div class="card" style="margin-bottom: 20px;">

<img class="card-img-top" src="{{media url=" alt="" />
<div class="card-img-overlay" style="padding: 40px; top: auto;">
<h5 class="card-title"><a style="color: black; text-transform: uppercase; font-size: 16px;" title="Living room" href="#">HAIR CARE AND BODY</a></h5>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4">
<div class="card" style="margin-bottom: 20px;">

<img class="card-img-top" src="{{media url=" alt="" />
<div class="card-img-overlay" style="padding: 40px; top: auto;">
<h5 class="card-title"><a style="color: black; text-transform: uppercase; font-size: 16px;" title="Living room" href="#">TOOLS &amp; ACCESSORIES</a></h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Beauty Block Images V8

<div class="ves-wapper">
<div class="container">
<div class="block block-images images-v8">
<div class="block-content border" style="padding: 37px 0 7px;">
<div class="row">
<div class="col-sm-6 col-md-6 col-lg-4">
<div class="d-flex flex-row align-items-start" style="padding: 0px 30px 30px;">

<img class="img-icon" src="{{media url=" alt="" />
<div class="content-html">
<h4 style="margin-top: 0;">Free Shipping &amp; Returns</h4>
Free Shipping on Orders over $49 Need we say more?

</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4">
<div class="d-flex flex-row align-items-start" style="padding: 0px 30px 30px;">

<img class="img-icon" src="{{media url=" alt="" />
<div class="content-html">
<h4 style="margin-top: 0;">100% Money refund</h4>
We're commited to the perfect fit, always.

</div>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-4">
<div class="d-flex flex-row align-items-start" style="padding: 0px 30px 30px;">

<img class="img-icon" src="{{media url=" alt="" />
<div class="content-html">
<h4 style="margin-top: 0;">60-Day Returns</h4>
If you don't love it, you have 60 days to return it.

</div>
</div>
</div>
</div>
</div>
</div>
<!-- end .block-images -->

</div>
</div>

Beauty Block Images V9

<div class="ves-wapper" style="padding: 6% 0 5%; background: url({{media url='wysiwyg/ves_boost/beauty/bg-02.jpg'}}) center center no-repeat; background-size: cover;">
<div class="container">
<div class="block block-images images-v3">
<div class="block-content">
<div class="a-center" style="color: white; margin-bottom: 50px;">
<h2 style="font-size: 48px; line-height: 48px; margin-bottom: 30px;">Beauty &amp; Personal Care</h2>
Get the look with high-end makeup for eyes, nails, lips, and more. Shop luxury beauty skin
care to keep your face and other skin looking vibrant and youthful.

</div>
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="d-flex align-items-start" style="margin-bottom: 20px;">
<div class="img-icon"><img style="min-width: 70px;" src="{{media url=" alt="" /></div>
<div class="content-text" style="color: white;">
<h3 style="font-size: 24px; margin-top: 0;">Professional Skin Care</h3>
Keep your skin looking vibrant and youthful.

</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="d-flex align-items-start" style="margin-bottom: 20px;">
<div class="img-icon"><img style="min-width: 70px;" src="{{media url=" alt="" /></div>
<div class="content-text" style="color: white;">
<h3 style="font-size: 24px; margin-top: 0;">Natural Beauty Shop</h3>
Get the look with high-end makeup for eyes, nails, lips, and more.

</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="d-flex align-items-start" style="margin-bottom: 20px;">
<div class="img-icon"><img style="min-width: 70px;" src="{{media url=" alt="" /></div>
<div class="content-text" style="color: white;">
<h3 style="font-size: 24px; margin-top: 0;">Organic Beauty Products</h3>
Shop your favorite luxury beauty brand

</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Beauty Block Images V10

<div class="ves-wapper border-bottom">
<div class="container">
<div class="block block-images images-v8 no-margin">
<div class="block-content " style="padding: 45px 0 20px;">
<div class="row">
<div class="col-sm-6 col-md-6 col-lg-4">
<div class="d-flex flex-row align-items-start" style="padding: 0px 30px 30px;">

<img class="img-icon" src="{{media url=" alt="" />
<div class="content-html">
<h4 style="margin-top: 0;">Free Shipping &amp; Returns</h4>
Free Shipping on Orders over $49 Need we say more?

</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4">
<div class="d-flex flex-row align-items-start" style="padding: 0px 30px 30px;">

<img class="img-icon" src="{{media url=" alt="" />
<div class="content-html">
<h4 style="margin-top: 0;">100% Money refund</h4>
We're commited to the perfect fit, always.

</div>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-4">
<div class="d-flex flex-row align-items-start" style="padding: 0px 30px 30px;">

<img class="img-icon" src="{{media url=" alt="" />
<div class="content-html">
<h4 style="margin-top: 0;">60-Day Returns</h4>
If you don't love it, you have 60 days to return it.

</div>
</div>
</div>
</div>
</div>
</div>
<!-- end .block-images -->

</div>
</div>

Beauty Block Html V1

<div class="ves-wapper" style="padding: 7.5% 0 7%; background: url({{media url='wysiwyg/ves_boost/beauty/bg-03.jpg'}}) center center no-repeat; background-size: cover;">
<div class="container">
<div class="block block-html">
<div class="block-content">
<div class="row">
<div class="col-sm-5 col-md-6 col-lg-7">
<div class="d-none">

hidden-content

</div>
</div>
<div class="col-sm-7 col-md-6 col-lg-5">
<h3 style="font-size: 36px; margin-bottom: 0px;">Cream White for her</h3>
<h3 style="font-size: 36px; margin-top: 0px;">Body mist, 8.0 Fl oz</h3>
Special offers and product promotions
<p style="color: #ff6b6b; font-size: 24px; font-weight: 600; margin-bottom: 25px;">$239.90</p>
<a class="btn btn-lg btn-default" href="{{store url='fashion.html'}}">shop now</a>

</div>
</div>
</div>
</div>
</div>

4. Blog

Beauty Block Blog V1

Beauty Block Blog V2

5. Newsletter
Beauty Block Newsletter V1

<div class="ves-wapper border-top" style="padding: 4% 0; background: url({{media url='wysiwyg/ves_boost/beauty/bg-04.jpg'}}) center center no-repeat; background-size: cover;">
<div class="container">
<div class="block newsletter newsletter-v1 title-center no-border">
<div class="block-content">
<div class="row">
<div class="col-12 col-md-12 col-lg-3">
<div class="d-none">

hidden-content

</div>
</div>
<div class="col-12 col-md-12 col-lg-6">
<h2 style="font-size: 48px; margin-bottom: 10px; text-align: center;">Subscribe to Newsletter</h2>
<p class="a-center" style="margin-bottom: 30px;">Be the first to learn about our latest trends and get exclusive offers</p>
{{block class="Magento\Newsletter\Block\Subscribe" template="Magento_Newsletter::subscribe.phtml"}}

</div>
</div>
</div>
</div>
</div>
</div>

Beauty Block Newsletter V2

<div class="ves-wapper" style="padding: 4% 0 3.4%; background: url({{media url='wysiwyg/ves_boost/beauty/bg-05.jpg'}}) center center no-repeat; background-size: cover;">
<div class="container">
<div class="block newsletter newsletter-v2 title-center no-border">
<div class="block-content">
<div class="row">
<div class="col-12 col-md-12 col-lg-2">
<div class="d-none">

hidden-content

</div>
</div>
<div class="col-12 col-md-12 col-lg-8">
<h2 style="font-size: 36px; margin-bottom: 10px; text-align: center; text-transform: uppercase;">Get <span style="color: #fac952;">10%</span> Discount</h2>
<p class="a-center" style="margin-bottom: 30px;">Subcribe to the TheFace mailing list to receive update on mnew arrivals, special
offers and other discount information.</p>
{{block class="Magento\Newsletter\Block\Subscribe" template="Magento_Newsletter::subscribe.phtml"}}

</div>
</div>
</div>
</div>
</div>
</div>

6. Other
Beauty Block Ads

Beauty Block Brands V1

<div class="ves-wapper border-top border-bottom" style="padding: 2% 0; overflow: hidden;">
<div class="container">
<div class="block block-brands no-margin">
<div class="block-content">
<div id="brands-slider-demo-1" class="brands-slider">
<div class="owl-carousel">
<div class="item"><img src="{{media url=" alt="" /></div>
<div class="item"><img src="{{media url=" alt="" /></div>
<div class="item"><img src="{{media url=" alt="" /></div>
<div class="item"><img src="{{media url=" alt="" /></div>
<div class="item"><img src="{{media url=" alt="" /></div>
<div class="item"><img src="{{media url=" alt="" /></div>
<div class="item"><img src="{{media url=" alt="" /></div>
<div class="item"><img src="{{media url=" alt="" /></div>
</div>
<script type="text/javascript" xml="space">// <![CDATA[ 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>

Beauty Block Instagram V1

<div class="ves-wapper" style="padding: 3% 0; overflow: hidden;">
<div class="container">
<div class="col-sm-12 col-md-4 col-lg-6">
<div class="block block-intro">
<div class="block-content" style="padding-right: 30%; color: #969696;">

<img style="padding-bottom: 15px;" src="{{media url=" alt="" />
<p style="padding-bottom: 25px;">Classifieds are usually the first place you think of when you are getting ready to make a purchase. Whether you want to purchase a vehicle, bed, or pet, the classified section of your local newspaper can be one</p>

<div class="info-contact" style="padding-bottom: 15px;">

PO Box 12300 Collins Street, Victoria 9000

(+00) 1234 5678 90

[email protected]

</div>
<a class="btn btn-lg btn-default" href="#">VIEW MORE</a>

</div>
</div>
</div>
<div class="col-sm-12 col-md-8 col-lg-6">
<div class="block block-instagram">
<div class="block-content">
<div class="content-instagram">
<ul>
<li><img src="{{media url=" alt="" /></li>
<li><img src="{{media url=" alt="" /></li>
<li><img src="{{media url=" alt="" /></li>
<li><img src="{{media url=" alt="" /></li>
<li><img src="{{media url=" alt="" /></li>
<li><img src="{{media url=" alt="" /></li>
</ul>
<div class="account-instagram">

&nbsp;
<div class="name-user">@Boost</div>
<p class="des">Join the community of over 500 million people and express yourself by sharing all the moments</p>

</div>
</div>
</div>
</div>
</div>
</div>
</div>

Other Block

Best Seller (in Product Sidebar)

Boost Block Login(in Header)

Extensions

Blog Extension

1. How To Change URL link:

Go to Admin Panel > Venustheme > Settings > Venustheme Extensions > Blog

2. Config show/hidden elements on post page (detail post)

Show on frontend:

 

3. Config show/hidden elements on the Category page

Show on frontend

 

4. How To Change page layout for each blog category

Go to Admin Panel > VenusTheme > Blog Management > Categories > Category Management > Edit 1 category or add new category


On Design tab: you can choose page layout for category

 

5. How To Custom Category Blog Page: Show grid, list or Masonry View Mode

Go to Admin Panel > Ves Blog > Categories > Category Management > Edit 1 category or add new category > Design tab:

 

Megamenu

ezBoozt includes the fantastic Megamenu in an additional module called Ves MegaMenu. The Megamenu module comes with a custom admin interface through which you can create powerful Menu. No coding is required. Follow these steps to create a module:

Front-end:

Back-end:

– Create a new Menu item:

– General Information:

– Header:

– Left Block:

– Main content:

– Right block:

– Bottom block:

– Custom design for a menu item:

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