You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
360 lines
17 KiB
360 lines
17 KiB
<div class="oe_styling_v8">
|
|
<!-- Hero Section -->
|
|
<div class="container pt-4 mt-4 rounded" style="background-color: #fff; font-family: Montserrat, 'sans-serif';">
|
|
<div class="row">
|
|
<div class="col-lg-12 mb-4">
|
|
<img src="images/Cybrosys.png" alt="Cybrosys Logo" style="width: 120px; height: auto;">
|
|
<hr style="border-color: #e1e5e9;" />
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-12 text-center">
|
|
<img src="images/hero.png" width=60% height="auto" class="mb-4" alt="Theme Screenshot">
|
|
</div>
|
|
<div class="col-lg-12 text-center">
|
|
<h1 class="mt-4">Theme Boec</h1>
|
|
<p class="lead mb-4" style="max-width: 700px; margin: 0 auto;">
|
|
Theme Boec is a new kind of Theme. The theme is a very user-friendly and is suitable for your
|
|
eCommerce website with blog.
|
|
It is the most powerful, easy to use theme. Many custom designed snippets facilitates to add
|
|
better
|
|
user experience.
|
|
Contains Hot sales, New arrival and Deal of the week with Counter snippets that are configured
|
|
from
|
|
the backend.
|
|
It have instagram feed snippet and deal of the week snippet with counter.
|
|
It is a fully Responsive Theme with a premium design and attractive front-end theme.
|
|
it contains price filter and brand filter options by default and it easily configure from
|
|
backend.
|
|
This theme is a perfect choice for your online store you are looking for. This theme is fully
|
|
customized
|
|
the eCommerce website, shop view, custom categories view, product view, contact us page, cart,
|
|
blog,
|
|
blog preview...etc.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- End of Hero Section -->
|
|
|
|
<!-- Alternate Section -->
|
|
<div class="row p-4">
|
|
<div class="col-lg-6 px-4" style="margin-top: 100px;">
|
|
<h2>Desktop View</h2>
|
|
<p class="lead">
|
|
It is easy to customize and use. Just drag and drop the building blocks to make attractive
|
|
webpages.
|
|
</p>
|
|
</div>
|
|
<div class="col-lg-6 px-4">
|
|
<img style="border-radius: 0.5em;" src="images/laptop-screenshots.jpg" width="90%" height="auto"
|
|
class="mb-4 shadow-sm" alt="Theme Screenshot">
|
|
</div>
|
|
</div>
|
|
<div class="row p-4">
|
|
<div class="col-lg-6 px-4">
|
|
<img style="border-radius: 0.5em;" src="images/phone-screenshots.jpg" width="90%" height="auto"
|
|
class="mb-4 shadow-sm" alt="Theme Screenshot">
|
|
</div>
|
|
<div class="col-lg-6 px-4" style="margin-top: 100px;">
|
|
<h2>Mobile View</h2>
|
|
<p class="lead">
|
|
User friendly and modern looking theme makes your page more Stylish And Beautiful.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<!-- End of Alternate Section -->
|
|
|
|
<!-- Two Columns Section -->
|
|
<div class="row p-4">
|
|
<!-- Column 1 -->
|
|
<div class="col-lg-6">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<img style="border-radius: 0.5em;" src="images/1.jpg" width="100%" height="auto"
|
|
class="mb-4 shadow-sm" alt="Theme Screenshot">
|
|
</div>
|
|
<div class="col-lg-12 mt-4">
|
|
<h2 class="text-center">Home Page</h2>
|
|
<p class="lead text-center">
|
|
It is easy to customize and use. Just drag and drop the building blocks to make
|
|
attractive
|
|
webpages.Customizable building blocks in home page design helps you to edit them as per
|
|
needs. </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End of Column 1 -->
|
|
|
|
<!-- Column 2 -->
|
|
<div class="col-lg-6">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<img style="border-radius: 0.5em;" src="images/2.jpg" width="100%" height="auto"
|
|
class="mb-4 shadow-sm" alt="Theme Screenshot">
|
|
</div>
|
|
<div class="col-lg-12 mt-4">
|
|
<h2 class="text-center">Shop Page</h2>
|
|
<p class="lead text-center">
|
|
The shop display you products in a stylish way. It displaying 3 products in a row and it
|
|
will attract your customers.
|
|
Also the Category side are customized in collapsible style. Display high quality images
|
|
for
|
|
your products
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End of Column 2 -->
|
|
</div>
|
|
<!-- End of Two Columns Section -->
|
|
|
|
|
|
<!-- One Column Section -->
|
|
<div class="row p-4">
|
|
<div class="col-lg-6">
|
|
<img style="border-radius: 0.5em;" src="images/3.jpg" width="90%" height="auto" class="mb-4 shadow-sm"
|
|
alt="Theme Screenshot">
|
|
</div>
|
|
<div class="col-lg-6" style="padding-top: 100px;">
|
|
<h2>Overview</h2>
|
|
<p class="lead">
|
|
It is an attractive and modern eCommerce Website theme. It make your eCommerce website is
|
|
attractive.
|
|
Just drag & drop the building blocks you need to easily build your layout.
|
|
Theme Boec is a perfect choice for your online store you are looking for.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<!-- End of One Columns Section -->
|
|
|
|
|
|
<!-- New Arrivals Section -->
|
|
<div class="row p-4">
|
|
<div class="col-lg-6" style="padding-top: 100px;">
|
|
<h2>Hot Sales and New Arrivals</h2>
|
|
<p class="lead">
|
|
Hot sales and New arrivals are the snippets that are configured from the backend. You can easily add products
|
|
to the Hot sales. New arrivals are automatically taken the newly arrived products.
|
|
</p>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<img style="border-radius: 0.5em;" src="images/new_arrivals.jpg" width="90%" height="auto"
|
|
class="mb-4 shadow-sm" alt="Theme Screenshot">
|
|
</div>
|
|
</div>
|
|
<!-- End of New Section -->
|
|
|
|
|
|
<!-- Deal Section -->
|
|
<div class="row p-4">
|
|
<div class="col-lg-12 px-4">
|
|
<img class="shadow" style="border-radius: 0.5rem;" src="images/boec_deal.png" width="100%"
|
|
height="auto">
|
|
</div>
|
|
<div class="col-lg-12 my-4 d-flex flex-column justify-content-center align-items-center">
|
|
<h2 class="mt-4">Deal of the Week</h2>
|
|
<p class="lead text-center">
|
|
Deal of the week snippet have Counter for giving a premium look the deal of the week product and its counter
|
|
are easily configurable from the backend.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<!-- End of Deal Section -->
|
|
|
|
<!-- Three Columns Section -->
|
|
<div class="row p-4">
|
|
<!-- Column 1 -->
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<img style="border-radius: 0.5em;" src="images/4.jpg" width="100%" height="auto"
|
|
class="mb-4 shadow-sm" alt="Theme Screenshot">
|
|
</div>
|
|
<div class="col-lg-12 mt-4">
|
|
<h2 class="text-center">Cart</h2>
|
|
<p class="lead text-center">
|
|
The cart display your products in a stylish way. it will display the all needed details
|
|
of
|
|
the product
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End of Column 1 -->
|
|
|
|
|
|
|
|
<!-- Column 2 -->
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<img style="border-radius: 0.5em;" src="images/5.jpg" width="100%" height="auto"
|
|
class="mb-4 shadow-sm" alt="Theme Screenshot">
|
|
</div>
|
|
<div class="col-lg-12 mt-4">
|
|
<h2 class="text-center">Blog Preview</h2>
|
|
<p class="lead text-center">
|
|
Theme Boec have a fully customized blog preview with big cover image of the blog with
|
|
share
|
|
buttons.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End of Column 2 -->
|
|
|
|
|
|
<!-- Column 4 -->
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<img style="border-radius: 0.5em;" src="images/6.jpg" width="100%" height="auto"
|
|
class="mb-4 shadow-sm" alt="Theme Screenshot">
|
|
</div>
|
|
<div class="col-lg-12 mt-4">
|
|
<h2 class="text-center">Product Preview</h2>
|
|
<p class="lead text-center">
|
|
It have a fully customized Product preview with full details of the product with an
|
|
attractive design.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End of Column 4 -->
|
|
</div>
|
|
<!-- End of Three Columns Section -->
|
|
|
|
<!--<!– Video Section –>-->
|
|
<!--<div class="row p-4">-->
|
|
<!-- <div class="col-lg-12 d-flex flex-column justify-content-center">-->
|
|
<!-- <h4 class="mt-4 text-center">Video</h4>-->
|
|
<!-- <hr style="border-width: 3px; border-color: #0984e3; width: 100px;">-->
|
|
<!-- </div>-->
|
|
<!-- <div class="col-lg-12 d-flex justify-content-center mt-4">-->
|
|
<!-- <div class="s_panel_video" data-video-id="peAp2Tx_XIs?rel=0" style="cursor:pointer;">-->
|
|
<!-- <img class="img-fluid s_tooltip_tabs_tooltip_image s_figure_link pb0"-->
|
|
<!-- src="images/your-video-cover.jpg" alt="Cybrosys Cover Video" style="max-width:100%;">-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!--</div>-->
|
|
<!--<!– End of Video Section–>-->
|
|
|
|
<!-- Demo Pages -->
|
|
<section class="oe_container">
|
|
<div class="row" style="margin: 60px auto -30px;">
|
|
<div class="col-lg-12 text-center">
|
|
<h4 class="mt-4">Demo Pages</h4>
|
|
<hr style="border-width: 3px; border-color: #0984e3; width: 100px;">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="margin: 40px auto; border-radius: 15px; padding: 38px;">
|
|
<div class="col-sm-6 col-md-4 px-2">
|
|
<div class="bg-white shadow overflow-hidden mb32"
|
|
style="border-radius: 15px; width: 300px; padding-bottom: 0; margin-right: 30px;">
|
|
<img src="./images/demo-1.jpg" width="300px" height="auto">
|
|
<h6 class="text-center my-3">Home</h6>
|
|
<hr style="border-width: 5px; border-color: #0984e3; width: 150px; margin-bottom: 0;">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-6 col-md-4 px-2">
|
|
<div class="bg-white shadow overflow-hidden mb32"
|
|
style="border-radius: 15px; width: 300px; padding-bottom: 0;">
|
|
<img src="./images/demo-2.jpg" width="300px" height="auto">
|
|
<h6 class="text-center my-3">Blog Preview</h6>
|
|
<hr style="border-width: 5px; border-color: #05c46b; width: 150px; margin-bottom: 0;">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-6 col-md-4 px-2">
|
|
<div class="bg-white shadow overflow-hidden mb32"
|
|
style="border-radius: 15px; width: 300px; padding-bottom: 0;">
|
|
<img src="./images/demo-3.jpg" width="300px" height="auto">
|
|
<h6 class="text-center my-3">Shop Page</h6>
|
|
<hr style="border-width: 5px; border-color: #f44f52; width: 150px; margin-bottom: 0;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row d-flex justify-content-center"
|
|
style="margin: 40px auto; border-radius: 15px; padding: 38px;">
|
|
<div class="col-sm-6 col-md-4 px-2">
|
|
<div class="bg-white shadow overflow-hidden mb32"
|
|
style="border-radius: 15px; width: 300px; padding-bottom: 0;">
|
|
<img src="./images/demo-4.jpg" width="300px" height="auto">
|
|
<h6 class="text-center my-3">Blog Page</h6>
|
|
<hr style="border-width: 5px; border-color: #ffa801; width: 150px; margin-bottom: 0;">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-6 col-md-4 px-2">
|
|
<div class="bg-white shadow overflow-hidden mb32"
|
|
style="border-radius: 15px; width: 300px; padding-bottom: 0;">
|
|
<img src="./images/demo-5.jpg" width="300px" height="auto">
|
|
<h6 class="text-center my-3">About Page</h6>
|
|
<hr style="border-width: 5px; border-color: #3c40c6; width: 150px; margin-bottom: 0;">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
<!-- End of Demo Pages -->
|
|
|
|
<!-- Footer -->
|
|
<div class="row" style="margin-top: 4rem;">
|
|
<div class="col-lg-12 text-center">
|
|
<h2>Get Help</h2>
|
|
<hr style=" border: 2px solid #b22126; margin-top: 2px;" width="40px">
|
|
<p class="text-center" style="max-width: 650px; margin: 0 auto;">If you have anything to share with
|
|
us
|
|
based
|
|
on
|
|
your use of this module, please let us know. We are ready to offer our support.</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col px-4 pt-3 pb-2 shadow-sm"
|
|
style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto;">
|
|
<div class="row">
|
|
<div class="col-lg-8">
|
|
<h6><a href="mailto:odoo@cybrosys.com" target="_blank"
|
|
style="color: #050505; text-decoration: none;"><i
|
|
class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a></h6>
|
|
</div>
|
|
<div class="col-lg-4 d-flex justify-content-end" style="position: relative;">
|
|
<h6><a href="mailto:odoo@cybrosys.com" target="_blank"
|
|
style="color: #050505; text-decoration: none;"><i class="fa fa-chevron-right"></i></a>
|
|
</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col px-4 pt-3 pb-2 shadow-sm"
|
|
style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto;">
|
|
<div class="row">
|
|
<div class="col-lg-8">
|
|
<h6><a href="https://www.cybrosys.com" target="_blank"
|
|
style="color: #050505; text-decoration: none;"><i
|
|
class="fa fa-globe mr-2"></i>www.cybrosys.com</a></h6>
|
|
</div>
|
|
<div class="col-lg-4 d-flex justify-content-end" style="position: relative;">
|
|
<h6><a href="https://www.cybrosys.com" target="_blank"
|
|
style="color: #050505; text-decoration: none;"><i class="fa fa-chevron-right"></i></a>
|
|
</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-12 mt-4 mb-2 text-center">
|
|
<p style="font-weight: bold">A Quality Theme From</p>
|
|
</div>
|
|
<div class="col-lg-12 text-center">
|
|
<img src="images/cybro-logo-oca.png" width="80px" height="auto">
|
|
</div>
|
|
</div>
|
|
<!-- End of Footer -->
|
|
</div>
|
|
</div>
|