[ADD] Initial Commit 'roduct_catalogue'

product_catalogue/README.rst

@@ -0,0 +1,42 @@
+Product Catalogue
+=================
+* Enables the option for printing the catalogue for single/multi products
+* Print Catalogue for Single product from the E-commerce website
+
+Installation
+============
+- www.odoo.com/documentation/13.0/setup/install.html
+- Install our custom addon
+
+License
+-------
+GNU AFFERO GENERAL PUBLIC LICENSE, Version 3 (AGPLv3)
+(http://www.gnu.org/licenses/agpl.html)
+
+Company
+-------
+* `Cybrosys Techno Solutions <https://cybrosys.com/>`__
+
+Credits
+-------
+* Developer:
+   Sayooj A O
+   V13 Susmitha
+
+Contacts
+--------
+* Mail Contact : odoo@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
+==========
+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>`__

product_catalogue/__init__.py

@@ -0,0 +1,25 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2021-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Sayooj A O(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL 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 AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+
+from . import report
+from . import controllers
+

product_catalogue/__manifest__.py

@@ -0,0 +1,50 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2021-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Sayooj A O(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL 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 AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+
+{
+    'name': "Product Catalogue",
+    'version': '13.0.1.0.0',
+    'summary': """This module helps to print the catalogue of
+                the single/multi products from the backend and single product its variants
+                from the E-commerce website
+                including details like images and specifications""",
+    'description': """This module helps to print the catalogue of
+                the single/multi products from the backend and single product and its variants
+                from the E-commerce website
+                including details like images and specifications""",
+    'category': 'Inventory',
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'website': "https://www.cybrosys.com",
+    'sequence': 1,
+    'depends': ['base', 'stock', 'website_sale'],
+    'data': [
+        'views/report_button_website.xml',
+        'report/product_catalog_report.xml',
+        'report/product_catalog_template.xml',
+    ],
+    'images': ['static/description/banner.png'],
+    'license': "AGPL-3",
+    'installable': True,
+    'application': False,
+}

product_catalogue/controllers/__init__.py

@@ -0,0 +1,23 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2021-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Sayooj A O(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL 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 AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+
+from . import main

product_catalogue/controllers/main.py

@@ -0,0 +1,43 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2021-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Sayooj A O(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL 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 AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+
+
+from odoo import http
+from odoo.http import request
+
+
+class CataloguePrint(http.Controller):
+    """This class includes the function which fetch the details
+    about the corresponding product and print catalogue in
+    PDF format"""
+
+    @http.route(['/report/pdf/catalogue_download'], type='http', auth='public')
+    def download_catalogue(self, product_id):
+        """In this function we are calling the report template
+        of the corresponding product and
+        downloads the catalogue in pdf format"""
+        pdf, _ = request.env.ref('product_catalogue.action_report_product_catalog').sudo().\
+            render_qweb_pdf([int(product_id)])
+        pdfhttpheaders = [('Content-Type', 'application/pdf'), ('Content-Length', len(pdf)),
+                          ('Content-Disposition', 'catalogue' + '.pdf;')]
+        return request.make_response(pdf, headers=pdfhttpheaders)
+

product_catalogue/doc/RELEASE_NOTES.md

@@ -0,0 +1,6 @@
+## Module <product_catalogue>
+
+#### 26.07.2021
+#### Version 13.0.1.0.0
+##### ADD
+- Initial commit for product_catalogue

product_catalogue/report/__init__.py

@@ -0,0 +1,22 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2019-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Sayooj A O(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL 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 AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from . import product_catalog

product_catalogue/report/product_catalog.py

@@ -0,0 +1,44 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2021-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Sayooj A O(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL 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 AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+
+from odoo import api, models
+
+
+class ProductCatalogueReport(models.AbstractModel):
+    """ Model to contain the information related to printing the information about
+    the products"""
+
+    _name = "report.product_catalogue.report_product_catalog"
+
+    @api.model
+    def _get_report_values(self, docids, data=None):
+        """Get the report values.
+                        :param : model
+                        :param : docids
+                        :param : data
+                        :return : data
+                        :return : Product template records"""
+        product = self.env['product.template'].browse(docids)
+        return {
+            'data': data,
+            'docs': product,
+        }

product_catalogue/report/product_catalog_report.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <report
+        id="action_report_product_catalog"
+        string="Product Catalog(PDF)"
+        model="product.template"
+        report_type="qweb-pdf"
+        name="product_catalogue.report_product_catalog"
+        file="product_catalogue.report_product_catalog"
+        />
+</odoo>

product_catalogue/report/product_catalog_template.xml

@@ -0,0 +1,180 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <template id="report_product_catalog" name="report_product_catalog">
+         <t t-if="o and 'company_id' in o">
+                <t t-set="company" t-value="o.company_id"></t>
+            </t>
+            <t t-if="not o or not 'company_id' in o">
+                <t t-set="company" t-value="res_company"></t>
+            </t>
+            <div class="header">
+                <div class="row mt32 mb32">
+                    <div class="col-6">
+                        <img t-if="company.logo" t-att-src="'data:image/png;base64,%s' % to_text(company.logo)" style="max-height: 45px;" />
+                    </div>
+                </div>
+            </div>
+        <t t-call="web.html_container">
+            <t t-call="web.external_layout">
+            <t t-foreach="docs" t-as="o">
+                    <div class="page">
+                        <h2>PRODUCT CATALOGUE</h2>
+                        <br/>
+                        <table class="table table-bordered" style="border: 2px solid black;">
+                            <thead>
+                                <tr>
+                                    <th class="text-center" style="background-color:#893b74; color:#fff; border: 2px solid black;font-family:Verdana">
+                                        <p style="font-weight: bold;" t-field="o.name"/>
+                                    </th>
+                                    <th class="text-center" colspan="2" style="background-color:#893b74; color:#fff; font-weight: bold;border: 2px solid black;">
+                                        <p>Specifications</p>
+                                    </th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td style="border: 2px solid black;">
+                                        <div class="col-12 text-center">
+                                            <p style="padding: 50px;" t-field="o.image_1920" t-options='{"widget": "image"}'/>
+                                        </div>
+                                    </td>
+                                    <td style="border: 0px solid black;">
+                                        <t t-if="o.categ_id">
+                                            <span>Category</span>
+                                            <br/>
+                                            <br/>
+                                        </t>
+                                        <t t-if="o.list_price">
+                                            <span>Sale Price</span>
+                                            <br/>
+                                            <br/>
+                                        </t>
+                                        <t t-if="o.default_code">
+                                            <span>Internal Reference</span>
+                                            <br/>
+                                            <br/>
+                                        </t>
+                                        <t t-if="o.description">
+                                            <span>Description</span>
+                                        </t>
+                                    </td>
+                                    <td style="border: 0px solid black;">
+                                        <div class="col-12 text-center">
+                                            <t t-if="o.categ_id">
+                                                <span t-field="o.categ_id.name"/>
+                                                <br/>
+                                                <br/>
+                                            </t>
+                                            <t t-if="o.list_price">
+                                                <span t-field="o.list_price" t-options='{"widget": "monetary", "display_currency": o.company_id.currency_id}'/>
+                                                <br/>
+                                                <br/>
+                                            </t>
+                                            <t t-if="o.default_code">
+                                                <span t-field="o.default_code"/>
+                                                <br/>
+                                                <br/>
+                                            </t>
+                                            <t t-if="o.description">
+                                                <span t-field="o.description"/>
+                                            </t>
+                                        </div>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+
+                    </div>
+                         <p style="page-break-after: always;"/>
+                    <t t-if="len(o.product_variant_ids) > 1">
+                    <t t-foreach="o.product_variant_ids" t-as="v">
+                            <h4>PRODUCT VARIANT</h4>
+                        <table class="table table-bordered" style="border: 2px solid black;">
+                        <thead>
+                            <tr>
+                                <th class="text-center" style="background-color:#893b74; color:#fff;border: 2px solid black;font-family:Verdana">
+                                    <p style="font-weight: bold;" t-field="o.name"/>
+                                </th>
+                                <th class="text-center" colspan="2" style="background-color:#893b74; color:#fff; font-weight: bold;border: 2px solid black;">
+                                    <p>Specifications</p>
+                                </th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td style="border: 2px solid black;">
+                                    <div class="col-6 text-center">
+                                        <p style="padding: 20px;" t-field="v.image_1920" t-options='{"widget": "image"}'/>
+                                    </div>
+                                </td>
+                                <td style="border: 0px solid black;">
+                                    <t t-if="v.default_code">
+                                        <span>Internal Reference</span>
+                                        <br/>
+                                        <br/>
+                                    </t>
+                                    <t t-if="v.product_template_attribute_value_ids">
+                                        <span>Variant type</span>
+                                        <br/>
+                                        <br/>
+                                    </t>
+                                     <t t-if="(v.qty_available) > 0">
+                                            <span>Available</span>
+                                            <br/>
+                                            <br/>
+                                        </t>
+                                        <t t-else="">
+                                            <span>Available</span>
+                                            <br/>
+                                            <br/>
+                                        </t>
+                                    <t t-if="v.lst_price">
+                                        <span>Sale Price</span>
+                                        <br/>
+                                        <br/>
+                                    </t>
+
+
+
+                                </td>
+                                <td style="border: 0px solid black;">
+                                    <div class="col-12 text-center">
+                                        <t t-if="v.default_code">
+                                            <span t-field="v.default_code"/>
+                                            <br/>
+                                            <br/>
+                                        </t>
+                                        <t t-if="v.product_template_attribute_value_ids">
+                                            <span t-field="v.product_template_attribute_value_ids"/>
+                                            <br/>
+                                            <br/>
+                                        </t>
+
+                                        <t t-if="(v.qty_available) > 0">
+                                            <span>In Stock</span>
+                                            <br/>
+                                            <br/>
+                                        </t>
+                                        <t t-else="">
+                                            <span>Out of Stock</span>
+                                            <br/>
+                                            <br/>
+                                        </t>
+                                        <t t-if="v.lst_price">
+                                            <span t-field="v.lst_price" t-options='{"widget": "monetary", "display_currency": v.company_id.currency_id}'/>
+                                            <br/>
+                                            <br/>
+                                        </t>
+                                    </div>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    <p style="page-break-after: always;"/>
+                </t>
+              </t>
+              </t>
+            </t>
+        </t>
+    </template>
+</odoo>

product_catalogue/static/description/index.html

@@ -0,0 +1,649 @@
+<!-- HERO SECTION -->
+<section class="container">
+    <div class="row">
+        <div class="col-lg-6" style="background-color:#CB114A !important; padding: 4rem 2.5rem 6rem;">
+            <hr style="border: 2px solid #fff; width: 100px; margin-left: 0; margin-bottom: 3rem;">
+            <h1 style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #FFF; margin-top: -1rem;">
+                Product Catalogue
+            </h1>
+            <p style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 500; color: #FFF;">
+                Catalogue report for products.
+            </p>
+            <h2 style="font-size: 26px; color: #fff; text-transform: uppercase; margin-top: 3rem;">Key Highlights
+            </h2>
+            <!-- KEY HIGHLIGHTS -->
+            <div class="d-flex mt-2">
+                <div class="d-flex justify-content-center align-items-center mr-1"
+                    style="background-color: #fff; height:70px; width: 40px; border-radius: 2px !important;">
+                    <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
+                </div>
+                <div class="d-flex justify-content-start align-items-center"
+                    style="background-color: #fff; height: 70px; width: 100%; border-radius: 2px !important; padding: 10px">
+                    <p
+                        style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
+                        Enables the option to print single/multi product and its variants catalogue.</p>
+                </div>
+            </div>
+
+            <div class="d-flex mt-2">
+                <div class="d-flex justify-content-center align-items-center mr-1"
+                    style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                    <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
+                </div>
+                <div class="d-flex justify-content-start align-items-center"
+                    style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                    <p
+                        style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
+                        Enables the option to print product barcode.</p>
+                </div>
+            </div>
+
+            <!-- END OF KEY HIGHLIGHTS -->
+        </div>
+        <div class="col-lg-6">
+            <!-- HERO IMAGE -->
+            <img src="./assets/hero.png" width="100%" height="auto" class="img img-responsive">
+            <!-- END OF HERO IMAGE-->
+        </div>
+    </div>
+</section>
+<!-- END OF HERO SECTION -->
+
+<!-- OVERVIEW SECTION -->
+<section class="container">
+    <div class="row">
+        <div class="col-lg-12" style="background-color:#ffffff !important; padding: 4rem 2.5rem;">
+            <hr style="border: 2px solid #000; width: 100px; margin-left: 0; margin-bottom: 3rem;">
+            <h1
+                style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; text-transform: uppercase;">
+                Overview
+            </h1>
+            <p style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 500; color: #000; width: 90%;">
+                The application lets the vendor to quickly print the catalogue of a single/multi product and its variants.
+            </p>
+        </div>
+    </div>
+</section>
+<!-- END OF OVERVIEW SECTION -->
+
+<!-- FEATURES SECTION -->
+<section class="container">
+    <div class="row">
+        <div class="col-lg-6 d-flex flex-column align-items-center justify-content-center"
+            style="background-color:#D4D4D4 !important; padding: 4rem 2.5rem;">
+            <img src="./assets/responsive-img.png" width="80%" height="auto" class="img img-responsive">
+        </div>
+        <div class="col-lg-6" style="background-color:#D4D4D4 !important; padding: 3rem 2.5rem 4rem 0;">
+            <hr style="border: 2px solid #000; width: 100px; margin-left: 0; margin-bottom: 3rem;">
+            <h1
+                style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; text-transform: uppercase;">
+                Features
+            </h1>
+            <div class="d-flex mt-2">
+                <div class="d-flex justify-content-center align-items-center mr-1  deep-2"
+                    style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                    <img src="./assets/arrow-circle-magenta.png" height="26px" width="26px">
+                </div>
+                <div class="d-flex justify-content-start align-items-center  deep-2"
+                    style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                    <p
+                        style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
+                        Available in Odoo 13.0 community edition.</p>
+                </div>
+            </div>
+
+            <div class="d-flex mt-2">
+                <div class="d-flex justify-content-center align-items-center mr-1  deep-2"
+                    style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                    <img src="./assets/arrow-circle-magenta.png" height="26px" width="26px">
+                </div>
+                <div class="d-flex justify-content-start align-items-center  deep-2"
+                    style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                    <p
+                        style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
+                        Option to print the catalogue of single/multi products.</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+<!-- END OF FEATURES SECTION -->
+
+<!-- SCREENSHOTS SECTION -->
+<section class="container">
+    <div class="row">
+        <div class="col-lg-12" style="background-color:#ffffff !important; padding:4rem 2.5rem">
+            <hr style="border:2px solid #CB114A; width:100px; margin-left:0; margin-bottom:3rem">
+            <h1
+                style="font-family:Montserrat, 'sans-serif'; font-weight:700; color:#000; margin-top:-1rem; margin-bottom:1rem; text-transform:uppercase">
+                SCREENSHOTS
+            </h1>
+        </div>
+        <div class="col-lg-12" style="background-color:#CB114A !important; padding:2.5rem; border-radius:8px">
+            <div id="odooAppsIndicators" class="carousel slide" data-ride="carousel">
+                <ol class="carousel-indicators">
+                    <li data-target="#odooAppsIndicators" data-slide-to="0" class=""
+                        style="height:15px !important; width:15px !important; background-color:#000 !important">
+                    </li>
+                    <li data-target="#odooAppsIndicators" data-slide-to="1"
+                        style="height:15px !important; width:15px !important; background-color:#000 !important"
+                        class="active">
+                    </li>
+                    <li data-target="#odooAppsIndicators" data-slide-to="2"
+                        style="height:15px !important; width:15px !important; background-color:#000 !important">
+                    </li>
+                    <li data-target="#odooAppsIndicators" data-slide-to="3"
+                        style="height:15px !important; width:15px !important; background-color:#000 !important">
+                    </li>
+                    <li data-target="#odooAppsIndicators" data-slide-to="4"
+                        style="height:15px !important; width:15px !important; background-color:#000 !important">
+                    </li>
+                </ol>
+                <div class="carousel-inner">
+                    <div class="carousel-item active" style="min-height: 263.812px;">
+                        <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
+                            style="float:left; margin-bottom:1rem; margin-left:-15px">
+                            <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
+                                style="background-color:#fff; height:40px; width:40px; border-radius:2px !important">
+                                <img src="//apps.odoocdn.com/apps/assets/14.0/todo_list/assets/arrow-circle-black.png?88c3d33"
+                                    height="26px" width="26px">
+                            </div>
+                            <div class="d-flex justify-content-start align-items-center deep-2"
+                                style="background-color:#fff; height:40px; width:100%; border-radius:2px !important; padding:10px">
+                                <p
+                                    style="font-family:Tahoma, 'sans-serif'; font-size:12px; font-weight:600; color:#000; margin-top:1rem">
+                                    List of products in the inventory.</p>
+                            </div>
+                        </div>
+                        <img class="d-block w-100"
+                            src="./assets/screenshots/pc1.png"
+                            alt="First slide">
+                    </div>
+                    <div class="carousel-item " style="min-height: 263.812px;">
+                        <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
+                            style="float:left; margin-bottom:1rem; margin-left:-15px">
+                            <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
+                                style="background-color:#fff; height:40px; width:40px; border-radius:2px !important">
+                                <img src="//apps.odoocdn.com/apps/assets/14.0/todo_list/assets/arrow-circle-black.png?88c3d33"
+                                    height="26px" width="26px">
+                            </div>
+                            <div class="d-flex justify-content-start align-items-center deep-2"
+                                style="background-color:#fff; height:40px; width:100%; border-radius:2px !important; padding:10px">
+                                <p
+                                    style="font-family:Tahoma, 'sans-serif'; font-size:13px; font-weight:600; color:#000; margin-top:1rem">
+                                    Printing option for getting the Product Catalogue from the product form.</p>
+                            </div>
+                        </div>
+                        <img class="d-block w-100"
+                            src="./assets/screenshots/pc2.png"
+                            alt="two slide">
+                    </div>
+                    <div class="carousel-item" style="min-height: 263.812px;">
+                        <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-50"
+                            style="float:left; margin-bottom:1rem; margin-left:-15px">
+                            <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
+                                style="background-color:#fff; height:40px; width:40px; border-radius:2px !important">
+                                <img src="//apps.odoocdn.com/apps/assets/14.0/todo_list/assets/arrow-circle-black.png?88c3d33"
+                                    height="26px" width="26px">
+                            </div>
+                            <div class="d-flex justify-content-start align-items-center deep-2"
+                                style="background-color:#fff; height:40px; width:100%; border-radius:2px !important; padding:10px">
+                                <p
+                                    style="font-family:Tahoma, 'sans-serif'; font-size:13px; font-weight:600; color:#000; margin-top:1rem">
+                                    Report view after printing the catalogue of a single product.
+                                </p>
+                            </div>
+                        </div>
+                        <img class="d-block w-100"
+                            src="./assets/screenshots/pc3.png"
+                            alt="three slide">
+                    </div>
+                    <div class="carousel-item" style="min-height: 263.812px;">
+                        <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-50"
+                            style="float:left; margin-bottom:1rem; margin-left:-15px">
+                            <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
+                                style="background-color:#fff; height:40px; width:40px; border-radius:2px !important">
+                                <img src="//apps.odoocdn.com/apps/assets/14.0/todo_list/assets/arrow-circle-black.png?88c3d33"
+                                    height="26px" width="26px">
+                            </div>
+                            <div class="d-flex justify-content-start align-items-center deep-2"
+                                style="background-color:#fff; height:40px; width:100%; border-radius:2px !important; padding:10px">
+                                <p
+                                    style="font-family:Tahoma, 'sans-serif'; font-size:13px; font-weight:600; color:#000; margin-top:1rem">
+                                    Select multiple products from the inventory.
+                                </p>
+                            </div>
+                        </div>
+                        <img class="d-block w-100"
+                            src="./assets/screenshots/pc4.png"
+                            alt="four slide">
+                    </div>
+                    <div class="carousel-item" style="min-height: 263.812px;">
+                        <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-50"
+                            style="float:left; margin-bottom:1rem; margin-left:-15px">
+                            <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
+                                style="background-color:#fff; height:40px; width:40px; border-radius:2px !important">
+                                <img src="//apps.odoocdn.com/apps/assets/14.0/todo_list/assets/arrow-circle-black.png?88c3d33"
+                                    height="26px" width="26px">
+                            </div>
+                            <div class="d-flex justify-content-start align-items-center deep-2"
+                                style="background-color:#fff; height:40px; width:100%; border-radius:2px !important; padding:10px">
+                                <p
+                                    style="font-family:Tahoma, 'sans-serif'; font-size:13px; font-weight:600; color:#000; margin-top:1rem">
+                                    Report view after printing the catalogue of more than one product. 
+                                </p>
+                            </div>
+                        </div>
+                        <img class="d-block w-100"
+                            src="./assets/screenshots/pc5.png"
+                            alt="five slide">
+                    </div>
+                    <div class="carousel-item" style="min-height: 263.812px;">
+                        <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-50"
+                            style="float:left; margin-bottom:1rem; margin-left:-15px">
+                            <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
+                                style="background-color:#fff; height:40px; width:40px; border-radius:2px !important">
+                                <img src="//apps.odoocdn.com/apps/assets/14.0/todo_list/assets/arrow-circle-black.png?88c3d33"
+                                    height="26px" width="26px">
+                            </div>
+                            <div class="d-flex justify-content-start align-items-center deep-2"
+                                style="background-color:#fff; height:40px; width:100%; border-radius:2px !important; padding:10px">
+                                <p
+                                    style="font-family:Tahoma, 'sans-serif'; font-size:13px; font-weight:600; color:#000; margin-top:1rem">
+                                    Module also enables the option for print the catalogue of a product
+       from the e-commerce site by clicking on the button "Print Catalogue".
+                                </p>
+                            </div>
+                        </div>
+                        <img class="d-block w-100"
+                            src="./assets/screenshots/pc6.png"
+                            alt="six slide">
+                    </div>
+                    
+                </div>
+                <a class="carousel-control-prev" href="#odooAppsIndicators" data-slide="prev"
+                    style="width:35px; color:#000">
+                    <span class="carousel-control-prev-icon"><i class="fa fa-chevron-left"
+                            style="font-size:24px"></i></span> </a> <a class="carousel-control-next"
+                    href="#odooAppsIndicators" data-slide="next" style="width:35px; color:#000">
+                    <span class="carousel-control-next-icon"><i class="fa fa-chevron-right"
+                            style="font-size:24px"></i></span>
+                </a>
+            </div>
+        </div>
+    </div>
+</section>
+<!-- END OF SCREENSHOTS SECTION-->
+
+<section class="container">
+    <div class="row">
+        <div class="col-lg-12" style="background-color:#ffffff !important; padding: 4rem 2.5rem;">
+            <hr style="border: 2px solid #CB114A; width: 100px; margin-left: 0; margin-bottom: 3rem;">
+            <h1
+                style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; margin-bottom: 0rem; text-transform: uppercase;">
+                Suggested Products
+            </h1>
+        </div>
+    </div>
+    <div class="col-lg-12">
+        <div id="suggestedSlider" class="row carousel slide" data-ride="carousel">
+            <!-- The slideshow -->
+            <div class="carousel-inner">
+                <div class="carousel-item" style="min-height: 191px;">
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/14.0/dynamic_accounts_report/" target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                    src="./assets/modules/dynamic_financial_report.jpg">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/14.0/inventory_barcode_scanning/" target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                    src="./assets/modules/barcode_scanning.png">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/14.0/barcode_scanning_sale_purchase/"
+                            target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                    src="./assets/modules/barcode_scanning_support.png">
+                            </div>
+                        </a>
+                    </div>
+                </div>
+                <div class="carousel-item active" style="min-height: 191px;">
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/14.0/support_package/" target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                    src="./assets/modules/support_package.jpg">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/14.0/invoice_format_editor/" target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                    src="./assets/modules/invoice.jpg">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/14.0/whatsapp_mail_messaging/" target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                    src="./assets/modules/whatsapp-mail-messaging.jpg">
+                            </div>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- OUR SERVICES -->
+<section class="container" style="margin-top: 6rem !important;">
+    <div class="row">
+        <div class="col-lg-12" style="background-color:#ffffff !important; padding: 4rem 2.5rem 0rem;">
+            <hr style="border: 2px solid #CB114A; width: 100px; margin-left: 0; margin-bottom: 3rem;">
+            <h1
+                style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; margin-bottom: 0rem; text-transform: uppercase;">
+                Our Services
+            </h1>
+            <p
+                style="font-family: Montserrat, 'sans-serif'; font-weight: 400; color: #535353 !important; font-size: 1.2rem !important;">
+                We provide following serivces</p>
+        </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;">
+    <div class="row">
+        <div class="col-lg-12" style="background-color:#ffffff !important; padding: 4rem 2.5rem 0rem;">
+            <hr style="border: 2px solid #CB114A; width: 100px; margin-left: 0; margin-bottom: 3rem;">
+            <h1
+                style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; margin-bottom: 0rem; text-transform: uppercase;">
+                Our Industries
+            </h1>
+            <p
+                style="font-family: Montserrat, 'sans-serif'; font-weight: 400; color: #535353 !important; font-size: 1.2rem !important;">
+                Our industry specifics and process segments To solve your bomplex business barriers</p>
+        </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 END OF OUR INDUSTRIES -->
+
+<!-- FOOTER -->
+<!-- Footer Section -->
+<section class="container" style="margin: 5rem auto 2rem;">
+    <div class="row" style="max-width:1540px;">
+        <div class="col-lg-12" style="background-color:#ffffff !important; padding: 4rem 2.5rem 0rem;">
+            <hr style="border: 2px solid #CB114A; width: 100px; margin-left: 0; margin-bottom: 3rem;">
+            <h1
+                style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; margin-bottom: 0rem; text-transform: uppercase;">
+                Need Help?
+            </h1>
+            <p
+                style="font-family: Montserrat, 'sans-serif'; font-weight: 400; color: #535353 !important; font-size: 1.2rem !important;">
+                Do you have any queries regarding our products &amp; services? Let us know</p>
+        </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 mt-4" style="padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; ">
+
+            <div class="row">
+                <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;">
+    <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 class="col-lg-12">
+            <hr
+                style="margin-top: 3rem;background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
+            <!-- End of Footer Section -->
+        </div>
+    </div>
+</section>
+<!-- END OF FOOTER -->

product_catalogue/views/report_button_website.xml

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<odoo>
+    <data>
+        <template id="product_quick_view_extended" inherit_id="website_sale.product">
+            <xpath expr="//t[@t-call='website.layout']" position="inside">
+                <xpath expr="//div[@id='product_details']" position="after">
+                    <div>
+                        <a t-att-href="'/report/pdf/catalogue_download?product_id=%s' % product.id">
+                            <button type="button" class="btn btn-primary btn-lg mt8 js_check_product a-submit"
+                                    style="margin-left: 847px;margin-bottom: 82px;">Download Catalogue
+                            </button>
+                        </a>
+                    </div>
+                </xpath>
+            </xpath>
+        </template>
+    </data>
+</odoo>