hoangvv
3673 lines
123 KiB
HTML
3673 lines
123 KiB
HTML
<!-- Copyright (c) 2017-Present Webkul Software Pvt. Ltd. (<https://webkul.com/>) -->
|
|
<!-- See LICENSE URL <https://store.webkul.com/license.html/> for full copyright and licensing details. -->
|
|
|
|
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
|
|
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
|
|
/>
|
|
|
|
<link
|
|
href="https://fonts.googleapis.com/css?family=Montserrat"
|
|
rel="stylesheet"
|
|
/>
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
|
|
/> -->
|
|
|
|
<section class="overflow-hidden">
|
|
<section class="container" id="wk_header">
|
|
<div class="mt32 mb32">
|
|
<h2 class="text-center" style="color: #000">
|
|
Odoo Marketplace Theme Vibrant
|
|
</h2>
|
|
<h5
|
|
class="mt8 mb8 text-center"
|
|
style="
|
|
font-weight: 500;
|
|
font-size: 18px;
|
|
color: #484848;
|
|
font-family: 'Open Sans', 'Helvetica', Sans;
|
|
"
|
|
>
|
|
<i
|
|
>Marketplace Theme Vibrant: Theme to make your Odoo Marketplace
|
|
Exquisite!</i
|
|
>
|
|
</h5>
|
|
</div>
|
|
<div
|
|
class="row mt16 mb16 py-2 m-1"
|
|
style="
|
|
font-weight: 500;
|
|
font-size: 18px;
|
|
color: #484848;
|
|
font-family: 'Open Sans', 'Helvetica', Sans;
|
|
"
|
|
>
|
|
<div
|
|
class="container col-md-6 border-right"
|
|
style="
|
|
font-weight: 500;
|
|
line-height: 24px;
|
|
font-size: 16px;
|
|
color: #484848;
|
|
font-family: 'Open Sans', 'Helvetica', Sans;
|
|
vertical-align: middle;
|
|
display: grid;
|
|
"
|
|
>
|
|
<p class="mb4 mt4 mr8">
|
|
Odoo Marketplace Theme Vibrant offers ease to your customers with the
|
|
interface for your marketplace. Install this amazing marketplace theme
|
|
now to make a mesmerizing experience for your customers to boost the
|
|
sales of sellers.
|
|
</p>
|
|
</div>
|
|
<div class="container col-md-6">
|
|
<h4 class="ml-md-3">Information</h4>
|
|
<div class="mt-2 ml-md-3" style="display: flex">
|
|
<span class="ml-1 mr-2 my-auto"
|
|
><img src="icon-user-guide.png" alt="user-guide"
|
|
/></span>
|
|
<div
|
|
style="font-weight: 600; font-size: 14px; line-height: 10px"
|
|
class="mt-2"
|
|
>
|
|
https://store.webkul.com/Odoo-Marketplace-Theme-Vibrant.html
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="container">
|
|
<img src="banner.png" class="w-100" alt="Banner" />
|
|
</section>
|
|
|
|
<section class="container">
|
|
<div class="row mt16 mb16 py-2 m-1">
|
|
<h3
|
|
class="container"
|
|
style="
|
|
font-family: 'Open Sans', 'Helvetica', Sans;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-size: 20px;
|
|
line-height: 30px;
|
|
color: #333333;
|
|
"
|
|
>
|
|
Your online store should look appealing to customers' eyes as well
|
|
as must offer ease to them to navigate to any webpage without any
|
|
hassle. The theme must have the capability to not let your customers
|
|
leave your online store too early.
|
|
</h3>
|
|
<p
|
|
class="container"
|
|
style="
|
|
font-family: 'Open Sans', 'Helvetica', Sans;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-size: 18px;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
Now, you can make your Odoo marketplace as attractive as you want with
|
|
the help of the Odoo Marketplace Theme Vibrant. The theme has the
|
|
capabilities which will make your online store soothing your eyes and
|
|
quicker way to switch to any web page.
|
|
</p>
|
|
<h3
|
|
class="container"
|
|
style="
|
|
font-family: 'Open Sans', 'Helvetica', Sans;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-size: 20px;
|
|
line-height: 30px;
|
|
color: #333333;
|
|
"
|
|
>
|
|
Your Odoo Marketplace needs to be the best; hence, taking the outlook of
|
|
the online store to the next level with the help of Odoo.
|
|
</h3>
|
|
<p
|
|
class="container"
|
|
style="
|
|
font-family: 'Open Sans', 'Helvetica', Sans;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-size: 18px;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
Odoo Marketplace Theme Vibrant is a newly introduced theme which offers
|
|
more than 30 snippets along with the dedicated snippets for marketplace
|
|
like Our Sellers, Join Us Banner, and Brand Showcase. The theme is the
|
|
outcome of the tech savies with their creative mind.
|
|
</p>
|
|
<p
|
|
class="container"
|
|
style="
|
|
font-family: 'Open Sans', 'Helvetica', Sans;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-size: 18px;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
The theme has multiple features which makes it different from other
|
|
themes. Furthermore, you can customize the theme completely; so, you can
|
|
make it the way you want.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="oe_container mb-5">
|
|
<div class="s_tabs">
|
|
<div
|
|
style="
|
|
background-color: #eee;
|
|
z-index: 20;
|
|
position: sticky;
|
|
top: 44px;
|
|
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
|
|
"
|
|
>
|
|
<ul
|
|
class="nav nav-tabs d-flex justify-content-center"
|
|
role="tablist"
|
|
style="background-color: transparent"
|
|
>
|
|
<li
|
|
class="nav-item"
|
|
style="
|
|
background-color: #2335d7;
|
|
color: #ffffff;
|
|
border-radius: 2px;
|
|
"
|
|
>
|
|
<span
|
|
id="doc-tab"
|
|
class="nav-link active"
|
|
data-bs-toggle="tab"
|
|
style="padding: 7px 20px; font-weight: 600"
|
|
href="#documentation"
|
|
role="tab"
|
|
aria-controls="documentation"
|
|
aria-selected="true"
|
|
>Theme View</span
|
|
>
|
|
</li>
|
|
<li
|
|
class="nav-item"
|
|
style="
|
|
background-color: #2335d7;
|
|
color: #ffffff;
|
|
border-radius: 2px;
|
|
"
|
|
>
|
|
<span
|
|
class="nav-link"
|
|
id="screenshot-tab"
|
|
data-bs-toggle="tab"
|
|
style="padding: 7px 20px; font-weight: 600"
|
|
href="#screenshots"
|
|
role="tab"
|
|
aria-controls="screenshots"
|
|
aria-selected="false"
|
|
>Features</span
|
|
>
|
|
</li>
|
|
<li
|
|
class="nav-item"
|
|
style="
|
|
background-color: #2335d7;
|
|
color: #ffffff;
|
|
border-radius: 2px;
|
|
"
|
|
>
|
|
<span
|
|
class="nav-link"
|
|
id="quick_peek_tab"
|
|
data-bs-toggle="tab"
|
|
style="padding: 7px 20px; font-weight: 600"
|
|
href="#quick_peek"
|
|
role="tab"
|
|
aria-controls="quick_peek"
|
|
aria-selected="false"
|
|
>Quick Peek</span
|
|
>
|
|
</li>
|
|
<li
|
|
class="nav-item"
|
|
style="
|
|
background-color: #2335d7;
|
|
color: #ffffff;
|
|
border-radius: 2px;
|
|
"
|
|
>
|
|
<span
|
|
class="nav-link"
|
|
id="demo-tab"
|
|
data-bs-toggle="tab"
|
|
style="padding: 7px 20px; font-weight: 600"
|
|
href="#demo"
|
|
role="tab"
|
|
aria-controls="quick_peek"
|
|
aria-selected="false"
|
|
>Demo</span
|
|
>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="tab-content">
|
|
<!-- tab1 -->
|
|
<div
|
|
class="tab-pane fade active show"
|
|
id="documentation"
|
|
role="tabpanel"
|
|
aria-labelledby="doc-tab"
|
|
>
|
|
<div class="container">
|
|
<div class="row shadow-sm mt-4">
|
|
<div class="col-md-4 m-auto">
|
|
<h3
|
|
style="
|
|
font-family: 'Open Sans', 'Helvetica', Sans;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-size: 24px;
|
|
line-height: 33px;
|
|
color: #484848;
|
|
"
|
|
>
|
|
Homepage
|
|
</h3>
|
|
<p
|
|
style="
|
|
font-family: 'Open Sans', 'Helvetica', Sans;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-size: 16px;
|
|
line-height: 26px;
|
|
color: #484848;
|
|
"
|
|
>
|
|
Elegantly Designed Home Page for beautiful customers'
|
|
experience to your Odoo Website.
|
|
</p>
|
|
</div>
|
|
<div class="col-md-8">
|
|
<img class="w-100" src="view-1.png" alt="Home Page" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row shadow-sm mt-4">
|
|
<img class="w-100" src="product-page.png" alt="Product Page" />
|
|
</div>
|
|
<div class="row shadow-sm mt-4">
|
|
<img class="w-100" src="snippet-2.png" alt="Snippet" />
|
|
</div>
|
|
|
|
<div class="row shadow-sm mt-4">
|
|
<img class="w-100" src="12.png" alt="Snippet" />
|
|
</div>
|
|
|
|
<div class="row shadow-sm mt-4">
|
|
<div class="col-md-4 m-auto">
|
|
<h3
|
|
style="
|
|
font-family: 'Open Sans', 'Helvetica', Sans;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-size: 24px;
|
|
line-height: 33px;
|
|
color: #484848;
|
|
"
|
|
>
|
|
Seller Page
|
|
</h3>
|
|
<p
|
|
style="
|
|
font-family: 'Open Sans', 'Helvetica', Sans;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-size: 16px;
|
|
line-height: 26px;
|
|
color: #484848;
|
|
"
|
|
>
|
|
Beautifully described Seller Page that gives a positive
|
|
impression of Seller among customers.
|
|
</p>
|
|
</div>
|
|
<div class="col-md-8">
|
|
<img
|
|
class="w-100"
|
|
src="Seller-shop-profile.png"
|
|
alt="Home Page"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row shadow-sm mt-4">
|
|
<img class="w-100" src="11.png" alt="Product Page" />
|
|
</div>
|
|
|
|
<div class="row shadow-sm mt-4">
|
|
<div class="col-md-4 m-auto">
|
|
<h3
|
|
style="
|
|
font-family: 'Open Sans', 'Helvetica', Sans;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-size: 24px;
|
|
line-height: 33px;
|
|
color: #484848;
|
|
"
|
|
>
|
|
Shop Page
|
|
</h3>
|
|
<p
|
|
style="
|
|
font-family: 'Open Sans', 'Helvetica', Sans;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-size: 16px;
|
|
line-height: 26px;
|
|
color: #484848;
|
|
"
|
|
>
|
|
Elegantly Designed Shop Page for beautiful customers'
|
|
experience to your Odoo Website.
|
|
</p>
|
|
</div>
|
|
<div class="col-md-8">
|
|
<img class="w-100" src="shop-page-img.png" alt="Shop Page" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row shadow-sm mt-4">
|
|
<img class="w-100" src="product.png" alt="Shop Hover" />
|
|
</div>
|
|
<div class="row shadow-sm mt-4">
|
|
<img class="w-100" src="product-page.png" alt="Product Page" />
|
|
</div>
|
|
<div class="row shadow-sm mt-4">
|
|
<img
|
|
class="w-100"
|
|
src="product-filter-nd-quick-view.png"
|
|
alt="Filter and Quick View"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="row shadow-sm position-relative"
|
|
style="
|
|
height: 18rem;
|
|
"
|
|
>
|
|
<img class="w-100" src="Seller-shop-profilepwa.png" alt="Pwa">
|
|
<div class="position-absolute p-4 ml-2">
|
|
<div class="w-100">
|
|
<h3
|
|
style="
|
|
font-family: 'Open Sans', 'Helvetica', Sans;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
font-size: 32px;
|
|
line-height: 52px;
|
|
color: #484848;
|
|
"
|
|
>
|
|
Progressive Web App (PWA)
|
|
</h3>
|
|
</div>
|
|
<div>
|
|
<p
|
|
style="
|
|
font-family: 'Open Sans', 'Helvetica', Sans;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-size: 16px;
|
|
line-height: 26px;
|
|
color: #484848;
|
|
width: 85%;
|
|
"
|
|
>
|
|
Now make your Progressive Web Application beautiful too with
|
|
the Marketplace theme Vibrant!
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<p
|
|
style="
|
|
font-family: 'Open Sans', 'Helvetica', Sans;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-size: 16px;
|
|
line-height: 26px;
|
|
color: #484848;
|
|
width: 85%;
|
|
"
|
|
>
|
|
Yes, you got it right, The theme is fully compatible with Our
|
|
module Odoo Website PWA...
|
|
</p>
|
|
</div>
|
|
<p
|
|
style="
|
|
font-family: 'Open Sans', 'Helvetica', Sans;
|
|
font-style: italic;
|
|
font-weight: 600;
|
|
font-size: 16px;
|
|
line-height: 26px;
|
|
text-decoration-line: underline;
|
|
color: #484848;
|
|
"
|
|
>
|
|
https://apps.odoo.com/apps/modules/13.0/odoo_ecommerce_pwa/
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- tab2 -->
|
|
<div
|
|
class="tab-pane fade container mt-4"
|
|
id="screenshots"
|
|
role="tabpanel"
|
|
aria-labelledby="screenshot-tab"
|
|
>
|
|
<!-- features -->
|
|
<div class="row" style="margin-right: 0px; margin-left: 0px">
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
padding=""
|
|
></i>
|
|
30+ Snippets
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
7 Mega Menu
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
5 Headers
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
4 Footers
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Seller List designed
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Seller Shop designed
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Seller Profile Designed
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Become A seller page designed
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Individual Shop pages for sellers shop
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Profile pages of sellers with their products
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Listing of products according to sellers
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Dynamic Font Options
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Unlimited Font Styles
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Toggle among 2 shop page views
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Dynamic Color Options
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Customizable Layouts
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Multiple Background Options
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
New Price Slider Filter
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Side Panel to Filter Products
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Product Quick View from Shop Page
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Fully mobile responsive
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Unique Carousel Slider
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Affix Top button
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Affixed Background
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Lazy Loading
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Added Pager
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Breadcrumbs
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Advanced search with categories
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Category Megamenu with top products
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Customizable Background Image for Login/Signup Page
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Back-to-top click tab
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Interactive Contact & About Us Page Design
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Configurable Blogs tags
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Configurable Product tags
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Product Quick View from Shop Page
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-6 d-flex justify-content-center"
|
|
style="padding: 10px 10px"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow-sm"
|
|
style="
|
|
padding: 15px 10px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Suggested and alternative products on product page
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- detailed features -->
|
|
<h3
|
|
style="
|
|
padding: 20px 20px 0px;
|
|
font-family: Montserrat;
|
|
font-size: 26px;
|
|
color: #333333;
|
|
text-align: center;
|
|
line-height: 35px;
|
|
margin: auto auto;
|
|
"
|
|
>
|
|
Detailed Features List
|
|
</h3>
|
|
<h3
|
|
style="
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #555555;
|
|
text-align: center;
|
|
line-height: 35px;
|
|
margin: auto auto;
|
|
"
|
|
>
|
|
Design New Layout Everyday To Bring In more Customers
|
|
</h3>
|
|
<div class="row" style="margin-right: 0px; margin-left: 0px">
|
|
<div class="w-100" style="margin-bottom: 30px">
|
|
<div class="row position-relative" style="margin-top: 25px">
|
|
<div class="col-4" style="height: 100px"></div>
|
|
<div
|
|
class="col-8"
|
|
style="
|
|
border-radius: 4px;
|
|
height: -webkit-fill-available;
|
|
padding: 20px 10px;
|
|
background-color: #f2f8ff;
|
|
padding-left: 50px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Multiple Snippets Available
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Unique Video Title Snippet
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
3 Different Product Features Snippet
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
3 Dedicated Marketplace Snippets
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-4 d-flex position-absolute justify-content-center"
|
|
style="
|
|
padding: 20px 10px 20px 0px;
|
|
height: 100%;
|
|
flex: 0 0 36% !important;
|
|
max-width: 36% !important;
|
|
left: 5px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow p-3 justify-content-center"
|
|
style="
|
|
font-weight: 400;
|
|
background: white;
|
|
margin: auto;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 24px;
|
|
color: #333333;
|
|
line-height: 35px;
|
|
"
|
|
>
|
|
30+ Dedicated Snippets for Marketplace Pages
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row position-relative" style="margin-top: 25px">
|
|
<div class="col-4" style="height: 100px"></div>
|
|
<div
|
|
class="col-8"
|
|
style="
|
|
border-radius: 4px;
|
|
height: -webkit-fill-available;
|
|
padding: 20px 10px;
|
|
background-color: #f2f8ff;
|
|
padding-left: 50px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Multi Menus
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Feature Grid Mega Menu
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Image Mega Menus
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Four Column Mega Menu
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Only Text Menu
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Carousel Mega Menus
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-4 d-flex position-absolute justify-content-center"
|
|
style="
|
|
padding: 20px 10px 20px 0px;
|
|
height: 100%;
|
|
flex: 0 0 36% !important;
|
|
max-width: 36% !important;
|
|
left: 5px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow p-3 justify-content-center"
|
|
style="
|
|
font-weight: 400;
|
|
background: white;
|
|
margin: auto;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 24px;
|
|
color: #333333;
|
|
line-height: 35px;
|
|
"
|
|
>
|
|
Unique 7 Mega Menu Styles
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row position-relative" style="margin-top: 25px">
|
|
<div class="col-4" style="height: 100px"></div>
|
|
<div
|
|
class="col-8"
|
|
style="
|
|
border-radius: 4px;
|
|
height: -webkit-fill-available;
|
|
padding: 20px 10px;
|
|
background-color: #f2f8ff;
|
|
padding-left: 50px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Different tabs for better visibility
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Upselling and Cross-Selling
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Compare Alternative Products
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-4 d-flex position-absolute justify-content-center"
|
|
style="
|
|
padding: 20px 10px 20px 0px;
|
|
height: 100%;
|
|
flex: 0 0 36% !important;
|
|
max-width: 36% !important;
|
|
left: 5px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow p-3 justify-content-center"
|
|
style="
|
|
border-radius: 4px;
|
|
font-weight: 400;
|
|
background: white;
|
|
margin: auto;
|
|
padding: 30px 20px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 24px;
|
|
color: #333333;
|
|
line-height: 35px;
|
|
"
|
|
>
|
|
Alluring Product Page layout
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row position-relative" style="margin-top: 25px">
|
|
<div class="col-4" style="height: 100px"></div>
|
|
<div
|
|
class="col-8"
|
|
style="
|
|
border-radius: 4px;
|
|
height: -webkit-fill-available;
|
|
padding: 20px 10px;
|
|
background-color: #f2f8ff;
|
|
padding-left: 50px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Add as many google font styles you want
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
All the different Font Style are available for Body, Title,
|
|
Button and Navbars
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-4 d-flex position-absolute justify-content-center"
|
|
style="
|
|
padding: 20px 10px 20px 0px;
|
|
height: 100%;
|
|
flex: 0 0 36% !important;
|
|
max-width: 36% !important;
|
|
left: 5px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow p-3 justify-content-center"
|
|
style="
|
|
border-radius: 4px;
|
|
font-weight: 400;
|
|
background: white;
|
|
margin: auto;
|
|
padding: 30px 20px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 24px;
|
|
color: #333333;
|
|
line-height: 35px;
|
|
"
|
|
>
|
|
Unlimited Font Styles
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row position-relative" style="margin-top: 25px">
|
|
<div class="col-4" style="height: 100px"></div>
|
|
<div
|
|
class="col-8"
|
|
style="
|
|
border-radius: 4px;
|
|
height: -webkit-fill-available;
|
|
padding: 20px 10px;
|
|
background-color: #f2f8ff;
|
|
padding-left: 50px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Full Base Layout for the Theme
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Oe, you can also select Boxed Layout
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-4 d-flex position-absolute justify-content-center"
|
|
style="
|
|
padding: 20px 10px 20px 0px;
|
|
height: 100%;
|
|
flex: 0 0 36% !important;
|
|
max-width: 36% !important;
|
|
left: 5px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow p-3 justify-content-center"
|
|
style="
|
|
border-radius: 4px;
|
|
font-weight: 400;
|
|
background: white;
|
|
margin: auto;
|
|
padding: 30px 20px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 24px;
|
|
color: #333333;
|
|
line-height: 35px;
|
|
"
|
|
>
|
|
Select Base Layout as You Want
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row position-relative" style="margin-top: 25px">
|
|
<div class="col-4" style="height: 100px"></div>
|
|
<div
|
|
class="col-8"
|
|
style="
|
|
border-radius: 4px;
|
|
height: -webkit-fill-available;
|
|
padding: 20px 10px;
|
|
background-color: #f2f8ff;
|
|
padding-left: 50px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Toggle among 3 shop page views
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Lazy Loading Button
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Side Panel for Filtering Products with a price slider
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Easily add to cart, wishlist or compare
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Enhanced Sorting Option
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Back to top Button
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
2 Shop Page Layouts
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-4 d-flex position-absolute justify-content-center"
|
|
style="
|
|
padding: 20px 10px 20px 0px;
|
|
height: 100%;
|
|
flex: 0 0 36% !important;
|
|
max-width: 36% !important;
|
|
left: 5px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow p-3 justify-content-center"
|
|
style="
|
|
border-radius: 4px;
|
|
font-weight: 400;
|
|
background: white;
|
|
margin: auto;
|
|
padding: 30px 20px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 24px;
|
|
color: #333333;
|
|
line-height: 35px;
|
|
"
|
|
>
|
|
Splendid Shop Page layout
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row position-relative" style="margin-top: 25px">
|
|
<div class="col-4" style="height: 100px"></div>
|
|
<div
|
|
class="col-8"
|
|
style="
|
|
border-radius: 4px;
|
|
height: -webkit-fill-available;
|
|
padding: 20px 10px;
|
|
background-color: #f2f8ff;
|
|
padding-left: 50px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Change the password directly from “My Account
|
|
Page”
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Add Multiple addresses in the “Shipping Address”
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Easily Change Billing Address
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Separate Section to manage your Profile
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-4 d-flex position-absolute justify-content-center"
|
|
style="
|
|
padding: 20px 10px 20px 0px;
|
|
height: 100%;
|
|
flex: 0 0 36% !important;
|
|
max-width: 36% !important;
|
|
left: 5px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow p-3 justify-content-center"
|
|
style="
|
|
border-radius: 4px;
|
|
font-weight: 400;
|
|
background: white;
|
|
margin: auto;
|
|
padding: 30px 20px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 24px;
|
|
color: #333333;
|
|
line-height: 35px;
|
|
"
|
|
>
|
|
Revamped My Account Page
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row position-relative" style="margin-top: 25px">
|
|
<div class="col-4" style="height: 100px"></div>
|
|
<div
|
|
class="col-8"
|
|
style="
|
|
border-radius: 4px;
|
|
height: -webkit-fill-available;
|
|
padding: 20px 10px;
|
|
background-color: #f2f8ff;
|
|
padding-left: 50px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Customize the Theme Color as You Want
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Pick any color for menu background
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Customize the Nav Text color
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-4 d-flex position-absolute justify-content-center"
|
|
style="
|
|
padding: 20px 10px 20px 0px;
|
|
height: 100%;
|
|
flex: 0 0 36% !important;
|
|
max-width: 36% !important;
|
|
left: 5px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow p-3 justify-content-center"
|
|
style="
|
|
border-radius: 4px;
|
|
font-weight: 400;
|
|
background: white;
|
|
margin: auto;
|
|
padding: 30px 20px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 24px;
|
|
color: #333333;
|
|
line-height: 35px;
|
|
"
|
|
>
|
|
No Color Limitation
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row position-relative" style="margin-top: 25px">
|
|
<div class="col-4" style="height: 100px"></div>
|
|
<div
|
|
class="col-8"
|
|
style="
|
|
border-radius: 4px;
|
|
height: -webkit-fill-available;
|
|
padding: 20px 10px;
|
|
background-color: #f2f8ff;
|
|
padding-left: 50px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Customize Background images for Login Page
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Background images can be customized in Sign Up Page
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Customize Background images for Password Reset Page
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-4 d-flex position-absolute justify-content-center"
|
|
style="
|
|
padding: 20px 10px 20px 0px;
|
|
height: 100%;
|
|
flex: 0 0 36% !important;
|
|
max-width: 36% !important;
|
|
left: 5px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow p-3 justify-content-center"
|
|
style="
|
|
border-radius: 4px;
|
|
font-weight: 400;
|
|
background: white;
|
|
margin: auto;
|
|
padding: 30px 20px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 24px;
|
|
color: #333333;
|
|
line-height: 35px;
|
|
"
|
|
>
|
|
Customizable Background Images
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row position-relative" style="margin-top: 25px">
|
|
<div class="col-4" style="height: 100px"></div>
|
|
<div
|
|
class="col-8"
|
|
style="
|
|
border-radius: 4px;
|
|
height: -webkit-fill-available;
|
|
padding: 20px 10px;
|
|
background-color: #f2f8ff;
|
|
padding-left: 50px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Customize Background Color for Login Page
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Background Color can be customized in Sign Up Page
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Customize Background Color for Password Reset Page
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-4 d-flex position-absolute justify-content-center"
|
|
style="
|
|
padding: 20px 10px 20px 0px;
|
|
height: 100%;
|
|
flex: 0 0 36% !important;
|
|
max-width: 36% !important;
|
|
left: 5px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow p-3 justify-content-center"
|
|
style="
|
|
border-radius: 4px;
|
|
font-weight: 400;
|
|
background: white;
|
|
margin: auto;
|
|
padding: 30px 20px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 24px;
|
|
color: #333333;
|
|
line-height: 35px;
|
|
"
|
|
>
|
|
Customizable Background Color
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row position-relative" style="margin-top: 25px">
|
|
<div class="col-4" style="height: 100px"></div>
|
|
<div
|
|
class="col-8"
|
|
style="
|
|
border-radius: 4px;
|
|
height: -webkit-fill-available;
|
|
padding: 20px 10px;
|
|
background-color: #f2f8ff;
|
|
padding-left: 50px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Search Bar Visible in all over Website
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Accepts ElasticSearch for improved search results
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-4 d-flex position-absolute justify-content-center"
|
|
style="
|
|
padding: 20px 10px 20px 0px;
|
|
height: 100%;
|
|
flex: 0 0 36% !important;
|
|
max-width: 36% !important;
|
|
left: 5px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow p-3 justify-content-center"
|
|
style="
|
|
border-radius: 4px;
|
|
font-weight: 400;
|
|
background: white;
|
|
margin: auto;
|
|
padding: 30px 20px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 24px;
|
|
color: #333333;
|
|
line-height: 35px;
|
|
"
|
|
>
|
|
Improved Search Bar
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row position-relative" style="margin-top: 25px">
|
|
<div class="col-4" style="height: 100px"></div>
|
|
<div
|
|
class="col-8"
|
|
style="
|
|
border-radius: 4px;
|
|
height: -webkit-fill-available;
|
|
padding: 20px 10px;
|
|
background-color: #f2f8ff;
|
|
padding-left: 50px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Introduced a unique Page for the list of all the sellers
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Easy way to jump into any sellers profile
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
See the all the active sellers from the store
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-4 d-flex position-absolute justify-content-center"
|
|
style="
|
|
padding: 20px 10px 20px 0px;
|
|
height: 100%;
|
|
flex: 0 0 36% !important;
|
|
max-width: 36% !important;
|
|
left: 5px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow p-3 justify-content-center"
|
|
style="
|
|
border-radius: 4px;
|
|
font-weight: 400;
|
|
background: white;
|
|
margin: auto;
|
|
padding: 30px 20px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 24px;
|
|
color: #333333;
|
|
line-height: 35px;
|
|
"
|
|
>
|
|
Unique Seller List Page
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row position-relative" style="margin-top: 25px">
|
|
<div class="col-4" style="height: 100px"></div>
|
|
<div
|
|
class="col-8"
|
|
style="
|
|
border-radius: 4px;
|
|
height: -webkit-fill-available;
|
|
padding: 20px 10px;
|
|
background-color: #f2f8ff;
|
|
padding-left: 50px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
See all the products of seller
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Easy way to add to the cart
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
View the Ratings of the Seller
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Unique section for Seller contact
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-4 d-flex position-absolute justify-content-center"
|
|
style="
|
|
padding: 20px 10px 20px 0px;
|
|
height: 100%;
|
|
flex: 0 0 36% !important;
|
|
max-width: 36% !important;
|
|
left: 5px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow p-3 justify-content-center"
|
|
style="
|
|
border-radius: 4px;
|
|
font-weight: 400;
|
|
background: white;
|
|
margin: auto;
|
|
padding: 30px 20px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 24px;
|
|
color: #333333;
|
|
line-height: 35px;
|
|
"
|
|
>
|
|
Enhanced Seller Profile
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row position-relative" style="margin-top: 25px">
|
|
<div class="col-4" style="height: 100px"></div>
|
|
<div
|
|
class="col-8"
|
|
style="
|
|
border-radius: 4px;
|
|
height: -webkit-fill-available;
|
|
padding: 20px 10px;
|
|
background-color: #f2f8ff;
|
|
padding-left: 50px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Directly add the products to the cart
|
|
</div>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Enhanced outlook for the seller shop page
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-4 d-flex position-absolute justify-content-center"
|
|
style="
|
|
padding: 20px 10px 20px 0px;
|
|
height: 100%;
|
|
flex: 0 0 36% !important;
|
|
max-width: 36% !important;
|
|
left: 5px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow p-3 justify-content-center"
|
|
style="
|
|
border-radius: 4px;
|
|
font-weight: 400;
|
|
background: white;
|
|
margin: auto;
|
|
padding: 30px 20px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 24px;
|
|
color: #333333;
|
|
line-height: 35px;
|
|
"
|
|
>
|
|
Refurbished Seller Shop
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row position-relative" style="margin-top: 25px">
|
|
<div class="col-4" style="height: 100px"></div>
|
|
<div
|
|
class="col-8"
|
|
style="
|
|
border-radius: 4px;
|
|
height: -webkit-fill-available;
|
|
padding: 20px 10px;
|
|
background-color: #f2f8ff;
|
|
padding-left: 50px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex"
|
|
style="
|
|
padding: 10px 15px;
|
|
margin-top: 15px;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
font-family: Montserrat;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
line-height: 20px;
|
|
"
|
|
>
|
|
<i
|
|
class="fa fa-check-square"
|
|
style="
|
|
line-height: 30px;
|
|
color: #1db12e;
|
|
font-size: 25px;
|
|
margin-right: 20px;
|
|
"
|
|
></i>
|
|
Click on the Join Us Button to join Marketplace as seller
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-4 d-flex position-absolute justify-content-center"
|
|
style="
|
|
padding: 20px 10px 20px 0px;
|
|
height: 100%;
|
|
flex: 0 0 36% !important;
|
|
max-width: 36% !important;
|
|
left: 5px;
|
|
"
|
|
>
|
|
<div
|
|
class="col-lg-12 d-flex shadow p-3 justify-content-center"
|
|
style="
|
|
border-radius: 4px;
|
|
font-weight: 400;
|
|
background: white;
|
|
margin: auto;
|
|
padding: 30px 20px;
|
|
align-self: center;
|
|
font-family: Montserrat;
|
|
font-size: 24px;
|
|
color: #333333;
|
|
line-height: 35px;
|
|
"
|
|
>
|
|
Let Other Sellers Join Easily
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- tab3 -->
|
|
<div
|
|
class="tab-pane fade text-center mt-4"
|
|
id="quick_peek"
|
|
role="tabpanel"
|
|
aria-labelledby="screenshot-tab"
|
|
>
|
|
<div class="d-flex ml-5 flex-wrap align-items-start">
|
|
<ul
|
|
class="nav nav-tabs d-flex justify-content-center flex-wrap flex-column mx-auto"
|
|
role="tablist"
|
|
style="background-color: transparent; border: none; z-index: 10"
|
|
>
|
|
<li
|
|
class="nav-item mb-3"
|
|
style="
|
|
background: #f5f5f5;
|
|
border: 1px solid #f4f4f4;
|
|
border-radius: 4px;
|
|
"
|
|
>
|
|
<span
|
|
id="headers_tab"
|
|
class="nav-link active"
|
|
data-bs-toggle="tab"
|
|
style="color: #232323; padding: 7px 20px; font-weight: 600"
|
|
href="#header"
|
|
role="tab"
|
|
aria-controls="documentation"
|
|
aria-selected="true"
|
|
>Headers</span
|
|
>
|
|
</li>
|
|
<li
|
|
class="nav-item mb-3"
|
|
style="
|
|
background: #f5f5f5;
|
|
border: 1px solid #f4f4f4;
|
|
border-radius: 4px;
|
|
"
|
|
>
|
|
<span
|
|
class="nav-link"
|
|
id="footers_tab"
|
|
data-bs-toggle="tab"
|
|
style="color: #232323; padding: 7px 20px; font-weight: 600"
|
|
href="#footer"
|
|
role="tab"
|
|
aria-controls="screenshots"
|
|
aria-selected="false"
|
|
>Footers</span
|
|
>
|
|
</li>
|
|
<li
|
|
class="nav-item mb-3"
|
|
style="
|
|
background: #f5f5f5;
|
|
border: 1px solid #f4f4f4;
|
|
border-radius: 4px;
|
|
"
|
|
>
|
|
<span
|
|
class="nav-link"
|
|
id="layout_tab"
|
|
data-bs-toggle="tab"
|
|
style="color: #232323; padding: 7px 20px; font-weight: 600"
|
|
href="#layout"
|
|
role="tab"
|
|
aria-controls="quick_peek"
|
|
aria-selected="false"
|
|
>Layout</span
|
|
>
|
|
</li>
|
|
<li
|
|
class="nav-item mb-3"
|
|
style="
|
|
background: #f5f5f5;
|
|
border: 1px solid #f4f4f4;
|
|
border-radius: 4px;
|
|
"
|
|
>
|
|
<span
|
|
class="nav-link"
|
|
id="colors_and_fonts"
|
|
data-bs-toggle="tab"
|
|
style="color: #232323; padding: 7px 20px; font-weight: 600"
|
|
href="#colors_fonts"
|
|
role="tab"
|
|
aria-controls="quick_peek"
|
|
aria-selected="false"
|
|
>Colors & Fonts</span
|
|
>
|
|
</li>
|
|
<li
|
|
class="nav-item mb-3"
|
|
style="
|
|
background: #f5f5f5;
|
|
border: 1px solid #f4f4f4;
|
|
border-radius: 4px;
|
|
"
|
|
>
|
|
<span
|
|
class="nav-link"
|
|
id="megamenus-tab"
|
|
data-bs-toggle="tab"
|
|
style="color: #232323; padding: 7px 20px; font-weight: 600"
|
|
href="#megamenus"
|
|
role="tab"
|
|
aria-controls="quick_peek"
|
|
aria-selected="false"
|
|
>Mega Menus</span
|
|
>
|
|
</li>
|
|
</ul>
|
|
<div class="tab-content mx-auto" style="width: 80%">
|
|
<div
|
|
class="tab-pane fade text-center active show"
|
|
id="header"
|
|
role="tabpanel"
|
|
aria-labelledby="headers-tab"
|
|
>
|
|
<div class="text-left p-2 bg-dark">
|
|
<span
|
|
style="
|
|
font-family: 'Open Sans', 'Helvetica', Sans;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
font-size: 30px;
|
|
line-height: 30px;
|
|
color: #ffffff;
|
|
text-transform: uppercase;
|
|
"
|
|
>HEADER</span
|
|
>
|
|
</div>
|
|
|
|
<div class="container mt-4">
|
|
<img
|
|
class="w-100"
|
|
src="header-1.png"
|
|
alt="Header-1"
|
|
style="
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
border-radius: 4px;
|
|
"
|
|
/>
|
|
</div>
|
|
<div class="container mt-4">
|
|
<img class="w-100" src="header-2.png" alt="Header-2" />
|
|
</div>
|
|
<div class="container mt-4">
|
|
<img class="w-100" src="header-3.png" alt="Header-3" />
|
|
</div>
|
|
<div class="container mt-4">
|
|
<img class="w-100" src="header-4.png" alt="Header-4" />
|
|
</div>
|
|
<div class="container mt-4">
|
|
<img class="w-100" src="header-5.png" alt="Header-5" />
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="tab-pane fade text-center"
|
|
id="footer"
|
|
role="tabpanel"
|
|
aria-labelledby="footers-tab"
|
|
>
|
|
<div class="text-left p-2 bg-dark">
|
|
<span
|
|
style="
|
|
font-family: 'Open Sans', 'Helvetica', Sans;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
font-size: 30px;
|
|
line-height: 30px;
|
|
color: #ffffff;
|
|
text-transform: uppercase;
|
|
"
|
|
>Footer</span
|
|
>
|
|
</div>
|
|
<div class="container mt-4">
|
|
<img class="w-100" src="footer-1.png" alt="footer-1" />
|
|
</div>
|
|
<div class="container mt-4">
|
|
<img class="w-100" src="footer-2.png" alt="footer-2" />
|
|
</div>
|
|
<div class="container mt-4">
|
|
<img class="w-100" src="footer-3.png" alt="footer-3" />
|
|
</div>
|
|
<div class="container mt-4">
|
|
<img class="w-100" src="footer-4.png" alt="footer-4" />
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="tab-pane fade text-center"
|
|
id="layout"
|
|
role="tabpanel"
|
|
aria-labelledby="layout_tab"
|
|
>
|
|
<div class="text-left p-2 bg-dark">
|
|
<span
|
|
style="
|
|
font-family: 'Open Sans', 'Helvetica', Sans;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
font-size: 30px;
|
|
line-height: 30px;
|
|
color: #ffffff;
|
|
text-transform: uppercase;
|
|
"
|
|
>Shop Pages</span
|
|
>
|
|
</div>
|
|
|
|
<div class="container mt-4">
|
|
<img class="w-100" src="img-1.png" alt="img-1" />
|
|
</div>
|
|
<div class="container mt-4">
|
|
<img class="w-100" src="img-2.png" alt="img-2" />
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="tab-pane fade text-center"
|
|
id="colors_fonts"
|
|
role="tabpanel"
|
|
aria-labelledby="colors_and_fonts"
|
|
>
|
|
<div class="text-left p-2 bg-dark">
|
|
<span
|
|
style="
|
|
font-family: 'Open Sans', 'Helvetica', Sans;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
font-size: 30px;
|
|
line-height: 30px;
|
|
color: #ffffff;
|
|
text-transform: uppercase;
|
|
"
|
|
>Customize Panel</span
|
|
>
|
|
</div>
|
|
|
|
<div class="container mt-4">
|
|
<img class="w-100" src="colors.png" alt="colors.png" />
|
|
</div>
|
|
<div class="container mt-4">
|
|
<img class="w-100" src="Fonts.png" alt="Fonts.png" />
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="tab-pane fade text-center"
|
|
id="megamenus"
|
|
role="tabpanel"
|
|
aria-labelledby="megamenus-tab"
|
|
>
|
|
<div class="text-left p-2 bg-dark">
|
|
<span
|
|
style="
|
|
font-family: 'Open Sans', 'Helvetica', Sans;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
font-size: 30px;
|
|
line-height: 30px;
|
|
color: #ffffff;
|
|
text-transform: uppercase;
|
|
"
|
|
>Mega Menu</span
|
|
>
|
|
</div>
|
|
|
|
<div class="container mt-4">
|
|
<img class="w-100" src="menu-1.png" alt="Menu 1" />
|
|
</div>
|
|
<div class="container mt-4">
|
|
<img class="w-100" src="menu-2.png" alt="Menu 2" />
|
|
</div>
|
|
<div class="container mt-4">
|
|
<img class="w-100" src="menu-3.png" alt="Menu 3" />
|
|
</div>
|
|
<div class="container mt-4">
|
|
<img class="w-100" src="menu-4.png" alt="Menu 4" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- tab4 -->
|
|
<div
|
|
class="tab-pane fade"
|
|
id="demo"
|
|
role="tabpanel"
|
|
aria-labelledby="demo-tab"
|
|
>
|
|
<div class="container">
|
|
<div class="row shadow-sm mt-4">
|
|
<img class="w-100" src="mp-row-1.png" alt="Row 1" />
|
|
</div>
|
|
<div class="row shadow-sm mt-4">
|
|
<img class="w-50" src="Seller-profile.png" alt="Row 1" />
|
|
<img class="w-50" src="Seller-shop-page.png" alt="Row 1" />
|
|
</div>
|
|
<div class="row shadow-sm mt-4">
|
|
<img class="w-100" src="row-1.png" alt="Row 1" />
|
|
</div>
|
|
<div class="row shadow-sm mt-4">
|
|
<img class="w-100" src="row-2.png" alt="Row 2" />
|
|
</div>
|
|
<div class="row shadow-sm mt-4">
|
|
<img class="w-100" src="row-3.png" alt="Row 3" />
|
|
</div>
|
|
<div class="row shadow-sm mt-4">
|
|
<img class="w-100" src="row-4.png" alt="Row 4" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="pt32" id="webkul_support">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<h2 class="text-center">Help and Support</h2>
|
|
<p
|
|
class="mb-2 text-center"
|
|
style="font-size: 16px; color: #333; font-weight: 400"
|
|
>
|
|
Get Immediate support for any of your query
|
|
</p>
|
|
</div>
|
|
<div class="col-12">
|
|
<p
|
|
class="text-center px-5"
|
|
style="font-size: 14px; color: #555; font-weight: normal"
|
|
>
|
|
You will get 90 days free support for any doubt, queries, and bug
|
|
fixing (excluding data recovery) or any type of issue related to this
|
|
module.
|
|
</p>
|
|
</div>
|
|
<div class="mx-auto col-lg-9 mb-4 oe_screenshot">
|
|
<div class="row align-items-center justify-content-center mx-0 p-3">
|
|
<div class="col-sm-2 text-center pr-0">
|
|
<img src="mail.png" alt="mail" class="img img-fluid" />
|
|
</div>
|
|
<div class="col-xl-7 col-sm-10">
|
|
<p class="my-2" style="color: #555; font-weight: bold">
|
|
Write a mail to us:
|
|
</p>
|
|
<b class="text-primary" style="font-size: 18px"
|
|
>support@webkul.com</b
|
|
>
|
|
<p
|
|
class="my-2"
|
|
style="font-size: 14px; color: #777; font-weight: normal"
|
|
>
|
|
Any queries or want any extra features? Just drop a mail to our
|
|
support.
|
|
</p>
|
|
</div>
|
|
<div
|
|
class="col-xl-3 offset-xl-0 float-xl-right col-sm-10 offset-sm-2 float-left mt16"
|
|
>
|
|
<a
|
|
href="mailto:support@webkul.com"
|
|
style="
|
|
padding: 10px 22px;
|
|
background-color: #2335d7;
|
|
font-size: 14px;
|
|
color: #fff;
|
|
"
|
|
><i
|
|
class="fa fa-pencil-square-o"
|
|
style="color: white; margin-right: 4px"
|
|
></i
|
|
>Write To US</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mx-auto col-lg-9 oe_screenshot">
|
|
<div class="row align-items-center justify-content-center mx-0 p-3">
|
|
<div class="col-sm-2 text-center pr-0">
|
|
<img
|
|
src="support-icon.png"
|
|
alt="support-icon"
|
|
class="img img-fluid"
|
|
/>
|
|
</div>
|
|
<div class="col-sm-10">
|
|
<p class="my-2" style="font-weight: bold; color: #555">
|
|
Get in touch with our Expert:
|
|
</p>
|
|
<b class="text-primary text-break" style="font-size: 18px"
|
|
>https://webkul.uvdesk.com/en/customer/create-ticket/</b
|
|
>
|
|
<p
|
|
class="my-2"
|
|
style="font-weight: normal; font-size: 14px; color: #777"
|
|
>
|
|
Have any technical queries, want extra features, or anything else?
|
|
Our team is here to answer all your questions. Just Raise A
|
|
Support Ticket.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|