feat: implement theme_prime and theme_vibrant_marketplace with comprehensive assets, custom snippets, and core frontend logic.(ver 17 not upgrate yet)
This commit is contained in:
hoangvv
@@ -0,0 +1,328 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<!-- Product snippet -->
|
||||
<template id="s_d_products_snippet" name="Products Cards">
|
||||
<section contenteditable="false" class="tp-droggol-builder-snippet dr_not_editable s_d_products_snippet_wrapper text-center" data-tp-snippet-id="s_d_products_snippet">
|
||||
<div class="s_d_products_snippet container o_not_editable"/>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- Product Countdown Slider -->
|
||||
<template id="s_d_single_product_count_down" name="Countdown Slider">
|
||||
<section contenteditable="false" class="s_d_single_product_count_down_wrapper dr_not_editable tp-droggol-builder-snippet pt32 pb32" data-tp-snippet-id="s_d_single_product_count_down">
|
||||
<div class="s_d_single_product_count_down container-fluid o_not_editable"/>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- Product Category Tabs -->
|
||||
<template id="s_d_category_snippet" name="Product Category Tabs">
|
||||
<section contenteditable="false" class="tp-droggol-builder-snippet s_d_category_snippet_wrapper text-center" data-tp-snippet-id="s_d_category_snippet">
|
||||
<div class="s_d_category_snippet container o_not_editable"/>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- Single Category Snippet -->
|
||||
<template id="s_d_single_category_snippet" name="Featured Category">
|
||||
<section class="tp-droggol-builder-snippet s_d_single_category_snippet_wrapper" data-tp-snippet-id="s_d_single_category_snippet">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_resize">
|
||||
<div class="d-none d-lg-block col-lg-4 position-relative">
|
||||
<div class="tp-editor-bg-image shadow d_category_image_block p-3" style="background-image:url('/web/image/theme_prime.s_gallery_01');">
|
||||
<div class="banner-text text-center p-3">
|
||||
<h4 class="fw-bold">For Women</h4>
|
||||
<p class="mb-0 text-muted">Starting at $24</p>
|
||||
<div class="mt-2">
|
||||
<a href="/shop" class="btn btn-primary">Shop Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div contenteditable="false" class="col-12 col-lg-8 s_d_single_category_snippet dr_not_editable o_not_editable"/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- Single Product Snippet -->
|
||||
<template id="s_d_single_product_snippet" name="Full Products">
|
||||
<section contenteditable="false" class="s_d_single_product_snippet_wrapper tp-droggol-builder-snippet pt32 pb32" data-tp-snippet-id="s_d_single_product_snippet">
|
||||
<div class="d_single_product_continer container dr_not_editable o_not_editable mb-4"/>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- Single Product Cover Snippet -->
|
||||
<template id="s_d_single_product_cover_snippet" name="Full Products + Cover">
|
||||
<section class="s_d_single_product_cover_snippet_wrapper tp-show-variant-image tp-droggol-builder-snippet pb64 pt64" data-tp-snippet-id="s_d_single_product_cover_snippet">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="order-lg-2 mb-4 mb-lg-0 col-lg-7 offset-lg-1">
|
||||
<img class="img img-fluid mx-auto tp-variant-image" src="/droggol_theme_common/static/src/img/s_d_single_product_cover_snippet.png" alt="Cover Image 01"></img>
|
||||
</div>
|
||||
<div class="order-lg-1 col-lg-4">
|
||||
<div contenteditable="false" class="s_d_single_product_cover_snippet border dr_not_editable shadow-sm tp-rounded-border p-3 p-md-5 bg-white"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- Top Categories -->
|
||||
<template id="s_d_top_categories" name="Top Categories">
|
||||
<section contenteditable="false" class="s_d_top_categories dr_not_editable tp-droggol-builder-snippet pt32 pb32" data-tp-snippet-id="s_d_top_categories">
|
||||
<div class="container dr_not_editable s_d_top_categories_container"/>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- 2 col deal -->
|
||||
<template id="s_d_2_column_snippet" name="2 Column Deals">
|
||||
<section class="s_d_2_column_snippet pt32 pb32">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="mt-4">
|
||||
<h3 class="s_d_full_title">
|
||||
<span class="s_d_title_text"><p class="mb-0 d-inline-block"> Super Deal</p></span>
|
||||
</h3>
|
||||
</div>
|
||||
<div contenteditable="false" class="s_d_product_count_down dr_not_editable tp-droggol-builder-snippet" data-tp-snippet-id="s_d_product_count_down"/>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="mt-4">
|
||||
<h3 class="s_d_full_title">
|
||||
<span class="s_d_title_text"><p class="mb-0 d-inline-block"> Featured Products</p></span>
|
||||
</h3>
|
||||
</div>
|
||||
<div contenteditable="false" class="s_d_product_small_block tp-droggol-builder-snippet dr_not_editable" data-tp-snippet-id="s_d_product_small_block"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- 2 col deal -->
|
||||
<template id="s_category_brands" name="Categories & Brands">
|
||||
<section class="s_category_brands mt-n5">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div contenteditable="false" data-tp-res-model="product.public.category" class="s_category_small mb-3 bg-white border tp-rounded-border shadow-sm dr_not_editable tp-droggol-builder-snippet" data-tp-snippet-id="s_category_small"/>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div contenteditable="false" data-tp-res-model="product.attribute.value" class="s_brands_small mb-3 tp-droggol-builder-snippet bg-white border tp-rounded-border shadow-sm dr_not_editable" data-tp-snippet-id="s_brands_small"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- Categories Menu -->
|
||||
<template id="s_tp_categories_menu" name="Categories Menu">
|
||||
<section class="s_tp_categories_menu tp-droggol-builder-snippet pt32 pb32" data-tp-snippet-id="s_tp_categories_menu">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-3 d-none dr_not_editable d-xl-block">
|
||||
<t t-call="droggol_theme_common.s_mega_menu_category_tabs_snippet">
|
||||
<t t-set="_drClasses" t-value="'tp-side-menu'"/>
|
||||
</t>
|
||||
</div>
|
||||
<div class="col-xl-9">
|
||||
<t t-call="theme_prime.s_cover_2"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- Image + Products Cards -->
|
||||
<template id="s_d_image_products_block" name="Image + Products Cards">
|
||||
<section class="tp-droggol-builder-snippet s_banner_2 s_d_image_products_block_wrapper pt64 pb64" data-tp-snippet-id="s_d_image_products_block">
|
||||
<div class="container">
|
||||
<div class="row s_animation_block_2">
|
||||
<div class="col-12 col-md-3 py-3 tp-block-container">
|
||||
<div class="tp-block-wrapper h-100">
|
||||
<div class="tp-block-container h-100 tp-editor-bg-image oe_img_bg o_bg_img_center" style="background-image: url('/web/image/theme_prime.s_gallery_01');">
|
||||
<div class="tp-block-content h-100 w-100">
|
||||
<h2 class="tp-title text-center w-100">Trending Products</h2>
|
||||
<div class="tp-subtitle text-center w-100">
|
||||
<p class="o_default_snippet_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.</p>
|
||||
<a href="/shop" class="btn btn-primary o_default_snippet_text">Shop Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<h3 class="s_d_full_title mt-2">
|
||||
<span class="s_d_title_text px-2">
|
||||
<p class="mb-0 d-inline-block o_default_snippet_text"> Super Deal</p>
|
||||
</span>
|
||||
</h3>
|
||||
<div contenteditable="false" class="s_d_image_products_block dr_not_editable"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- Category Snippet -->
|
||||
<template id="s_category_snippet" name="Categories Grids">
|
||||
<section contenteditable="false" class="tp-droggol-builder-snippet s_category_snippet_wrapper pt64 pb64 " data-tp-snippet-id="s_category_snippet">
|
||||
<div class="container s_category_snippet dr_not_editable"/>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- Mega Menu -->
|
||||
<template id="s_tp_hierarchical_category_snippet" name="Categories">
|
||||
<section contenteditable="false" class="s_tp_hierarchical_category_snippet tp-droggol-builder-snippet pt32 pb32" data-tp-snippet-id="s_tp_hierarchical_category_snippet">
|
||||
<div class="container s_tp_hierarchical_category_wrapper"/>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_d_brand_snippet" name="Brands">
|
||||
<section class="s_d_brand_snippet_wrapper tp-droggol-builder-snippet pt32 pb32" data-tp-snippet-id="s_d_brand_snippet">
|
||||
<div class="container s_d_brand_snippet position-relative"/>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_d_products_grid" name="Product Hero Grid">
|
||||
<section contenteditable="false" data-ui-config-info='{"activeActions":["rating","quick_view","add_to_cart","comparison","wishlist","category_info","label","show_similar"],"style":"s_card_style_3","mode":"slider","ppr":3}' class="s_d_products_grid_wrapper tp-droggol-builder-snippet pt32 pb32" data-tp-snippet-id="s_d_products_grid">
|
||||
<div class="container s_d_products_grids dr_not_editable"/>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_tp_documents_snippet" name="Documents">
|
||||
<section class="s_tp_documents_snippet pt40 pb40">
|
||||
<div class="container s_tp_documents_snippet_container">
|
||||
<div class="row s_tp_documents_snippet_row">
|
||||
<div class="alert alert-info w-100 css_non_editable_mode_hidden text-center o_colored_level" role="status">
|
||||
<span class="tp_add_documents fw-bold" style="cursor: pointer;"><i class="fa fa-plus-circle"></i> Add Documents</span>
|
||||
<div class="small pt-1"><i class="fa fa-warning"></i> External Documents will not work</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_two_column_cards" name="Two Column Cards">
|
||||
<section contenteditable="false" class="s_two_column_card_wrapper tp-droggol-builder-snippet pt32 pb32" data-tp-snippet-id="s_two_column_cards">
|
||||
<div class="container s_two_column_cards dr_not_editable"/>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_product_listing_cards" name="Product Listing">
|
||||
<section contenteditable="false" class="s_product_listing_cards_wrapper tp-droggol-builder-snippet pt32 pb32" data-tp-snippet-id="s_product_listing_cards">
|
||||
<div class="container s_product_listing_cards dr_not_editable"/>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_product_listing_tabs" name="Product Listing Tabs">
|
||||
<section contenteditable="false" class="s_product_listing_tabs_wrapper tp-droggol-builder-snippet pt32 pb32" data-ui-config-info='{"style":"s_card_style_1","mode":"slider","tabStyle":"tp-droggol-builder-snippet-tab-1", "bestseller":true,"newArrived":true,"discount":true,"activeActions":["rating", "quick_view", "add_to_cart", "comparison", "wishlist", "category_info", "label"],"model":"product.template", "ppr":4, "limit":6, "mobileConfig": { "style": "default", "mode": "default" }}' data-tp-snippet-id="s_product_listing_tabs">
|
||||
<div class="container s_product_listing_tabs dr_not_editable"/>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_products_by_brands_tabs" name="Products By Brands Tabs">
|
||||
<section contenteditable="false" class="s_products_by_brands_tabs_wrapper tp-droggol-builder-snippet pt32 pb32" data-tp-snippet-id="s_products_by_brands_tabs">
|
||||
<div class="container s_products_by_brands_tabs dr_not_editable"/>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_image_product_listing_cards" name="Image + Product Listing">
|
||||
<section class="s_image_product_listing_cards_wrapper tp-droggol-builder-snippet pt64 pb64 bg-100" data-ui-config-info='{"style":"tp_product_list_cards_1","bestseller":true,"newArrived":true,"discount":true,"activeActions":[],"model":"product.template", "header":"tp_product_list_header_1", "limit": 5}' data-tp-snippet-id="s_image_product_listing_cards">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-4 text-center">
|
||||
<div class="tp-editor-bg-image oe_img_bg oe_custom_bg pt40 mb-3" style="height:100%;background-image: url('/web/image/theme_prime.s_banner_9_1');">
|
||||
<h5 class="fw-light mb-2">Hurry up! Limited time offer</h5>
|
||||
<h6 class="mb-3 fw-bold">New Hoodie Collection</h6>
|
||||
<a class="btn btn-primary" href="#">Shop now</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-8 pt16 pb32">
|
||||
<div contenteditable="false" class="container s_product_listing_cards dr_not_editable"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- Generic Options -->
|
||||
<template id="tp_snippet_options_background_options" inherit_id="web_editor.snippet_options_background_options">
|
||||
<xpath expr="//we-row[@t-if='with_colors or with_images']" position="after">
|
||||
<we-checkbox string="Gradient Animation" data-select-class="tp-gradient-animation" data-no-preview="true"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="tp_options" inherit_id="website.snippet_options">
|
||||
<xpath expr="." position="inside">
|
||||
<div data-js="s_tp_documents_snippet" data-selector=".s_tp_documents_snippet">
|
||||
<we-button data-manage-documents="true" data-no-preview="true">
|
||||
<i class="fa fa-cogs fa-fw"/> Manage Documents
|
||||
</we-button>
|
||||
</div>
|
||||
<div data-js="tp_dynamic_snippet" data-selector=".tp-droggol-builder-snippet">
|
||||
<we-button data-set-grid="true" data-no-preview="true">
|
||||
<i class="fa fa-shopping-cart fa-fw"/> Manage Snippet
|
||||
</we-button>
|
||||
<we-checkbox string="Enable Lazy Loading" data-select-class="tp-snippet-shiftless-enable" data-no-preview="true"/>
|
||||
<we-checkbox data-name="show_variant_image" string="Show variant image" data-select-class="tp-show-variant-image" data-no-preview="true"/>
|
||||
</div>
|
||||
<div data-js="TpImageHotspot" data-selector="img">
|
||||
<we-row>
|
||||
<we-checkbox string="Enable hotspot" data-toggle-img-hotspot="true" data-no-preview="true"/>
|
||||
<we-button data-name="add_hotspot" data-add-hotspot="true" title="ADD HOTSPOT" data-no-preview="true">
|
||||
<i class="fa fa-fw fa-plus pe-1"/> Add hotspot
|
||||
</we-button>
|
||||
</we-row>
|
||||
</div>
|
||||
<div data-js="TpImageHeightWidth" data-selector="img.img-fluid">
|
||||
<we-checkbox string="Adjust Height/Width" data-toggle-height-width="true" data-no-preview="true"/>
|
||||
<we-input data-name="dr_height_option" string="Height" data-no-preview="true" data-select-attribute="" class="o_we_large" placeholder="Height" data-attribute-name="height"/>
|
||||
<we-input data-name="dr_width_option" string="Width" data-no-preview="true" data-select-attribute="" class="o_we_large" placeholder="Width" data-attribute-name="width"/>
|
||||
</div>
|
||||
<div data-js="TpImageHotspotConfig" data-selector=".tp_hotspot">
|
||||
<we-row>
|
||||
<we-select data-no-preview="true" string="Type" data-attribute-name="hotspotType">
|
||||
<we-button data-set-hotspot-type="static" data-name="static_hotspot" data-select-data-attribute="static">Static</we-button>
|
||||
<we-button data-set-hotspot-type="dynamic" data-name="dynamic_hotspot" data-select-data-attribute="dynamic">Dynamic</we-button>
|
||||
</we-select>
|
||||
<we-button title="Preview" data-name="hotspot_priview" data-dependencies="static_hotspot" data-render-hotspot-preview="true" data-no-preview="true">
|
||||
<!-- HACK pe-1 -->
|
||||
<i class="fa fa-fw fa-eye pe-1"/>
|
||||
</we-button>
|
||||
</we-row>
|
||||
<we-row>
|
||||
<we-select data-no-preview="true" data-attribute-name="onHotspotClick" data-dependencies="dynamic_hotspot" class="o_we_large_input" string="On Click">
|
||||
<we-button data-select-data-attribute="popover">Popover</we-button>
|
||||
<we-button data-select-data-attribute="modal">Modal</we-button>
|
||||
</we-select>
|
||||
<we-button data-set-product="" data-no-preview="true" data-dependencies="dynamic_hotspot"><i class="dri dri-cart pe-1"/> Set Product</we-button>
|
||||
</we-row>
|
||||
<we-select string="Theme">
|
||||
<we-button data-select-class="tp-hotspot-primary">Primary</we-button>
|
||||
<we-button data-select-class="tp-hotspot-light">Light</we-button>
|
||||
<we-button data-select-class="tp-hotspot-dark">Dark</we-button>
|
||||
</we-select>
|
||||
<we-select string="Style">
|
||||
<we-button data-select-class="tp_hotspot_style_1">Style - 1</we-button>
|
||||
<we-button data-select-class="tp_hotspot_style_2">Style - 2</we-button>
|
||||
<we-button data-select-class="tp_hotspot_style_3">Style - 3</we-button>
|
||||
<we-button data-select-class="tp_hotspot_style_4">Style - 4</we-button>
|
||||
</we-select>
|
||||
<we-input string="Title" data-dependencies="static_hotspot" class="o_we_large" placeholder="Title" data-set-title-text=""/>
|
||||
<we-input string="Subtitle" data-dependencies="static_hotspot" class="o_we_large" placeholder="Subtitle" data-set-subtitle-text=""/>
|
||||
<we-input string="Button Text" data-dependencies="static_hotspot" class="o_we_large" placeholder="Button" data-set-button-text=""/>
|
||||
<we-row>
|
||||
<we-input string="Button" data-dependencies="static_hotspot" class="o_we_large_input" placeholder="Link" data-set-button-link=""/>
|
||||
<we-button data-dependencies="static_hotspot" class="o_we_large_input" data-no-preview="true" data-set-static-image="">
|
||||
<i class="fa fa-image"/>
|
||||
</we-button>
|
||||
</we-row>
|
||||
<we-range string="Top" data-max="100" data-set-top=" " data-step="1"/>
|
||||
<we-range string="Left" data-max="100" data-set-left=" " data-step="1"/>
|
||||
</div>
|
||||
</xpath>
|
||||
<xpath expr="//div[@data-js='layout_column']" position="attributes">
|
||||
<attribute name="data-exclude" add=", .tp-droggol-builder-snippet" separator=","/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,593 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_banner_1" name="Banner - 1">
|
||||
<section class="s_banner_1 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 col-md-6 col-xl-4 py-3">
|
||||
<div class="tp-block-container tp-editor-bg-image position-relative" style="background-image: url('/web/image/theme_prime.s_banner_1_1')">
|
||||
<div class="tp-block-content h-100 w-100">
|
||||
<h2 class="tp-title text-center w-100">New Arrival</h2>
|
||||
<div class="tp-subtitle px-3 text-center w-100">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.</p>
|
||||
<a href="/shop" class="btn btn-primary">Shop Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-xl-4 py-3">
|
||||
<div class="tp-block-container tp-editor-bg-image position-relative" style="background-image: url('/web/image/theme_prime.s_banner_1_2')">
|
||||
<div class="tp-block-content h-100 w-100">
|
||||
<h2 class="tp-title text-center w-100">Trending Products</h2>
|
||||
<div class="tp-subtitle px-3 text-center w-100">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.</p>
|
||||
<a href="/shop" class="btn btn-primary">Shop Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-xl-4 py-3">
|
||||
<div class="tp-block-container tp-editor-bg-image position-relative" style="background-image: url('/web/image/theme_prime.s_banner_1_3')">
|
||||
<div class="tp-block-content h-100 w-100">
|
||||
<h2 class="tp-title text-center w-100">New Collection</h2>
|
||||
<div class="tp-subtitle px-3 text-center w-100">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.</p>
|
||||
<a href="/shop" class="btn btn-primary">Shop Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_banner_2" name="Banner - 2">
|
||||
<section class="s_banner_2 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 col-md-6 col-xl-4 py-3">
|
||||
<div class="tp-block-wrapper">
|
||||
<div class="tp-block-container tp-editor-bg-image" style="background-image: url('/web/image/theme_prime.s_banner_1_1')">
|
||||
<div class="tp-block-content h-100 w-100">
|
||||
<h2 class="tp-title text-center w-100">New Arrival</h2>
|
||||
<div class="tp-subtitle text-center w-100">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.</p>
|
||||
<a href="/shop" class="btn btn-primary">Shop Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-xl-4 py-3">
|
||||
<div class="tp-block-wrapper">
|
||||
<div class="tp-block-container tp-editor-bg-image" style="background-image: url('/web/image/theme_prime.s_banner_1_2')">
|
||||
<div class="tp-block-content h-100 w-100">
|
||||
<h2 class="tp-title text-center w-100">Trending Products</h2>
|
||||
<div class="tp-subtitle text-center w-100">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.</p>
|
||||
<a href="/shop" class="btn btn-primary">Shop Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-xl-4 py-3">
|
||||
<div class="tp-block-wrapper">
|
||||
<div class="tp-block-container tp-editor-bg-image" style="background-image: url('/web/image/theme_prime.s_banner_1_3')">
|
||||
<div class="tp-block-content h-100 w-100">
|
||||
<h2 class="tp-title text-center w-100">New Collection</h2>
|
||||
<div class="tp-subtitle text-center w-100">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.</p>
|
||||
<a href="/shop" class="btn btn-primary">Shop Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_banner_3" name="Banner - 3">
|
||||
<section class="s_banner_3 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor">
|
||||
<div class="col-12 col-lg-4 position-relative py-3">
|
||||
<div class="tp-animation-layla">
|
||||
<a href="#"><img src="/web/image/theme_prime.s_banner_3_1" class="w-100" alt="Banner Image 01"/></a>
|
||||
<div class="tp-banner-content tp-editor-bg-color-n-shadow o_cc o_cc1 rounded">
|
||||
<h5 class="text-center mb-0">Mens</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 position-relative py-3">
|
||||
<div class="tp-animation-layla">
|
||||
<a href="#"><img src="/web/image/theme_prime.s_banner_3_2" class="w-100" alt="Banner Image 02"/></a>
|
||||
<div class="tp-banner-content tp-editor-bg-color-n-shadow o_cc o_cc1 rounded">
|
||||
<h5 class="text-center mb-0">Womens</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 position-relative py-3">
|
||||
<div class="tp-animation-layla">
|
||||
<a href="#"><img src="/web/image/theme_prime.s_banner_3_3" class="w-100" alt="Banner Image 03"/></a>
|
||||
<div class="tp-banner-content tp-editor-bg-color-n-shadow o_cc o_cc1 rounded">
|
||||
<h5 class="text-center mb-0">Kids</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_banner_4" name="Banner - 4">
|
||||
<section class="s_banner_4 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor">
|
||||
<div class="col-12 col-lg-4 py-3">
|
||||
<div class="tp-animation-layla position-relative">
|
||||
<a href="#"><img src="/web/image/theme_prime.s_banner_4_1" class="w-100" alt="Banner Image 01"/></a>
|
||||
<div class="tp-banner-content">
|
||||
<h6>Collections</h6>
|
||||
<h2>Women</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 py-3">
|
||||
<div class="tp-animation-layla position-relative">
|
||||
<a href="#"><img src="/web/image/theme_prime.s_banner_4_2" class="w-100" alt="Banner Image 02"/></a>
|
||||
<div class="tp-banner-content">
|
||||
<h6>Collections</h6>
|
||||
<h2>Children</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 py-3">
|
||||
<div class="tp-animation-layla position-relative">
|
||||
<a href="#"><img src="/web/image/theme_prime.s_banner_4_3" class="w-100" alt="Banner Image 03"/></a>
|
||||
<div class="tp-banner-content">
|
||||
<h6>Collections</h6>
|
||||
<h2>Men</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_banner_5" name="Banner - 5">
|
||||
<section class="s_banner_5 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 col-lg-6 py-3">
|
||||
<div class="row g-0 s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 col-sm-6 o_cc o_cc2 pt80 pb80 tp-editor-bg-color-n-shadow">
|
||||
<div class="px-4 text-center">
|
||||
<h4>Featured</h4>
|
||||
<h4 class="text-o-color-1">Products</h4>
|
||||
<p class="mt16">Just some random content to break this paragraph into two line.</p>
|
||||
<a href="/shop" class="btn btn-primary mt16">Discover Now</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 oe_img_bg oe_custom_bg tp-editor-bg-image" style="background-image: url('/web/image/theme_prime.s_banner_5_1')"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-6 py-3">
|
||||
<div class="row g-0 s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 col-sm-6 o_cc o_cc2 pt80 pb80 tp-editor-bg-color-n-shadow">
|
||||
<div class="px-4 text-center">
|
||||
<h4>Fresh Arrival</h4>
|
||||
<h4 class="text-o-color-1">Products</h4>
|
||||
<p class="mt16">Just some random content to break this paragraph into two line.</p>
|
||||
<a href="/shop" class="btn btn-primary mt16">Discover Now</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 oe_img_bg oe_custom_bg tp-editor-bg-image" style="background-image: url('/web/image/theme_prime.s_banner_5_2')"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_banner_6" name="Banner - 6">
|
||||
<section class="s_banner_6 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 col-md-6 col-lg-4 py-3">
|
||||
<img src="/web/image/theme_prime.s_banner_6_1" class="img img-fluid" alt="Banner Image 01"/>
|
||||
<div class="tp-banner-content tp-editor-bg-color-n-shadow p-3 o_cc o_cc1 position-relative text-center border">
|
||||
<img src="/web/image/theme_prime.s_brand_1" class="img img-fluid" style="width: 25%;" alt="Banner Brand Image 01"/>
|
||||
<h4 class="mt-2">New Collection</h4>
|
||||
<p class="lead mb-1">Starting at $150.</p>
|
||||
<a href="#" class="btn btn-link">+ Explore Now</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 py-3">
|
||||
<img src="/web/image/theme_prime.s_banner_6_2" class="img img-fluid" alt="Banner Image 02"/>
|
||||
<div class="tp-banner-content tp-editor-bg-color-n-shadow p-3 o_cc o_cc1 position-relative text-center border">
|
||||
<img src="/web/image/theme_prime.s_brand_2" class="img img-fluid" style="width: 25%;" alt="Banner Brand Image 02"/>
|
||||
<h4 class="mt-2">Winter Collection</h4>
|
||||
<p class="lead mb-1">Starting at $99.</p>
|
||||
<a href="#" class="btn btn-link">+ Explore Now</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 py-3">
|
||||
<img src="/web/image/theme_prime.s_banner_6_3" class="img img-fluid" alt="Banner Image 03"/>
|
||||
<div class="tp-banner-content tp-editor-bg-color-n-shadow p-3 o_cc o_cc1 position-relative text-center border">
|
||||
<img src="/web/image/theme_prime.s_brand_3" class="img img-fluid" style="width: 25%;" alt="Banner Brand Image 03"/>
|
||||
<h4 class="mt-2">Trending Collection</h4>
|
||||
<p class="lead mb-1">Starting at $200.</p>
|
||||
<a href="#" class="btn btn-link">+ Explore Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_banner_7" name="Banner - 7">
|
||||
<section class="s_banner_7 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 col-md-6 col-lg-4 py-3">
|
||||
<div class="card">
|
||||
<img src="/web/image/theme_prime.s_brand_1" class="img img-fluid mx-auto" style="width: 25% !important; padding: 6px !important;" alt="Banner Brand Image 01"/>
|
||||
<img src="/web/image/theme_prime.s_banner_7_1" class="img img-fluid" alt="Banner Image 01"/>
|
||||
<div class="card-body">
|
||||
<h4 style="text-align: center;">Flat 50% Off</h4>
|
||||
<div style="text-align: center;"><a href="#" class="btn btn-link">+ Shop Now</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 py-3">
|
||||
<div class="card">
|
||||
<img src="/web/image/theme_prime.s_brand_2" class="img img-fluid mx-auto" style="width: 25% !important; padding: 6px !important;" alt="Banner Brand Image 02"/>
|
||||
<img src="/web/image/theme_prime.s_banner_7_2" class="img img-fluid" alt="Banner Image 02"/>
|
||||
<div class="card-body">
|
||||
<h4 style="text-align: center;">Up To 60% Off</h4>
|
||||
<div style="text-align: center;"><a href="#" class="btn btn-link">+ Shop Now</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 py-3">
|
||||
<div class="card">
|
||||
<img src="/web/image/theme_prime.s_brand_3" class="img img-fluid mx-auto" style="width: 25% !important; padding: 6px !important;" alt="Banner Brand Image 03"/>
|
||||
<img src="/web/image/theme_prime.s_banner_7_3" class="img img-fluid" alt="Banner Image 03"/>
|
||||
<div class="card-body">
|
||||
<h4 style="text-align: center;">Complimentary Gift</h4>
|
||||
<div style="text-align: center;"><a href="#" class="btn btn-link">+ Shop Now</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_banner_8" name="Banner - 8">
|
||||
<section class="s_banner_8 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 col-md-6 col-lg-4 py-3">
|
||||
<div class="card border-0 tp-bg-gradient-50-black tp-animation-scale">
|
||||
<img src="/web/image/theme_prime.s_banner_8_1" class="img img-fluid card-img-top" alt="Banner Image 01"/>
|
||||
<div class="tp-content p-3 d-flex align-items-center justify-content-between">
|
||||
<div>
|
||||
<h3 class="text-white">
|
||||
Up To 25% Off
|
||||
</h3>
|
||||
<h6 class="mb-0 text-white">
|
||||
On order above $60
|
||||
</h6>
|
||||
</div>
|
||||
<a href="#" class="btn btn-link"><i class="fa fa-chevron-right fa-2x text-white"/></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 py-3">
|
||||
<div class="card border-0 tp-bg-gradient-50-black tp-animation-scale">
|
||||
<img src="/web/image/theme_prime.s_banner_8_2" class="img img-fluid card-img-top" alt="Banner Image 02"/>
|
||||
<div class="tp-content p-3 d-flex align-items-center justify-content-between">
|
||||
<div>
|
||||
<h3 class="text-white">
|
||||
Up To 40% Off
|
||||
</h3>
|
||||
<h6 class="mb-0 text-white">
|
||||
On order above $80
|
||||
</h6>
|
||||
</div>
|
||||
<a href="#" class="btn btn-link"><i class="fa fa-chevron-right fa-2x text-white"/></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 py-3">
|
||||
<div class="card border-0 tp-bg-gradient-50-black tp-animation-scale">
|
||||
<img src="/web/image/theme_prime.s_banner_8_3" class="img img-fluid card-img-top" alt="Banner Image 03"/>
|
||||
<div class="tp-content p-3 d-flex align-items-center justify-content-between">
|
||||
<div>
|
||||
<h3 class="text-white">
|
||||
Up To 50% Off
|
||||
</h3>
|
||||
<h6 class="mb-0 text-white">
|
||||
On order above $100
|
||||
</h6>
|
||||
</div>
|
||||
<a href="#" class="btn btn-link"><i class="fa fa-chevron-right fa-2x text-white"/></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_banner_9" name="Banner - 9">
|
||||
<section class="s_banner_9 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 col-md-6 col-lg-4 py-3">
|
||||
<div class="card border-0 tp-bg-gradient-50-black tp-animation-scale">
|
||||
<img src="/web/image/theme_prime.s_banner_9_1" class="img img-fluid card-img-top" alt="Banner Image 01"/>
|
||||
<div class="tp-content p-3">
|
||||
<h3 class="text-white" style="text-align: center;">Personal Care</h3>
|
||||
<h6 class="text-white" style="text-align: center;">Amazing beauty products</h6>
|
||||
<div class="mt-4" style="text-align: center;"><a href="#"><font class="text-white">+ Explore More</font></a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 py-3">
|
||||
<div class="card border-0 tp-bg-gradient-50-black tp-animation-scale">
|
||||
<img src="/web/image/theme_prime.s_banner_9_2" class="img img-fluid card-img-top" alt="Banner Image 02"/>
|
||||
<div class="tp-content p-3">
|
||||
<h3 class="text-white" style="text-align: center;">Printed T-Shirts</h3>
|
||||
<h6 class="text-white" style="text-align: center;">International style</h6>
|
||||
<div class="mt-4" style="text-align: center;"><a href="#"><font class="text-white">+ Explore More</font></a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 py-3">
|
||||
<div class="card border-0 tp-bg-gradient-50-black tp-animation-scale">
|
||||
<img src="/web/image/theme_prime.s_banner_9_3" class="img img-fluid card-img-top" alt="Banner Image 03"/>
|
||||
<div class="tp-content p-3">
|
||||
<h3 class="text-white" style="text-align: center;">Winter Wear Fest</h3>
|
||||
<h6 class="text-white" style="text-align: center;">Shirts, Jeans & Waistcoats</h6>
|
||||
<div class="mt-4" style="text-align: center;"><a href="#"><font class="text-white">+ Explore More</font></a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_banner_10" name="Banner - 10">
|
||||
<section class="s_banner_10 parallax s_parallax_is_fixed pt56 pb56 s_parallax_no_overflow_hidden oe_img_bg o_bg_img_center" data-scroll-background-ratio="0" data-snippet="s_banner_10" data-name="Banner - 10" style="background-image: url('/web/image/theme_prime.s_banner_10_1'); background-position: 50% 0;">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12">
|
||||
<h4 style="text-align: center;">Hurry up!</h4>
|
||||
<h2 style="text-align: center;" class="display-3 fw-bold">HUGE SALE!</h2>
|
||||
<h4 style="text-align: center;">Up to 20% off on all products.</h4>
|
||||
<div style="text-align: center;"><a href="/shop" class="btn btn-primary mt32">Shop Now</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_banner_11" name="Banner - 11">
|
||||
<section class="s_banner_11 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 col-lg-6 py-3">
|
||||
<div class="d-flex border align-items-center tp-editor-bg-color-n-shadow">
|
||||
<img src="/web/image/theme_prime.s_brand_1" class="flex-shrink-0 me-2 img img-fluid border-end" alt="Banner Image 01" style="width: 20% !important; padding: 10px !important;"/>
|
||||
<div class="flex-grow-1 p-2">
|
||||
<h5>Up To 10% Off</h5>
|
||||
<p class="lead mb-0">Get discount on shoes on order above $150.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-6 py-3">
|
||||
<div class="d-flex border align-items-center tp-editor-bg-color-n-shadow">
|
||||
<img src="/web/image/theme_prime.s_brand_2" class="flex-shrink-0 me-2 img img-fluid border-end" alt="Banner Image 02" style="width: 20% !important; padding: 10px !important;"/>
|
||||
<div class="flex-grow-1 p-2">
|
||||
<h5>Up To 20% Off</h5>
|
||||
<p class="lead mb-0">Order above $250 and get free gift voucher.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_banner_12" name="Banner - 12">
|
||||
<section class="s_banner_12 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 col-lg-6 py-3">
|
||||
<div class="position-relative">
|
||||
<img class="img img-fluid img-thumbnail" src="/web/image/theme_prime.s_banner_12_1" alt="Banner Image 01"/>
|
||||
<div class="tp-banner-content">
|
||||
<h5>Get 10% Off</h5>
|
||||
<h3>Get Best Burger</h3>
|
||||
<div class="pt16">
|
||||
<a href="/shop" class="btn btn-primary rounded-circle">Shop Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-6 py-3">
|
||||
<div class="position-relative">
|
||||
<img class="img img-fluid img-thumbnail" src="/web/image/theme_prime.s_banner_12_2" alt="Banner Image 02"/>
|
||||
<div class="tp-banner-content">
|
||||
<h5>Get 15% Off</h5>
|
||||
<h3>Get Big Pizzas</h3>
|
||||
<div class="pt16">
|
||||
<a href="/shop" class="btn btn-primary rounded-circle">Shop Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_banner_13" name="Banner - 13">
|
||||
<section class="s_banner_13 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor g-0 s_nb_column_fixed">
|
||||
<div class="col-12 col-lg-6 p-1">
|
||||
<div class="position-relative tp-animation-scale">
|
||||
<img src="/web/image/theme_prime.s_banner_13_1" class="w-100" alt="Banner Image 01"/>
|
||||
<div class="tp-banner-content tp-editor-bg-color-n-shadow text-center rounded o_cc o_cc1 w-50">
|
||||
<h5>Women Tops</h5>
|
||||
<div>Up to 70% off on selected item</div>
|
||||
<a href="#" class="mt-3 btn btn-primary">Discover Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-6">
|
||||
<div class="row s_col_no_bgcolor g-0 s_nb_column_fixed">
|
||||
<div class="col-lg-12 p-1">
|
||||
<div class="position-relative tp-animation-scale">
|
||||
<img src="/web/image/theme_prime.s_banner_13_2" class="w-100" alt="Banner Image 02"/>
|
||||
<div class="tp-banner-content tp-editor-bg-color-n-shadow text-center rounded o_cc o_cc1 w-50">
|
||||
<h5>Accessories</h5>
|
||||
<div>Add finishing touch to your outfit</div>
|
||||
<a href="#" class="mt-3 btn btn-primary">Shop Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div class="row s_col_no_bgcolor g-0 s_nb_column_fixed">
|
||||
<div class="col-lg-6 p-1">
|
||||
<div class="position-relative tp-animation-scale">
|
||||
<img src="/web/image/theme_prime.s_banner_13_3" class="w-100" alt="Banner Image 03"/>
|
||||
<div class="tp-banner-content tp-editor-bg-color-n-shadow text-center rounded o_cc o_cc1 w-50 w-lg-75">
|
||||
<h5>Denim Jeans</h5>
|
||||
<div>Find your perfect outfit</div>
|
||||
<a href="#" class="mt-3 btn btn-primary">Shop Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 p-1">
|
||||
<div class="position-relative tp-animation-scale">
|
||||
<img src="/web/image/theme_prime.s_banner_13_4" class="w-100" alt="Banner Image 04"/>
|
||||
<div class="tp-banner-content tp-editor-bg-color-n-shadow text-center rounded o_cc o_cc1 w-50 w-lg-75">
|
||||
<h5>Hot Collection</h5>
|
||||
<div>From world's top designer</div>
|
||||
<a href="#" class="mt-3 btn btn-primary">Shop Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_banner_14" name="Banner - 14">
|
||||
<section class="s_banner_14 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 col-lg-8">
|
||||
<div class="parallax s_parallax_is_fixed s_parallax_no_overflow_hidden pb64 pt64 px-4 oe_img_bg o_bg_img_center" data-scroll-background-ratio="0" style="background-image: url('/web/image/theme_prime.s_banner_14_1'); background-position: 50% 0;">
|
||||
<h5>Hurry up! Limited time offer</h5>
|
||||
<h3 class="mb-4">Brand New Shoes On Sale</h3>
|
||||
<a class="btn btn-primary" href="#">Shop now</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4">
|
||||
<div class="d-flex flex-column h-100 justify-content-center oe_img_bg o_bg_img_center oe_custom_bg" style="background-image:url('/web/image/theme_prime.s_banner_14_2')">
|
||||
<div class="my-2 p-4 text-center">
|
||||
<h4>Your Add Text Here</h4>
|
||||
<p>Hurry up to reserve your spot now</p>
|
||||
<a class="btn btn-primary" href="#">Learn more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_banner_15" name="Banner - 15">
|
||||
<section class="s_banner_15 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12">
|
||||
<img src="/web/image/theme_prime.s_banner_15_1" class="img img-fluid shadow-sm" alt="Banner Image 01"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- Assets -->
|
||||
<record id="theme_prime.s_banner_1_000_scss" model="ir.asset">
|
||||
<field name="name">Banner 1 000 SCSS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_banner_1/000.scss</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_prime.s_banner_2_000_scss" model="ir.asset">
|
||||
<field name="name">Banner 2 000 SCSS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_banner_2/000.scss</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_prime.s_banner_3_000_scss" model="ir.asset">
|
||||
<field name="name">Banner 3 000 SCSS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_banner_3/000.scss</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_prime.s_banner_4_000_scss" model="ir.asset">
|
||||
<field name="name">Banner 4 000 SCSS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_banner_4/000.scss</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_prime.s_banner_6_000_scss" model="ir.asset">
|
||||
<field name="name">Banner 6 000 SCSS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_banner_6/000.scss</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_prime.s_banner_8_000_scss" model="ir.asset">
|
||||
<field name="name">Banner 8 000 SCSS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_banner_8/000.scss</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_prime.s_banner_9_000_scss" model="ir.asset">
|
||||
<field name="name">Banner 9 000 SCSS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_banner_9/000.scss</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_prime.s_banner_12_000_scss" model="ir.asset">
|
||||
<field name="name">Banner 12 000 SCSS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_banner_12/000.scss</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_prime.s_banner_13_000_scss" model="ir.asset">
|
||||
<field name="name">Banner 13 000 SCSS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_banner_13/000.scss</field>
|
||||
</record>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,124 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="dynamic_filter_template_blog_post_prime_layout_1" name="Prime Layout - 1">
|
||||
<figure t-foreach="records" t-as="data" class="s_blog_posts_post my-2 w-100" data-number-of-elements="3">
|
||||
<t t-set="record" t-value="data['_record']"/>
|
||||
<div class="border">
|
||||
<t t-set="_cp" t-value="json.loads(record.cover_properties)"/>
|
||||
<div class="tp-cover-image" t-attf-style="background-image: #{_cp.get('background-image')};">
|
||||
<div t-if="len(record.tag_ids)" class="p-3">
|
||||
<span t-foreach="record.tag_ids" t-as="tag" class="m-1 badge text-bg-primary rounded-pill">
|
||||
<t t-out="tag.name"/>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<figcaption class="text-center w-100 h-100 p-3 d-flex flex-column flex-grow-1">
|
||||
<h4 class="text-truncate s_latest_posts_post_title mt-3">
|
||||
<a t-attf-href="/blog/#{record.blog_id.id}/post/#{record.id}" class="tp-link-dark" t-out="record.name"/>
|
||||
</h4>
|
||||
<div class="d-flex align-items-center my-2 justify-content-center">
|
||||
<i class="fa fa-calendar me-2"></i>
|
||||
<span t-field="record.post_date" t-options='{"format": "d MMMM, yyyy"}'/>
|
||||
<span class="mx-2">•</span>
|
||||
<span t-field="record.author_avatar" t-options='{"widget": "image", "class": "rounded-circle tp-blog-avatar"}'/>
|
||||
<span class="mx-1">Posted by</span>
|
||||
<span t-field="record.author_id" t-options='{"widget": "contact", "fields": ["name"]}'/>
|
||||
</div>
|
||||
<p t-out="record.teaser"/>
|
||||
<a class="my-2 btn btn-primary-soft" t-attf-href="/blog/#{record.blog_id.id}/post/#{record.id}">Continue Reading</a>
|
||||
</figcaption>
|
||||
</div>
|
||||
</figure>
|
||||
</template>
|
||||
|
||||
<template id="dynamic_filter_template_blog_post_prime_layout_2" name="Prime Layout - 2">
|
||||
<figure t-foreach="records" t-as="data" class="s_blog_posts_post my-2 w-100" data-number-of-elements="3">
|
||||
<t t-set="record" t-value="data['_record']"/>
|
||||
<a t-attf-href="/blog/#{record.blog_id.id}/post/#{record.id}" class="card mb-2 tp-blog-container tp-animation-lift">
|
||||
<t t-set="_cp" t-value="json.loads(record.cover_properties)"/>
|
||||
<div class="card-img-top">
|
||||
<div class="tp-cover-image" t-attf-style="background-image: #{_cp.get('background-image')};"/>
|
||||
<div class="position-relative">
|
||||
<div class="tp-svg-img">
|
||||
<svg preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="140px" viewBox="20 -20 300 100" style="top: -70%;">
|
||||
<path d="M30.913,43.944c0,0,42.911-34.464,87.51-14.191c77.31,35.14,113.304-1.952,146.638-4.729 c48.654-4.056,69.94,16.218,69.94,16.218v54.396H30.913V43.944z" opacity="0.4" fill="#f0f1f3"></path>
|
||||
<path d="M-35.667,44.628c0,0,42.91-34.463,87.51-14.191c77.31,35.141,113.304-1.952,146.639-4.729 c48.653-4.055,69.939,16.218,69.939,16.218v54.396H-35.667V44.628z" opacity="0.4" fill="#f0f1f3"></path>
|
||||
<path d="M43.415,98.342c0,0,48.283-68.927,109.133-68.927c65.886,0,97.983,67.914,97.983,67.914v3.716 H42.401L43.415,98.342z" opacity="0" fill="#fff"></path>
|
||||
<path d="M-34.667,62.998c0,0,56-45.667,120.316-27.839C167.484,57.842,197,41.332,232.286,30.428 c53.07-16.399,104.047,36.903,104.047,36.903l1.333,36.667l-372-2.954L-34.667,62.998z" fill="#fff"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body px-4 py-1">
|
||||
<h3 class="text-truncate mt-3 mb-2" t-out="record.name"/>
|
||||
<p class="text-body" t-out="record.teaser"/>
|
||||
<div t-if="len(record.tag_ids)">
|
||||
<t t-foreach="record.tag_ids" t-as="tag">
|
||||
<span class="badge text-bg-dark rounded-pill me-1" t-out="tag.name"/>
|
||||
</t>
|
||||
</div>
|
||||
<div class="align-items-center justify-content-between d-flex position-relative w-100 o_not_editable pb-2">
|
||||
<div class="align-items-center d-flex">
|
||||
<span t-field="record.author_avatar" t-options='{"widget": "image", "class": "rounded-circle me-2 tp-blog-avatar"}'/>
|
||||
<small t-field="record.author_id" t-options='{"widget": "contact", "fields": ["name"]}'/>
|
||||
</div>
|
||||
<div>
|
||||
<small t-field="record.post_date" t-options='{"format": "d MMMM, yyyy"}'/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</figure>
|
||||
</template>
|
||||
|
||||
<template id="dynamic_filter_template_blog_post_prime_layout_3" name="Prime Layout - 3">
|
||||
<figure t-foreach="records" t-as="data" class="s_blog_posts_post my-2 w-100" data-number-of-elements="3">
|
||||
<t t-set="record" t-value="data['_record']"/>
|
||||
<a t-attf-href="/blog/#{record.blog_id.id}/post/#{record.id}" class="card mb-2 tp-animation-lift">
|
||||
<t t-set="_cp" t-value="json.loads(record.cover_properties)"/>
|
||||
<div class="tp-cover-image" t-attf-style="background-image: #{_cp.get('background-image')};"/>
|
||||
<div class="card-body">
|
||||
<h4 class="text-truncate" t-out="record.name"/>
|
||||
<p class="text-body" t-out="record.teaser"/>
|
||||
<div t-if="len(record.tag_ids)">
|
||||
<t t-foreach="record.tag_ids" t-as="tag">
|
||||
<span class="badge text-bg-light me-1" t-out="tag.name"/>
|
||||
</t>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer d-flex align-items-center bg-white">
|
||||
<div class="d-flex align-items-center">
|
||||
<span t-field="record.author_avatar" t-options='{"widget": "image", "class": "rounded-circle me-2 tp-blog-avatar"}'/>
|
||||
<small t-field="record.author_id" t-options='{"widget": "contact", "fields": ["name"]}'/>
|
||||
</div>
|
||||
<div class="ms-auto">
|
||||
<small t-field="record.post_date" t-options='{"format": "d MMMM, yyyy"}'/>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</figure>
|
||||
</template>
|
||||
|
||||
<template id="dynamic_filter_template_blog_post_prime_layout_4" name="Prime Layout - 4">
|
||||
<figure t-foreach="records" t-as="data" class="s_blog_posts_post my-2 w-100" data-number-of-elements="4">
|
||||
<t t-set="record" t-value="data['_record']"/>
|
||||
<div class="card border-0 mb-2">
|
||||
<t t-set="_cp" t-value="json.loads(record.cover_properties)"/>
|
||||
<a t-attf-href="/blog/#{record.blog_id.id}/post/#{record.id}" class="tp-cover-image" t-attf-style="background-image: #{_cp.get('background-image')};">
|
||||
<div class="tp-date d-flex flex-column bg-white text-center shadow">
|
||||
<h4 class="pt-2 mb-1" t-field="record.post_date" t-options='{"format": "dd"}'/>
|
||||
<span class="text-uppercase pb-2 fw-bold small" t-field="record.post_date" t-options='{"format": "MMM"}'/>
|
||||
</div>
|
||||
</a>
|
||||
<div class="card-body text-center">
|
||||
<a t-attf-href="/blog/#{record.blog_id.id}/post/#{record.id}" class="tp-link-dark">
|
||||
<h4 class="text-truncate" t-out="record.name"/>
|
||||
</a>
|
||||
<span class="text-body">Posted by <span t-field="record.author_avatar" t-options='{"widget": "image", "class": "rounded-circle tp-blog-avatar"}'/> <t t-out="record.author_id.name"/></span>
|
||||
</div>
|
||||
</div>
|
||||
</figure>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,90 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_clients_1" name="Clients - 1">
|
||||
<section class="s_clients_1 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row tp-client-list s_nb_column_fixed">
|
||||
<div t-foreach="list(range(1, 13))" t-as="number" class="col-6 col-sm-4 col-md-3 col-lg-2 tp-client-box">
|
||||
<t t-set="number" t-value="'%02d' % number"/>
|
||||
<div class="p-4 text-center tp-animation-scale">
|
||||
<img class="img img-fluid tp-cursor-pointer" t-attf-src="/web/image/theme_prime.s_client_#{number}" t-attf-alt="Client Image #{number}"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_clients_2" name="Clients - 2">
|
||||
<section class="s_clients_2 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row s_nb_column_fixed">
|
||||
<div t-foreach="list(range(1, 7))" t-as="number" class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2 px-sm-0">
|
||||
<t t-set="number" t-value="'%02d' % number"/>
|
||||
<div class="tp-client-box p-5 text-center">
|
||||
<img class="img img-fluid tp-client-image" t-attf-src="/web/image/theme_prime.s_client_#{number}" t-attf-alt="Client Image #{number}"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_clients_3" name="Clients - 3">
|
||||
<section class="s_clients_3 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row s_nb_column_fixed">
|
||||
<div t-foreach="list(range(1, 9))" t-as="number" class="col-12 col-md-3 tp-client-box">
|
||||
<t t-set="number" t-value="'%02d' % number"/>
|
||||
<div class="p-4 text-center">
|
||||
<img class="img img-fluid tp-client-image" t-attf-src="/web/image/theme_prime.s_client_#{number}" t-attf-alt="Client Image #{number}"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_clients_4" name="Clients - 4">
|
||||
<section class="s_clients_4 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<t t-set="clients" t-value="{'01': 'Droggol', '02': 'Twilio', '03': 'Airbnb', '04': 'Atlassian', '05': 'CircleCI', '06': 'Fitbit'}"/>
|
||||
<div t-foreach="clients" t-as="client" class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2 py-3">
|
||||
<div class="tp-client-box tp-editor-bg-color-n-shadow border py-3 text-center">
|
||||
<img class="img img-fluid" t-attf-src="/theme_prime/static/src/img/snippets/s_client_#{client}.png" t-attf-alt="Client Image #{client}"/>
|
||||
<h6 class="mt-2 mb-0"><t t-out="clients[client]"/></h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- Assets -->
|
||||
<record id="theme_prime.s_clients_1_000_scss" model="ir.asset">
|
||||
<field name="name">Clients 1 000 SCSS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_clients_1/000.scss</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_prime.s_clients_2_000_scss" model="ir.asset">
|
||||
<field name="name">Clients 2 000 SCSS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_clients_2/000.scss</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_prime.s_clients_3_000_scss" model="ir.asset">
|
||||
<field name="name">Clients 3 000 SCSS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_clients_3/000.scss</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_prime.s_clients_4_000_scss" model="ir.asset">
|
||||
<field name="name">Clients 4 000 SCSS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_clients_4/000.scss</field>
|
||||
</record>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,104 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_coming_soon_1" name="Coming Soon - 1">
|
||||
<section class="s_coming_soon s_coming_soon_1 o_full_screen_height">
|
||||
<div class="container-fluid">
|
||||
<div class="row tp-coming-soon-container align-items-center">
|
||||
<div class="col-md-6 bg-o-color-1 tp-editor-bg-image">
|
||||
<div class="tp-coming-soon-side-block d-flex justify-content-center flex-column align-items-center">
|
||||
<t t-call="theme_prime.s_tp_countdown"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 d-none d-md-block">
|
||||
<div class="tp-coming-soon-side-block d-flex justify-content-center flex-column align-items-center">
|
||||
<div class="my-4">
|
||||
<span class="fa fa-rocket fa-5x text-dark"></span>
|
||||
</div>
|
||||
<h6 class="mb-3 tp-stay-tuned">STAY TUNED</h6>
|
||||
<h1 class="fw-bold text-primary">WE ARE LAUNCHING SOON!</h1>
|
||||
<h3>Are you ready?</h3>
|
||||
<p class="mt-2">Subscribe to get a notification as soon as we launch!</p>
|
||||
<div class="s_newsletter_list js_subscribe w-100 w-md-50 mx-auto my-4" data-vxml="001" data-list-id="0" data-name="Newsletter Form">
|
||||
<div class="input-group">
|
||||
<input type="email" name="email" class="js_subscribe_value form-control" placeholder="your email..."/>
|
||||
<span class="input-group-append">
|
||||
<a role="button" href="#" class="btn btn-primary js_subscribe_btn">Subscribe</a>
|
||||
<a role="button" href="#" class="btn btn-success js_subscribed_btn d-none" disabled="disabled">Thanks</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="s_social_media o_not_editable text-center" data-snippet="s_social_media" data-name="Social Media">
|
||||
<a href="/website/social/facebook" class="s_social_media_facebook" target="_blank">
|
||||
<i class="fa fa-facebook m-1 rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
<a href="/website/social/twitter" class="s_social_media_twitter" target="_blank">
|
||||
<i class="fa fa-twitter m-1 rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
<a href="/website/social/linkedin" class="s_social_media_linkedin" target="_blank">
|
||||
<i class="fa fa-linkedin m-1 rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
<a href="/website/social/github" class="s_social_media_github" target="_blank">
|
||||
<i class="fa fa-github m-1 rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
<a href="/website/social/youtube" class="s_social_media_youtube" target="_blank">
|
||||
<i class="fa fa-youtube m-1 rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_coming_soon_2" name="Coming Soon - 2">
|
||||
<section class="s_coming_soon s_coming_soon_2 o_full_screen_height" style="background-position: 0% 53.2468%; background-image: url('/web/image/theme_prime.s_coming_soon_2_2');">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="text-center d-none d-md-block">
|
||||
<div class="my-4">
|
||||
<img src="/web/image/theme_prime.s_coming_soon_2_1" class="img img-fluid" style="max-width: 160px;"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<h1>Coming Soon...</h1>
|
||||
<p>We are glad to see you, but please be patient. This page is under construction.</p>
|
||||
</div>
|
||||
<div class="tp-coming-soon-side-block d-flex justify-content-center flex-column align-items-center py-4">
|
||||
<t t-call="theme_prime.s_tp_countdown"/>
|
||||
</div>
|
||||
<div class="text-center py-4 d-none d-md-block">
|
||||
<h4>Subscribe</h4>
|
||||
<p>Subscribe and stay in touch with the latest news, deals and promotions.</p>
|
||||
<div class="s_newsletter_list js_subscribe w-100 w-md-50 w-xl-25 mx-auto my-4" data-vxml="001" data-list-id="0" data-name="Newsletter Form">
|
||||
<div class="input-group">
|
||||
<input type="email" name="email" class="js_subscribe_value form-control" placeholder="your email..."/>
|
||||
<span class="input-group-append">
|
||||
<a role="button" href="#" class="btn btn-primary js_subscribe_btn">Subscribe</a>
|
||||
<a role="button" href="#" class="btn btn-success js_subscribed_btn d-none" disabled="disabled">Thanks</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- Assets -->
|
||||
<record id="theme_prime.s_coming_soon_1_000_js" model="ir.asset">
|
||||
<field name="name">Coming Soon 1 000 JS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_coming_soon_1/000.js</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_prime.s_coming_soon_1_000_scss" model="ir.asset">
|
||||
<field name="name">Coming Soon 1 000 SCSS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_coming_soon_1/000.scss</field>
|
||||
</record>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,67 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_tp_countdown" name="Countdown">
|
||||
<div class="tp-countdown tp-editor-inner-snippet style-1 position-left tp-dark pt16 pb8" t-att-data-due-date="datetime.datetime.now().timestamp() + 228307" data-countdown-style="s_countdown_1">
|
||||
<div class="container tp-countdown-wrapper">
|
||||
<div class="row pt16 tp-end-msg-container css_non_editable_mode_hidden s_nb_column_fixed">
|
||||
<div class="col-12">
|
||||
<div class="text-center alert alert-info css_non_editable_mode_hidden o_not_editable" t-ignore="True" role="status">
|
||||
The following message will become visible <strong>only</strong> once the countdown ends.
|
||||
</div>
|
||||
<div class="oe_structure">
|
||||
<section class="s_picture">
|
||||
<div class="container">
|
||||
<div class="row s_nb_column_fixed">
|
||||
<div class="col-12">
|
||||
<h2>Happy Shopping!</h2>
|
||||
<p>As promised, we will offer surprise coupon for our next sale.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template id="s_tp_countdown_options" inherit_id="website.snippet_options">
|
||||
<xpath expr="." position="inside">
|
||||
<div data-js="dr_countdown" data-selector=".tp-countdown">
|
||||
<we-datetimepicker string="Due Date" data-select-data-attribute="" data-attribute-name="dueDate"/>
|
||||
<we-select string="Style" data-attribute-name="countdownStyle">
|
||||
<we-button data-name="style-1" data-select-class="style-1" data-select-data-attribute="s_countdown_1">Style - 1</we-button>
|
||||
<we-button data-name="style-2" data-select-class="style-2" data-select-data-attribute="s_countdown_2">Style - 2</we-button>
|
||||
<we-button data-name="style-3" data-select-class="style-3" data-select-data-attribute="s_countdown_3">Style - 3</we-button>
|
||||
<we-button data-name="style-4" data-select-class="style-4" data-select-data-attribute="s_countdown_4">Style - 4</we-button>
|
||||
</we-select>
|
||||
<we-button-group string="Theme" class="ms-auto" data-dependencies="style-1, style-4">
|
||||
<we-button data-select-class="" title="None"><i class="fa fa-fw fa-ban"/></we-button>
|
||||
<we-button data-select-class="tp-light" title="Light"><i class="fa fa-fw fa-sun-o"/></we-button>
|
||||
<we-button data-select-class="tp-dark" title="Dark"><i class="fa fa-fw fa-moon-o"/></we-button>
|
||||
</we-button-group>
|
||||
<we-button-group string="Alignment" class="ms-auto" data-dependencies="style-2, style-3, style-4">
|
||||
<we-button data-select-class="position-left"><i class="fa fa-fw fa-align-left"/></we-button>
|
||||
<we-button data-select-class="position-center"><i class="fa fa-fw fa-align-center"/></we-button>
|
||||
<we-button data-select-class="position-right"><i class="fa fa-fw fa-align-right"/></we-button>
|
||||
</we-button-group>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<!-- Assets -->
|
||||
<record id="theme_prime.s_tp_countdown_000_scss" model="ir.asset">
|
||||
<field name="name">Tp Countdown 000 SCSS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_tp_countdown/000.scss</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_prime.s_tp_countdown_000_js" model="ir.asset">
|
||||
<field name="name">Tp Countdown 000 JS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_tp_countdown/000.js</field>
|
||||
</record>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,292 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_cover_1" name="Cover - 1">
|
||||
<section class="s_cover_1">
|
||||
<t t-set="uniq" t-value="datetime.datetime.now().microsecond"/>
|
||||
<div t-attf-id="myCarousel{{uniq}}" class="s_carousel tp-custom-carousel s_carousel_rounded carousel slide" data-bs-interval="10000">
|
||||
<!-- Indicators -->
|
||||
<ol class="carousel-indicators">
|
||||
<li t-attf-data-bs-target="#myCarousel{{uniq}}" data-bs-slide-to="0" class="active"/>
|
||||
<li t-attf-data-bs-target="#myCarousel{{uniq}}" data-bs-slide-to="1"/>
|
||||
</ol>
|
||||
<!-- Content -->
|
||||
<div class="carousel-inner">
|
||||
<!-- #01 -->
|
||||
<div class="carousel-item active" data-name="Slide">
|
||||
<div class="container-fluid px-0">
|
||||
<div class="row content g-0 align-items-center s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="tp-editor-bg-color-n-shadow border order-2 order-lg-1 jumbotron rounded px-4 offset-lg-1 col-lg-4 pt24 pb24 o_cc o_cc1 border" data-name="Box">
|
||||
<img class="img img-fluid" src="/web/image/theme_prime.s_cover_1_brand_1" style="width: 25%;" alt="Cover Brand Image 01"></img>
|
||||
<h2 class="mt-2">Special Collection</h2>
|
||||
<h5>Starting at $120.00</h5>
|
||||
<a href="/shop" class="btn btn-primary mt-2">Shop Now</a>
|
||||
</div>
|
||||
<div class="order-1 order-lg-2 offset-lg-1 col-lg-6">
|
||||
<img class="img img-fluid" src="/web/image/theme_prime.s_cover_1_1" alt="Cover Image 01"></img>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- #02 -->
|
||||
<div class="carousel-item" data-name="Slide">
|
||||
<div class="container-fluid px-0">
|
||||
<div class="row content g-0 align-items-center s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="tp-editor-bg-color-n-shadow border order-2 order-lg-1 jumbotron rounded px-4 offset-lg-1 col-lg-4 pt24 pb24 o_cc o_cc1 border" data-name="Box">
|
||||
<img class="img img-fluid" src="/web/image/theme_prime.s_cover_1_brand_2" style="width: 25%;" alt="Cover Brand Image 01"></img>
|
||||
<h2 class="mt-2">Fresh Collection</h2>
|
||||
<h5>Starting at $35.00</h5>
|
||||
<a href="/shop" class="btn btn-primary mt-2">Shop Now</a>
|
||||
</div>
|
||||
<div class="order-1 order-lg-2 offset-lg-1 col-lg-6">
|
||||
<img class="img img-fluid" src="/web/image/theme_prime.s_cover_1_2" alt="Cover Image 02"></img>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Controls -->
|
||||
<a class="carousel-control-prev o_not_editable" contenteditable="false" t-attf-href="#myCarousel{{uniq}}" data-bs-slide="prev" role="img" aria-label="Previous" title="Previous">
|
||||
<span class="fa fa-chevron-left"></span>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</a>
|
||||
<a class="carousel-control-next o_not_editable" contenteditable="false" t-attf-href="#myCarousel{{uniq}}" data-bs-slide="next" role="img" aria-label="Next" title="Next">
|
||||
<span class="fa fa-chevron-right"></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_cover_2" name="Cover - 2">
|
||||
<section class="s_cover_2">
|
||||
<t t-set="uniq" t-value="dr_uid or datetime.datetime.now().microsecond"/>
|
||||
<div t-attf-id="myCarousel{{uniq}}" class="s_carousel tp-custom-carousel s_carousel_rounded carousel slide" data-bs-interval="10000">
|
||||
<!-- Indicators -->
|
||||
<ol class="carousel-indicators">
|
||||
<li t-attf-data-bs-target="#myCarousel{{uniq}}" data-bs-slide-to="0" class="active"/>
|
||||
<li t-attf-data-bs-target="#myCarousel{{uniq}}" data-bs-slide-to="1"/>
|
||||
</ol>
|
||||
<!-- Content -->
|
||||
<div class="carousel-inner">
|
||||
<!-- #01 -->
|
||||
<div class="carousel-item active oe_img_bg o_bg_img_center pt192 pb192" style="background-image: url('/web/image/theme_prime.s_cover_2_1');" data-name="Slide">
|
||||
<div class="container">
|
||||
<div class="row content">
|
||||
<div class="carousel-content col-lg-5">
|
||||
<h4>JUST NEWLY ARRIVED!</h4>
|
||||
<h2 class="display-4 fw-bold">High Quality Fabric Collection</h2>
|
||||
<p class="lead"><font style="font-size: 20px;">In hac habitasse platea dictumst. Praesent cursus congue felis, nec pellentesque nulla ornare sed.</font></p>
|
||||
<a href="/shop" class="btn btn-primary mt-2">READ MORE</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- #02 -->
|
||||
<div class="carousel-item oe_img_bg o_bg_img_center pt192 pb192" style="background-image: url('/web/image/theme_prime.s_cover_2_2');" data-name="Slide">
|
||||
<div class="container">
|
||||
<div class="row content">
|
||||
<div class="carousel-content col-lg-5">
|
||||
<h4 style="text-align: center;">GET FLAT 20% OFF</h4>
|
||||
<h2 style="text-align: center;" class="display-4 fw-bold">Flexible Styled Collection By Prime</h2>
|
||||
<p style="text-align: center;" class="lead"><font style="font-size: 20px;">In hac habitasse platea dictumst. Praesent cursus congue felis, nec pellentesque nulla ornare sed.</font></p>
|
||||
<div style="text-align: center;">
|
||||
<a href="/shop" class="btn btn-primary mt-2">READ MORE</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Controls -->
|
||||
<a class="carousel-control-prev o_not_editable" contenteditable="false" t-attf-href="#myCarousel{{uniq}}" data-bs-slide="prev" role="img" aria-label="Previous" title="Previous">
|
||||
<span class="fa fa-chevron-left tp-icon-center-2 dr-p-icon border-0 shadow rounded-circle"></span>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</a>
|
||||
<a class="carousel-control-next o_not_editable" contenteditable="false" t-attf-href="#myCarousel{{uniq}}" data-bs-slide="next" role="img" aria-label="Next" title="Next">
|
||||
<span class="fa fa-chevron-right tp-icon-center-2 dr-p-icon border-0 shadow rounded-circle"></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_cover_3" name="Cover - 3">
|
||||
<section class="s_cover_3 parallax s_parallax_is_fixed o_full_screen_height pt168 pb144 s_parallax_no_overflow_hidden oe_img_bg o_bg_img_center" data-scroll-background-ratio="0" style="background-image: url('/web/image/theme_prime.s_cover_3_1'); background-position: 50% 0;">
|
||||
<div class="container tp-cover-container">
|
||||
<div class="row s_nb_column_fixed">
|
||||
<div class="jumbotron rounded pt32 pb32 col-lg-5" data-name="Box">
|
||||
<h3>New Arrivals</h3>
|
||||
<h2 class="display-4 fw-bold">Fresh Collection By Prime</h2>
|
||||
<p class="lead"><font style="font-size: 20px;">In hac habitasse platea dictumst. Praesent cursus congue felis, nec pellentesque nulla ornare sed.</font></p>
|
||||
<a href="/shop" class="btn btn-primary mt-2 rounded-circle">Discover More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container s_icon_block_9 tp-cover-icon-container d-none d-lg-block">
|
||||
<div class="row justify-content-center bg-white shadow-sm s_nb_column_fixed">
|
||||
<div class="col-12 col-md-3 py-3 mx-auto tp-icon-block">
|
||||
<div class="d-flex px-md-2 px-lg-5">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="fa fa-rocket fa-2x me-3"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-1">Free Shipping</h6>
|
||||
<p class="mb-0">In 2-3 Days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-3 py-3 mx-auto tp-icon-block">
|
||||
<div class="d-flex px-md-2 px-lg-5">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="fa fa-refresh fa-2x me-3"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-1">Free Returns</h6>
|
||||
<p class="mb-0">No Questions Asked</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-3 py-3 mx-auto tp-icon-block">
|
||||
<div class="d-flex px-md-2 px-lg-5">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="fa fa-phone fa-2x me-3"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-1">Free Support</h6>
|
||||
<p class="mb-0">30 Days Support</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-3 py-3 mx-auto tp-icon-block">
|
||||
<div class="d-flex px-md-2 px-lg-5">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="fa fa-tag fa-2x me-3"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-1">100% Genuine</h6>
|
||||
<p class="mb-0">High Quality Products</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_cover_4" name="Cover - 4">
|
||||
<section class="s_cover_4 pt40 pb40">
|
||||
<div class="container">
|
||||
<div class="row s_nb_column_fixed align-items-center">
|
||||
<div class="col-lg-6 p-4 order-2 order-lg-1">
|
||||
<h1>Maximus Note 8i</h1>
|
||||
<p>Powered by a 10 nm octa-core Qualcomm Snapdragon 712 AIE processor, this phone can seamlessly execute any task. You can game more and multitask without experiencing any lag. Experience a boost in performance and efficiency with this phone.</p>
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 col-sm-6 py-3">
|
||||
<div class="d-flex align-items-center">
|
||||
<img class="flex-shrink-0 img-fluid me-3" src="/web/image/theme_prime.s_cover_4_2" style="width: 25% !important;"/>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-1">Wireless Charging</h6>
|
||||
<span>Full battery in no time</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 py-3">
|
||||
<div class="d-flex align-items-center">
|
||||
<img class="flex-shrink-0 img-fluid me-3" src="/web/image/theme_prime.s_cover_4_3" style="width: 25% !important;"/>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-1">Super Fast CPU</h6>
|
||||
<span>Powerful Performance</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 py-3">
|
||||
<div class="d-flex align-items-center">
|
||||
<img class="flex-shrink-0 img-fluid me-3" src="/web/image/theme_prime.s_cover_4_4" style="width: 25% !important;"/>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-1">128 GB Harddisk</h6>
|
||||
<span>More content</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 py-3">
|
||||
<div class="d-flex align-items-center">
|
||||
<img class="flex-shrink-0 img-fluid me-3" src="/web/image/theme_prime.s_cover_4_5" style="width: 25% !important;"/>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-1">64 MP Camara</h6>
|
||||
<span>With super Macro Lens</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="btn btn-primary mt-4">Shop Now</a>
|
||||
</div>
|
||||
<div class="col-lg-6 order-1 order-lg-2">
|
||||
<img src="/web/image/theme_prime.s_cover_4_1" class="img img-fluid" alt="Cover Image 01"/>
|
||||
</div>
|
||||
</div>
|
||||
<t t-call="theme_prime.s_icon_block_10"/>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_cover_5" name="Cover - 5">
|
||||
<section class="s_cover_5 parallax s_parallax_is_fixed o_full_screen_height pt168 pb144 s_parallax_no_overflow_hidden oe_img_bg o_bg_img_center" data-scroll-background-ratio="0" style="background-image: url('/web/image/theme_prime.s_cover_3_1'); background-position: 50% 0;">
|
||||
<div class="container tp-cover-container">
|
||||
<div class="row s_nb_column_fixed">
|
||||
<div class="jumbotron rounded pt32 pb32 col-lg-5" data-name="Box">
|
||||
<div class="s_alert clearfix w-100 alert-primary border-0 d-flex align-items-center s_alert_md" data-snippet="s_alert" data-name="Alert" style="border-radius: 50rem;padding:.375rem 1rem .375rem .5rem;max-width:450px;">
|
||||
<span class="s_badge badge text-bg-primary o_default_snippet_text py-1 m-0 px-2" style="border-radius: 50rem;" data-name="Badge">
|
||||
<i class="fa fa-1x fa-fw fa-star-o o_not-animable m-0"></i> BEST
|
||||
</span>
|
||||
<div class="s_alert_content mx-2 d-inline-block">
|
||||
<p class="o_default_snippet_text text-primary fw-light h6">Quality products by <strong>Prime team</strong></p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 class="display-4 fw-bold">Best Products In Every Categories.</h2>
|
||||
<p class="lead">
|
||||
We have everything that you need for your next adventure.
|
||||
</p>
|
||||
<t t-call="website.website_search_box_input">
|
||||
<t t-set="_form_classes" t-valuef="w-100 tp-cover-search-input o_wsale_products_searchbar_form o_not_editable tp-rounded-border p-1 bg-white border"/>
|
||||
<t t-set="_classes" t-valuef=" "/>
|
||||
<t t-set="_submit_classes" t-valuef="btn-primary tp-rounded-border"/>
|
||||
<t t-set="search_type" t-valuef="products"/>
|
||||
<t t-set="placeholder">Search for products, brands and more ...</t>
|
||||
<t t-set="action" t-value="'/shop'"/>
|
||||
</t>
|
||||
<div class="s_social_media o_not_editable mt-5 tp-followus-icons" data-snippet="s_social_media" data-name="Social Media">
|
||||
<h5 class="s_social_media_title d-block mb-2">Follow Us On:</h5>
|
||||
<a href="/website/social/facebook" class="s_social_media_facebook" target="_blank">
|
||||
<i class="fa fa-facebook rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
<a href="/website/social/twitter" class="s_social_media_twitter" target="_blank">
|
||||
<i class="fa fa-twitter rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
<a href="/website/social/linkedin" class="s_social_media_linkedin" target="_blank">
|
||||
<i class="fa fa-linkedin rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
<a href="/website/social/instagram" class="s_social_media_instagram" target="_blank">
|
||||
<i class="fa fa-instagram rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
<a href="/website/social/youtube" class="s_social_media_youtube" target="_blank">
|
||||
<i class="fa fa-youtube rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
<a href="/website/social/github" class="s_social_media_github" target="_blank">
|
||||
<i class="fa fa-github rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- Assets -->
|
||||
<record id="theme_prime.s_cover_3_scss" model="ir.asset">
|
||||
<field name="name">Cover 3 000 SCSS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_cover_3/000.scss</field>
|
||||
</record>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,86 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_call_to_action_1" name="Call To Action - 1">
|
||||
<section class="s_call_to_action_1 pt56 pb56">
|
||||
<div class="container">
|
||||
<div class="row align-items-center s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 col-lg-9">
|
||||
<h2>Order now and get <span class="text-o-color-1">15% OFF</span></h2>
|
||||
<p class="lead mb-0">We are the creative team of theme prime. No one actually read this so let me write any thing here.</p>
|
||||
</div>
|
||||
<div class="col-12 col-lg-3 text-lg-end">
|
||||
<a href="#" class="btn btn-primary mt-3 mt-lg-0">Shop Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_call_to_action_2" name="Call To Action - 2">
|
||||
<section class="s_call_to_action_2 pt56 pb56">
|
||||
<div class="container">
|
||||
<div class="row align-items-center s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 col-lg-9">
|
||||
<h4>Contact us at <a href="mailto:info@droggol.com">info@droggol.com</a> or give us a call <a href="tel:+91 70466 01320">+91 70466 01320</a></h4>
|
||||
<p class="lead mb-0">We are the creative team of theme prime. No one actually read this so let me write any thing here until the content is long enough.</p>
|
||||
</div>
|
||||
<div class="col-12 col-lg-3 text-lg-end">
|
||||
<a href="#" class="btn btn-primary mt-3 mt-lg-0">Purchase Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_call_to_action_3" name="Call To Action - 3">
|
||||
<section class="s_call_to_action_3 pt56 pb56">
|
||||
<div class="container">
|
||||
<div class="row align-items-center s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 text-center">
|
||||
<h2>Hire Us!</h2>
|
||||
<p class="lead">We are the creative team of theme prime. No one actually read this so let me write any thing here until the content is long enough to break this lines in to multiple lines so this block looks nice and cool. We are creative team but paragraph in not so long so writing again.</p>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<a href="#" class="btn btn-primary">Get in touch</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_call_to_action_4" name="Call To Action - 4">
|
||||
<section class="s_call_to_action_4 pt32 pb32 o_cc o_cc2">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center align-items-center text-center text-md-start s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 col-md-auto">
|
||||
<p class="lead mb-2 mb-md-0">We offer best in class service for your needs</p>
|
||||
</div>
|
||||
<div class="col-12 col-md-auto">
|
||||
<a href="/shop" class="btn btn-primary">Order Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_call_to_action_5" name="Call To Action - 5">
|
||||
<section class="s_call_to_action_5 pt56 pb56">
|
||||
<div class="container">
|
||||
<div class="row align-items-center s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-lg-3 mb-3 mb-lg-0">
|
||||
<img class="img-fluid" src="/web/image/theme_prime.s_call_to_action_5_1" alt="CTA Image 01"/>
|
||||
</div>
|
||||
<div class="col-lg-7">
|
||||
<h2>Need to do calculations?</h2>
|
||||
<p class="lead">We are the creative team of theme prime. No one actually read this so let me write any thing here until the content is long enough to break this lines in to multiple lines.</p>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<a class="btn btn-primary" href="/shop">Order Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,98 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_gallery_1" name="Gallery - 1">
|
||||
<section class="s_gallery tp-image-gallery pt32 pb32">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<t t-set="images" t-value="{'01': {'title': 'Branding', 'description': 'Curology Campaign'}, '02': {'title': 'Packaging', 'description': 'Honest Packaging'}, '03': {'title': 'Marketing', 'description': 'Larq Bright Campaign'}, '04': {'title': 'Ideation', 'description': 'Doodle Pads'}, '05': {'title': 'Branding', 'description': 'Larq Earthtones Collection'}, '06': {'title': 'Product design', 'description': 'Goby Brush Prototype'}}"/>
|
||||
<div t-foreach="images" t-as="img" class="col-12 col-sm-6 col-md-4 py-3">
|
||||
<div class="gallery-image gallery-zoom-in-effect rounded">
|
||||
<img class="img-fluid" t-attf-src="/web/image/theme_prime.s_gallery_#{img}" t-attf-title="Gallery Image #{img}" t-attf-alt="Gallery Image #{img}"/>
|
||||
</div>
|
||||
<div class="small mt-3"><t t-out="images[img]['title']"/></div>
|
||||
<h6 class="mt-1"><t t-out="images[img]['description']"/></h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_gallery_2" name="Gallery - 2">
|
||||
<section class="s_gallery tp-image-gallery pt32 pb32">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor">
|
||||
<div t-foreach="list(range(1, 9))" t-as="number" class="col-6 col-md-4 col-lg-3 py-3">
|
||||
<t t-set="number" t-value="'%02d' % number"/>
|
||||
<div class="gallery-image gallery-zoom-in-effect rounded">
|
||||
<img class="img-fluid" t-attf-src="/web/image/theme_prime.s_gallery_#{number}" t-attf-title="Gallery Image #{number}" t-attf-alt="Gallery Image #{number}"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_gallery_3" name="Gallery - 3">
|
||||
<section class="s_gallery tp-image-gallery">
|
||||
<div class="container-fluid px-0">
|
||||
<div class="row s_col_no_bgcolor g-0">
|
||||
<div t-foreach="list(range(1, 13))" t-as="number" class="col-6 col-sm-4 col-md-3 col-lg-2">
|
||||
<t t-set="number" t-value="'%02d' % number"/>
|
||||
<div class="gallery-image gallery-zoom-in-effect gallery-overlay-effect position-relative">
|
||||
<img class="img-fluid" t-attf-src="/web/image/theme_prime.s_gallery_#{number}" t-attf-title="Gallery Image #{number}" t-attf-alt="Gallery Image #{number}"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_gallery_4" name="Gallery - 4">
|
||||
<section class="s_gallery tp-image-gallery">
|
||||
<div class="container-fluid px-0">
|
||||
<div class="row g-0">
|
||||
<div t-foreach="list(range(1, 7))" t-as="number" class="col-12 col-md-6 col-lg-4">
|
||||
<t t-set="number" t-value="'%02d' % number"/>
|
||||
<div class="gallery-image gallery-text-effect">
|
||||
<img class="img-fluid" t-attf-src="/web/image/theme_prime.s_gallery_#{number}" t-attf-alt="Gallery Image #{number}"/>
|
||||
<div class="text-center px-2 py-4 gallery-text-block">
|
||||
<div class="text-alpha">Fashion card <t t-out="number"/></div>
|
||||
<p class="mt-2 mb-0">Just adding some random string heresit.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_gallery_5" name="Gallery - 5">
|
||||
<section class="s_gallery tp-image-gallery pt32 pb32">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor">
|
||||
<div t-foreach="list(range(1, 13))" t-as="number" class="col-6 col-sm-4 col-md-3 col-lg-2 py-3">
|
||||
<t t-set="number" t-value="'%02d' % number"/>
|
||||
<div class="gallery-image gallery-zoom-out-effect">
|
||||
<img class="img-fluid" t-attf-src="/web/image/theme_prime.s_gallery_#{number}" t-attf-title="Gallery Image #{number}" t-attf-alt="Gallery Image #{number}"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- Assets -->
|
||||
<record id="theme_prime.s_gallery_1_000_js" model="ir.asset">
|
||||
<field name="name">Gallery 1 000 JS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_gallery_1/000.js</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_prime.s_gallery_1_000_scss" model="ir.asset">
|
||||
<field name="name">Gallery 1 000 SCSS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_gallery_1/000.scss</field>
|
||||
</record>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,155 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_heading_1" name="Heading - 1">
|
||||
<section class="s_heading_1 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 tp-heading-container text-center tp-line-thickness-normal tp-line-width-normal tp-line-bottom">
|
||||
<h2>Access wide range of products</h2>
|
||||
<p class="lead mb-0">Quality products from our shop.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_heading_2" name="Heading - 2">
|
||||
<section class="s_heading_2 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 tp-heading-container text-center tp-line-bottom">
|
||||
<h6 class="text-uppercase text-o-color-1 fw-bold mb-3">NEW PRODUCTS EVERY DAY</h6>
|
||||
<h2 class="text-uppercase fw-bold">EXPLORE GREAT RANGE OF PRODUCTS</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_heading_3" name="Heading - 3">
|
||||
<section class="s_heading_3 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 col-lg-8 text-center">
|
||||
<span class="badge text-bg-primary rounded-pill">Discover</span>
|
||||
<h2 class="mt-3">Featured Products</h2>
|
||||
<p class="lead">
|
||||
We add new products every day. Explore our great range of products.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_heading_4" name="Heading - 4">
|
||||
<section class="s_heading_4 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 col-lg-8 text-center">
|
||||
<span class="fa fa-users fa-2x bg-o-color-1 rounded-circle"></span>
|
||||
<h2 class="mt-3">Our Creative <font class="text-o-color-1">Team</font></h2>
|
||||
<p class="lead">We are the creative team of theme prime. No one actually read this so let me write any thing here.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_heading_5" name="Heading - 5">
|
||||
<section class="s_heading_5 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 col-lg-8 text-center">
|
||||
<h2><font class="text-gradient" style="background-image: linear-gradient(135deg, rgb(255, 204, 51) 0%, rgb(226, 51, 255) 100%);">New Arrivals</font></h2>
|
||||
<p class="lead">We are the creative team of theme prime. No one actually read this so let me write any thing here.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_heading_6" name="Heading - 6">
|
||||
<section class="s_heading_6 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12">
|
||||
<h3 class="tp-underline-title pb-3">Your title here</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_heading_options" inherit_id="website.snippet_options">
|
||||
<xpath expr="." position="inside">
|
||||
<div data-selector=".s_heading_1" data-target=".tp-heading-container">
|
||||
<we-button-group string="Line Position" class="ms-auto">
|
||||
<we-button data-select-class="tp-line-top">
|
||||
<i class="fa fa-fw fa-arrow-up"/>
|
||||
</we-button>
|
||||
<we-button data-select-class="tp-line-bottom">
|
||||
<i class="fa fa-fw fa-arrow-down"/>
|
||||
</we-button>
|
||||
</we-button-group>
|
||||
<we-button-group string="Alignment" class="ms-auto">
|
||||
<we-button data-select-class="text-start">
|
||||
<i class="fa fa-fw fa-align-left"/>
|
||||
</we-button>
|
||||
<we-button data-select-class="text-center">
|
||||
<i class="fa fa-fw fa-align-center"/>
|
||||
</we-button>
|
||||
<we-button data-select-class="text-end">
|
||||
<i class="fa fa-fw fa-align-right"/>
|
||||
</we-button>
|
||||
</we-button-group>
|
||||
<we-select string="Thickness">
|
||||
<we-button data-select-class="tp-line-thickness-light">Light</we-button>
|
||||
<we-button data-select-class="tp-line-thickness-normal">Normal</we-button>
|
||||
<we-button data-select-class="tp-line-thickness-bold">Bold</we-button>
|
||||
</we-select>
|
||||
<we-select string="Width">
|
||||
<we-button data-select-class="tp-line-width-short">Short</we-button>
|
||||
<we-button data-select-class="tp-line-width-normal">Normal</we-button>
|
||||
<we-button data-select-class="tp-line-width-long">Long</we-button>
|
||||
</we-select>
|
||||
</div>
|
||||
<div data-selector=".s_heading_2" data-target=".tp-heading-container">
|
||||
<we-button-group string="Dot Position" class="ms-auto">
|
||||
<we-button data-select-class="tp-line-top">
|
||||
<i class="fa fa-fw fa-arrow-up"/>
|
||||
</we-button>
|
||||
<we-button data-select-class="tp-line-bottom">
|
||||
<i class="fa fa-fw fa-arrow-down"/>
|
||||
</we-button>
|
||||
</we-button-group>
|
||||
<we-button-group string="Alignment" class="ms-auto">
|
||||
<we-button data-select-class="text-start">
|
||||
<i class="fa fa-fw fa-align-left"/>
|
||||
</we-button>
|
||||
<we-button data-select-class="text-center">
|
||||
<i class="fa fa-fw fa-align-center"/>
|
||||
</we-button>
|
||||
<we-button data-select-class="text-end">
|
||||
<i class="fa fa-fw fa-align-right"/>
|
||||
</we-button>
|
||||
</we-button-group>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<!-- Assets -->
|
||||
<record id="theme_prime.s_heading_1_000_scss" model="ir.asset">
|
||||
<field name="name">Heading 1 000 SCSS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_heading_1/000.scss</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_prime.s_heading_2_000_scss" model="ir.asset">
|
||||
<field name="name">Heading 2 000 SCSS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_heading_2/000.scss</field>
|
||||
</record>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,514 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_icon_block_1" name="Icon Block - 1">
|
||||
<section class="s_icon_block_1 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg-4 py-3">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fa fa-rocket text-o-color-1 rounded-circle me-4 bg-200"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5>Creative ideas</h5>
|
||||
<p>Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 py-3">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fa fa-magic text-o-color-1 rounded-circle me-4 bg-200"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5>Excellent features</h5>
|
||||
<p>Suspendisse potenti. Cras a dui et nisl egestas ornare eu quis odio. Sed bibendum in ante.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 py-3">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fa fa-laptop text-o-color-1 rounded-circle me-4 bg-200"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5>Fully responsive</h5>
|
||||
<p>In hac habitasse platea dictumst. Praesent cursus congue felis, nec pellentesque nulla ornare.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_icon_block_2" name="Icon Block - 2">
|
||||
<section class="s_icon_block_2 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg-4 py-3 text-center">
|
||||
<i class="fa fa-thumbs-up fa-3x text-o-color-1"/>
|
||||
<h5 class="mt-3">Best Quality</h5>
|
||||
<p>Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 py-3 text-center">
|
||||
<i class="fa fa-tag fa-3x text-o-color-1"/>
|
||||
<h5 class="mt-3">100% Genuine</h5>
|
||||
<p>Suspendisse potenti. Cras a dui et nisl egestas ornare eu quis odio. Sed bibendum in ante.</p>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 py-3 text-center">
|
||||
<i class="fa fa-rocket fa-3x text-o-color-1"/>
|
||||
<h5 class="mt-3">Trending Collection</h5>
|
||||
<p>In hac habitasse platea dictumst. Praesent cursus congue felis, nec pellentesque nulla.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_icon_block_3" name="Icon Block - 3">
|
||||
<section class="s_icon_block_3 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg-4 py-3">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fa fa-rocket fa-2x me-4 text-o-color-1"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5>Creative ideas</h5>
|
||||
<p>Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean pretium ac enim eget dignissim.</p>
|
||||
<a href="#">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 py-3">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fa fa-magic fa-2x me-4 text-o-color-1"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5>Excellent features</h5>
|
||||
<p>Suspendisse potenti. Cras a dui et nisl egestas ornare eu quis odio. Sed bibendum in ante vel accumsan. Praesent scelerisque.</p>
|
||||
<a href="#">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 py-3">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fa fa-laptop fa-2x me-4 text-o-color-1"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5>Fully responsive</h5>
|
||||
<p>In hac habitasse platea dictumst. Praesent cursus congue felis, nec pellentesque nulla ornare sed. Aliquam eget aliquam urna.</p>
|
||||
<a href="#">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 py-3">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fa fa-book fa-2x me-4 text-o-color-1"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5>Extensive documentation</h5>
|
||||
<p>Aenean varius ligula vel augue condimentum scelerisque. In a urna at tortor tincidunt gravida sit amet vel eros. Integer et.</p>
|
||||
<a href="#">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 py-3">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fa fa-leaf fa-2x me-4 text-o-color-1"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5>Modern design</h5>
|
||||
<p>Proin purus dui, feugiat id ipsum eu, varius ornare ex. Mauris elit dolor, consectetur ac accumsan eu, commodo et odio eget.</p>
|
||||
<a href="#">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 py-3">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fa fa-code fa-2x me-4 text-o-color-1"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5>Clean code</h5>
|
||||
<p>Nam blandit arcu vel mi mollis faucibus. Nam justo velit, maximus viverra volutpat eu, hendrerit et velit. Pellentesque tincidunt.</p>
|
||||
<a href="#">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_icon_block_4" name="Icon Block - 4">
|
||||
<section class="s_icon_block_4 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg-4 py-3">
|
||||
<i class="fa fa-rocket rounded bg-200"/>
|
||||
<h5 class="mt-4">Creative ideas</h5>
|
||||
<p>Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 py-3">
|
||||
<i class="fa fa-magic rounded bg-200"/>
|
||||
<h5 class="mt-4">Excellent features</h5>
|
||||
<p>Suspendisse potenti. Cras a dui et nisl egestas ornare eu quis odio. Sed bibendum in ante vel accumsan.</p>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 py-3">
|
||||
<i class="fa fa-laptop rounded bg-200"/>
|
||||
<h5 class="mt-4">Fully responsive</h5>
|
||||
<p>In hac habitasse platea dictumst. Praesent cursus congue felis, nec pellentesque nulla ornare sed.</p>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 py-3">
|
||||
<i class="fa fa-book rounded bg-200"/>
|
||||
<h5 class="mt-4">Extensive documentation</h5>
|
||||
<p>Aenean varius ligula vel augue condimentum scelerisque. In a urna at tortor tincidunt gravida sit.</p>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 py-3">
|
||||
<i class="fa fa-leaf rounded bg-200"/>
|
||||
<h5 class="mt-4">Modern design</h5>
|
||||
<p>Proin purus dui, feugiat id ipsum eu, varius ornare ex. Mauris elit dolor, consectetur ac accumsan eu.</p>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 py-3">
|
||||
<i class="fa fa-code rounded bg-200"/>
|
||||
<h5 class="mt-4">Clean code</h5>
|
||||
<p>Nam blandit arcu vel mi mollis faucibus. Nam justo velit, maximus viverra volutpat eu, hendrerit et velit.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_icon_block_5" name="Icon Block - 5">
|
||||
<section class="s_icon_block_5 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg-4 py-3 text-center">
|
||||
<span class="fa fa-phone fa-3x text-o-color-1"/>
|
||||
<h6 class="mt-3">+91 70466 01320</h6>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 py-3 text-center">
|
||||
<span class="fa fa-map-marker fa-3x text-o-color-1"/>
|
||||
<h6 class="mt-3">New York, United States</h6>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 py-3 text-center">
|
||||
<span class="fa fa-envelope-o fa-3x text-o-color-1"/>
|
||||
<h6 class="mt-3">info@droggol.com</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_icon_block_6" name="Icon Block - 6">
|
||||
<section class="s_icon_block_6 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-4 py-3">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="fa fa-phone rounded-circle text-o-color-1 me-3"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-1">Phone Number</h6>
|
||||
<p class="mb-0">+91 70466 01320</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4 py-3">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="fa fa-map-marker rounded-circle text-o-color-1 me-3"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-1">Address</h6>
|
||||
<p class="mb-0">New York, United States</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4 py-3">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="fa fa-envelope-o rounded-circle text-o-color-1 me-3"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-1">Email</h6>
|
||||
<p class="mb-0">info@droggol.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_icon_block_7" name="Icon Block - 7">
|
||||
<section class="s_icon_block_7 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 col-md-6 col-lg-4 py-3">
|
||||
<div class="card tp-editor-bg-color-n-shadow py-4 h-100">
|
||||
<div class="p-4 text-center">
|
||||
<span class="fa fa-rocket fa-2x rounded-circle mb-4 bg-o-color-1"/>
|
||||
<h5>Creative ideas</h5>
|
||||
<p>Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
|
||||
<a href="#" class="btn btn-link">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 py-3">
|
||||
<div class="card tp-editor-bg-color-n-shadow py-4 h-100">
|
||||
<div class="p-4 text-center">
|
||||
<span class="fa fa-magic fa-2x rounded-circle mb-4 bg-o-color-1"/>
|
||||
<h5>Excellent features</h5>
|
||||
<p>Suspendisse potenti. Cras a dui et nisl egestas ornare eu quis odio. Sed bibendum in ante. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
|
||||
<a href="#" class="btn btn-link">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 py-3">
|
||||
<div class="card tp-editor-bg-color-n-shadow py-4 h-100">
|
||||
<div class="p-4 text-center">
|
||||
<span class="fa fa-laptop fa-2x rounded-circle mb-4 bg-o-color-1"/>
|
||||
<h5>Fully responsive</h5>
|
||||
<p>In hac habitasse platea dictumst. Praesent cursus congue felis, nec pellentesque nulla ornare sed. Orci varius natoque penatibus et magnis dis parturient montes, nascetur mus.</p>
|
||||
<a href="#" class="btn btn-link">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_icon_block_8" name="Icon Block - 8">
|
||||
<section class="s_icon_block_8 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 col-md-6 col-lg-4 py-3">
|
||||
<div class="card tp-editor-bg-color-n-shadow p-4 h-100">
|
||||
<span class="fa fa-rocket fa-3x text-o-color-1 mb-4"/>
|
||||
<h5>Creative ideas</h5>
|
||||
<p>Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Orci varius natoque penatibus et magnis. nascetur ridiculus mus.</p>
|
||||
<a href="#">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 py-3">
|
||||
<div class="card tp-editor-bg-color-n-shadow p-4 h-100">
|
||||
<span class="fa fa-magic fa-3x text-o-color-1 mb-4"/>
|
||||
<h5>Excellent features</h5>
|
||||
<p>Suspendisse potenti. Cras a dui et nisl egestas ornare eu quis odio. Sed bibendum in ante. Suspendisse potenti. Cras a dui et nisl. Sed bibendum in ante.</p>
|
||||
<a href="#">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 py-3">
|
||||
<div class="card tp-editor-bg-color-n-shadow p-4 h-100">
|
||||
<span class="fa fa-laptop fa-3x text-o-color-1 mb-4"/>
|
||||
<h5>Fully responsive</h5>
|
||||
<p>In hac habitasse platea dictumst. Praesent cursus congue felis, nec pellentesque nulla ornare sed. In hac habitasse platea dictumst. pellentesque nulla sed.</p>
|
||||
<a href="#">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_icon_block_9" name="Icon Block - 9">
|
||||
<section class="s_icon_block_9 pt32 pb32">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center s_nb_column_fixed">
|
||||
<div class="col-12 col-md-4 py-3 mx-auto tp-icon-block">
|
||||
<div class="d-flex px-md-2 px-lg-5">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="fa fa-rocket fa-2x me-3"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-1">FREE SHIPPING</h6>
|
||||
<p class="mb-0">In 2-3 Days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4 py-3 mx-auto tp-icon-block">
|
||||
<div class="d-flex px-md-2 px-lg-5">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="fa fa-refresh fa-2x me-3"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-1">FREE RETURNS</h6>
|
||||
<p class="mb-0">No Questions Asked</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4 py-3 mx-auto tp-icon-block">
|
||||
<div class="d-flex px-md-2 px-lg-5">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="fa fa-phone fa-2x me-3"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-1">FREE SUPPORT</h6>
|
||||
<p class="mb-0">30 Days Support</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_icon_block_10" name="Icon Block - 10">
|
||||
<section class="s_icon_block_10 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center border s_nb_column_fixed">
|
||||
<div class="col-12 col-sm-6 col-xl-2 p-3 tp-icon-block o_cc o_cc1">
|
||||
<div class="d-flex align-items-center tp-icon-block-icon">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="fa fa-truck fa-2x text-o-color-1 me-3"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-1">Free Delivery</h6>
|
||||
<p class="mb-0">All oders over $100</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-xl-2 p-3 tp-icon-block o_cc o_cc1">
|
||||
<div class="d-flex align-items-center tp-icon-block-icon">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="fa fa-credit-card fa-2x text-o-color-1 me-3"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-1">Safe Payment</h6>
|
||||
<p class="mb-0">100% secure payment</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-xl-2 p-3 tp-icon-block o_cc o_cc1">
|
||||
<div class="d-flex align-items-center tp-icon-block-icon">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="fa fa-phone fa-2x text-o-color-1 me-3"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-1">Help Center</h6>
|
||||
<p class="mb-0">24 X 7 support</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-xl-2 p-3 tp-icon-block o_cc o_cc1">
|
||||
<div class="d-flex align-items-center tp-icon-block-icon">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="fa fa-undo fa-2x text-o-color-1 me-3"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-1">Free Returns</h6>
|
||||
<p class="mb-0">No Questions Asked</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-xl-2 p-3 tp-icon-block o_cc o_cc1">
|
||||
<div class="d-flex align-items-center tp-icon-block-icon">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="fa fa-rocket fa-2x text-o-color-1 me-3"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-1">Fast Shipping</h6>
|
||||
<p class="mb-0">In 2-3 Days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-xl-2 p-3 tp-icon-block o_cc o_cc1">
|
||||
<div class="d-flex align-items-center tp-icon-block-icon">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="fa fa-smile-o fa-2x text-o-color-1 me-3"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-1">Happy Customers</h6>
|
||||
<p class="mb-0">12k+ Customers</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_icon_block_11" name="Icon Block - 11">
|
||||
<section class="s_icon_block_11 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center p-3 s_nb_column_fixed">
|
||||
<div class="col-12 col-sm-6 col-lg-3 tp-icon-block text-center">
|
||||
<span class="fa fa-2x fa-rocket rounded-circle bg-o-color-1 m-3"></span>
|
||||
<h5>Free Delivery</h5>
|
||||
<p>All oders over $100</p>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-lg-3 tp-icon-block text-center">
|
||||
<span class="fa fa-2x fa-thumbs-up rounded-circle bg-o-color-1 m-3"></span>
|
||||
<h5>Quality Products</h5>
|
||||
<p>100% Genuine product</p>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-lg-3 tp-icon-block text-center">
|
||||
<span class="fa fa-2x fa-phone rounded-circle bg-o-color-1 m-3"></span>
|
||||
<h5>Customer Support</h5>
|
||||
<p>Friendly 24/7 customer support</p>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-lg-3 tp-icon-block text-center">
|
||||
<span class="fa fa-2x fa-undo rounded-circle bg-o-color-1 m-3"></span>
|
||||
<h5>Easy Returns</h5>
|
||||
<p>No Questions Asked</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_icon_block_12" name="Icon Block - 12">
|
||||
<section class="s_icon_block_12 bg-o-color-1">
|
||||
<div class="container">
|
||||
<div class="row s_nb_column_fixed text-lg-center">
|
||||
<div class="col-12 col-lg-4">
|
||||
<h6 class="my-2">
|
||||
<i class="fa fa-exchange me-2"></i> Free returns
|
||||
</h6>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4">
|
||||
<h6 class="my-2">
|
||||
<i class="fa fa-truck me-2"></i> Free Shipping for order over $200
|
||||
</h6>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4">
|
||||
<h6 class="my-2">
|
||||
<i class="fa fa-life-ring me-2"></i> Free support
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- Assets -->
|
||||
<record id="theme_prime.s_icon_block_9_000_scss" model="ir.asset">
|
||||
<field name="name">Icon Block 9 000 SCSS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_icon_block_9/000.scss</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_prime.s_icon_block_10_000_scss" model="ir.asset">
|
||||
<field name="name">Icon Block 10 000 SCSS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_icon_block_10/000.scss</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_prime.s_icon_block_11_000_scss" model="ir.asset">
|
||||
<field name="name">Icon Block 11 000 SCSS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_icon_block_11/000.scss</field>
|
||||
</record>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,306 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_info_block_1" name="Info Block - 1">
|
||||
<section class="s_info_block_1 tp-editor-snippet-valign">
|
||||
<div class="container-fluid px-0">
|
||||
<div class="row g-0 s_nb_column_fixed align-items-center">
|
||||
<div class="col-lg-4 offset-lg-1 p-4">
|
||||
<h2>Proin est justo, euismod sit.</h2>
|
||||
<p>Suspendisse est nunc, laoreet eget odio id, finibus convallis ipsum. Praesent eu nisi egestas, gravida dolor eget, suscipit lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla tincidunt eu.</p>
|
||||
<a href="#" class="btn btn-primary mt-2">Shop Now</a>
|
||||
</div>
|
||||
<div class="col-lg-6 offset-lg-1">
|
||||
<img src="/web/image/theme_prime.s_info_block_1_1" class="img img-fluid" alt="Info Block Image 01"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_info_block_2" name="Info Block - 2">
|
||||
<section class="s_info_block_2 tp-editor-snippet-valign">
|
||||
<div class="container-fluid px-0">
|
||||
<div class="row g-0 s_nb_column_fixed align-items-center">
|
||||
<div class="col-lg-6">
|
||||
<img src="/web/image/theme_prime.s_info_block_2_1" class="img img-fluid" alt="Info Block Image 01"/>
|
||||
</div>
|
||||
<div class="col-lg-4 offset-lg-1 p-4">
|
||||
<h2>Cras in feugiat eros</h2>
|
||||
<p>Suspendisse est nunc, laoreet eget odio id, finibus convallis ipsum. Praesent eu nisi egestas.</p>
|
||||
<p>Vestibulum id laoreet sapien. Aliquam porttitor neque ut urna efficitur, eget tincidunt diam convallis. Vestibulum molestie nunc consectetur cursus tincidunt. Aenean interdum justo a tellus condimentum gravida.</p>
|
||||
<a href="#" class="btn btn-primary mt-2">Shop Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_info_block_3" name="Info Block - 3">
|
||||
<section class="s_info_block_3 tp-editor-snippet-valign pt16 pb16">
|
||||
<div class="container-fluid">
|
||||
<div class="row align-items-center s_nb_column_fixed">
|
||||
<div class="col-6 col-lg-3 mb-4 mb-lg-0">
|
||||
<div class="tp-animation-scale">
|
||||
<img src="/web/image/theme_prime.s_info_block_3_1" class="img img-fluid" alt="Info Block Image 01"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-lg-3 mb-4 mb-lg-0">
|
||||
<div class="tp-animation-scale">
|
||||
<img src="/web/image/theme_prime.s_info_block_3_2" class="img img-fluid" alt="Info Block Image 02"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 offset-lg-1 col-lg-4">
|
||||
<h5>New Arrivals</h5>
|
||||
<h2>Coming Soon</h2>
|
||||
<p>Vestibulum id laoreet sapien. Aliquam porttitor neque ut urna efficitur, eget tincidunt diam convallis. Vestibulum molestie nunc consectetur cursus tincidunt. Aenean interdum justo a tellus condimentum gravida.</p>
|
||||
<a href="#" class="btn btn-primary mt-2">Shop Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_info_block_4" name="Info Block - 4">
|
||||
<section class="s_info_block_4 pt32 pb32">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12">
|
||||
<h5 class="text-o-color-1" style="text-align: center;">New Arrivals</h5>
|
||||
<h2 style="text-align: center;">Spring Collections</h2>
|
||||
<p style="text-align: center;">
|
||||
Vestibulum id laoreet sapien. Aliquam porttitor neque ut urna efficitur, eget tincidunt diam convallis.<br/>
|
||||
interdum justo a tellus condimentum gretur cursus tincidunt. Aenean interdum justo a tellus condimentum gravida.<br/>
|
||||
cursus id laoreet sapien. Aliquam porttitor neque ut urna efficitur, eget tincidunt diam convallis.<br/>
|
||||
tellus justo a tellus condimentum gretur cursus tincidunt. Aenean interdum justo a tellus condimentum gravida.
|
||||
</p>
|
||||
<div style="text-align: center;">
|
||||
<a href="#" class="btn btn-primary mt-2">Shop Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center s_col_no_bgcolor s_nb_column_fixed mt-4">
|
||||
<div class="col-12 col-lg-3 mb-2 mb-lg-0">
|
||||
<img src="/web/image/theme_prime.s_info_block_4_1" class="img img-fluid" alt="Info Block Image 01"/>
|
||||
</div>
|
||||
<div class="col-12 col-lg-3 mb-2 mb-lg-0">
|
||||
<img src="/web/image/theme_prime.s_info_block_4_2" class="img img-fluid" alt="Info Block Image 02"/>
|
||||
</div>
|
||||
<div class="col-12 col-lg-3 mb-2 mb-lg-0">
|
||||
<img src="/web/image/theme_prime.s_info_block_4_3" class="img img-fluid" alt="Info Block Image 03"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_info_block_5" name="Info Block - 5">
|
||||
<section class="s_info_block_5 pt16 pb16">
|
||||
<div class="container-fluid">
|
||||
<div class="row align-items-center s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-6 col-lg-3 order-0 order-lg-0 mb-4 mb-lg-0">
|
||||
<img src="/web/image/theme_prime.s_info_block_5_1" class="img img-fluid" alt="Info Block Image 01"/>
|
||||
</div>
|
||||
<div class="col-12 col-sm-12 offset-lg-1 col-lg-4 order-1 order-lg-1">
|
||||
<h5 class="text-center">New Arrivals</h5>
|
||||
<h1 class="text-center">Trendy Collection</h1>
|
||||
<p class="text-center">Vestibulum id laoreet sapien. Aliquam porttitor neque ut urna efficitur, eget tincidunt diam convallis. Vestibulum molestie nunc consectetur cursus tincidunt. Aenean interdum justo a tellus condimentum gravida.</p>
|
||||
<div class="text-center">
|
||||
<a href="#" class="btn btn-primary mt-2">Shop Now</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-lg-3 offset-lg-1 order-0 order-lg-2 mb-4 mb-lg-0">
|
||||
<img src="/web/image/theme_prime.s_info_block_5_2" class="img img-fluid" alt="Info Block Image 02"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_info_block_6" name="Info Block - 6">
|
||||
<section class="s_info_block_6 pt16 pb16 tp-editor-snippet-valign">
|
||||
<div class="container-fluid">
|
||||
<div class="row align-items-center s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 offset-lg-1 col-lg-5 order-1">
|
||||
<h5>On the Ear</h5>
|
||||
<h1>Bluetooth Headset</h1>
|
||||
<p>Vestibulum id laoreet sapien. Aliquam porttitor neque ut urna efficitur, eget tincidunt diam convallis. Vestibulum molestie nunc consectetur cursus tincidunt. Aenean interdum justo a tellus condimentum gravida.</p>
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-sm-4">
|
||||
<p class="mb-2 tp-editor-copy-n-move" data-name="Line">
|
||||
<i class="fa fa-check-circle-o"/> 24x7 customer support
|
||||
</p>
|
||||
<p class="mb-2 tp-editor-copy-n-move" data-name="Line">
|
||||
<i class="fa fa-check-circle-o"/> Cash on delivery
|
||||
</p>
|
||||
<p class="mb-2 tp-editor-copy-n-move" data-name="Line">
|
||||
<i class="fa fa-check-circle-o"/> 30 days replacement
|
||||
</p>
|
||||
<p class="mb-2 tp-editor-copy-n-move" data-name="Line">
|
||||
<i class="fa fa-check-circle-o"/> Fast delivery
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<p class="mb-2 tp-editor-copy-n-move" data-name="Line">
|
||||
<i class="fa fa-check-circle-o"/> 12k+ happy customers
|
||||
</p>
|
||||
<p class="mb-2 tp-editor-copy-n-move" data-name="Line">
|
||||
<i class="fa fa-check-circle-o"/> 100% secure payment
|
||||
</p>
|
||||
<p class="mb-2 tp-editor-copy-n-move" data-name="Line">
|
||||
<i class="fa fa-check-circle-o"/> Quality products
|
||||
</p>
|
||||
<p class="mb-2 tp-editor-copy-n-move" data-name="Line">
|
||||
<i class="fa fa-check-circle-o"/> Easy returns
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="btn btn-primary mt-2">Shop Now</a>
|
||||
</div>
|
||||
<div class="col-12 col-lg-6 mb-4 mb-lg-0 order-0 order-lg-2">
|
||||
<img src="/web/image/theme_prime.s_info_block_6_1" class="img img-fluid mx-auto" alt="Info Block Image 01"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_info_block_7" name="Info Block - 7">
|
||||
<section class="s_info_block_7 parallax s_parallax_is_fixed pt96 pb96 bg-black-50 s_parallax_no_overflow_hidden oe_img_bg o_bg_img_center" data-scroll-background-ratio="1" style="background-image: url('/web/image/theme_prime.s_info_block_7_1'); background-position: 50% 0;">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-lg-7 align-self-center order-lg-1 order-2 p-4">
|
||||
<h2 class="h1 mb-4">Premium Collection</h2>
|
||||
<p class="lead">
|
||||
We are the creative team of theme prime. No one actually read this so let me write any thing here until it paragraph breaks into to multiple lines. Thanks for reading this.
|
||||
</p>
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-6 col-md-4">
|
||||
<p class="mb-2 tp-editor-copy-n-move" data-name="Line">
|
||||
<i class="fa fa-check-circle-o"/> 24x7 customer support
|
||||
</p>
|
||||
<p class="mb-2 tp-editor-copy-n-move" data-name="Line">
|
||||
<i class="fa fa-check-circle-o"/> Cash on delivery
|
||||
</p>
|
||||
<p class="mb-2 tp-editor-copy-n-move" data-name="Line">
|
||||
<i class="fa fa-check-circle-o"/> 30 days replacement
|
||||
</p>
|
||||
<p class="mb-2 tp-editor-copy-n-move" data-name="Line">
|
||||
<i class="fa fa-check-circle-o"/> Fast delivery
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-6 col-md-4">
|
||||
<p class="mb-2 tp-editor-copy-n-move" data-name="Line">
|
||||
<i class="fa fa-check-circle-o"/> 12k+ happy customers
|
||||
</p>
|
||||
<p class="mb-2 tp-editor-copy-n-move" data-name="Line">
|
||||
<i class="fa fa-check-circle-o"/> 100% secure payment
|
||||
</p>
|
||||
<p class="mb-2 tp-editor-copy-n-move" data-name="Line">
|
||||
<i class="fa fa-check-circle-o"/> Quality products
|
||||
</p>
|
||||
<p class="mb-2 tp-editor-copy-n-move" data-name="Line">
|
||||
<i class="fa fa-check-circle-o"/> Easy returns
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="btn btn-primary mt-2">Shop Now</a>
|
||||
</div>
|
||||
<div class="col-lg-5 position-relative my-4 order-1 order-lg-2">
|
||||
<div class="d-flex tp-offer-block h-100 align-items-center justify-content-center">
|
||||
<div class="tp-offer-label-lg">50</div>
|
||||
<div class="mt-4">
|
||||
<span class="tp-offer-label-md">%</span>
|
||||
<span class="d-block text-uppercase tp-offer-label-sm">off</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rounded-circle o_colored_level o_cc o_cc4 tp-badge-container tp-editor-bg-color-n-shadow">
|
||||
<div class="tp-badge text-center">
|
||||
<div class="fw-bold">NEW</div>
|
||||
<div>Products</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_info_block_8" name="Info Block - 8">
|
||||
<section class="s_info_block_8 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row align-items-center s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="d-flex align-items-center my-4 tp-editor-copy-n-move">
|
||||
<div class="flex-grow-1">
|
||||
<h5 style="text-align: right;">Free Delivery</h5>
|
||||
<p style="text-align: right;">All the lorem ipsum generators on the Internet<br/> tend to repeat predefined chunks as necessary.</p>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<span class="fa fa-truck fa-3x text-o-color-1 ms-3"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center my-4 tp-editor-copy-n-move">
|
||||
<div class="flex-grow-1">
|
||||
<h5 style="text-align: right;">30 Days Return</h5>
|
||||
<p style="text-align: right;">Consectetur, from a Lorem Ipsum passage, and<br/> going through the cites of the word in classical.</p>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<span class="fa fa-refresh fa-3x text-o-color-1 ms-3"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center my-4 tp-editor-copy-n-move">
|
||||
<div class="flex-grow-1">
|
||||
<h5 style="text-align: right;">Genuine Product</h5>
|
||||
<p style="text-align: right;">Many desktop publishing packages and web<br/> page editors now use lorem ipsum as their.</p>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<span class="fa fa-magic fa-3x text-o-color-1 ms-3"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<img src="/web/image/theme_prime.s_info_block_8_1" class="img img-fluid mx-auto" alt="Info Block Image 01"/>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="d-flex align-items-center my-4 tp-editor-copy-n-move">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="fa fa-phone fa-3x text-o-color-1 me-3"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5>24X7 Support</h5>
|
||||
<p>All the lorem ipsum generators on the Internet<br/> tend to repeat predefined chunks as necessary.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center my-4 tp-editor-copy-n-move">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="fa fa-rocket fa-3x text-o-color-1 me-3"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5>Fast Service</h5>
|
||||
<p>Consectetur, from a Lorem Ipsum passage, and<br/> going through the cites of the word in classical.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center my-4 tp-editor-copy-n-move">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="fa fa-thumbs-o-up fa-3x text-o-color-1 me-3"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5>Customer Satisfaction</h5>
|
||||
<p>Many desktop publishing packages and web<br/> page editors now use lorem ipsum as their.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- Assets -->
|
||||
<record id="theme_prime.s_info_block_7_000_scss" model="ir.asset">
|
||||
<field name="name">Info Block 7 000 SCSS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_info_block_7/000.scss</field>
|
||||
</record>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,560 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_pricing_1" name="Pricing - 1">
|
||||
<section class="s_pricing_1 pb16 pt16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor">
|
||||
<div class="col-md-6 col-lg-3 py-3">
|
||||
<div class="card tp-editor-bg-color-n-shadow h-100">
|
||||
<img src="/web/image/theme_prime.s_pricing_01" class="card-img-top" alt="Pricing Image 01"/>
|
||||
<div class="p-4">
|
||||
<h5 class="mt-4 text-center">Beginner</h5>
|
||||
<p class="mt-4 text-center">Morbi tincidunt ultrices.</p>
|
||||
<h2 class="my-4 text-center">$9.99</h2>
|
||||
<ul class="list-group list-group-flush mt-4">
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> Cras justo odio
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> Dapibus ac facilisis
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> Vestibulum at eros
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> Cras justo odio
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-times"/> Dapibus ac facilisis
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-times"/> Vestibulum at eros
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-times"/> Cras justo odio
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#" class="btn btn-primary w-100 mt-3">Order Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 py-3">
|
||||
<div class="card tp-editor-bg-color-n-shadow h-100">
|
||||
<img src="/web/image/theme_prime.s_pricing_02" class="card-img-top" alt="Pricing Image 02"/>
|
||||
<div class="p-4">
|
||||
<h5 class="mt-4 text-center">Professional</h5>
|
||||
<p class="mt-4 text-center">Suspendisse egestas ipsum eu.</p>
|
||||
<h2 class="my-4 text-center">$20.50</h2>
|
||||
<ul class="list-group list-group-flush mt-4">
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> Cras justo odio
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> Dapibus ac facilisis
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> Vestibulum at eros
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> Cras justo odio
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> Dapibus ac facilisis
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-times"/> Vestibulum at eros
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-times"/> Cras justo odio
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#" class="btn btn-primary w-100 mt-3">Order Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 py-3">
|
||||
<div class="card tp-editor-bg-color-n-shadow h-100">
|
||||
<img src="/web/image/theme_prime.s_pricing_03" class="card-img-top" alt="Pricing Image 03"/>
|
||||
<div class="p-4">
|
||||
<h5 class="mt-4 text-center">Expert</h5>
|
||||
<p class="mt-4 text-center">Ut efficitur sem sed.</p>
|
||||
<h2 class="my-4 text-center">$35.00</h2>
|
||||
<ul class="list-group list-group-flush mt-4">
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> Cras justo odio
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> Dapibus ac facilisis
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> Vestibulum at eros
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> Cras justo odio
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> Dapibus ac facilisis
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> Vestibulum at eros
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-times"/> Cras justo odio
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#" class="btn btn-primary w-100 mt-3">Order Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 py-3">
|
||||
<div class="card tp-editor-bg-color-n-shadow h-100">
|
||||
<img src="/web/image/theme_prime.s_pricing_04" class="card-img-top" alt="Pricing Image 04"/>
|
||||
<div class="p-4">
|
||||
<h5 class="mt-4 text-center">Advanced</h5>
|
||||
<p class="mt-4 text-center">Dapibus ac facilisis.</p>
|
||||
<h2 class="my-4 text-center">$42.00</h2>
|
||||
<ul class="list-group list-group-flush mt-4">
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> Cras justo odio
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> Dapibus ac facilisis
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> Vestibulum at eros
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> Cras justo odio
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> Dapibus ac facilisis
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> Vestibulum at eros
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> Cras justo odio
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#" class="btn btn-primary w-100 mt-3">Order Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_pricing_2" name="Pricing - 2">
|
||||
<section class="s_pricing_2 pb16 pt16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor">
|
||||
<div class="col-md-6 col-lg-4 py-3">
|
||||
<div class="card tp-editor-bg-color-n-shadow h-100 tp-animation-lift">
|
||||
<header class="tp-editor-bg-color-n-shadow p-4 text-center bg-o-color-1">
|
||||
<h5>Beginner</h5>
|
||||
<div>Morbi tincidunt ultrices</div>
|
||||
</header>
|
||||
<img src="/web/image/theme_prime.s_pricing_01" class="w-100" alt="Pricing Image 01"/>
|
||||
<div class="py-4 px-4 py-lg-5 px-lg-5 text-center">
|
||||
<p>From</p>
|
||||
<h2 class="mt-3 text-o-color-1">$330.00</h2>
|
||||
<p class="mt-3">Morbi tincidunt ultrices fermentum. Suspendisse egestas ipsum eu.</p>
|
||||
<a href="#" class="btn btn-outline-primary w-100 text-center mt-4">Order Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 py-3">
|
||||
<div class="card tp-editor-bg-color-n-shadow h-100 tp-animation-lift">
|
||||
<header class="tp-editor-bg-color-n-shadow p-4 text-center bg-o-color-1">
|
||||
<h5>Professional</h5>
|
||||
<div>Morbi tincidunt ultrices</div>
|
||||
</header>
|
||||
<img src="/web/image/theme_prime.s_pricing_02" class="w-100" alt="Pricing Image 02"/>
|
||||
<div class="py-4 px-4 py-lg-5 px-lg-5 text-center">
|
||||
<p>From</p>
|
||||
<h2 class="mt-3 text-o-color-1">$430.00</h2>
|
||||
<p class="mt-3">Morbi tincidunt ultrices fermentum. Suspendisse egestas ipsum eu.</p>
|
||||
<a href="#" class="btn btn-outline-primary w-100 text-center mt-4">Order Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 py-3">
|
||||
<div class="card tp-editor-bg-color-n-shadow h-100 tp-animation-lift">
|
||||
<header class="tp-editor-bg-color-n-shadow p-4 text-center bg-o-color-1">
|
||||
<h5>Expert</h5>
|
||||
<div>Morbi tincidunt ultrices</div>
|
||||
</header>
|
||||
<img src="/web/image/theme_prime.s_pricing_03" class="w-100" alt="Pricing Image 03"/>
|
||||
<div class="py-4 px-4 py-lg-5 px-lg-5 text-center">
|
||||
<p>From</p>
|
||||
<h2 class="mt-3 text-o-color-1">$530.00</h2>
|
||||
<p class="mt-3">Morbi tincidunt ultrices fermentum. Suspendisse egestas ipsum eu.</p>
|
||||
<a href="#" class="btn btn-outline-primary w-100 text-center mt-4">Order Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_pricing_3" name="Pricing - 3">
|
||||
<section class="s_pricing_3 pb16 pt16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor">
|
||||
<div class="col-md-6 col-lg-4 py-3">
|
||||
<div class="card tp-editor-bg-color-n-shadow p-4 p-lg-5 h-100">
|
||||
<header>
|
||||
<h5>Beginner</h5>
|
||||
<div class="pb16 pt16 s_hr" data-snippet="s_hr" data-name="Separator">
|
||||
<hr class="w-100 mx-auto" style="border-top-width: 1px; border-top-style: solid;"/>
|
||||
</div>
|
||||
<h2>$ 8.80</h2>
|
||||
</header>
|
||||
<p class="mt-4 mb-0">Morbi tincidunt ultrices fermentum. Suspendisse egestas ipsum eu.</p>
|
||||
<div class="pb16 pt16 s_hr" data-snippet="s_hr" data-name="Separator">
|
||||
<hr class="w-100 mx-auto" style="border-top-width: 1px; border-top-style: solid;"/>
|
||||
</div>
|
||||
<ul class="list-group list-group-flush border-0">
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check text-o-color-1"/> Cras justo odio
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check text-o-color-1"/> Dapibus ac facilisis
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check text-o-color-1"/> Vestibulum at eros
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check text-o-color-1"/> Cras justo odio
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-times text-o-color-1"/> Dapibus ac facilisis
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-times text-o-color-1"/> Vestibulum at eros
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-times text-o-color-1"/> Cras justo odio
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#" class="btn btn-primary w-100 mt-4">Order Now</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 py-3">
|
||||
<div class="card tp-editor-bg-color-n-shadow p-4 p-lg-5 h-100">
|
||||
<header>
|
||||
<h5>Professional</h5>
|
||||
<div class="pb16 pt16 s_hr" data-snippet="s_hr" data-name="Separator">
|
||||
<hr class="w-100 mx-auto" style="border-top-width: 1px; border-top-style: solid;"/>
|
||||
</div>
|
||||
<h2>$ 15.80</h2>
|
||||
</header>
|
||||
<p class="mt-4 mb-0">Morbi tincidunt ultrices fermentum. Suspendisse egestas ipsum eu.</p>
|
||||
<div class="pb16 pt16 s_hr" data-snippet="s_hr" data-name="Separator">
|
||||
<hr class="w-100 mx-auto" style="border-top-width: 1px; border-top-style: solid;"/>
|
||||
</div>
|
||||
<ul class="list-group list-group-flush border-0">
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check text-o-color-1"/> Cras justo odio
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check text-o-color-1"/> Dapibus ac facilisis
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check text-o-color-1"/> Vestibulum at eros
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check text-o-color-1"/> Cras justo odio
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check text-o-color-1"/> Dapibus ac facilisis
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-times text-o-color-1"/> Vestibulum at eros
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-times text-o-color-1"/> Cras justo odio
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#" class="btn btn-primary w-100 mt-4">Order Now</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 py-3">
|
||||
<div class="card tp-editor-bg-color-n-shadow p-4 p-lg-5 h-100">
|
||||
<header>
|
||||
<h5>Business</h5>
|
||||
<div class="pb16 pt16 s_hr" data-snippet="s_hr" data-name="Separator">
|
||||
<hr class="w-100 mx-auto" style="border-top-width: 1px; border-top-style: solid;"/>
|
||||
</div>
|
||||
<h2>$ 21.00</h2>
|
||||
</header>
|
||||
<p class="mt-4 mb-0">Morbi tincidunt ultrices fermentum. Suspendisse egestas ipsum eu.</p>
|
||||
<div class="pb16 pt16 s_hr" data-snippet="s_hr" data-name="Separator">
|
||||
<hr class="w-100 mx-auto" style="border-top-width: 1px; border-top-style: solid;"/>
|
||||
</div>
|
||||
<ul class="list-group list-group-flush border-0">
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check text-o-color-1"/> Cras justo odio
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check text-o-color-1"/> Dapibus ac facilisis
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check text-o-color-1"/> Vestibulum at eros
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check text-o-color-1"/> Cras justo odio
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check text-o-color-1"/> Dapibus ac facilisis
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check text-o-color-1"/> Vestibulum at eros
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check text-o-color-1"/> Cras justo odio
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#" class="btn btn-primary w-100 mt-4">Order Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_pricing_4" name="Pricing - 4">
|
||||
<section class="s_pricing_4 pb16 pt16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor">
|
||||
<div class="col-md-4 py-3">
|
||||
<div class="card tp-editor-bg-color-n-shadow h-100">
|
||||
<div class="pt-3 px-3 text-center">
|
||||
<div class="s_rating pt16 pb16" data-vcss="001" data-icon="fa-star">
|
||||
<h2 class="s_rating_title">Basic</h2>
|
||||
<div class="s_rating_icons o_not_editable text-o-color-1">
|
||||
<span class="s_rating_active_icons">
|
||||
<i class="fa fa-star"/>
|
||||
<i class="fa fa-star"/>
|
||||
<i class="fa fa-star"/>
|
||||
</span>
|
||||
<span class="s_rating_inactive_icons">
|
||||
<i class="fa fa-star-o"/>
|
||||
<i class="fa fa-star-o"/>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pb4 pt4 s_hr" data-snippet="s_hr" data-name="Separator">
|
||||
<hr class="w-100 mx-auto" style="border-top-width: 1px; border-top-style: solid;"/>
|
||||
</div>
|
||||
<div class="p-3">
|
||||
<ul class="list-group list-group-flush">
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> <strong>Unlimited</strong> Email Addresses
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> <strong>50 GB</strong> Disk Space
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> <strong>Unlimited</strong> SQL Database
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> <strong>Unlimited</strong> Email Addresses
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> <strong>50 GB</strong> Disk Space
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> <strong>Unlimited</strong> SQL Database
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-times"/> <strong>24 x Support</strong>
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-times"/> <strong>Email Support</strong>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pb4 pt4 s_hr" data-snippet="s_hr" data-name="Separator">
|
||||
<hr class="w-100 mx-auto" style="border-top-width: 1px; border-top-style: solid;"/>
|
||||
</div>
|
||||
<div class="px-3 pt-2 text-center">
|
||||
<h1><font style="font-size: 48px;">$3</font></h1>
|
||||
<p class="mb-0">Per Month</p>
|
||||
</div>
|
||||
<div class="px-3 py-3 text-center">
|
||||
<a href="#" class="btn btn-primary w-100">View More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 py-3">
|
||||
<div class="card tp-editor-bg-color-n-shadow h-100">
|
||||
<div class="pt-3 px-3 text-center">
|
||||
<div class="s_rating pt16 pb16" data-vcss="001" data-icon="fa-star">
|
||||
<h2 class="s_rating_title">Premium</h2>
|
||||
<div class="s_rating_icons o_not_editable text-o-color-1">
|
||||
<span class="s_rating_active_icons">
|
||||
<i class="fa fa-star"/>
|
||||
<i class="fa fa-star"/>
|
||||
<i class="fa fa-star"/>
|
||||
<i class="fa fa-star"/>
|
||||
</span>
|
||||
<span class="s_rating_inactive_icons">
|
||||
<i class="fa fa-star-o"/>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pb4 pt4 s_hr" data-snippet="s_hr" data-name="Separator">
|
||||
<hr class="w-100 mx-auto" style="border-top-width: 1px; border-top-style: solid;"/>
|
||||
</div>
|
||||
<div class="p-3">
|
||||
<ul class="list-group list-group-flush">
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> <strong>Unlimited</strong> Email Addresses
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> <strong>50 GB</strong> Disk Space
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> <strong>Unlimited</strong> SQL Database
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> <strong>Unlimited</strong> Email Addresses
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> <strong>50 GB</strong> Disk Space
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> <strong>Unlimited</strong> SQL Database
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> <strong>24 x Support</strong>
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-times"/> <strong>Email Support</strong>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pb4 pt4 s_hr" data-snippet="s_hr" data-name="Separator">
|
||||
<hr class="w-100 mx-auto" style="border-top-width: 1px; border-top-style: solid;"/>
|
||||
</div>
|
||||
<div class="px-3 pt-2 text-center">
|
||||
<h1><font style="font-size: 48px;">$8</font></h1>
|
||||
<p class="mb-0">Per Month</p>
|
||||
</div>
|
||||
<div class="px-3 py-3 text-center">
|
||||
<a href="#" class="btn btn-primary w-100">View More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 py-3">
|
||||
<div class="card tp-editor-bg-color-n-shadow h-100">
|
||||
<div class="pt-3 px-3 text-center">
|
||||
<div class="s_rating pt16 pb16" data-vcss="001" data-icon="fa-star">
|
||||
<h2 class="s_rating_title">Business</h2>
|
||||
<div class="s_rating_icons o_not_editable text-o-color-1">
|
||||
<span class="s_rating_active_icons">
|
||||
<i class="fa fa-star"/>
|
||||
<i class="fa fa-star"/>
|
||||
<i class="fa fa-star"/>
|
||||
<i class="fa fa-star"/>
|
||||
<i class="fa fa-star"/>
|
||||
</span>
|
||||
<span class="s_rating_inactive_icons">
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pb4 pt4 s_hr" data-snippet="s_hr" data-name="Separator">
|
||||
<hr class="w-100 mx-auto" style="border-top-width: 1px; border-top-style: solid;"/>
|
||||
</div>
|
||||
<div class="p-3">
|
||||
<ul class="list-group list-group-flush">
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> <strong>Unlimited</strong> Email Addresses
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> <strong>50 GB</strong> Disk Space
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> <strong>Unlimited</strong> SQL Database
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> <strong>Unlimited</strong> Email Addresses
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> <strong>50 GB</strong> Disk Space
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> <strong>Unlimited</strong> SQL Database
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> <strong>24 x Support</strong>
|
||||
</li>
|
||||
<li class="list-group-item tp-editor-copy-n-move p-1 border-0 bg-transparent" data-name="Line">
|
||||
<span class="p-1 fa fa-check"/> <strong>Email Support</strong>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pb4 pt4 s_hr" data-snippet="s_hr" data-name="Separator">
|
||||
<hr class="w-100 mx-auto" style="border-top-width: 1px; border-top-style: solid;"/>
|
||||
</div>
|
||||
<div class="px-3 pt-2 text-center">
|
||||
<h1><font style="font-size: 48px;">$12</font></h1>
|
||||
<p class="mb-0">Per Month</p>
|
||||
</div>
|
||||
<div class="px-3 py-3 text-center">
|
||||
<a href="#" class="btn btn-primary w-100">View More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_pricing_5" name="Pricing - 5">
|
||||
<section class="s_pricing_5 pb16 pt16">
|
||||
<div class="container">
|
||||
<div class="row s_nb_column_fixed s_col_no_bgcolor">
|
||||
<div class="col-lg-6 py-3">
|
||||
<div class="d-flex tp-editor-bg-color-n-shadow align-items-center border">
|
||||
<div class="p-4 me-3">
|
||||
<h2 class="text-o-color-1 mb-0"><b>$19.00</b></h2>
|
||||
<p>per month</p>
|
||||
<a href="#" class="btn btn-primary mt-2">Purchase</a>
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h5>Basic Pass</h5>
|
||||
<p class="mb-0">
|
||||
Ut ac pellentesque tortor. Sed fringilla nibh vel urna porttitor feugiat sit amet ac ex. Duis ut mattis est, eget venenatis leo. Sed et facilisis leo. Class aptent taciti sociosqu.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 py-3">
|
||||
<div class="d-flex tp-editor-bg-color-n-shadow align-items-center border">
|
||||
<div class="p-4 me-3">
|
||||
<h2 class="text-o-color-1 mb-0"><b>$48.99</b></h2>
|
||||
<p>per month</p>
|
||||
<a href="#" class="btn btn-primary mt-2">Purchase</a>
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h5>Advanced Pass</h5>
|
||||
<p class="mb-0">
|
||||
Vivamus at tempor arcu. Vestibulum fermentum facilisis dui, vitae iaculis purus accumsan quis. Quisque sit amet dignissim justo. Nullam ac sodales lorem, id volutpat arcu. Sed justo neque.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,115 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_shop_offer_1" name="Shop Offer - 1">
|
||||
<section class="s_shop_offer_1 parallax s_parallax_is_fixed pt120 pb120 s_parallax_no_overflow_hidden oe_img_bg o_bg_img_center" data-scroll-background-ratio="0" data-snippet="s_shop_offer_1" data-name="Shop Offer - 1" style="background-image: url('/web/image/theme_prime.s_shop_offer_1_1'); background-position: 50% 0;">
|
||||
<div class="container">
|
||||
<div class="row s_nb_column_fixed">
|
||||
<div class="col-12 text-center">
|
||||
<h5>Up to <span class="text-o-color-1">20%</span> off</h5>
|
||||
<h3>Winter Collection</h3>
|
||||
<a href="#" class="btn btn-primary mt-4">Shop Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_shop_offer_2" name="Shop Offer - 2">
|
||||
<section class="s_shop_offer_2 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row s_nb_column_fixed">
|
||||
<div class="col-12 py-2">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="fa fa-rocket fa-2x text-o-color-1 me-3"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-1">Free Delivery</h6>
|
||||
<p class="mb-0">Within 48 hours get free delivery</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 py-2">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="fa fa-refresh fa-2x text-o-color-1 me-3"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-1">30 Days Return</h6>
|
||||
<p class="mb-0">Get 30-day money-back guarantee</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 py-2">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="fa fa-thumbs-up fa-2x text-o-color-1 me-3"/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-1">Quality Product</h6>
|
||||
<p class="mb-0">Receive 100% genuine products</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_shop_offer_3" name="Shop Offer - 3">
|
||||
<section class="s_shop_offer_3">
|
||||
<div class="container">
|
||||
<div class="row g-0 s_nb_column_fixed">
|
||||
<div class="col-12">
|
||||
<img class="img img-fluid" src="/web/image/theme_prime.s_shop_offer_3_1" alt="Shop Offer Image 01"/>
|
||||
<a href="/shop" class="btn btn-primary w-100">Get it Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_shop_offer_4" name="Shop Offer - 4">
|
||||
<section class="s_shop_offer_4">
|
||||
<div class="container">
|
||||
<div class="row g-0 s_nb_column_fixed">
|
||||
<div class="col-12">
|
||||
<div class="position-relative">
|
||||
<img src="/web/image/theme_prime.s_shop_offer_4_1" class="img img-fluid" alt="Shop Offer Image 01"/>
|
||||
<div class="tp-banner-text text-center w-100">
|
||||
<h2>Newly Launched</h2>
|
||||
<h5>Limited Collection</h5>
|
||||
<div class="s_btn pt16" data-name="Buttons">
|
||||
<a href="/shop" class="btn btn-primary">Shop Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_shop_offer_5" name="Shop Offer - 5">
|
||||
<section class="s_shop_offer_5">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-12 pt32 pb32">
|
||||
<i class="fa fa-thumbs-up bg-o-color-1 rounded-circle shadow mx-auto d-block fa-2x"/>
|
||||
<h5 class="mt-4" style="text-align: center;">Best Quality</h5>
|
||||
<p class="mb-0" style="text-align: center;">Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- Assets -->
|
||||
<record id="theme_prime.s_shop_offer_4_000_scss" model="ir.asset">
|
||||
<field name="name">Shop Offer 4 000 SCSS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_shop_offer_4/000.scss</field>
|
||||
</record>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,197 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_stats_1" name="Stats - 1">
|
||||
<section class="s_stats_1 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6 col-lg-3 py-4 text-center">
|
||||
<h2 class="text-o-color-1">200+</h2>
|
||||
<h6 class="mt-3">Customers</h6>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-lg-3 py-4 text-center">
|
||||
<h2 class="text-o-color-1">156</h2>
|
||||
<h6 class="mt-3">New Ideas</h6>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-lg-3 py-4 text-center">
|
||||
<h2 class="text-o-color-1">97 %</h2>
|
||||
<h6 class="mt-3">Happy Clients</h6>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-lg-3 py-4 text-center">
|
||||
<h2 class="text-o-color-1">365 x 7</h2>
|
||||
<h6 class="mt-3">Customer Support</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_stats_2" name="Stats - 2">
|
||||
<section class="s_stats_2 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6 col-lg-3 py-3 text-center">
|
||||
<h6><span class="fa fa-user fa-3x"/></h6>
|
||||
<h4 class="mt-4"><font style="font-size: 36px;">1200</font></h4>
|
||||
<h6 class="text-uppercase small">Customers</h6>
|
||||
<p class="mt-4">
|
||||
Just some random string to reach eighty charater limit to break.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-lg-3 py-3 text-center">
|
||||
<h6><span class="fa fa-magic fa-3x"/></h6>
|
||||
<h4 class="mt-4"><font style="font-size: 36px;">237</font></h4>
|
||||
<h6 class="text-uppercase small">New Ideas</h6>
|
||||
<p class="mt-4">
|
||||
To break the lines we are writing some random string here.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-lg-3 py-3 text-center">
|
||||
<h6><span class="fa fa-smile-o fa-3x"/></h6>
|
||||
<h4 class="mt-4"><font style="font-size: 36px;">1340</font></h4>
|
||||
<h6 class="text-uppercase small">Happy Clients</h6>
|
||||
<p class="mt-4">
|
||||
Diffrent content looks good so not repeating the content here.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-lg-3 py-3 text-center">
|
||||
<h6><span class="fa fa-cube fa-3x"/></h6>
|
||||
<h4 class="mt-4"><font style="font-size: 36px;">8000</font></h4>
|
||||
<h6 class="text-uppercase small">Products</h6>
|
||||
<p class="mt-4">
|
||||
This is the last paragraph, and i am out of idea what to write.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_stats_3" name="Stats - 3">
|
||||
<section class="s_stats_3 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6 col-lg-3 py-3 text-center">
|
||||
<h6><span class="text-o-color-1 fa fa-user fa-3x"/></h6>
|
||||
<h4 class="mt-4"><font style="font-size: 36px;">1200</font></h4>
|
||||
<h6>Customers</h6>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-lg-3 py-3 text-center">
|
||||
<h6><span class="text-o-color-1 fa fa-magic fa-3x"/></h6>
|
||||
<h4 class="mt-4"><font style="font-size: 36px;">237</font></h4>
|
||||
<h6>New Ideas</h6>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-lg-3 py-3 text-center">
|
||||
<h6><span class="text-o-color-1 fa fa-smile-o fa-3x"/></h6>
|
||||
<h4 class="mt-4"><font style="font-size: 36px;">1340</font></h4>
|
||||
<h6>Happy Clients</h6>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-lg-3 py-3 text-center">
|
||||
<h6><span class="text-o-color-1 fa fa-cube fa-3x"/></h6>
|
||||
<h4 class="mt-4"><font style="font-size: 36px;">8000</font></h4>
|
||||
<h6>Products</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_stats_4" name="Stats - 4">
|
||||
<section class="s_stats_4 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6 col-lg-3 py-4">
|
||||
<i class="fa fa-user fa-2x rounded-circle bg-o-color-1"/>
|
||||
<div class="pb32 pt32 s_hr text-300" data-snippet="s_hr" data-name="Separator">
|
||||
<hr class="w-75 me-auto"/>
|
||||
</div>
|
||||
<h4>200+</h4>
|
||||
<p class="mt-4">
|
||||
Just some random string to reach eighty charater limit to break. Just some random string to reach eighty charater limit to break.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-lg-3 py-4">
|
||||
<i class="fa fa-magic fa-2x rounded-circle bg-o-color-1"/>
|
||||
<div class="s_hr pt32 pb32" data-snippet="s_hr" data-name="Separator">
|
||||
<hr class="w-75 me-auto" style="border-top-width: 1px; border-top-style: solid;"/>
|
||||
</div>
|
||||
<h4>156</h4>
|
||||
<p class="mt-4">
|
||||
To break the lines we are writing some random string here. To break the lines we are writing some random string here.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-lg-3 py-4">
|
||||
<i class="fa fa-smile-o fa-2x rounded-circle bg-o-color-1"/>
|
||||
<div class="s_hr pt32 pb32" data-snippet="s_hr" data-name="Separator">
|
||||
<hr class="w-75 me-auto" style="border-top-width: 1px; border-top-style: solid;"/>
|
||||
</div>
|
||||
<h4>97 %</h4>
|
||||
<p class="mt-4">
|
||||
Diffrent content looks good so not repeating the content here. Diffrent content looks good so not repeating the content here.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-lg-3 py-4">
|
||||
<i class="fa fa-cube fa-2x rounded-circle bg-o-color-1"/>
|
||||
<div class="s_hr pt32 pb32" data-snippet="s_hr" data-name="Separator">
|
||||
<hr class="w-75 me-auto" style="border-top-width: 1px; border-top-style: solid;"/>
|
||||
</div>
|
||||
<h4>365 x 7</h4>
|
||||
<p class="mt-4">
|
||||
This is the last paragraph, and i am out of idea what to write. This is the last paragraph, and i am out of idea what to write.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_stats_5" name="Stats - 5">
|
||||
<section class="s_stats_5 pt16 pb16">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6 col-lg-3 py-4">
|
||||
<h2><font style="font-size: 36px;">200+</font></h2>
|
||||
<div class="s_hr pt16 pb32" data-snippet="s_hr" data-name="Separator">
|
||||
<hr class="w-75 me-auto" style="border-top-width: 1px; border-top-style: solid;"/>
|
||||
</div>
|
||||
<h6>Customers</h6>
|
||||
<p class="mt-4">
|
||||
Just some random string to reach eighty charater limit to break. Just some random string to reach eighty charater limit to break.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-lg-3 py-4">
|
||||
<h2><font style="font-size: 36px;">156</font></h2>
|
||||
<div class="s_hr pt16 pb32" data-snippet="s_hr" data-name="Separator">
|
||||
<hr class="w-75 me-auto" style="border-top-width: 1px; border-top-style: solid;"/>
|
||||
</div>
|
||||
<h6>New Ideas</h6>
|
||||
<p class="mt-4">
|
||||
To break the lines we are writing some random string here. To break the lines we are writing some random string here.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-lg-3 py-4">
|
||||
<h2><font style="font-size: 36px;">97%</font></h2>
|
||||
<div class="s_hr pt16 pb32" data-snippet="s_hr" data-name="Separator">
|
||||
<hr class="w-75 me-auto" style="border-top-width: 1px; border-top-style: solid;"/>
|
||||
</div>
|
||||
<h6>Happy Clients</h6>
|
||||
<p class="mt-4">
|
||||
Diffrent content looks good so not repeating the content here. Diffrent content looks good so not repeating the content here.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-lg-3 py-4">
|
||||
<h2><font style="font-size: 36px;">365 x 7</font></h2>
|
||||
<div class="s_hr pt16 pb32" data-snippet="s_hr" data-name="Separator">
|
||||
<hr class="w-75 me-auto" style="border-top-width: 1px; border-top-style: solid;"/>
|
||||
</div>
|
||||
<h6>Customer Support</h6>
|
||||
<p class="mt-4">
|
||||
This is the last paragraph, and i am out of idea what to write. This is the last paragraph, and i am out of idea what to write.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,158 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_subscribe_1" name="Subscribe - 1">
|
||||
<section class="s_subscribe_1 pt32 pb32">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor justify-content-center s_nb_column_fixed">
|
||||
<div class="col-12 text-center">
|
||||
<h3>Subscribe</h3>
|
||||
</div>
|
||||
<div class="col-lg-5 mt-4">
|
||||
<div class="s_newsletter_list js_subscribe" data-vxml="001" data-list-id="0" data-name="Newsletter Form">
|
||||
<div class="input-group input-group-lg shadow-lg">
|
||||
<input type="email" name="email" class="js_subscribe_value form-control" placeholder="your email..."/>
|
||||
<a role="button" href="#" class="btn btn-primary js_subscribe_btn o_submit"><i class="fa fa-send-o"/></a>
|
||||
<a role="button" href="#" class="btn btn-success js_subscribed_btn d-none o_submit" disabled="disabled">Thanks</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 mt48">
|
||||
<div class="s_social_media o_not_editable text-center" data-snippet="s_social_media" data-name="Social Media">
|
||||
<small class="s_social_media_title text-muted d-none"><b>Follow us</b></small>
|
||||
<a href="/website/social/facebook" class="s_social_media_facebook" target="_blank">
|
||||
<i class="fa fa-facebook m-1 rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
<a href="/website/social/twitter" class="s_social_media_twitter" target="_blank">
|
||||
<i class="fa fa-twitter m-1 rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
<a href="/website/social/linkedin" class="s_social_media_linkedin" target="_blank">
|
||||
<i class="fa fa-linkedin m-1 rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
<a href="/website/social/github" class="s_social_media_github" target="_blank">
|
||||
<i class="fa fa-github m-1 rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
<a href="/website/social/youtube" class="s_social_media_youtube" target="_blank">
|
||||
<i class="fa fa-youtube m-1 rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
<a href="/website/social/instagram" class="s_social_media_instagram" target="_blank">
|
||||
<i class="fa fa-instagram m-1 rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_subscribe_2" name="Subscribe - 2">
|
||||
<section class="s_subscribe_2 pt32 pb32">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-md-8 align-self-center">
|
||||
<h3 class="mb-0">Subscribe to our weekly newsletter</h3>
|
||||
</div>
|
||||
<div class="col-md-4 align-self-center">
|
||||
<div class="s_newsletter_list js_subscribe" data-vxml="001" data-list-id="0" data-name="Newsletter Form">
|
||||
<div class="input-group">
|
||||
<input type="email" name="email" class="js_subscribe_value form-control" placeholder="your email..."/>
|
||||
<a role="button" href="#" class="btn btn-primary js_subscribe_btn o_submit">Subscribe</a>
|
||||
<a role="button" href="#" class="btn btn-success js_subscribed_btn d-none o_submit" disabled="disabled">Thanks</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_subscribe_3" name="Subscribe - 3">
|
||||
<section class="s_subscribe_3 pt32 pb32">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor text-center s_nb_column_fixed">
|
||||
<div class="col-12">
|
||||
<h3>Join Our Newsletter Now</h3>
|
||||
<p>Sign up for all the news about our latest arrivals and get an exclusive early access shopping.</p>
|
||||
<div class="s_newsletter_list js_subscribe my-3 mx-auto" style="max-width:400px;" data-vxml="001" data-list-id="0" data-name="Newsletter Form">
|
||||
<div class="input-group">
|
||||
<input type="email" name="email" class="js_subscribe_value form-control" placeholder="your email..."/>
|
||||
<a role="button" href="#" class="btn btn-primary js_subscribe_btn o_submit"><i class="fa fa-send-o"/></a>
|
||||
<a role="button" href="#" class="btn btn-success js_subscribed_btn d-none o_submit" disabled="disabled">Thanks</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="my-3">OR</div>
|
||||
<div class="s_social_media o_not_editable text-center" data-snippet="s_social_media" data-name="Social Media">
|
||||
<div class="s_social_media_title d-block">
|
||||
<h3>Follow Us</h3>
|
||||
<p>Be the first to find out all the latest news, products and trends.</p>
|
||||
</div>
|
||||
<a href="/website/social/facebook" class="s_social_media_facebook" target="_blank">
|
||||
<i class="fa fa-facebook m-1 rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
<a href="/website/social/twitter" class="s_social_media_twitter" target="_blank">
|
||||
<i class="fa fa-twitter m-1 rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
<a href="/website/social/linkedin" class="s_social_media_linkedin" target="_blank">
|
||||
<i class="fa fa-linkedin m-1 rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
<a href="/website/social/github" class="s_social_media_github" target="_blank">
|
||||
<i class="fa fa-github m-1 rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
<a href="/website/social/youtube" class="s_social_media_youtube" target="_blank">
|
||||
<i class="fa fa-youtube m-1 rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
<a href="/website/social/instagram" class="s_social_media_instagram" target="_blank">
|
||||
<i class="fa fa-instagram m-1 rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_subscribe_4" name="Subscribe - 4">
|
||||
<section class="s_subscribe_4">
|
||||
<div class="container-fluid px-0">
|
||||
<div class="row g-0 s_nb_column_fixed align-items-center text-center">
|
||||
<div class="col-lg-6">
|
||||
<img src="/web/image/theme_prime.s_subscribe_4_1" class="img img-fluid" alt="Subscribe Image 01"/>
|
||||
</div>
|
||||
<div class="col-lg-4 offset-lg-1 p-4">
|
||||
<h4>Join Our Mailing List</h4>
|
||||
<p>Don't miss out. Stay Informed! Monthly Tips, Tracks, and Discounts.</p>
|
||||
<div class="s_newsletter_list js_subscribe" data-vxml="001" data-list-id="0" data-name="Newsletter Form">
|
||||
<div class="input-group">
|
||||
<input type="email" name="email" class="js_subscribe_value form-control" placeholder="your email..."/>
|
||||
<a role="button" href="#" class="btn btn-primary js_subscribe_btn o_submit">Subscribe</a>
|
||||
<a role="button" href="#" class="btn btn-success js_subscribed_btn d-none o_submit" disabled="disabled">Thanks</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="s_social_media o_not_editable text-center mt-4" data-snippet="s_social_media" data-name="Social Media">
|
||||
<small class="s_social_media_title text-muted d-none"><b>Follow us</b></small>
|
||||
<a href="/website/social/facebook" class="s_social_media_facebook" target="_blank">
|
||||
<i class="fa fa-facebook m-1 rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
<a href="/website/social/twitter" class="s_social_media_twitter" target="_blank">
|
||||
<i class="fa fa-twitter m-1 rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
<a href="/website/social/linkedin" class="s_social_media_linkedin" target="_blank">
|
||||
<i class="fa fa-linkedin m-1 rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
<a href="/website/social/github" class="s_social_media_github" target="_blank">
|
||||
<i class="fa fa-github m-1 rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
<a href="/website/social/youtube" class="s_social_media_youtube" target="_blank">
|
||||
<i class="fa fa-youtube m-1 rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
<a href="/website/social/instagram" class="s_social_media_instagram" target="_blank">
|
||||
<i class="fa fa-instagram m-1 rounded-circle shadow-sm o_editable_media"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,158 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_team_1" name="Team - 1">
|
||||
<section class="s_team_1 pb16 pt16">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<t t-set="teams" t-value="{
|
||||
'01': {'name': 'Ralph Edwards', 'position': 'Chief Executive Officer', 'description': 'Pellentesque habitant morbi tristique senectus et netus et malesuada fames.'},
|
||||
'02': {'name': 'Robert Fox', 'position': 'Chief Technical Officer', 'description': 'Suspendisse eget pellentesque nisl. Sed in pretium nulla. Mauris sit amet sem.'},
|
||||
'03': {'name': 'Danny Bailey', 'position': 'Business Executive', 'description': 'Praesent ornare mi quis velit gravida auctor bibendum in neque. Nunc rutrum.'},
|
||||
'04': {'name': 'John Cooper', 'position': 'Developer', 'description': 'Pellentesque sollicitudin auctor dui, quis consectetur turpis pellentesque eget.'},
|
||||
}"/>
|
||||
<div t-foreach="teams" t-as="team" class="col-12 col-sm-6 col-lg-3 py-2">
|
||||
<div class="card border-0 h-100 bg-transparent">
|
||||
<img t-attf-src="/web/image/theme_prime.s_team_0#{team_index + 1}" class="card-img-top" t-attf-alt="Team Image #{team}"/>
|
||||
<div class="py-4">
|
||||
<h5 class="card-title mb-0"><t t-out="teams[team]['name']"/></h5>
|
||||
<div class="text-o-color-1 text-uppercase mt-1">
|
||||
<font style="font-size: 12px;"><t t-out="teams[team]['position']"/></font>
|
||||
</div>
|
||||
<p class="mt-3"><t t-out="teams[team]['description']"/></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_team_2" name="Team - 2">
|
||||
<section class="s_team_2 pb16 pt16">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<t t-set="teams" t-value="{
|
||||
'01': {'name': 'Ralph Edwards', 'position': 'Founder'},
|
||||
'02': {'name': 'Robert Fox', 'position': 'Office manager'},
|
||||
'03': {'name': 'Danny Bailey', 'position': 'Partner'},
|
||||
'04': {'name': 'John Cooper', 'position': 'Receptionist'},
|
||||
}"/>
|
||||
<div t-foreach="teams" t-as="team" class="col-12 col-sm-6 col-lg-3 py-2">
|
||||
<div class="card border-0 h-100 bg-transparent">
|
||||
<img t-attf-src="/web/image/theme_prime.s_team_0#{team_index + 1}" class="card-img-top" t-attf-alt="Team Image #{team}"/>
|
||||
<div class="py-4">
|
||||
<div class="text-o-color-1 text-uppercase small">
|
||||
<t t-out="teams[team]['position']"/>
|
||||
</div>
|
||||
<h5 class="card-title mt-1 mb-0"><t t-out="teams[team]['name']"/></h5>
|
||||
<p class="mt-1">Praesent ornare mi quis</p>
|
||||
<div class="s_hr pt4 pb4" data-snippet="s_hr" data-name="Separator">
|
||||
<hr class="w-100 mx-auto" style="border-top-width: 1px; border-top-style: solid;"/>
|
||||
</div>
|
||||
<ul class="list-unstyled mb-0 mt-3">
|
||||
<li class="list-item"><span class="fa fa-envelope p-1"/> information@mail.com</li>
|
||||
<li class="list-item"><span class="fa fa-phone p-1"/> +12 345 6789 101</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_team_3" name="Team - 3">
|
||||
<section class="s_team_3 pb16 pt16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<t t-set="teams" t-value="{
|
||||
'01': {'name': 'Ralph Edwards', 'position': 'Founder'},
|
||||
'02': {'name': 'Robert Fox', 'position': 'Office manager'},
|
||||
'03': {'name': 'Danny Bailey', 'position': 'Partner'},
|
||||
}"/>
|
||||
<div t-foreach="teams" t-as="team" class="col-lg-4 py-2">
|
||||
<div class="card h-100 tp-editor-bg-color-n-shadow">
|
||||
<div class="d-flex p-2">
|
||||
<img t-attf-src="/web/image/theme_prime.s_team_square_0#{team_index + 1}" class="flex-shrink-0 img img-fluid tp-image-100-max me-3" t-attf-alt="Team Image #{team}"/>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="card-title mb-0"><t t-out="teams[team]['name']"/></h5>
|
||||
<div class="text-o-color-1">
|
||||
<t t-out="teams[team]['position']"/>
|
||||
</div>
|
||||
<ul class="list-unstyled mt-2 mb-0">
|
||||
<li class="list-item"><i class="fa fa-envelope me-1"></i> information@mail.com</li>
|
||||
<li class="list-item"><i class="fa fa-phone me-1"></i> +12 345 6789 101</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_team_4" name="Team 4">
|
||||
<section class="s_team_4 pb16 pt16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor">
|
||||
<t t-set="teams" t-value="{
|
||||
'01': {'name': 'Ralph Edwards', 'position': 'Founder', 'description': 'Pellentesque habitant morbi tristique senectus et netus et.'},
|
||||
'02': {'name': 'Robert Fox', 'position': 'Office manager', 'description': 'Suspendisse eget pellentesque nisl. Sed in pretium nulla.'},
|
||||
'03': {'name': 'Danny Bailey', 'position': 'Partner', 'description': 'Praesent ornare mi quis velit gravida auctor bibendum in.'},
|
||||
'04': {'name': 'John Cooper', 'position': 'Receptionist', 'description': 'Pellentesque sollicitudin auctor dui, quis consectetur turp.'},
|
||||
}"/>
|
||||
<div t-foreach="teams" t-as="team" class="col-12 col-sm-6 col-lg-3 py-3">
|
||||
<div class="card h-100 border-0 pt-3">
|
||||
<img t-attf-src="/web/image/theme_prime.s_team_square_#{team}" class="card-img-top tp-image-150-max rounded-circle img-thumbnail mx-auto" t-attf-alt="Team Image #{team}"/>
|
||||
<div class="card-body text-center">
|
||||
<h4 class="card-title mb-0"><t t-out="teams[team]['name']"/></h4>
|
||||
<div class="text-o-color-1 text-uppercase small mt-1">
|
||||
<t t-out="teams[team]['position']"/>
|
||||
</div>
|
||||
<p class="mt-3"><t t-out="teams[team]['description']"/></p>
|
||||
<div class="s_social_media o_not_editable text-center no_icon_color" data-snippet="s_social_media" data-name="Social Media">
|
||||
<h5 class="s_social_media_title o_default_snippet_text d-none">Follow us</h5>
|
||||
<a target="_blank" href="/website/social/facebook" class="s_social_media_facebook">
|
||||
<i class="fa rounded-circle shadow-sm fa-facebook o_editable_media"/>
|
||||
</a>
|
||||
<a target="_blank" href="/website/social/twitter" class="s_social_media_twitter">
|
||||
<i class="fa rounded-circle shadow-sm fa-twitter o_editable_media"/>
|
||||
</a>
|
||||
<a target="_blank" href="/website/social/linkedin" class="s_social_media_linkedin">
|
||||
<i class="fa rounded-circle shadow-sm fa-linkedin o_editable_media"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_team_5" name="Team 5">
|
||||
<section class="s_team_5 pb16 pt16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor">
|
||||
<t t-set="teams" t-value="{
|
||||
'01': {'name': 'Ralph Edwards', 'position': 'Founder'},
|
||||
'02': {'name': 'Robert Fox', 'position': 'Office manager'},
|
||||
'03': {'name': 'Danny Bailey', 'position': 'Receptionist'},
|
||||
}"/>
|
||||
<div t-foreach="teams" t-as="team" class="col-12 col-sm-6 col-lg-4 py-2">
|
||||
<div class="card h-100 tp-editor-bg-color-n-shadow bg-o-color-1" style="border-width: 0px !important;">
|
||||
<img t-attf-src="/web/image/theme_prime.s_team_square_#{team}" class="card-img-top mx-auto" t-attf-alt="Team Image #{team}"/>
|
||||
<div class="py-3 px-2 text-center">
|
||||
<h5 class="card-title"><t t-out="teams[team]['name']"/></h5>
|
||||
<p class="card-text"><t t-out="teams[team]['position']"/></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,254 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_testimonial_1" name="Testimonial - 1">
|
||||
<section class="s_testimonial_1 pb16 pt16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="col-md-6 col-lg-4 py-3">
|
||||
<div class="tp-editor-bg-color-n-shadow h-100 p-4 text-center">
|
||||
<blockquote class="lead fw-light font-italic mb-5 tp-editor-bg-color-n-shadow">
|
||||
"Proin a nisi id turpis pharetra fermentum ac eu sem. Morbi ullamcorper mi quis porttitor interdum. Maecenas luctus varius interdum. Duis commodo tincidunt velit non bibendum. Phasellus placerat sodales nunc."
|
||||
</blockquote>
|
||||
<img src="/web/image/theme_prime.s_testimonial_author_01" class="img-thumbnail rounded-circle o_image_64_contain" alt="Author Image 01"/>
|
||||
<h5 class="mt-4 mb-1">John Doe</h5>
|
||||
<span>Droggol</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 py-3">
|
||||
<div class="tp-editor-bg-color-n-shadow h-100 p-4 text-center">
|
||||
<blockquote class="lead fw-light font-italic mb-5 tp-editor-bg-color-n-shadow">
|
||||
"Fusce sagittis ac orci sed tristique. Suspendisse a lobortis augue. Maecenas scelerisque varius mattis. Sed auctor fermentum libero, sed ullamcorper elit laoreet venenatis. Cras ac ex enim. Suspendisse sodales."
|
||||
</blockquote>
|
||||
<img src="/web/image/theme_prime.s_testimonial_author_02" class="img-thumbnail rounded-circle o_image_64_contain" alt="Author Image 02"/>
|
||||
<h5 class="mt-4 mb-1">Vivamus Tem</h5>
|
||||
<span>Google Inc.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 py-3">
|
||||
<div class="tp-editor-bg-color-n-shadow h-100 p-4 text-center">
|
||||
<blockquote class="lead fw-light font-italic mb-5 tp-editor-bg-color-n-shadow">
|
||||
"Etiam semper molestie sapien a egestas. In consequat venenatis ex, sit amet ultrices ante pretium et. Suspendisse nec hendrerit nulla, vitae convallis risus. Morbi quis tincidunt magna. Sed nec libero."
|
||||
</blockquote>
|
||||
<img src="/web/image/theme_prime.s_testimonial_author_03" class="img-thumbnail rounded-circle o_image_64_contain" alt="Author Image 03"/>
|
||||
<h5 class="mt-4 mb-1">Donec Int</h5>
|
||||
<span>Apple Ltd.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_testimonial_2" name="Testimonial - 2">
|
||||
<section class="s_testimonial_2 pb32 pt32">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8 text-center">
|
||||
<img src="/web/image/theme_prime.s_testimonial_author_01" class="img-thumbnail rounded-circle tp-image-128-max" alt="Author Image 01"/>
|
||||
<h5 class="mt-4 mb-1">John Doe</h5>
|
||||
<em class="text-primary">Designer</em>
|
||||
<blockquote class="lead fw-light font-italic mt-4 border-white tp-editor-bg-color-n-shadow">
|
||||
"Proin a nisi id turpis pharetra fermentum ac eu sem. Morbi ullamcorper mi quis porttitor interdum. Maecenas luctus varius interdum. Duis commodo tincidunt velit non bibendum. Phasellus placerat sodales nunc. Proin a nisi id turpis pharetra fermentum ac eu sem. Morbi ullamcorper mi quis porttitor interdum."
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_testimonial_3" name="Testimonial - 3">
|
||||
<section class="s_testimonial_3">
|
||||
<t t-set="uniq" t-value="datetime.datetime.now().microsecond"/>
|
||||
<div t-attf-id="myCarousel{{uniq}}" class="s_carousel tp-custom-carousel s_carousel_rounded carousel slide" data-bs-interval="10000">
|
||||
<!-- Indicators -->
|
||||
<ol class="carousel-indicators">
|
||||
<li t-attf-data-bs-target="#myCarousel{{uniq}}" data-bs-slide-to="0" class="active"/>
|
||||
<li t-attf-data-bs-target="#myCarousel{{uniq}}" data-bs-slide-to="1"/>
|
||||
<li t-attf-data-bs-target="#myCarousel{{uniq}}" data-bs-slide-to="2"/>
|
||||
</ol>
|
||||
<!-- Content -->
|
||||
<div class="carousel-inner">
|
||||
<!-- #01 -->
|
||||
<div class="carousel-item pt48 pb48 active" data-name="Slide">
|
||||
<div class="container">
|
||||
<div class="row content justify-content-center text-center s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="carousel-content col-12 col-md-10">
|
||||
<img class="img img-fluid tp-image-128-max rounded-circle shadow" src="/web/image/theme_prime.s_testimonial_author_01" alt="Author Image 01"></img>
|
||||
<blockquote class="lead fw-light font-italic mt-3 border-white">
|
||||
"Proin a nisi id turpis pharetra fermentum ac eu sem. Morbi ullamcorper mi quis porttitor interdum. Maecenas luctus varius interdum. Duis commodo tincidunt velit non bibendum. Phasellus placerat sodales nunc."
|
||||
</blockquote>
|
||||
<h5>John Doe</h5>
|
||||
<span>Droggol</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- #02 -->
|
||||
<div class="carousel-item pt48 pb48" data-name="Slide">
|
||||
<div class="container">
|
||||
<div class="row content justify-content-center text-center s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="carousel-content col-12 col-md-10">
|
||||
<img class="img img-fluid tp-image-128-max rounded-circle shadow" src="/web/image/theme_prime.s_testimonial_author_02" alt="Author Image 02"></img>
|
||||
<blockquote class="lead fw-light font-italic mt-3 border-white">
|
||||
"Fusce sagittis ac orci sed tristique. Suspendisse a lobortis augue. Maecenas scelerisque varius mattis. Sed auctor fermentum libero, sed ullamcorper elit laoreet venenatis. Cras ac ex enim. Suspendisse sodales volutpat."
|
||||
</blockquote>
|
||||
<h5>Vivamus Tem</h5>
|
||||
<span>Google Inc.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- #03 -->
|
||||
<div class="carousel-item pt48 pb48" data-name="Slide">
|
||||
<div class="container">
|
||||
<div class="row content justify-content-center text-center s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="carousel-content col-12 col-md-10">
|
||||
<img class="img img-fluid tp-image-128-max rounded-circle shadow" src="/web/image/theme_prime.s_testimonial_author_03" alt="Author Image 03"></img>
|
||||
<blockquote class="lead fw-light font-italic mt-3 border-white">
|
||||
"Etiam semper molestie sapien a egestas. In consequat venenatis ex, sit amet ultrices ante pretium et. Suspendisse nec hendrerit nulla, vitae convallis risus. Morbi quis tincidunt magna. Sed nec libero."
|
||||
</blockquote>
|
||||
<h5>Donec Int</h5>
|
||||
<span>Apple Ltd.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Controls -->
|
||||
<a class="carousel-control-prev o_not_editable" contenteditable="false" t-attf-href="#myCarousel{{uniq}}" data-bs-slide="prev" role="img" aria-label="Previous" title="Previous">
|
||||
<span class="fa fa-chevron-left"></span>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</a>
|
||||
<a class="carousel-control-next o_not_editable" contenteditable="false" t-attf-href="#myCarousel{{uniq}}" data-bs-slide="next" role="img" aria-label="Next" title="Next">
|
||||
<span class="fa fa-chevron-right"></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_testimonial_4" name="Testimonial - 4">
|
||||
<section class="s_testimonial_4">
|
||||
<t t-set="uniq" t-value="datetime.datetime.now().microsecond"/>
|
||||
<div t-attf-id="myCarousel{{uniq}}" class="s_carousel tp-custom-carousel s_carousel_bordered carousel slide" data-bs-interval="10000">
|
||||
<!-- Indicators -->
|
||||
<ol class="carousel-indicators">
|
||||
<li t-attf-data-bs-target="#myCarousel{{uniq}}" data-bs-slide-to="0" class="active"/>
|
||||
<li t-attf-data-bs-target="#myCarousel{{uniq}}" data-bs-slide-to="1"/>
|
||||
<li t-attf-data-bs-target="#myCarousel{{uniq}}" data-bs-slide-to="2"/>
|
||||
</ol>
|
||||
<!-- Content -->
|
||||
<div class="carousel-inner">
|
||||
<!-- #01 -->
|
||||
<div class="carousel-item pt80 pb80 active" data-name="Slide">
|
||||
<div class="container">
|
||||
<div class="row content justify-content-center s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="carousel-content col-12 col-lg-7">
|
||||
<blockquote class="lead font-italic border-white">
|
||||
"Proin a nisi id turpis pharetra fermentum ac eu sem. Morbi ullamcorper mi quis porttitor interdum. Maecenas luctus varius interdum. Duis commodo tincidunt velit non bibendum. Phasellus placerat sodales nunc."
|
||||
</blockquote>
|
||||
<div class="d-flex align-items-center">
|
||||
<img class="flex-shrink-0 img img-fluid img-thumbnail o_image_64_contain me-3 rounded-circle" src="/web/image/theme_prime.s_testimonial_author_01" alt="Author Image 01"></img>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="mb-1">John Doe</h5>
|
||||
<span>Designer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- #02 -->
|
||||
<div class="carousel-item pt80 pb80" data-name="Slide">
|
||||
<div class="container">
|
||||
<div class="row content justify-content-center s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="carousel-content col-12 col-lg-7">
|
||||
<blockquote class="lead font-italic border-white">
|
||||
"Fusce sagittis ac orci sed tristique. Suspendisse a lobortis augue. Maecenas scelerisque varius mattis. Sed auctor fermentum libero, sed ullamcorper elit laoreet venenatis. Cras ac ex enim. Suspendisse sodales volutpat."
|
||||
</blockquote>
|
||||
<div class="d-flex align-items-center">
|
||||
<img class="flex-shrink-0 img img-fluid img-thumbnail o_image_64_contain me-3 rounded-circle" src="/web/image/theme_prime.s_testimonial_author_02" alt="Author Image 02"></img>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="mb-1">Vivamus Tem</h5>
|
||||
<span>Developer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- #03 -->
|
||||
<div class="carousel-item pt80 pb80" data-name="Slide">
|
||||
<div class="container">
|
||||
<div class="row content justify-content-center s_col_no_bgcolor s_nb_column_fixed">
|
||||
<div class="carousel-content col-12 col-lg-7">
|
||||
<blockquote class="lead font-italic">
|
||||
"Etiam semper molestie sapien a egestas. In consequat venenatis ex, sit amet ultrices ante pretium et. Suspendisse nec hendrerit nulla, vitae convallis risus. Morbi quis tincidunt magna. Sed nec libero."
|
||||
</blockquote>
|
||||
<div class="d-flex align-items-center">
|
||||
<img class="flex-shrink-0 img img-fluid img-thumbnail o_image_64_contain me-3 rounded-circle" src="/web/image/theme_prime.s_testimonial_author_03" alt="Author Image 03"></img>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="mb-1">Donec Int</h5>
|
||||
<span>Tester</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Controls -->
|
||||
<a class="carousel-control-prev o_not_editable" contenteditable="false" t-attf-href="#myCarousel{{uniq}}" data-bs-slide="prev" role="img" aria-label="Previous" title="Previous">
|
||||
<span class="fa fa-chevron-left"></span>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</a>
|
||||
<a class="carousel-control-next o_not_editable" contenteditable="false" t-attf-href="#myCarousel{{uniq}}" data-bs-slide="next" role="img" aria-label="Next" title="Next">
|
||||
<span class="fa fa-chevron-right"></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_testimonial_5" name="Testimonial - 5">
|
||||
<section class="s_testimonial_5 pb16 pt16">
|
||||
<div class="container">
|
||||
<div class="row s_col_no_bgcolor">
|
||||
<div class="col-lg-6 py-3">
|
||||
<blockquote class="lead fw-light p-4 position-relative shadow border-primary">
|
||||
"Proin a nisi id turpis pharetra fermentum ac eu sem. Morbi ullamcorper mi quis porttitor interdum. Maecenas luctus varius interdum. Duis commodo tincidunt velit non bibendum. Phasellus placerat sodales nunc."
|
||||
</blockquote>
|
||||
<div class="d-flex align-items-center mt-5">
|
||||
<img class="flex-shrink-0 img img-fluid tp-author-image me-3 rounded-circle img-thumbnail" src="/web/image/theme_prime.s_testimonial_author_01" alt="Author Image 01"></img>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="mb-1">John Doe</h5>
|
||||
<span>Designer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 py-3">
|
||||
<blockquote class="lead fw-light p-4 position-relative shadow border-primary">
|
||||
"Fusce sagittis ac orci sed tristique. Suspendisse a lobortis augue. Maecenas scelerisque varius mattis. Sed auctor fermentum libero, sed ullamcorper elit laoreet venenatis. Cras ac ex enim. Suspendisse sodales volutpat."
|
||||
</blockquote>
|
||||
<div class="d-flex align-items-center mt-5">
|
||||
<img class="flex-shrink-0 img img-fluid tp-author-image me-3 rounded-circle img-thumbnail" src="/web/image/theme_prime.s_testimonial_author_02" alt="Author Image 02"></img>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="mb-1">Vivamus Tem</h5>
|
||||
<span>Developer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- Assets -->
|
||||
<record id="theme_prime.s_testimonial_5_000_scss" model="ir.asset">
|
||||
<field name="name">Testimonial 5 000 SCSS</field>
|
||||
<field name="bundle">web.assets_frontend</field>
|
||||
<field name="path">theme_prime/static/src/snippets/s_testimonial_5/000.scss</field>
|
||||
</record>
|
||||
|
||||
</odoo>
|
||||
Reference in New Issue
Block a user