Feb 20 : [ADD] Initial Commit 'theme_eco_food'

theme_eco_food/README.rst

@@ -0,0 +1,49 @@
+.. image:: https://img.shields.io/badge/license-LGPL--3-green.svg
+    :target: https://www.gnu.org/licenses/lgpl-3.0-standalone.html
+    :alt: License: LGPL-3
+
+Theme Eco Food
+==============
+* Design Web Pages with Theme Eco Food
+
+Installation
+============
+- www.odoo.com/documentation/15.0/setup/install.html
+- Install our custom addon
+- Before installing the theme you must installed the website
+
+License
+-------
+General Public License, Version 3 (LGPL v3).
+( https://www.gnu.org/licenses/lgpl-3.0-standalone.html)
+
+Company
+-------
+* `Cybrosys Techno Solutions <https://cybrosys.com/>`__
+
+Credits
+-------
+Developers: (V15) Fathima Mazlin AM, Ramees , Contact: odoo@cybrosys.com
+
+Contacts
+--------
+* Mail Contact : odoo@cybrosys.com
+* Website : https://cybrosys.com
+
+
+Bug Tracker
+-----------
+Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported.
+
+Maintainer
+==========
+.. image:: https://cybrosys.com/images/logo.png
+   :target: https://cybrosys.com
+
+This module is maintained by Cybrosys Technologies.
+
+For support and more information, please visit `Our Website <https://cybrosys.com/>`__
+
+Further information
+===================
+HTML Description: `<static/description/index.html>`__

theme_eco_food/__init__.py

@@ -0,0 +1,23 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from . import controllers
+from . import models

theme_eco_food/__manifest__.py

@@ -0,0 +1,107 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions (<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+{
+    'name': 'Theme Eco Food',
+    'version': '15.0.1.0.0',
+    'category': 'Theme/eCommerce',
+    'summary': 'Design Web Pages with theme EcoLife',
+    'description': 'Theme Eco Food is an attractive and modern '
+                   'eCommerce Website theme',
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'website': "https://www.cybrosys.com",
+    'depends': ['website_sale_wishlist', 'website_blog',
+                'website_sale_comparison'],
+    'data': [
+        'security/ir.model.access.csv',
+        'data/dynamic_product_data.xml',
+        'data/recently_added_product_data.xml',
+        'data/featured_product_data.xml',
+        'data/new_arrival_data.xml',
+        'views/products_templates.xml',
+        'views/dynamic_product_views.xml',
+        'views/recently_added_product_views.xml',
+        'views/featured_product_views.xml',
+        'views/new_arrival_views.xml',
+        'views/layout_templates.xml',
+        'views/template_header_default_templates.xml',
+        'views/contactus_templates.xml',
+        'views/product_templates.xml',
+        'views/address_templates.xml',
+        'views/snippets/banner_template.xml',
+        'views/snippets/best_seller_template.xml',
+        'views/snippets/client_template.xml',
+        'views/snippets/featured_product_template.xml',
+        'views/snippets/new_arrival_template.xml',
+        'views/snippets/recently_added_template.xml',
+        'views/snippets/service_template.xml',
+        'views/snippets/testimonial_template.xml',
+        'views/snippets/website_ad_template.xml',
+        'views/snippets/ad_template.xml',
+        'views/snippets/snippet_templates.xml',
+    ],
+    'assets': {
+        'web.assets_frontend': [
+            'theme_eco_food/static/src/css/animate.css',
+            'theme_eco_food/static/src/css/animate.min.css',
+            'theme_eco_food/static/src/css/bootstrap-dropdownhover.css',
+            'theme_eco_food/static/src/css/bootstrap-dropdownhover.min.css',
+            'theme_eco_food/static/src/css/bootstrap-icons.css',
+            'theme_eco_food/static/src/css/owl.carousel.min.css',
+            'theme_eco_food/static/src/css/owl.theme.default.min.css',
+            'theme_eco_food/static/src/css/shuffle-styles.css',
+            'https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/'
+            'bootstrap-icons.css',
+            'theme_eco_food/static/src/css/style.css',
+            'theme_eco_food/static/src/js/owl.carousel.js',
+            'theme_eco_food/static/src/js/owl.carousel.min.js',
+            'theme_eco_food/static/src/js/eco_food_recently_added.js',
+            'theme_eco_food/static/src/js/eco_food_best_seller.js',
+            'theme_eco_food/static/src/js/eco_food_featured_product.js',
+            'theme_eco_food/static/src/js/eco_food_new_arrivals_new.js',
+            'theme_eco_food/static/src/js/website_layout.js',
+            'theme_eco_food/static/src/js/script.js',
+            'theme_eco_food/static/src/js/index.js',
+            'theme_eco_food/static/src/js/ecoBanners.js',
+            'theme_eco_food/static/src/js/ecoClientCarousel.js',
+        ],
+        'web.assets_qweb': [
+            'theme_eco_food/static/src/xml/snippets/'
+            'eco_food_best_sellers_templates.xml',
+            'theme_eco_food/static/src/xml/snippets'
+            '/eco_food_featured_product_new_templates.xml',
+            'theme_eco_food/static/src/xml/snippets'
+            '/eco_food_new_arrivals_new_templates.xml',
+            'theme_eco_food/static/src/xml/snippets/eco_food_recently_'
+            'added_product_new_templates.xml',
+        ],
+    },
+    'images': [
+        'static/description/banner.png',
+        'static/description/theme_screenshot.png',
+    ],
+    'license': 'LGPL-3',
+    'installable': True,
+    'auto_install': False,
+    'application': False,
+}

theme_eco_food/controllers/__init__.py

@@ -0,0 +1,22 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from . import theme_eco_food

theme_eco_food/controllers/theme_eco_food.py

@@ -0,0 +1,137 @@
+# -*- coding: utf-8 -*-
+################################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+################################################################################
+from odoo import http
+from odoo.http import request
+
+
+class WebsiteEcoFood(http.Controller):
+
+    @http.route('/add_to_cart/<int:pid>', auth="public", type='http',
+                website=True)
+    def add_to_cart(self, pid):
+        """this function is used to add items to cart from snippet"""
+        product = request.env['product.product'].search(
+            [('product_tmpl_id', '=', pid)])[0]
+        order = request.website.sale_get_order(force_create=True)
+        order._cart_update(
+            product_id=product.id,
+            add_qty=1,
+        )
+        return request.redirect('/shop/cart')
+
+    @http.route('/add_to_wishlist_new_arrival/<int:product_id>', auth="public",
+                type='http', website=True)
+    def add_to_wishlist(self, product_id):
+        """this function is used to add items to wishlist from snippet"""
+        product_ids = request.env['product.template'].browse(
+            product_id)._create_first_product_variant().id
+        pricelist = request.website.pricelist_id
+        product = request.env['product.product'].browse(product_ids)
+        price = product._get_combination_info_variant(
+            pricelist=pricelist,
+        )['price']
+        partner_id = request.env.user.partner_id.id if not (
+            request.website.is_public_user()) else False
+        wish = request.env['product.wishlist'].sudo()._add_to_wishlist(
+            pricelist.id,
+            pricelist.currency_id.id,
+            request.website.id,
+            price,
+            product_ids,
+            partner_id
+        )
+        if not partner_id:
+            request.session['wishlist_ids'] = request.session.get(
+                'wishlist_ids', []) + [wish.id]
+        return request.redirect('/shop/wishlist')
+
+    @http.route('/get_best_seller', auth="public", type='json', website=True)
+    def get_best_seller(self):
+        """this function is used to retrieve the best-selling product"""
+        products = request.env.ref(
+            'theme_eco_food.dynamic_product_best_seller'
+        ).product_tmpl_ids.sorted(
+            key=lambda x: x.sales_count, reverse=True)[:10]
+        best_seller = [{'id': product.id,
+                        'name': product.name,
+                        'category': product.categ_id.name,
+                        'rating_avg': product.rating_avg,
+                        'list_price': product.list_price,
+                        'currency': product.currency_id.symbol
+                        } for product in products]
+        return best_seller
+
+    @http.route('/get_featured_products', auth="public", type='json',
+                website=True)
+    def get_featured_products(self):
+        """this function is used to retrieve featured products"""
+        products = request.env.ref(
+            'theme_eco_food.featured_product_new').featured_products_ids.sorted(
+            key=lambda x: x.id, reverse=True)[:8]
+        values = {
+            f'slide{i + 1}': [{'id': product.id,
+                               'name': product.name,
+                               'category': product.categ_id.name,
+                               'rating_avg': product.rating_avg,
+                               'list_price': product.list_price,
+                               'currency': product.currency_id.symbol
+                               } for product in products[i * 4:(i + 1) * 4]]
+            for i in range((len(products) + 3) // 4)
+        }
+        return values
+
+    @http.route('/get_recently_added_products', auth="public", type='json',
+                website=True)
+    def get_recently_added_products(self):
+        """this function will return the most recently added products."""
+        products = request.env.ref(
+            'theme_eco_food.recently_added_product_recently_new'
+        ).recent_products_ids.sorted(
+            key=lambda x: x.id, reverse=True)[:16]
+        values = {
+            f'slide{i + 1}': [{'id': product.id,
+                               'name': product.name,
+                               'category': product.categ_id.name,
+                               'rating_avg': product.rating_avg,
+                               'list_price': product.list_price,
+                               'currency': product.currency_id.symbol
+                               } for product in products[i * 8:(i + 1) * 8]]
+            for i in range((len(products) + 7) // 8)
+        }
+        return values
+
+    @http.route('/eco_food_new_arrivals', auth="public", type='json',
+                website=True)
+    def eco_food_new_arrivals(self):
+        """this function is used to retrieve new arrival products"""
+        products = request.env.ref(
+            'theme_eco_food.new_arrival_new').new_arrivals_ids.sorted(
+            key=lambda x: x.id, reverse=True)[:16]
+        values = [{
+            'id': product.id,
+            'name': product.name,
+            'category': product.categ_id.name,
+            'rating_avg': product.rating_avg,
+            'list_price': product.list_price,
+            'currency': product.currency_id.symbol
+        } for product in products]
+        return values

theme_eco_food/data/dynamic_product_data.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!-- Creating a record in dynamic products table-->
+    <record id="dynamic_product_best_seller" model="dynamic.product">
+        <field name="name">Best Seller</field>
+    </record>
+</odoo>

theme_eco_food/data/featured_product_data.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!--  Creating a record in featured product table-->
+    <record id="featured_product_new"
+            model="featured.product">
+        <field name="name">Featured Product</field>
+    </record>
+</odoo>

theme_eco_food/data/new_arrival_data.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!-- Creating a record in new arrival table-->
+    <record id="new_arrival_new" model="new.arrival">
+        <field name="name">New Arrival</field>
+    </record>
+</odoo>

theme_eco_food/data/recently_added_product_data.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!-- Creating new record in recently added products table-->
+    <record id="recently_added_product_recently_new"
+            model="recently.added.product">
+        <field name="name">Recently Added Products</field>
+    </record>
+</odoo>

theme_eco_food/doc/RELEASE_NOTES.md

@@ -0,0 +1,6 @@
+## Module <theme_eco_food>
+
+#### 17.01.2023
+#### Version 15.0.1.0.0
+#### ADD
+- Initial commit for Theme Eco Food

theme_eco_food/models/__init__.py

@@ -0,0 +1,25 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from . import dynamic_product
+from . import featured_product
+from . import new_arrival
+from . import recently_added_product

theme_eco_food/models/dynamic_product.py

@@ -0,0 +1,35 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from odoo import fields, models
+
+
+class DynamicProduct(models.Model):
+    """This is used to set the dynamic product and the
+    corresponding products for the snippet"""
+    _name = "dynamic.product"
+    _description = "Dynamic Product"
+
+    name = fields.Char(string="Name", help="Name of the dynamic product "
+                                           "record")
+    product_tmpl_ids = fields.Many2many('product.template',
+                                        help="Can add multiple product for "
+                                             "dynamic products")

theme_eco_food/models/featured_product.py

@@ -0,0 +1,34 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from odoo import fields, models
+
+
+class FeaturedProduct(models.Model):
+    """This is used to set the featured product and the
+        corresponding products for the snippet"""
+    _name = "featured.product"
+    _description = "Featured Product"
+
+    name = fields.Char(string="Name", help="Name for featured product record")
+    featured_products_ids = fields.Many2many('product.template',
+                                             help="Can add multiple product "
+                                                  "for featured product")

theme_eco_food/models/new_arrival.py

@@ -0,0 +1,35 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from odoo import fields, models
+
+
+class NewArrival(models.Model):
+    """This is used to set the new arrival products and the
+        corresponding products for the snippet"""
+    _name = "new.arrival"
+    _description = "New Arrival Products"
+
+    name = fields.Char(string="Name", help="Name for new arrival product "
+                                           "record")
+    new_arrivals_ids = fields.Many2many('product.template',
+                                        help="Can add multiple product for "
+                                             "new arrival products")

theme_eco_food/models/recently_added_product.py

@@ -0,0 +1,35 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from odoo import fields, models
+
+
+class RecentlyAddedProduct(models.Model):
+    """This is used to set the Recently added and the corresponding
+           products for the snippet"""
+    _name = "recently.added.product"
+    _description = "Recently Added Product"
+
+    name = fields.Char(string="Name", help="Name for recently added product "
+                                           "record")
+    recent_products_ids = fields.Many2many('product.template',
+                                           help="Can add multiple product for "
+                                                "recently added products")

theme_eco_food/security/ir.model.access.csv

@@ -0,0 +1,5 @@
+id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink
+access_dynamic_product_user,access.dynamic.product.user,model_dynamic_product,base.group_user,1,1,1,1
+access_featured_product_user,access.featured.product.user,model_featured_product,base.group_user,1,1,1,1
+access_recently_added_product_user,access.recently.added.product.user,model_recently_added_product,base.group_user,1,1,1,1
+access_new_arrival_user,access.new.arrival.user,model_new_arrival,base.group_user,1,1,1,1

theme_eco_food/static/description/index.html

@@ -0,0 +1,863 @@
+<!-- HERO -->
+<div class="container">
+    <div class="row"
+         style="padding: 4rem 2.5rem 0 !important; background-color: #fff !important;">
+        <div class="col-lg-12 d-flex flex-column align-items-center">
+            <h1 class="text-center text-uppercase"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bolder !important; font-size: 2.5rem !important; color: #212121;">
+                Theme Eco Food
+            </h1>
+            <p class="my-1 text-center text-uppercase"
+               style="letter-spacing: 4px !important; color: #74788D !important;">
+                Minimalist and Elegant Frontend
+                Theme for Odoo 15</p>
+        </div>
+        <div class="col-lg-12 text-center mt-5">
+        </div>
+        <div class="col-lg-12 d-flex justify-content-center align-items-center"
+             style="margin: 2rem 0;">
+            <img src="./assets/hero.png" width="100%" height="auto"
+                 class="img-responsive">
+        </div>
+    </div>
+</div>
+<!-- END OF HERO -->
+
+<!-- OVERVIEW -->
+<div class="container">
+    <div class="row"
+         style="padding: 0rem 2.5rem !important; background-color: #fff !important;">
+        <div class="col-lg-12 d-flex flex-column justify-content-center">
+            <p class="my-1 text-center"
+               style="font-family: Montserrat, 'sans-serif' !important; color: #212121 !important;">
+
+                The module "Theme Eco Food" gives you a fully modified view
+                with a
+                full-screen display.
+                This is a minimalist and elegant frontend theme for Odoo 15.
+                This theme will change your old experience into a new one with
+                Odoo.
+                It is a Perfect Choice for Your Odoo Frontend and an Attractive
+                Theme for Your Odoo 15.
+                It will give you an attractive header with details on the cart,
+                wishlist, price list, etc.
+                Using this theme, you can customise your product card with
+                features like add to cart, add to wishlist,
+                rating and all in a new outlook. This will change your contact
+                information, cart, address, and payment page to
+                a fully modified view.
+            </p>
+        </div>
+        <div class="col-lg-12 mt-4">
+            <div class="alert alert-warning text-center" role="alert">
+                <i class="fa fa-exclamation-triangle mr-2"
+                   aria-hidden="true"></i>
+Please make sure that you install all your apps prior to the installation of this theme.
+
+            </div>
+        </div>
+    </div>
+</div>
+<!-- END OF OVERVIEW-->
+
+
+<!-- FEATURE -->
+<div class="container" style="margin-top: 3rem;">
+    <div class="row">
+        <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
+
+            <h2
+                    style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;">
+                Features</h2>
+        </div>
+    </div>
+    <!-- RESPONSIVE -->
+    <div class="container" style="margin-top: 3rem;">
+        <div class="row shadow"
+             style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top:  3px solid #556EE6 !important; min-width: 100% !important;">
+            <div class="col-lg-12"
+                 style="padding-left: 0 !important; padding-right: 0!important;">
+                <img src="assets/responsive.jpg" width="100%" height="auto"
+                     class="img-responsive">
+            </div>
+            <div class="row">
+                <div class="col-lg-8" style="padding: 2.5rem 1.5rem!important;">
+                    <div class="text-center"
+                         style="font-size: 0.9rem !important; background-color: #556EE6 !important; padding: 0.5 1.5rem !important; width: 60px; color: #ffffff !important; font-weight: 700; border-radius: 0.2rem !important; margin: 10px 0 !important;">
+                        New
+                    </div>
+                    <h3 style="font-weight: 700 !important;">Fully Responsive
+                        Layout</h3>
+                    <h6
+                            style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
+                        Now take advantage of everything your dashboard has to
+                        offer even on the go. Our design are
+                        now
+                        fully responsive enabling you to view and manage
+                        everything from the comfort of your mobile
+                        device. Everything
+                        has been designed in a meticulous fashion.
+                    </h6>
+                    <span class="d-flex" style="margin-top: 2rem !important;">
+                        <i class="fa fa-check-square mr-2"
+                           style="color:#556EE6 !important; margin-top: 5px !important;"></i>
+                        <p>Fully responsive</p>
+                    </span>
+
+                    <span class="d-flex">
+                        <i class="fa fa-check-square mr-2"
+                           style="color:#556EE6 !important; margin-top: 5px !important;"></i>
+                        <p>Fits perfectly to all screen sizes</p>
+                    </span>
+
+                </div>
+            </div>
+
+        </div>
+    </div>
+    <!-- END OF RESPONSIVE -->
+    <!-- FEATURE -->
+    <div class="container" style="margin-top: 3rem;">
+        <div class="row shadow"
+             style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top:  3px solid #556EE6 !important; min-width: 100% !important;">
+            <div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
+                <h3 style="font-weight: 700 !important;">Shop View</h3>
+                <h6
+                        style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
+                    The Eco Life Theme V15 Gives You a Fully Modified Shop View.
+                    The product card gives a Pleasant Experience And an
+                    Extraordinary Design
+                    To Your Shop page Making The product cards Look Great.
+                    It will Give You a Clean Layout with the New Outlook to your
+                    product card with
+                    add to cart,add to wishlist, rating, etc. in a new style.
+                </h6>
+                <div class="row mt-4">
+                    <div class="col-lg-6">
+                        <span class="d-flex">
+                            <i class="fa fa-check-square mr-2"
+                               style="color:#556EE6 !important; margin-top: 5px !important;"></i>
+                            <p>Modified Font</p>
+                        </span>
+
+                        <span class="d-flex">
+                            <i class="fa fa-check-square mr-2"
+                               style="color:#556EE6 !important; margin-top: 5px !important;"></i>
+                            <p>New Color Combination</p>
+                        </span>
+
+                        <span class="d-flex">
+                            <i class="fa fa-check-square mr-2"
+                               style="color:#556EE6 !important; margin-top: 5px !important;"></i>
+                            <p>Full Screen View</p>
+                        </span>
+                    </div>
+
+                    <div class="col-lg-6">
+                        <span class="d-flex">
+                            <i class="fa fa-check-square mr-2"
+                               style="color:#556EE6 !important; margin-top: 5px !important;"></i>
+                            <p>Hover Effect</p>
+                        </span>
+
+                        <span class="d-flex">
+                            <i class="fa fa-check-square mr-2"
+                               style="color:#556EE6 !important; margin-top: 5px !important;"></i>
+                            <p>Clean Layout</p>
+                        </span>
+
+                        <span class="d-flex">
+                            <i class="fa fa-check-square mr-2"
+                               style="color:#556EE6 !important; margin-top: 5px !important;"></i>
+                            <p>New label at the top</p>
+                        </span>
+                    </div>
+                </div>
+            </div>
+            <div class="col-lg-12"
+                 style="padding-left: 0 !important; padding-right: 0!important;">
+                <img src="assets/screenshots/5.png" width="100%" height="auto"
+                     class="img-responsive">
+            </div>
+        </div>
+    </div>
+    <!-- END OF FEATURE -->
+
+    <!-- FEATURE -->
+    <div class="container" style="margin-top: 3rem;">
+        <div class="row shadow"
+             style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top:  3px solid #556EE6 !important; min-width: 100% !important;">
+            <div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
+                <h3 style="font-weight: 700 !important;">Cart page</h3>
+                <h6
+                        style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
+                    The new Eco Life Theme V15 Gives You The Fully Modified Cart
+                    View and This Table Design
+                    is Also Have Awesome Design, and it Gives You More Beauty
+                    for Your Odoo Frontend.
+                    It will Give You a Clean Layout with the New Color
+                    Combination and a Modified Font.
+                </h6>
+                <div class="row mt-4">
+                    <div class="col-lg-6">
+                        <span class="d-flex">
+                            <i class="fa fa-check-square mr-2"
+                               style="color:#556EE6 !important; margin-top: 5px !important;"></i>
+                            <p>Modified Table Style</p>
+                        </span>
+
+                        <span class="d-flex">
+                            <i class="fa fa-check-square mr-2"
+                               style="color:#556EE6 !important; margin-top: 5px !important;"></i>
+                            <p>New Color Combination</p>
+                        </span>
+
+                        <span class="d-flex">
+                            <i class="fa fa-check-square mr-2"
+                               style="color:#556EE6 !important; margin-top: 5px !important;"></i>
+                            <p>Shows discount percentage and discounted price</p>
+                        </span>
+                    </div>
+
+                    <div class="col-lg-6">
+                        <span class="d-flex">
+                            <i class="fa fa-check-square mr-2"
+                               style="color:#556EE6 !important; margin-top: 5px !important;"></i>
+                            <p>Buttons with New Colors</p>
+
+                        </span><span class="d-flex">
+                            <i class="fa fa-check-square mr-2"
+                               style="color:#556EE6 !important; margin-top: 5px !important;"></i>
+                            <p>Modified Font</p>
+                        </span>
+                    </div>
+                </div>
+            </div>
+            <div class="col-lg-12"
+                 style="padding-left: 0 !important; padding-right: 0!important;">
+                <img src="assets/screenshots/7.png" width="100%" height="auto"
+                     class="img-responsive">
+            </div>
+        </div>
+    </div>
+    <!-- END OF FEATURE -->
+
+    <!-- FEATURE -->
+    <div class="container" style="margin-top: 3rem;">
+        <div class="row shadow"
+             style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top:  3px solid #556EE6 !important; min-width: 100% !important;">
+            <div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
+                <h3 style="font-weight: 700 !important;">Contact Us Page</h3>
+                <h6
+                        style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
+                    Eco Life Theme Gives You The Fully Modified Contact View
+                    with a Full Screen Experience. It will
+                    Give You a Clean Layout with the New OutLook
+                    and a Modified Font.
+                </h6>
+                <div class="row mt-4">
+                    <div class="col-lg-6">
+                        <span class="d-flex">
+                            <i class="fa fa-check-square mr-2"
+                               style="color:#556EE6 !important; margin-top: 5px !important;"></i>
+                            <p>Modified Style</p>
+                        </span>
+
+                        <span class="d-flex">
+                            <i class="fa fa-check-square mr-2"
+                               style="color:#556EE6 !important; margin-top: 5px !important;"></i>
+                            <p>Full Screen View</p>
+                        </span>
+                    </div>
+
+                    <div class="col-lg-6">
+                        <span class="d-flex">
+                            <i class="fa fa-check-square mr-2"
+                               style="color:#556EE6 !important; margin-top: 5px !important;"></i>
+                            <p>New Looks for Button</p>
+                        </span>
+                    </div>
+                </div>
+            </div>
+            <div class="col-lg-12"
+                 style="padding-left: 0 !important; padding-right: 0!important;">
+                <img src="assets/screenshots/6.png" width="100%" height="auto"
+                     class="img-responsive">
+            </div>
+        </div>
+    </div>
+    <!-- END OF FEATURE -->
+
+    <!-- TWO COLUMN BLOCK -->
+    <div class="container" style="margin-top: 3rem;">
+        <div class="row" style="margin: 2rem; ; min-width: 100% !important;">
+
+            <div class="col-lg-8"
+                 style="padding: 1rem 1rem 1rem 0rem !important;">
+                <div class=" shadow"
+                     style="background-color: #fff !important; border-top:  3px solid #556EE6 !important;  padding: 2.5rem 0rem 0rem 0rem !important;">
+                    <h3 class="mx-4 mt-3" style="font-weight: 700 !important;">
+                        Overview</h3>
+                    <h6 class="mx-4"
+                        style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
+                        Eco Life Theme V15 is an Attractive Theme for Your Odoo
+                        15.
+                        This Theme Will Change Improve Your Experience With
+                        Odoo.
+                        This is a Minimalist and Elegant Frontend Theme for Odoo
+                        15 And Can Offer a Perfect Choice
+                        for
+                        Your Odoo Frontend.
+                    </h6>
+                    <div class="mx-4 my-4">
+                        <span class="d-flex">
+                            <i class="fa fa-check-square mr-2"
+                               style="color:#556EE6 !important; margin-top: 5px !important;"></i>
+                            <p>Modified Structure for All Pages</p>
+                        </span>
+
+                        <span class="d-flex">
+                            <i class="fa fa-check-square mr-2"
+                               style="color:#556EE6 !important; margin-top: 5px !important;"></i>
+                            <p>New Style for Buttons</p>
+                        </span>
+                        <span class="d-flex">
+                            <i class="fa fa-check-square mr-2"
+                               style="color:#556EE6 !important; margin-top: 5px !important;"></i>
+                            <p>New Color Combination</p>
+                        </span>
+
+                        <span class="d-flex">
+                            <i class="fa fa-check-square mr-2"
+                               style="color:#556EE6 !important; margin-top: 5px !important;"></i>
+                            <p>New Look for All Pages</p>
+                        </span>
+                        <span class="d-flex">
+                            <i class="fa fa-check-square mr-2"
+                               style="color:#556EE6 !important; margin-top: 5px !important;"></i>
+                            <p>A Clean layout and New Font Style</p>
+                        </span>
+
+                    </div>
+                    <img src="./assets/all_screens.png" class="img-responsive"
+                         width="100% !important"
+                         height="auto !important">
+                </div>
+            </div>
+
+            <!-- SCREENSHOTS -->
+            <div class="container" style="margin-top: 3rem;">
+                <div class="row">
+                    <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
+
+                        <h2
+                                style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;">
+                            Screenshots</h2>
+                    </div>
+                </div>
+
+                <div class="row shadow"
+                     style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top:  3px solid #74788D !important; min-width: 100% !important;">
+                    <div class="col-lg-12"
+                         style="padding: 2rem 1.5rem!important;">
+                        <div class="d-flex my-3">
+                            <div class="d-flex justify-content-center align-items-center"
+                                 style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
+                                <h6 style="margin-top: 0.5rem; color: #fff !important;text-align:center;">
+                                    1</h6>
+                            </div>
+                            <h6 class="mt-2 ml-2">Home Page with Banner</h6>
+                        </div>
+                    </div>
+                    <div class="col-lg-12"
+                         style="padding-left: 0 !important; padding-right: 0!important;">
+                        <img src="assets/screenshots/1.png" width="100%"
+                             height="auto" class="img-responsive">
+                    </div>
+                </div>
+
+                <div class="row shadow"
+                     style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top:  3px solid #74788D !important; min-width: 100% !important;">
+                    <div class="col-lg-12"
+                         style="padding: 2rem 1.5rem!important;">
+                        <div class="d-flex my-3">
+                            <div class="d-flex justify-content-center align-items-center"
+                                 style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
+                                <h6 style="margin-top: 0.5rem; color: #fff !important;text-align:center;">
+                                    2</h6>
+                            </div>
+                            <h6 class="mt-2 ml-2">Home page with snippets</h6>
+                        </div>
+                    </div>
+                    <div class="col-lg-12"
+                         style="padding-left: 0 !important; padding-right: 0!important;">
+                        <img src="assets/screenshots/2.png" width="100%"
+                             height="auto" class="img-responsive">
+                    </div>
+                </div>
+
+                <div class="row shadow"
+                     style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top:  3px solid #74788D !important; min-width: 100% !important;">
+                    <div class="col-lg-12"
+                         style="padding: 2rem 1.5rem!important;">
+                        <div class="d-flex my-3">
+                            <div class="d-flex justify-content-center align-items-center"
+                                 style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
+                                <h6
+                                        style="margin-top: 0.5rem; color: #fff !important;text-align:center;">
+                                    3</h6>
+                            </div>
+                            <h6 class="mt-2 ml-2">Home page with dynamic
+                                snippet</h6>
+                        </div>
+                    </div>
+                    <div class="col-lg-12"
+                         style="padding-left: 0 !important; padding-right: 0!important;">
+                        <img src="assets/screenshots/3.png" width="100%"
+                             height="auto" class="img-responsive">
+                    </div>
+                </div>
+
+                <div class="row shadow"
+                     style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top:  3px solid #74788D !important; min-width: 100% !important;">
+                    <div class="col-lg-12"
+                         style="padding: 2rem 1.5rem!important;">
+                        <div class="d-flex my-3">
+                            <div class="d-flex justify-content-center align-items-center"
+                                 style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
+                                <h6 style="margin-top: 0.5rem; color: #fff !important;text-align:center;">
+                                    4</h6>
+                            </div>
+                            <h6 class="mt-2 ml-2">Shop Page</h6>
+                        </div>
+                    </div>
+                    <div class="col-lg-12"
+                         style="padding-left: 0 !important; padding-right: 0!important;">
+                        <img src="assets/screenshots/5.png" width="100%"
+                             height="auto" class="img-responsive">
+                    </div>
+                </div>
+
+                <div class="row shadow"
+                     style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top:  3px solid #74788D !important; min-width: 100% !important;">
+                    <div class="col-lg-12"
+                         style="padding: 2rem 1.5rem!important;">
+                        <div class="d-flex my-3">
+                            <div class="d-flex justify-content-center align-items-center"
+                                 style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
+                                <h6 style="margin-top: 0.5rem; color: #fff !important;text-align:center;">
+                                    5</h6>
+                            </div>
+                            <h6 class="mt-2 ml-2">Contact Us Page</h6>
+                        </div>
+                    </div>
+                    <div class="col-lg-12"
+                         style="padding-left: 0 !important; padding-right: 0!important;">
+                        <img src="assets/screenshots/6.png" width="100%"
+                             height="auto" class="img-responsive">
+                    </div>
+                </div>
+
+                <div class="row shadow"
+                     style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top:  3px solid #74788D !important; min-width: 100% !important;">
+                    <div class="col-lg-12"
+                         style="padding: 2rem 1.5rem!important;">
+                        <div class="d-flex my-3">
+                            <div class="d-flex justify-content-center align-items-center"
+                                 style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
+                                <h6 style="margin-top: 0.5rem; color: #fff !important;text-align:center;">
+                                    6</h6>
+                            </div>
+                            <h6 class="mt-2 ml-2">Home page with a dynamic
+                                snippet</h6>
+                        </div>
+                    </div>
+                    <div class="col-lg-12"
+                         style="padding-left: 0 !important; padding-right: 0!important;">
+                        <img src="assets/screenshots/4.png" width="100%"
+                             height="auto" class="img-responsive">
+                    </div>
+                </div>
+
+                <div class="row shadow"
+                     style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top:  3px solid #74788D !important; min-width: 100% !important;">
+                    <div class="col-lg-12"
+                         style="padding: 2rem 1.5rem!important;">
+                        <div class="d-flex my-3">
+                            <div class="d-flex justify-content-center align-items-center"
+                                 style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
+                                <h6 style="margin-top: 0.3rem; color: #fff !important;">
+                                    7</h6>
+                            </div>
+                            <h6 class="mt-2 ml-2">Cart Page</h6>
+                        </div>
+                    </div>
+                    <div class="col-lg-12"
+                         style="padding-left: 0 !important; padding-right: 0!important;">
+                        <img src="assets/screenshots/7.png" width="100%"
+                             height="auto" class="img-responsive">
+                    </div>
+                </div>
+                <div class="row shadow"
+                     style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top:  3px solid #74788D !important; min-width: 100% !important;">
+                    <div class="col-lg-12"
+                         style="padding: 2rem 1.5rem!important;">
+                        <div class="d-flex my-3">
+                            <div class="d-flex justify-content-center align-items-center"
+                                 style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
+                                <h6 style="margin-top: 0.3rem; color: #fff !important;">
+                                    8</h6>
+                            </div>
+                            <h6 class="mt-2 ml-2">Address Page
+                            </h6>
+                        </div>
+                    </div>
+                    <div class="col-lg-12"
+                         style="padding-left: 0 !important; padding-right: 0!important;">
+                        <img src="assets/screenshots/8.png" width="100%"
+                             height="auto" class="img-responsive">
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- END OF SCREENSHOTS -->
+
+        <!-- OUR SERVICES -->
+        <section class="container" style="margin-top: 6rem !important;">
+            <div class="row">
+                <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4">
+
+                    <h2
+                            style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;">
+                        Our Services</h2>
+                </div>
+
+                <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                    <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                         style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                        <img src="assets/icons/cogs.png" class="img-responsive"
+                             height="48px" width="48px">
+                    </div>
+                    <h6 class="text-center"
+                        style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                        Odoo
+                        Customization</h6>
+                </div>
+
+                <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                    <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                         style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                        <img src="assets/icons/wrench.png"
+                             class="img-responsive" height="48px" width="48px">
+                    </div>
+                    <h6 class="text-center"
+                        style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                        Odoo
+                        Implementation</h6>
+                </div>
+
+                <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                    <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                         style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                        <img src="assets/icons/lifebuoy.png"
+                             class="img-responsive" height="48px" width="48px">
+                    </div>
+                    <h6 class="text-center"
+                        style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                        Odoo
+                        Support</h6>
+                </div>
+
+                <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                    <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                         style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                        <img src="assets/icons/user.png" class="img-responsive"
+                             height="48px" width="48px">
+                    </div>
+                    <h6 class="text-center"
+                        style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                        Hire
+                        Odoo
+                        Developer</h6>
+                </div>
+
+                <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                    <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                         style="background-color: #54a0ff  !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                        <img src="assets/icons/puzzle.png"
+                             class="img-responsive" height="48px" width="48px">
+                    </div>
+                    <h6 class="text-center"
+                        style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                        Odoo
+                        Integration</h6>
+                </div>
+
+                <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                    <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                         style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                        <img src="assets/icons/update.png"
+                             class="img-responsive" height="48px" width="48px">
+                    </div>
+                    <h6 class="text-center"
+                        style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                        Odoo
+                        Migration</h6>
+                </div>
+
+                <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                    <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                         style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                        <img src="assets/icons/consultation.png"
+                             class="img-responsive" height="48px" width="48px">
+                    </div>
+                    <h6 class="text-center"
+                        style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                        Odoo
+                        Consultancy</h6>
+                </div>
+
+                <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                    <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                         style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                        <img src="assets/icons/training.png"
+                             class="img-responsive" height="48px" width="48px">
+                    </div>
+                    <h6 class="text-center"
+                        style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                        Odoo
+                        Implementation</h6>
+                </div>
+
+                <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                    <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                         style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                        <img src="assets/icons/license.png"
+                             class="img-responsive" height="48px" width="48px">
+                    </div>
+                    <h6 class="text-center"
+                        style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                        Odoo
+                        Licensing Consultancy</h6>
+                </div>
+            </div>
+        </section>
+        <!-- END OF OUR SERVICES -->
+
+        <!-- OUR INDUSTRIES -->
+        <section class="container"
+                 style="margin-top: 6rem !important; background-color: #fff !important;">
+            <div class="row">
+                <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4">
+
+                    <h2
+                            style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;">
+                        Our Industries</h2>
+                </div>
+
+                <div class="col-lg-3">
+                    <div class="my-4 d-flex flex-column justify-content-center"
+                         style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                        <img src="./assets/icons/trading-black.png"
+                             class="img-responsive mb-3" height="48px"
+                             width="48px">
+                        <h5
+                                style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                            Trading
+                        </h5>
+                        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                            Easily
+                            procure
+                            and
+                            sell your products</p>
+                    </div>
+                </div>
+
+                <div class="col-lg-3">
+                    <div class="my-4 d-flex flex-column justify-content-center"
+                         style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                        <img src="./assets/icons/pos-black.png"
+                             class="img-responsive mb-3" height="48px"
+                             width="48px">
+                        <h5
+                                style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                            POS
+                        </h5>
+                        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                            Easy
+                            configuration
+                            and convivial experience</p>
+                    </div>
+                </div>
+
+                <div class="col-lg-3">
+                    <div class="my-4 d-flex flex-column justify-content-center"
+                         style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                        <img src="./assets/icons/education-black.png"
+                             class="img-responsive mb-3" height="48px"
+                             width="48px">
+                        <h5
+                                style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                            Education
+                        </h5>
+                        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                            A
+                            platform for
+                            educational management</p>
+                    </div>
+                </div>
+
+                <div class="col-lg-3">
+                    <div class="my-4 d-flex flex-column justify-content-center"
+                         style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                        <img src="./assets/icons/manufacturing-black.png"
+                             class="img-responsive mb-3" height="48px"
+                             width="48px">
+                        <h5
+                                style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                            Manufacturing
+                        </h5>
+                        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                            Plan,
+                            track and
+                            schedule your operations</p>
+                    </div>
+                </div>
+                <div class="col-lg-3">
+                    <div class="my-4 d-flex flex-column justify-content-center"
+                         style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                        <img src="./assets/icons/ecom-black.png"
+                             class="img-responsive mb-3" height="48px"
+                             width="48px">
+                        <h5
+                                style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                            E-commerce &amp; Website
+                        </h5>
+                        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                            Mobile
+                            friendly,
+                            awe-inspiring product pages</p>
+                    </div>
+                </div>
+                <div class="col-lg-3">
+                    <div class="my-4 d-flex flex-column justify-content-center"
+                         style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                        <img src="./assets/icons/service-black.png"
+                             class="img-responsive mb-3" height="48px"
+                             width="48px">
+                        <h5
+                                style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                            Service Management
+                        </h5>
+                        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                            Keep
+                            track of
+                            services and invoice</p>
+                    </div>
+                </div>
+                <div class="col-lg-3">
+                    <div class="my-4 d-flex flex-column justify-content-center"
+                         style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                        <img src="./assets/icons/restaurant-black.png"
+                             class="img-responsive mb-3" height="48px"
+                             width="48px">
+                        <h5
+                                style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                            Restaurant
+                        </h5>
+                        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                            Run
+                            your bar or
+                            restaurant methodically</p>
+                    </div>
+                </div>
+                <div class="col-lg-3">
+                    <div class="my-4 d-flex flex-column justify-content-center"
+                         style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                        <img src="./assets/icons/hotel-black.png"
+                             class="img-responsive mb-3" height="48px"
+                             width="48px">
+                        <h5
+                                style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                            Hotel Management
+                        </h5>
+                        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                            An
+                            all-inclusive
+                            hotel management application</p>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!-- END OF OUR INDUSTRIES -->
+
+        <!-- FOOTER -->
+        <!-- Footer Section -->
+        <!-- SUPPORT -->
+        <div class="d-flex align-items-center"
+             style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+            <div class="d-flex justify-content-center align-items-center mr-2"
+                 style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+                <img src="assets/misc/customer-support.png"/>
+            </div>
+            <h2 class="mt-2"
+                style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+                Support
+            </h2>
+        </div>
+        <div class="container mt-5">
+            <div class="row">
+                <div class="col-sm-12 col-md-6">
+                    <div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
+                        <div class="mr-4 d-flex justify-content-center align-items-center"
+                             style="background-color: #714B67; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
+                            <img src="assets/misc/support.png" height="48"
+                                 width="48"
+                                 style="width: 42px; height: 42px;"/>
+                        </div>
+                        <div>
+                            <h4>Need Help?</h4>
+                            <p style="line-height: 100%;">Got questions or need
+                                help?
+                                Get in touch.</p>
+                            <a href="mailto:odoo@cybrosys.com">
+                                <p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">
+                                    odoo@cybrosys.com</p>
+                            </a>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-12 col-md-6">
+                    <div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
+                        <div class="mr-4 d-flex justify-content-center align-items-center"
+                             style="background-color: #2AC44D; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
+                            <img src="assets/misc/whatsapp.png" height="52"
+                                 width="52"
+                                 style="width: 52px; height: 52px;"/>
+                        </div>
+                        <div>
+                            <h4>WhatsApp</h4>
+                            <p style="line-height: 100%;">Say hi to us on
+                                WhatsApp!</p>
+                            <a href="https://api.whatsapp.com/send?phone=918606827707">
+                                <p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">
+                                    +91 86068
+                                    27707</p>
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-sm-12 my-5 d-flex justify-content-center align-items-center">
+                    <img src="assets/misc/logo.png" width="144" height="31"
+                         style="width:144px; height: 31px; margin-top: 40px;"/>
+                </div>
+            </div>
+        </div>
+
+        <!-- END OF FOOTER -->
+    </div>
+</div>

theme_eco_food/static/src/css/bootstrap-dropdownhover.css

@@ -0,0 +1,73 @@
+/*!
+ * Dropdownhover v1.0.0 (http://bs-dropdownhover.kybarg.com)
+ */
+.dropdown .dropdown-menu .caret {
+	border: 4px solid transparent;
+	border-left-color: #000;
+	float: right;
+	margin-top: 6px;
+} 
+.dropdown-menu {
+  min-width: 250px;
+}
+.dropdown-menu > li.open > a {
+	background-color: #F5F5F5;
+	color: #262626;
+	text-decoration: none;
+}
+.dropdown-menu .dropdown-menu {
+	left: 100%;
+	margin: 0;
+	right: auto;
+	top: -1px;
+}
+.dropdown-menu-right .dropdown-menu,
+.navbar-right .dropdown-menu .dropdown-menu,
+.pull-right .dropdown-menu .dropdown-menu {
+	left: auto;
+	right: 100%;
+}
+.dropdown-menu.animated {
+  -webkit-animation-duration: 0.3s;
+          animation-duration: 0.3s;
+}
+.dropdown-menu.animated:before {
+  content: " ";
+  display: block;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  z-index: 99;
+}
+.dropdownhover-top {
+	margin-bottom: 2px;
+	margin-top: 0;
+}
+.navbar-fixed-bottom .dropdown-menu .dropdown-menu,
+.dropdownhover-top .dropdown-menu {
+	bottom: -1px;
+	top: auto;
+}
+
+.navbar-nav > li > .dropdown-menu {
+	margin-bottom: 0;
+}
+
+.dropdownhover-bottom {
+	-webkit-transform-origin: 50% 0;
+			transform-origin: 50% 0;
+}
+.dropdownhover-left {
+	-webkit-transform-origin: 100% 50%;
+			transform-origin: 100% 50%;
+}
+.dropdownhover-right {
+	-webkit-transform-origin: 0 50%;
+			transform-origin: 0 50%;
+}
+.dropdownhover-top {
+	-webkit-transform-origin: 50% 100%;
+			transform-origin: 50% 100%;
+}

theme_eco_food/static/src/css/bootstrap-dropdownhover.min.css

@@ -0,0 +1,4 @@
+/*!
+ * Dropdownhover v1.0.0 (http://bs-dropdownhover.kybarg.com)
+ */
+.dropdown .dropdown-menu .caret{border:4px solid transparent;border-left-color:#000;float:right;margin-top:6px}.dropdown-menu{min-width:250px}.dropdown-menu > li.open > a{background-color:#F5F5F5;color:#262626;text-decoration:none}.dropdown-menu .dropdown-menu{left:100%;margin:0;right:auto;top:-1px}.dropdown-menu-right .dropdown-menu,.navbar-right .dropdown-menu .dropdown-menu,.pull-right .dropdown-menu .dropdown-menu{left:auto;right:100%}.dropdown-menu.animated{-webkit-animation-duration:0.3s;animation-duration:0.3s}.dropdown-menu.animated:before{content:" ";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:99}.dropdownhover-top{margin-bottom:2px;margin-top:0}.navbar-fixed-bottom .dropdown-menu .dropdown-menu,.dropdownhover-top .dropdown-menu{bottom:-1px;top:auto}.navbar-nav > li > .dropdown-menu{margin-bottom:0}.dropdownhover-bottom{-webkit-transform-origin:50% 0;transform-origin:50% 0}.dropdownhover-left{-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.dropdownhover-right{-webkit-transform-origin:0 50%;transform-origin:0 50%}.dropdownhover-top{-webkit-transform-origin:50% 100%;transform-origin:50% 100%}

theme_eco_food/static/src/css/owl.carousel.min.css

@@ -0,0 +1,6 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

theme_eco_food/static/src/css/owl.theme.default.min.css

@@ -0,0 +1,6 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

theme_eco_food/static/src/css/shuffle-styles.css

@@ -0,0 +1,151 @@
+/*=============================================*\
+ Some styles to show off masonry layout
+\*=============================================*/
+.picture-item {
+  height: 220px;
+  margin-top: 24px;
+  margin-left: 0;
+  /* shuffle items shouldn't have a left margin*/
+}
+
+.picture-item img {
+  display: block;
+  width: 100%;
+}
+
+@supports (object-fit: cover) {
+  .picture-item img {
+    max-width: none;
+    height: 100%;
+    object-fit: cover;
+  }
+}
+
+.picture-item--h2 {
+  height: 464px;
+  /* 2x the height + 1 gutter */
+}
+
+.picture-item__inner {
+  position: relative;
+  height: 100%;
+  overflow: hidden;
+  background: #ECF0F1;
+}
+
+img.picture-item__blur {
+  display: none;
+}
+
+.picture-item__details {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  width: 100%;
+  padding: 1em;
+}
+
+.picture-item__description {
+  width: 100%;
+  padding: 0 2em 1em 1em;
+  margin: 0;
+}
+
+.picture-item__title {
+  flex-shrink: 0;
+  margin-right: 4px;
+}
+
+.picture-item__tags {
+  flex-shrink: 1;
+  text-align: right;
+  margin: 0;
+}
+
+@media screen and (min-width: 768px) {
+  .picture-item--overlay .picture-item__details {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    background-color: rgba(0, 0, 0, 0.6);
+    color: white;
+    overflow: hidden;
+  }
+  .picture-item--overlay .picture-item__description {
+    display: none;
+  }
+  @supports (filter: blur(1px)) and (clip-path: inset(0 0 0 0)) {
+    .picture-item--overlay .picture-item__blur {
+      position: absolute;
+      z-index: 1;
+      top: 0;
+      left: 0;
+      display: block;
+      filter: blur(7px);
+      clip-path: inset(170px 0 0 0);
+    }
+    .picture-item--overlay .picture-item__details {
+      background: none;
+    }
+    .picture-item--overlay .picture-item__tags,
+    .picture-item--overlay .picture-item__title {
+      position: relative;
+      z-index: 2;
+    }
+  }
+}
+
+/*
+  Shuffle needs either relative or absolute positioning on the container
+  It will set it for you, but it'll cause another style recalculation and layout.
+  AKA worse performance - so just set it here
+ */
+.my-shuffle-container {
+  position: relative;
+  overflow: hidden;
+}
+
+.my-sizer-element {
+  position: absolute;
+  opacity: 0;
+  visibility: hidden;
+}
+
+/* Animate in styles */
+.shuffle--animatein {
+  overflow: visible;
+}
+
+.shuffle--animatein .picture-item__inner {
+  opacity: 0;
+  transform: translate(0, 220px);
+}
+
+.shuffle--animatein .picture-item__inner--transition {
+  transition: all .6s ease;
+}
+
+.shuffle--animatein .picture-item.in .picture-item__inner {
+  opacity: 1;
+  transform: translate(0, 0);
+}
+
+@media screen and (max-width: 767px) {
+  .picture-item {
+    height: auto;
+    margin-top: 20px;
+  }
+  .picture-item__details,
+  .picture-item__description {
+    font-size: .875em;
+    padding: .625em;
+  }
+  .picture-item__description {
+    padding-right: .875em;
+    padding-bottom: 1.25em;
+  }
+  .picture-item--h2 {
+    height: auto;
+  }
+}