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.
511 lines
34 KiB
511 lines
34 KiB
<odoo>
|
|
<template id="homepage_snippet_insertion" inherit_id="website.homepage">
|
|
<xpath expr="//div[@id='wrap']" position="replace">
|
|
<div id="wrap" class="oe_structure oe_empty o_editable">
|
|
<section class="container oe_structure offer_snippet" style="margin-bottom: 5px;">
|
|
<div class="oe_structure"/>
|
|
<div class="wrapper">
|
|
<div class="container">
|
|
<div class="owl-carousel oe_structure owl-carosel-hero"
|
|
id="offer_product_carousel">
|
|
<div class="st-hero_section item">
|
|
<h3 class="st-hero__headline">Explore Our New Fashion Sale
|
|
</h3>
|
|
<a href="/shop">
|
|
<button class="btn st-btn__sm">Shop Now</button>
|
|
</a>
|
|
<div class="st-hero__img ">
|
|
<img src="/theme_shopping/static/src/images/hero-img.jpg"
|
|
alt="" class="st-auto-image"/>
|
|
</div>
|
|
</div>
|
|
<div class="st-hero_section item">
|
|
<h3 class="st-hero__headline">Explore Our New Fashion Sale
|
|
</h3>
|
|
<a href="/shop">
|
|
<button class="btn st-btn__sm">Shop Now</button>
|
|
</a>
|
|
|
|
<div class="st-hero__img">
|
|
<img src="/theme_shopping/static/src/images/hero-img.jpg"
|
|
alt="" class="st-auto-image"/>
|
|
</div>
|
|
</div>
|
|
<div class="st-hero_section item">
|
|
<h3 class="st-hero__headline">Explore Our New Fashion Sale
|
|
</h3>
|
|
<a href="/shop">
|
|
<button class="btn st-btn__sm">Shop Now</button>
|
|
</a>
|
|
|
|
<div class="st-hero__img">
|
|
<img src="/theme_shopping/static/src/images/hero-img.jpg"
|
|
alt="" class="st-auto-image"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="container oe_structure testimonial-section">
|
|
<div class="oe_structure"/>
|
|
<div class="wrapper">
|
|
<div class="container">
|
|
<div class="st-wrapper"
|
|
style="background-color: #ccccb3; padding:10px; border-radius: 10px;">
|
|
<div class="row p-3">
|
|
<!-- Testimonial Header Section -->
|
|
<div class="col-md-4">
|
|
<span class="st-sm_highlight st-sm__testimonial--head">Testimonial</span>
|
|
<h3 class="st-abt__main--heading">What people say About Our Company</h3>
|
|
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
|
|
</p>
|
|
<center>
|
|
<a type="add_review" id="add_testimonial"
|
|
style="color: black; display:block !important; text-decoration: none; cursor:pointer; !important;">
|
|
> Add your Testimonial
|
|
</a>
|
|
</center>
|
|
</div>
|
|
|
|
<!-- Testimonial Carousel Section -->
|
|
<div class="col-md-8">
|
|
<div class="d-flex owl-carousel owl-carousel-about" id="testimonial_carousel">
|
|
<!-- Testimonials will be dynamically inserted here by JavaScript -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Testimonial Submission Form -->
|
|
<div class="row p-3 justify-content-center testimonial_form" id="testimonial_form">
|
|
<form id="testimonialSubmitForm" action="/website/testimonial/submit" method="post">
|
|
<textarea id="testimonial" class="form-control" rows="4" required="required"
|
|
placeholder="Share your experience..."/>
|
|
<center>
|
|
<button type="submit" id="submit_testimonial" class="btn btn-dark mt-3">
|
|
Submit
|
|
</button>
|
|
</center>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="st-secondary_wrapper">
|
|
<div class="oe_structure"/>
|
|
<div class="wrapper">
|
|
<div class="container py-5">
|
|
<h3 class="st-abt__main--heading">Introducing our team members</h3>
|
|
<div class="row my-md-5">
|
|
<div class=" col-6 col-md-3">
|
|
<div class="st-aboutus_team-imgcontainer">
|
|
<img src="/theme_shopping/static/src/images/team-member1.png" alt="team"
|
|
class="st-auto-image img-fluid"/>
|
|
</div>
|
|
<span class="st-aboutus_light--text d-block ">Project Manager</span>
|
|
</div>
|
|
<div class=" col-6 col-md-3">
|
|
<div class="st-aboutus_team-imgcontainer">
|
|
<img src="/theme_shopping/static/src/images/team-member2.png" alt="team"
|
|
class="st-auto-image img-fluid"/>
|
|
</div>
|
|
<span class="st-aboutus_light--text d-block ">Marketing Manager</span>
|
|
</div>
|
|
<div class=" col-6 col-md-3">
|
|
<div class="st-aboutus_team-imgcontainer">
|
|
<img src="/theme_shopping/static/src/images/team-member3.png" alt="team"
|
|
class="st-auto-image img-fluid"/>
|
|
</div>
|
|
<span class="st-aboutus_light--text d-block ">Developer</span>
|
|
</div>
|
|
<div class=" col-6 col-md-3">
|
|
<div class="st-aboutus_team-imgcontainer">
|
|
<img src="/theme_shopping/static/src/images/team-member4.png" alt="team"
|
|
class="st-auto-image img-fluid"/>
|
|
</div>
|
|
<span class="st-aboutus_light--text d-block ">Designer</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="st-secondary_wrapper">
|
|
<div class="oe_structure"/>
|
|
<div class="wrapper">
|
|
<div class="container ">
|
|
<div class="row py-4">
|
|
<div class="col-12 col-md-4 my-md-5">
|
|
<h3 class="st-abt__main--heading">Frequently Asked Questions</h3>
|
|
</div>
|
|
<div class="col-12 col-md-8 my-md-5">
|
|
<div id="accordionExample">
|
|
<div class="accordion-item st-accordion__item">
|
|
<h2 class="accordion-header" id="headingOne">
|
|
<button class="accordion-button st_accordion-btn"
|
|
type="button"
|
|
data-bs-toggle="collapse"
|
|
data-bs-target="#collapseOne"
|
|
aria-expanded="true"
|
|
aria-controls="collapseOne">
|
|
<span style="margin-left:10px !important; padding:5px;">How to
|
|
return my product ?
|
|
</span>
|
|
</button>
|
|
</h2>
|
|
<div id="collapseOne"
|
|
class="accordion-collapse collapse show"
|
|
aria-labelledby="headingOne"
|
|
data-bs-parent="#accordionExample">
|
|
<div class="accordion-body st-accordion__body">
|
|
Lorem Ipsum is simply dummy text of the
|
|
printing and typesetting industry. Lorem
|
|
Ipsum has been the industry's standard
|
|
dummy text ever since the 1500s.Lorem
|
|
Ipsum is simply dummy text of the
|
|
printing and typesetting industry. Lorem
|
|
Ipsum has been the industry's standard dummy
|
|
text ever since the 1500s.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="accordion-item st-accordion__item">
|
|
<h2 class="accordion-header" id="headingTwo">
|
|
<button class="accordion-button collapsed st_accordion-btn"
|
|
type="button"
|
|
data-bs-toggle="collapse"
|
|
data-bs-target="#collapseTwo"
|
|
aria-expanded="false"
|
|
aria-controls="collapseTwo">
|
|
<span style="margin-left:10px !important; padding:5px;">How to
|
|
return my product ?
|
|
</span>
|
|
</button>
|
|
</h2>
|
|
<div id="collapseTwo"
|
|
class="accordion-collapse collapse"
|
|
aria-labelledby="headingTwo"
|
|
data-bs-parent="#accordionExample">
|
|
<div class="accordion-body st-accordion__body">
|
|
<strong>This is the second item's
|
|
accordion body.
|
|
</strong>
|
|
It is hidden by
|
|
default, until the collapse plugin adds
|
|
the appropriate classes that we use to
|
|
style each element. These classes
|
|
control the overall appearance, as well
|
|
as the
|
|
showing and hiding via CSS transitions.
|
|
You can modify any of this with custom
|
|
CSS or overriding our default variables.
|
|
It's also worth noting that just about
|
|
any HTML can go within the <code>
|
|
.accordion-body</code>, though the
|
|
transition
|
|
does limit overflow.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="accordion-item st-accordion__item">
|
|
<h2 class="accordion-header" id="headingThree">
|
|
<button class="accordion-button collapsed st_accordion-btn"
|
|
type="button"
|
|
data-bs-toggle="collapse"
|
|
data-bs-target="#collapseThree"
|
|
aria-expanded="false"
|
|
aria-controls="collapseThree">
|
|
<span style="margin-left:10px !important; padding:5px;">How to
|
|
return my product ?
|
|
</span>
|
|
</button>
|
|
</h2>
|
|
<div id="collapseThree"
|
|
class="accordion-collapse collapse"
|
|
aria-labelledby="headingThree"
|
|
data-bs-parent="#accordionExample">
|
|
<div class="accordion-body st-accordion__body">
|
|
<strong>This is the third item's
|
|
accordion body.
|
|
</strong>
|
|
It is hidden by
|
|
default, until the collapse plugin adds
|
|
the appropriate classes that we use to
|
|
style each element. These classes
|
|
control the overall appearance, as well
|
|
as the
|
|
showing and hiding via CSS transitions.
|
|
You can modify any of this with custom
|
|
CSS or overriding our default variables.
|
|
It's also worth noting that just about
|
|
any HTML can go within the <code>
|
|
.accordion-body</code>, though the
|
|
transition
|
|
does limit overflow.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="container py-md-5 price_collection">
|
|
<div class="oe_structure"/>
|
|
<div class="wrapper">
|
|
<div class="container ">
|
|
<div class="st-wrapper">
|
|
<div class="row">
|
|
<div class="col-12 col-md-4 mt-4">
|
|
<div class="st-home_offer-container">
|
|
<div class="st-home_offer-container-head">
|
|
<span class="st-home_offer-headline">Upto
|
|
80%
|
|
</span>
|
|
<span>
|
|
<a href="/shop" class="st-home_more-offer--link">
|
|
See All
|
|
</a>
|
|
</span>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6 p-0">
|
|
<div class="st-home_offer--box">
|
|
<img
|
|
src="/theme_shopping/static/src/images/fd41c182ff914d211fbbcdc1ee0f5cb1.jpg"
|
|
alt=""
|
|
class="st-auto-image"/>
|
|
<div class="st-home_category--name">
|
|
Mobile
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 p-0">
|
|
<div class="st-home_offer--box">
|
|
<img
|
|
src="/theme_shopping/static/src/images/d1b5c24cef48507521eeba649bd1f0cf.png"
|
|
alt=""
|
|
class="st-auto-image"/>
|
|
<div class="st-home_category--name">Kids
|
|
Wear
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 p-0">
|
|
<div class="st-home_offer--box">
|
|
<img
|
|
src="/theme_shopping/static/src/images/71f69b8cc982b3cddda12c64ad7d45fe.png"
|
|
alt=""
|
|
class="st-auto-image"/>
|
|
<div class="st-home_category--name">Air
|
|
Conditioner
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 p-0">
|
|
<div class="st-home_offer--box">
|
|
<img
|
|
src="/theme_shopping/static/src/images/08a99f081b7c7fc04c182881ad4d1cb1.jpg"
|
|
alt=""
|
|
class="st-auto-image"/>
|
|
<div class="st-home_category--name">
|
|
Watches
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-4 mt-4">
|
|
<div class="st-home_offer-container">
|
|
<div class="st-home_offer-container-head">
|
|
<span class="st-home_offer-headline">Under
|
|
$200
|
|
</span>
|
|
<span>
|
|
<a href="/shop" class="st-home_more-offer--link">
|
|
See All
|
|
</a>
|
|
</span>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6 p-0">
|
|
<div class="st-home_offer--box">
|
|
<img
|
|
src="/theme_shopping/static/src/images/fd41c182ff914d211fbbcdc1ee0f5cb1.jpg"
|
|
alt=""
|
|
class="st-auto-image"/>
|
|
<div class="st-home_category--name">
|
|
Mobile
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 p-0">
|
|
<div class="st-home_offer--box">
|
|
<img
|
|
src="/theme_shopping/static/src/images/d1b5c24cef48507521eeba649bd1f0cf.png"
|
|
alt=""
|
|
class="st-auto-image"/>
|
|
<div class="st-home_category--name">Kids
|
|
Wear
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 p-0">
|
|
<div class="st-home_offer--box">
|
|
<img
|
|
src="/theme_shopping/static/src/images/71f69b8cc982b3cddda12c64ad7d45fe.png"
|
|
alt=""
|
|
class="st-auto-image"/>
|
|
<div class="st-home_category--name">Air
|
|
Conditioner
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 p-0">
|
|
<div class="st-home_offer--box">
|
|
<img
|
|
src="/theme_shopping/static/src/images/08a99f081b7c7fc04c182881ad4d1cb1.jpg"
|
|
alt=""
|
|
class="st-auto-image"/>
|
|
<div class="st-home_category--name">
|
|
Watches
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-4 mt-4">
|
|
<div class="st-home_offer-container">
|
|
<div class="st-home_offer-container-head">
|
|
<span class="st-home_offer-headline">Under
|
|
$500
|
|
</span>
|
|
<span>
|
|
<a href="/shop" class="st-home_more-offer--link">
|
|
See All
|
|
</a>
|
|
</span>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6 p-0">
|
|
<div class="st-home_offer--box">
|
|
<img src="/theme_shopping/static/src/images/lamp.png" alt=""
|
|
class="st-auto-image"/>
|
|
<div class="st-home_category--name">
|
|
Lamp
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 p-0">
|
|
<div class="st-home_offer--box">
|
|
<img
|
|
src="/theme_shopping/static/src/images/d1b5c24cef48507521eeba649bd1f0cf.png"
|
|
alt=""
|
|
class="st-auto-image"/>
|
|
<div class="st-home_category--name">Kids
|
|
Wear
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 p-0">
|
|
<div class="st-home_offer--box">
|
|
<img src="/theme_shopping/static/src/images/bottle.png" alt=""
|
|
class="st-auto-image"/>
|
|
<div class="st-home_category--name">
|
|
Water Bottle
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 p-0">
|
|
<div class="st-home_offer--box">
|
|
<img src="/theme_shopping/static/src/images/wallet.png" alt=""
|
|
class="st-auto-image"/>
|
|
<div class="st-home_category--name">
|
|
Wallet
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="container py-md-5 subscription_template" style="height:400px">
|
|
<div class="oe_structure"/>
|
|
<div class="wrapper">
|
|
<div class="container ">
|
|
<div class="row">
|
|
<div class="st-newsletter__container">
|
|
<h3 class="st-newsletter__header">SUBSCRIBE TO OUR NEWSLETTER</h3>
|
|
<p class="st-newsletter_subline">Get the latest discount,offers, special promo code
|
|
and much more by
|
|
subscribing to our newsletter
|
|
</p>
|
|
<div class="st-newsletter_input-box s_newsletter_subscribe_form" data-vxml="001"
|
|
data-list-id="0"
|
|
data-name="Newsletter Form">
|
|
<div class="input-group">
|
|
<input class="st-newsletter_input form-control"
|
|
type="email" name="email"
|
|
placeholder="Enter your email"/>
|
|
<div class="input-group-append">
|
|
<a role="button" href="#"
|
|
class="input-group-text btn st-newsletter_subscribe--btn js_subscribe_btn o_submit">
|
|
SUBSCRIBE
|
|
<i
|
|
class="fa fa-arrow-right" style="margin-left: 5px;"/>
|
|
</a>
|
|
<a role="button" href="#"
|
|
class="input-group-text btn js_subscribed_btn d-none o_submit"
|
|
disabled="disabled">Thanks
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="container py-md-5 ">
|
|
<div class="oe_structure"/>
|
|
<div class="wrapper">
|
|
<div class="container ">
|
|
<div class="st-wrapper">
|
|
<div class="st-product-list__header">
|
|
<h3 class="st-section__head">Top Deals</h3>
|
|
<a href="/shop" class="st-link">View all</a>
|
|
</div>
|
|
<div class="best_deal_products_carousel">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="container py-md-5 ">
|
|
<div class="oe_structure"/>
|
|
<div class="wrapper">
|
|
<div class="container ">
|
|
<div class="st-wrapper">
|
|
<div class="st-product-list__header">
|
|
<h3 class="st-section__head">Winter Collections</h3>
|
|
<a href="/shop" class="st-link">View all</a>
|
|
</div>
|
|
<div class="winter_products_carousel">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</xpath>
|
|
</template>
|
|
</odoo>
|