Jun 24: [ADD] Initial commit 'theme_eco_food'

theme_eco_food/README.rst

@@ -0,0 +1,46 @@
+.. image:: https://img.shields.io/badge/license-LGPL--3-blue.svg
+    :target: http://www.gnu.org/licenses/lgpl-3.0-standalone.html
+    :alt: License: LGPL-3
+
+Theme Eco Life
+==============
+* Design Web Pages with Theme Eco Life
+
+Installation
+============
+	- www.odoo.com/documentation/17.0/setup/install.html
+	- Install our custom addon
+
+License
+-------
+General Public License, Version 3 (LGPL v3).
+(http://www.gnu.org/licenses/lgpl-3.0-standalone.html)
+
+Company
+-------
+* `Cybrosys Techno Solutions <https://cybrosys.com/>`__
+
+Credits
+-------
+* Developer: (V17) Fouzan M @cybrosys, 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 https://www.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,99 @@
+# -*- 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',
+    'description': 'Theme Eco Food is an attractive and modern eCommerce'
+                   ' Website theme',
+    'summary': 'Design Web Pages with theme EcoLife',
+    'category': 'Theme/eCommerce',
+    'version': '17.0.1.0.0',
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'website': "https://www.cybrosys.com",
+    'depends': ['website', 'website_sale', 'website_sale_wishlist', 'website_blog'],
+    'data': [
+        'data/best_seller_data.xml',
+        'data/recently_added_data.xml',
+        'data/featured_product_data.xml',
+        'data/new_arrival_data.xml',
+        'security/ir.model.access.csv',
+        'views/shop_template.xml',
+        'views/best_seller_views.xml',
+        'views/recently_added_views.xml',
+        'views/featured_product_views.xml',
+        'views/new_arrival_views.xml',
+        'views/footer_template.xml',
+        'views/header_template.xml',
+        'views/contact_template.xml',
+        'views/checkout_template.xml',
+        'views/testimonial_views.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/xml/snippets/best_seller.xml',
+            'theme_eco_food/static/src/xml/snippets/featured_products.xml',
+            'theme_eco_food/static/src/xml/snippets/new_arrival_products.xml',
+            'theme_eco_food/static/src/xml/snippets/recently_added.xml',
+            'theme_eco_food/static/src/xml/snippets/testimonial.xml',
+            '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',
+            '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/script.js',
+            'theme_eco_food/static/src/js/index.js',
+            'theme_eco_food/static/src/js/new_arrivals.js',
+            'theme_eco_food/static/src/js/best_seller.js',
+            'theme_eco_food/static/src/js/featured_products.js',
+            'theme_eco_food/static/src/js/recently_added.js',
+            'theme_eco_food/static/src/js/testimonial.js',
+            'theme_eco_food/static/src/js/website_sale.js',
+            'theme_eco_food/static/src/js/custom.js',
+        ],
+    },
+    'images': [
+        'static/description/banner.jpg',
+        'static/description/theme_screenshot.jpg',
+    ],
+    'license': 'LGPL-3',
+    'installable': True,
+    'application': False,
+    'auto_install': False,
+}

theme_eco_food/controllers/__init__.py

@@ -0,0 +1,24 @@
+# -*- 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 website_eco_food
+from . import website_sale
+from . import website_sale_wishlist

theme_eco_food/controllers/website_eco_food.py

@@ -0,0 +1,132 @@
+# -*- 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):
+    """ Class for website to add extra functions"""
+
+    @http.route('/get_best_seller', auth="public", type='json')
+    def get_best_seller(self):
+        """this function is used to retrieve the best-selling product"""
+        products = request.env.ref(
+            'theme_eco_food.best_seller_product').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')
+    def get_featured_products(self):
+        """this function is used to retrieve featured products"""
+        products = request.env.ref(
+            'theme_eco_food.featured_product').product_tmpl_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')
+    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').product_tmpl_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('/get_new_arrivals', auth="public", type='json')
+    def get_new_arrivals(self):
+        """this function is used to retrieve new arrival products"""
+        products = request.env.ref(
+            'theme_eco_food.new_arrival_product').product_tmpl_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
+
+    @http.route('/get_testimonials', auth="public", type='json')
+    def get_testimonials(self):
+        """this function is used to retrieve testimonials.py"""
+        testimonials = request.env['ecofood.testimonial'].search([]).sorted(
+            key=lambda x: x.id, reverse=True)[:16]
+        values = {
+            f'slide{i + 1}': [{'id': record.id,
+                               'name': record.partner_id.name,
+                               'email': record.partner_id.email,
+                               'review': record.review
+                               } for record in testimonials[i * 2:(i + 1) * 2]]
+            for i in range((len(testimonials) + 1) // 2)
+        }
+        return values
+
+    @http.route('/subscribe_newsletter', auth='public', type='json')
+    def subscribe_newsletter(self, **kw):
+        """ To save email to newsletter mail list"""
+        if request.env['mailing.contact'].sudo().search([
+            ("email", "=", kw.get("email")),
+            ("list_ids", "in",
+             [request.env.ref('mass_mailing.mailing_list_data').id])]):
+            return False
+        elif request.env.user._is_public():
+            visitor_sudo = (request.env['website.visitor'].sudo()
+                            ._get_visitor_from_request())
+            name = visitor_sudo.display_name if visitor_sudo else \
+                "Website Visitor"
+        else:
+            name = request.env.user.partner_id.name
+        request.env['mailing.contact'].sudo().create({
+            "name": name,
+            "email": kw.get('email'),
+            "list_ids": [request.env.ref(
+                'mass_mailing.mailing_list_data').id]
+        })
+        return True

theme_eco_food/controllers/website_sale.py

@@ -0,0 +1,64 @@
+# -*- 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
+from odoo.addons.website_sale.controllers.main import TableCompute, WebsiteSale
+from odoo.tools import lazy
+
+
+class EcoFoodWebsiteSale(WebsiteSale):
+    """This function helps to override the functionalities of a website shop"""
+
+    @http.route()
+    def shop(self, **post):
+        """this function is used to set products based on selected category on
+        the category snippet option"""
+        result = super().shop(**post)
+        page = post.get('page', 0)
+        post.pop('page', None)
+        search_product = result.qcontext['search_product']
+        search_product = request.env['product.template'].sudo().search([
+            ('id', 'in', search_product.ids),
+            ('selected_att', '=', True)
+        ])
+        if search_product:
+            product_count = len(search_product)
+            ppg = result.qcontext['ppg']
+            ppr = result.qcontext['ppr']
+            url = '/shop'
+            website = request.env['website'].get_current_website()
+            pager = website.pager(url=url, total=product_count, page=page,
+                                  step=ppg, url_args=post)
+            offset = pager['offset']
+            products = search_product[offset:offset + ppg]
+            result.qcontext['search_product'] = search_product
+            result.qcontext['search_count'] = product_count
+            result.qcontext['pager'] = pager
+            result.qcontext['products'] = products
+            result.qcontext['bins'] = lazy(
+                lambda: TableCompute().process(products, ppg, ppr))
+            if products:
+                result.qcontext['attributes'] = lazy(
+                    lambda: request.env['product.attribute'].search([
+                        ('product_tmpl_ids', 'in', search_product.ids),
+                        ('visibility', '=', 'visible')]))
+        return result

theme_eco_food/controllers/website_sale_wishlist.py

@@ -0,0 +1,39 @@
+# -*- 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
+from odoo.addons.website_sale.controllers.main import WebsiteSale
+
+
+class WebsiteSaleWishlist(WebsiteSale):
+    """This function helps to override the functionalities of a wishlist"""
+
+    @http.route()
+    def add_to_wishlist(self, product_id, **kw):
+        """Function to check product is exits in wishlist list or not"""
+        if kw.get('is_template'):
+            product_id = request.env['product.template'].sudo().browse(
+                product_id)._get_first_possible_variant_id()
+        wish = request.env['product.wishlist'].sudo().search([
+            ('product_id', '=', product_id)
+        ])
+        return False if wish else super().add_to_wishlist(product_id, **kw)

theme_eco_food/data/best_seller_data.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!--    Creates a record for Best-Seller product-->
+    <data>
+      <record id="best_seller_product" model="best.seller">
+        <field name="name">Best Seller</field>
+      </record>
+    </data>
+</odoo>

theme_eco_food/data/featured_product_data.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!--    Creates a record for Featured product-->
+    <data>
+        <record id="featured_product" model="featured.products">
+            <field name="name">Featured Product</field>
+        </record>
+    </data>
+</odoo>

theme_eco_food/data/new_arrival_data.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!--    Creates a record for New Arrival product-->
+    <data>
+        <record id="new_arrival_product" model="new.arrival">
+            <field name="name">New Arrival</field>
+        </record>
+    </data>
+</odoo>

theme_eco_food/data/recently_added_data.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!--    Creates a record for Recently Added product-->
+    <data>
+        <record id="recently_added_product" model="recently.added">
+            <field name="name">Recently Added Products</field>
+        </record>
+    </data>
+</odoo>

theme_eco_food/doc/RELEASE_NOTES.md

@@ -0,0 +1,6 @@
+## Module <theme_eco_food>
+
+#### 10.01.2024
+#### Version 17.0.1.0.0
+#### ADD
+- Initial commit for Theme Eco Life

theme_eco_food/models/__init__.py

@@ -0,0 +1,27 @@
+# -*- 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 best_seller
+from . import featured_products
+from . import new_arrival
+from . import product_template
+from . import recently_added
+from . import testimonial

theme_eco_food/models/best_seller.py

@@ -0,0 +1,36 @@
+# -*- 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 BestSeller(models.Model):
+    """This is used to set the Best sellers and their corresponding products for
+     the snippet"""
+    _name = "best.seller"
+    _description = "Best Seller"
+
+    name = fields.Char(required=True)
+    product_tmpl_ids = fields.Many2many('product.template',
+                                        domain="[('sale_ok', '=', True),"
+                                               " ('is_published', '=', True)]",
+                                        string="Best-Selling Products",
+                                        help="Choose best selling products")

theme_eco_food/models/featured_products.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 FeaturedProducts(models.Model):
+    """model to manage featured products."""
+    _name = "featured.products"
+    _description = "Featured Products"
+
+    name = fields.Char(required=True)
+    product_tmpl_ids = fields.Many2many('product.template',
+                                        domain="[('sale_ok', '=', True),"
+                                               " ('is_published', '=', True)]",
+                                        string="Featured Products",
+                                        help="Choose featured products")

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):
+    """model to manage new arrival products"""
+    _name = "new.arrival"
+    _description = "New Arrival Products"
+
+    name = fields.Char(required=True)
+    product_tmpl_ids = fields.Many2many('product.template',
+                                        domain="[('sale_ok', '=', True),"
+                                               " ('is_published', '=', True)]",
+                                        string="New Arrival Products",
+                                        help="Choose new arrival products")

theme_eco_food/models/product_template.py

@@ -0,0 +1,42 @@
+# -*- 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 api, fields, models
+
+
+class ProductTemplate(models.Model):
+    """ This model extends the 'product.template' model to add additional
+     functionality"""
+    _inherit = 'product.template'
+
+    selected_att = fields.Boolean(string='Product Selection',
+                                  help='to select multiple category')
+
+    @api.model
+    def get_product_selections(self, data):
+        """Function to set the value of selected_att based on the selected view
+        type in the shop page."""
+        for record in self.search([]):
+            record.selected_att = data['all']
+            if not data['all'] and data['category']:
+                for rec in record.public_categ_ids:
+                    if rec.id in data['category']:
+                        record.selected_att = True

theme_eco_food/models/recently_added.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 RecentlyAdded(models.Model):
+    """model to manage recently added product"""
+    _name = "recently.added"
+    _description = "Recently Added Products"
+
+    name = fields.Char(required=True)
+    product_tmpl_ids = fields.Many2many('product.template',
+                                        domain="[('sale_ok', '=', True),"
+                                               " ('is_published', '=', True)]",
+                                        string='Recently Added Products',
+                                        help="Choose recently added products")

theme_eco_food/models/testimonial.py

@@ -0,0 +1,33 @@
+# -*- 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 Testimonial(models.Model):
+    """model to manage testimonials.py"""
+    _name = 'ecofood.testimonial'
+    _description = 'Testimonials'
+    _rec_name = 'partner_id'
+
+    partner_id = fields.Many2one('res.partner', string='Customer',
+                                 required=True)
+    review = fields.Text(help='Add your review here')

theme_eco_food/security/ir.model.access.csv

@@ -0,0 +1,6 @@
+id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink
+access_best_seller,best.seller,model_best_seller,base.group_user,1,1,1,1
+access_featured_products,featured.products,model_featured_products,base.group_user,1,1,1,1
+access_recently_added,recently.added,model_recently_added,base.group_user,1,1,1,1
+access_new_arrival,new.arrival,model_new_arrival,base.group_user,1,1,1,1
+access_testimonial,ecofood.testimonial,model_ecofood_testimonial,base.group_user,1,1,1,1

theme_eco_food/static/description/index.html

@@ -0,0 +1,728 @@
+<!-- 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 17</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.gif" 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 Eco Life V17  Gives You a Fully Modified View with a Full Screen Display.
+                This is a Minimalist and Elegant Frontend Theme for Odoo 17.
+                This Theme Will Change Your Old Experience to a New Experience With Odoo.
+                It is a Perfect Choice for Your Odoo Frontend and an Attractive Theme for Your Odoo 17.
+                It will Give You an attractive header with details on cart, wishlist, pricelist etc.
+                Using this theme you can customize your product card with features like add to cart, add to wishlist,
+                rating and all in a new outlook. This will change your contact us, 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 V17 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 All new Eco Life Theme V17 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 V17 is an Attractive Theme for Your Odoo 17.
+                        This Theme Will Change Improve Your Experience With Odoo.
+                        This is a Minimalist and Elegant Frontend Theme for Odoo 17 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.3rem; color: #fff !important;">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.3rem; color: #fff !important;">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.3rem; color: #fff !important;">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.3rem; color: #fff !important;">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.3rem; color: #fff !important;">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.3rem; color: #fff !important;">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 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 -->
+    <section class="container" style="margin: 5rem auto 2rem; background-color: #fff !important;">
+        <div class="row" style="max-width:1540px;">
+            <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;">
+                    Need Help?</h2>
+            </div>
+        </div>
+        <!-- Contact Cards -->
+        <div class="row d-flex justify-content-center align-items-center"
+            style="max-width:1540px; margin: 0 auto 2rem auto;">
+            <div class="col-lg-12" style="padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; ">
+                <div class="row mt-4">
+                    <div class="col-lg-4">
+                        <a href="mailto:odoo@cybrosys.com" target="_blank" class="btn btn-block mb-2 deep_hover"
+                            style="text-decoration: none;  background-color: #4d4d4d; color: #FFF;  border-radius: 4px;"><i
+                                class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a>
+                    </div>
+                    <div class="col-lg-4">
+                        <a href="https://api.whatsapp.com/send?phone=918606827707" target="_blank"
+                            class="btn btn-block mb-2 deep_hover"
+                            style="text-decoration: none;  background-color: #25D366; color: #FFF;  border-radius: 4px;">
+                            <i class="fa fa-whatsapp mr-2"></i>WhatsApp</a>
+                    </div>
+                    <div class="col-lg-4">
+                        <a href="mailto:info@cybrosys.com" target="_blank" class="btn btn-block deep_hover"
+                            style="text-decoration: none; background-color: #4d4d4d; color: #FFF;  border-radius: 4px;">
+                            <i class="fa fa-envelope mr-2"></i>info@cybrosys.com</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- End of Contact Cards -->
+    </section>
+    <!-- Footer -->
+    <section class="oe_container" style="padding: 2rem 3rem 1rem; background-color: #fff !important;">
+        <div class="row" style="max-width:1540px; margin: 0 auto; margin-right: 3rem; ">
+            <!-- Logo -->
+            <div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin-top: 3rem;">
+                <img src="https://www.cybrosys.com/images/logo.png" width="200px" height="auto" />
+            </div>
+            <!-- End of Logo -->
+        </div>
+    </section>
+    <!-- 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;
+  }
+}

theme_eco_food/static/src/images/footer_icons/android_black_24dp.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><path d="M0,0h24v24H0V0z" fill="none"/></g><g><g><path d="M17.6,9.48l1.84-3.18c0.16-0.31,0.04-0.69-0.26-0.85c-0.29-0.15-0.65-0.06-0.83,0.22l-1.88,3.24 c-2.86-1.21-6.08-1.21-8.94,0L5.65,5.67c-0.19-0.29-0.58-0.38-0.87-0.2C4.5,5.65,4.41,6.01,4.56,6.3L6.4,9.48 C3.3,11.25,1.28,14.44,1,18h22C22.72,14.44,20.7,11.25,17.6,9.48z M7,15.25c-0.69,0-1.25-0.56-1.25-1.25 c0-0.69,0.56-1.25,1.25-1.25S8.25,13.31,8.25,14C8.25,14.69,7.69,15.25,7,15.25z M17,15.25c-0.69,0-1.25-0.56-1.25-1.25 c0-0.69,0.56-1.25,1.25-1.25s1.25,0.56,1.25,1.25C18.25,14.69,17.69,15.25,17,15.25z"/></g></g></svg>