[ADD] Initial Commit 'responsive_web'

responsive_web/README.rst

@@ -0,0 +1,45 @@
+.. image:: https://img.shields.io/badge/licence-AGPL--3-blue.svg
+    :target: http://www.gnu.org/licenses/agpl-3.0-standalone.html
+    :alt: License: AGPL-3
+
+WEB RESPONSIVE
+==============
+This module adds responsiveness to web backend.
+
+Configuration
+=============
+No additional configurations needed.
+
+Company
+-------
+* `Cybrosys Techno Solutions <https://cybrosys.com/>`__
+
+License
+-------
+General Public License, Version 3 (AGPL v3).
+(https://www.gnu.org/licenses/agpl-3.0-standalone.html)
+
+Credits
+-------
+Developer: (V16): Ramees Jaman KT @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 `Our Website <https://cybrosys.com/>`__
+
+Further information
+===================
+HTML Description: `<static/description/index.html>`__

responsive_web/__init__.py

@@ -0,0 +1,21 @@
+# -*- coding: utf-8 -*-
+################################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Ramees Jaman KT (odoo@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/>.
+#
+################################################################################

responsive_web/__manifest__.py

@@ -0,0 +1,49 @@
+# -*- coding: utf-8 -*-
+##############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#   Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Ramees Jaman KT (odoo@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': "Web Responsive",
+    'version': '16.0.1.0.0',
+    'category': 'Extra Tools',
+    'summary': 'This module helps to create enterprise like app drawer,Responsiveness and sticky headers included.',
+    'description': """This module helps to create enterprise like app drawer,
+     Responsiveness and sticky headers included.""",
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'website': 'https://www.cybrosys.com',
+    'depends': ['base', 'web', 'mail'],
+    'assets': {
+        'web.assets_backend': [
+            'responsive_web/static/src/css/main.css',
+            'responsive_web/static/src/css/menu_order.css',
+            'responsive_web/static/src/components/apps_menu/link_view.xml',
+            'responsive_web/static/src/components/apps_menu/apps_menu.js',
+            'responsive_web/static/templates/side_bar.xml',
+            'responsive_web/static/src/xml/PivotCustom.xml'
+        ]
+    },
+    'images': ['static/description/banner.png'],
+    'license': 'AGPL-3',
+    'installable': True,
+    'auto_install': False,
+    'application': False,
+}

responsive_web/doc/RELEASE_NOTES.md

@@ -0,0 +1,7 @@
+## Module <responsive_web>
+
+#### 25.07.2023
+#### Version 16.0.1.0.0
+#### ADD
+
+- Initial commit for Web Responsive

responsive_web/static/description/index.html

@@ -0,0 +1,523 @@
+<div style="background-color: #714B67; height: 810px; width: 100%; padding: 15px; position: relative;">
+  <!-- TITLE BAR -->
+  <div class="d-flex align-items-center justify-content-between"
+    style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
+    <img src="assets/misc/cybrosys-logo.png" width="42" height="42" style="width: 42px; height: 42px;" />
+    <div>
+      <div
+        style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
+        class="mr-2">
+        <i class="fa fa-check mr-1"></i>Community
+      </div>
+    </div>
+  </div>
+  <!-- END OF TITLE BAR -->
+  <div class="container">
+    <div class="row">
+      <div class="col-sm-12 col-md-12 col-lg-12">
+        <!-- APP HERO -->
+        <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">Web Responsive</h1>
+        <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">This Module Helps to Create Enterprise Like App Drawer, Responsiveness and Sticky Headers Included</p>
+        <!-- END OF APP HERO -->
+        <img src="assets/screenshots/hero.gif" class="img-responsive"
+          style="width: 100%; margin-left: auto; margin-right: auto;" />
+      </div>
+    </div>
+  </div>
+
+
+</div>
+
+<!-- NAVIGATION SECTION -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px; margin-top: 300px;">
+  <div class="d-flex justify-content-center align-items-center mr-2"
+    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+    <img src="assets/misc/compass.png" />
+  </div>
+  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Explore This
+    Module</h2>
+</div>
+<div class="row my-4" style="font-family: 'Montserrat', sans-serif;">
+  <div class="col-sm-12 col-md-6 my-3">
+    <a href="#overview">
+      <div class="d-flex justify-content-between align-items-center"
+        style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+        <div>
+          <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Overview</span>
+          <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">Learn
+            more about this
+            module</span>
+        </div>
+        <img src="assets/misc/right-arrow.png" width="36" height="36" />
+      </div>
+    </a>
+  </div>
+  <div class="col-sm-12 col-md-6 my-3">
+    <a href="#features">
+      <div class="d-flex justify-content-between align-items-center"
+        style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+        <div>
+          <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Features</span>
+          <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View
+            features of this
+            module</span>
+        </div>
+        <img src="assets/misc/right-arrow.png" width="36" height="36" />
+      </div>
+    </a>
+  </div>
+  <div class="col-sm-12 col-md-6 my-3">
+    <a href="#screenshots">
+      <div class="d-flex justify-content-between align-items-center"
+        style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+        <div>
+          <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Screenshots</span>
+          <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View
+            screenshots for this
+            module</span>
+        </div>
+        <img src="assets/misc/right-arrow.png" width="36" height="36" />
+      </div>
+    </a>
+  </div>
+</div>
+<!-- END OF NAVIGATION SECTION -->
+
+<!-- OVERVIEW SECTION -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="overview">
+  <div class="d-flex justify-content-center align-items-center mr-2"
+    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+    <img src="assets/misc/pie-chart.png" />
+  </div>
+  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Overview
+  </h2>
+</div>
+<div class="row" style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
+  <div class="col-sm-12 py-4">
+This module adds responsiveness to web backend.</div>
+</div>
+<!-- END OF OVERVIEW SECTION -->
+
+<!-- FEATURES SECTION -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="features">
+  <div class="d-flex justify-content-center align-items-center mr-2"
+    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+    <img src="assets/misc/features.png" />
+  </div>
+  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Features
+  </h2>
+</div>
+<div class="row" style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
+  <div class="col-sm-12 col-md-6">
+    <div class="d-flex align-items-center" style="margin-top: 40px; margin-bottom: 40px">
+      <img src="assets/misc/check-box.png" class="mr-2" />
+      <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Enterprise app drawer.</span>
+    </div>
+    <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
+      <img src="assets/misc/check-box.png" class="mr-2" />
+      <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Sticky statusbar in form view.</span>
+    </div>
+    <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
+      <img src="assets/misc/check-box.png" class="mr-2" />
+      <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Sticky header & footer in list view.</span>
+    </div>
+    <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
+      <img src="assets/misc/check-box.png" class="mr-2" />
+      <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Sticky pivot header.</span>
+    </div>
+  </div>
+</div>
+<!-- END OF FEATURES SECTION -->
+
+<!-- SCREENSHOTS SECTION -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="screenshots">
+  <div class="d-flex justify-content-center align-items-center mr-2"
+    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+    <img src="assets/misc/pictures.png" />
+  </div>
+  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Screenshots
+  </h2>
+</div>
+<div class="row">
+  <div class="col-sm-12">
+
+    <div style="display: block; margin: 30px auto;">
+      <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Enterprise app drawer.
+      </h3>
+      <img src="assets/screenshots/1.png" class="img-thumbnail">
+    </div>
+
+    <div style="display: block; margin: 30px auto;">
+      <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Sticky statusbar in form view.
+      </h3>
+      <img src="assets/screenshots/form_status_bar.gif" class="img-thumbnail w-100">
+    </div>
+    <div style="display: block; margin: 30px auto;">
+      <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Sticky header & footer in list view.
+      </h3>
+      <img src="assets/screenshots/sticky_header_footer_form.gif" class="img-thumbnail w-100">
+    </div>
+    <div style="display: block; margin: 30px auto;">
+      <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Sticky pivot header.
+      </h3>
+      <img src="assets/screenshots/sticky_pivot_view.gif" class="img-thumbnail w-100">
+    </div>
+
+  </div>
+</div>
+<!-- END OF SCREENSHOTS SECTION -->
+
+<!-- RELATED PRODUCTS -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+  <div class="d-flex justify-content-center align-items-center mr-2"
+    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+    <img src="assets/misc/categories.png" />
+  </div>
+  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Related
+    Products
+  </h2>
+</div>
+<div class="row">
+  <div class="col-sm-12">
+    <div id="demo1" class="row carousel slide" data-ride="carousel">
+      <!-- The slideshow -->
+      <div class="carousel-inner" style="padding: 30px;">
+        <div class="carousel-item" style="min-height: 198.656px;">
+          <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+            <a href="https://apps.odoo.com/apps/modules/16.0/dynamic_accounts_report/" target="_blank">
+              <div style="border-radius:10px">
+                <img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/1.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/16.0/invoice_format_editor/" target="_blank">
+              <div style="border-radius:10px">
+                <img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/2.png">
+              </div>
+            </a>
+          </div>
+        </div>
+        <div class="carousel-item active" style="min-height: 198.656px;">
+          <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+            <a href="https://apps.odoo.com/apps/modules/16.0/account_payment_approval/" target="_blank">
+              <div style="border-radius:10px">
+                <img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/4.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/16.0/base_accounting_kit/" target="_blank">
+              <div style="border-radius:10px">
+                <img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/5.gif">
+              </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/16.0/hr_payroll_community/" target="_blank">
+              <div style="border-radius:10px">
+                <img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/6.png">
+              </div>
+            </a>
+          </div>
+        </div>
+      </div>
+      <!-- Left and right controls -->
+      <a class="carousel-control-prev" href="#demo1" 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="#demo1" 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>
+<!-- END OF RELATED PRODUCTS -->
+
+<!-- OUR SERVICES -->
+
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+  <div class="d-flex justify-content-center align-items-center mr-2"
+    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+    <img src="assets/misc/star.png" />
+  </div>
+  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Our Services
+  </h2>
+</div>
+
+<div class="container my-5">
+  <div class="row">
+    <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>
+
+</div>
+
+<!-- END OF OUR SERVICES -->
+
+<!-- OUR INDUSTRIES -->
+
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+  <div class="d-flex justify-content-center align-items-center mr-2"
+    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+    <img src="assets/misc/corporate.png" />
+  </div>
+  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Our
+    Industries
+  </h2>
+</div>
+
+<div class="container my-5">
+  <div class="row">
+    <div class="col-lg-3">
+      <div class="my-4 d-flex flex-column justify-content-center"
+        style="background-color: #f6f8f9 !important; border-radius: 0px; 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: 0px; 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: 0px; 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: 0px; 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: 0px; 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: 0px; 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: 0px; 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: 0px; 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>
+</div>
+
+<!--END OF OUR INDUSTRIES -->
+
+<!-- SUPPORT -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+  <div class="d-flex justify-content-center align-items-center mr-2"
+    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+    <img src="assets/misc/customer-support.png" />
+  </div>
+  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Support
+  </h2>
+</div>
+<div class="container mt-5">
+  <div class="row">
+    <div class="col-sm-12 col-md-6">
+      <div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
+        <div class="mr-4 d-flex justify-content-center align-items-center"
+          style="background-color: #714B67; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
+          <img src="assets/misc/support.png" height="48" width="48" style="width: 42px; height: 42px;" />
+        </div>
+        <div>
+          <h4>Need Help?</h4>
+          <p style="line-height: 100%;">Got questions or need help? Get in touch.</p>
+          <a href="mailto:odoo@cybrosys.com">
+            <p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">
+              odoo@cybrosys.com</p>
+          </a>
+        </div>
+      </div>
+    </div>
+    <div class="col-sm-12 col-md-6">
+      <div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
+        <div class="mr-4 d-flex justify-content-center align-items-center"
+          style="background-color: #2AC44D; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
+          <img src="assets/misc/whatsapp.png" height="52" width="52" style="width: 52px; height: 52px;" />
+        </div>
+        <div>
+          <h4>WhatsApp</h4>
+          <p style="line-height: 100%;">Say hi to us on WhatsApp!</p>
+          <a href="https://api.whatsapp.com/send?phone=918606827707">
+            <p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">+91 86068
+              27707</p>
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col-sm-12 my-5 d-flex justify-content-center align-items-center">
+      <img src="assets/misc/logo.png" width="144" height="31" style="width:144px; height: 31px; margin-top: 40px;" />
+    </div>
+  </div>
+</div>
+<!-- END OF SUPPORT -->

responsive_web/static/src/components/apps_menu/apps_menu.js

@@ -0,0 +1,105 @@
+/** @odoo-module */
+
+import { NavBar } from "@web/webclient/navbar/navbar";
+import { registry } from "@web/core/registry";
+const { fuzzyLookup } = require('@web/core/utils/search');
+import { computeAppsAndMenuItems } from "@web/webclient/menus/menu_helpers";
+import core from 'web.core';
+const commandProviderRegistry = registry.category("command_provider");
+const { onMounted } = owl;
+import { patch } from 'web.utils';
+var rpc = require('web.rpc');
+
+patch(NavBar.prototype, 'responsive_web/static/src/components/apps_menu/apps_menu.js', {
+    //--------------------------------------------------------------------------
+    // Public
+    //--------------------------------------------------------------------------
+    /**
+     * @override
+     */
+     setup() {
+        this._super();
+        this._search_def = $.Deferred();
+        let { apps, menuItems } = computeAppsAndMenuItems(this.menuService.getMenuAsTree("root"));
+        this._apps = apps;
+        this._searchableMenus = menuItems;
+        onMounted(this.onMounted);
+    },
+
+    onMounted() {
+        this.$search_container = $(".search-container");
+        this.$search_input = $(".search-input input");
+        this.$search_results = $(".search-results");
+        this.$app_menu = $(".app-menu");
+    },
+
+     _searchMenusSchedule: function () {
+        this.$search_results.removeClass("o_hidden")
+        this.$app_menu.addClass("o_hidden");
+        this._search_def.reject();
+        this._search_def = $.Deferred();
+        setTimeout(this._search_def.resolve.bind(this._search_def), 50);
+        this._search_def.done(this._searchMenus.bind(this));
+    },
+
+    _searchMenus: function () {
+        var query = this.$search_input.val();
+        if (query === "") {
+            this.$search_container.removeClass("has-results");
+            this.$app_menu.removeClass("o_hidden");
+            this.$search_results.empty();
+            return;
+        }
+        var results = [];
+
+        fuzzyLookup(query, this._apps, (menu) => menu.label)
+        .forEach((menu) => {
+            results.push({
+                category: "apps",
+                name: menu.label,
+                actionID: menu.actionID,
+                id: menu.id,
+                webIconData: menu.webIconData,
+            });
+        });
+
+        fuzzyLookup(query, this._searchableMenus, (menu) =>
+            (menu.parents + " / " + menu.label).split("/").reverse().join("/")
+        ).forEach((menu) => {
+            results.push({
+                category: "menu_items",
+                name: menu.parents + " / " + menu.label,
+                actionID: menu.actionID,
+                id: menu.id,
+            });
+        });        this.$search_container.toggleClass(
+            "has-results",
+            Boolean(results.length)
+        );
+        this.$search_results.html(
+            core.qweb.render(
+                "responsive_web.SearchResults",
+                {
+                    results: results,
+                    widget: this,
+                }
+            )
+        );
+    },
+    OnClickMainMenu() {
+        if ($('.app_components').css("display") === "none") {
+            $('.app_components').fadeIn(250);
+            $('.o_menu_sections').attr('style','display: none !important');
+            $('.o_menu_brand').attr('style','display: none !important');
+        } else {
+            $('.app_components').fadeOut(250);
+            $('.o_menu_sections').attr('style','display: flex !important');
+            $('.o_menu_brand').attr('style','display: block !important');
+        }
+    },
+    onNavBarDropdownItemSelection(menu){
+        $('.app_components').css("display","none");
+        $('.o_menu_sections').attr('style','display: flex !important');
+        return this._super(menu);
+    }
+});

responsive_web/static/src/components/apps_menu/link_view.xml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--App drawer search result template-->
+<template id="template" xml:space="preserve">
+    <t t-name="responsive_web.SearchResults">
+        <t t-foreach="results" t-as="result">
+            <a t-attf-class="o-menu-search-result dropdown-item col-12 ml-auto mr-auto #{result_first ? 'active' : ''}"
+               t-attf-style="background-image:url('data:image/png;base64,#{result.webIconData}')"
+               t-attf-href="#menu_id=#{result.id}&amp;action_id=#{result.actionID}"
+               t-att-data-menu-id="result.id"
+               t-att-data-action-id="result.actionID"
+               t-raw="result.name"
+               onclick="$('.o_menu_sections').css('display','flex');$('.search-results').addClass('o_hidden');$('.o_menu_brand').css('display','flex');$('.app_components').css('display','none'); $('.app-menu').removeClass('o_hidden'); $('.search-input input').val('');"/>
+        </t>
+    </t>
+</template>

responsive_web/static/src/css/main.css

@@ -0,0 +1,31 @@
+/* Form view sticky header */
+.o_form_sheet_bg .o_form_statusbar{
+    position: sticky !important;
+    top: 0;
+    z-index: 2;
+}
+/* List view view sticky header and footer*/
+.o_list_view .table-responsive .o_list_table thead{
+	 position: sticky;
+	 top: 0;
+	 z-index: 1;
+}
+.o_list_view .table-responsive .o_list_table tbody{
+    top:10px;
+}
+.o_list_view .table-responsive {
+    overflow-x: revert;
+}
+.o_list_renderer .o_list_table > :not(:first-child){
+    position: sticky;
+    bottom: 0;
+}
+.o_pivot thead {
+    position:sticky;
+    top:0;
+    z-index:1;
+    background:white;
+}
+.o_pivot thead tr th{
+    outline: 1px solid #dee2e6;
+}

responsive_web/static/src/css/menu_order.css

@@ -0,0 +1,212 @@
+@keyframes fadeIn{
+	0%{
+		opacity: 0;
+	}
+	100%{
+		opacity: 1;
+	}
+}
+
+o_setting_search {
+	 position: relative;
+}
+
+ .o_setting_search .searchInput {
+	 height: 28px;
+	 padding: 0px;
+	 border: 0px;
+	 box-shadow: none;
+	 font-weight: 500;
+}
+ .o_setting_search .searchIcon {
+	 color: gray('700');
+}
+
+ .search-container.has-results .search-input {
+	 height: 3em;
+}
+ .search-container.has-results .search-results {
+	 height: calc(100% - 3em);
+	 overflow: auto;
+	 margin-top: 10px;
+}
+
+.o_setting_search.col-md-10{
+    padding: 20px;
+}
+.app-menu {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    padding-left: calc((100vw - 850px) / 2);
+    padding-right: calc((100vw - 850px) / 2);
+
+}
+
+.o-menu-search-result.dropdown-item.col-12.ml-auto.mr-auto {
+    background-repeat: no-repeat;
+    background-size: contain;
+    padding-left: 5.5rem;
+}
+.form-control {
+    padding: 0 !important;
+}
+@media (max-width: 1371px){
+
+}
+
+@media (max-width:992px) {
+
+}
+@media (max-width:400px) {
+
+}
+.o_main_navbar .o_menu_brand {
+  text-decoration: none !important;
+  margin-left: 10px;
+}
+
+.o_navbar .o_main_navbar .dropdown-toggle .dropdown-menu .search-container {
+    padding-left: calc((100vw - 850px) / 2);
+    padding-right: calc((100vw - 850px) / 2);
+    padding-top:20px;
+    padding-bottom:20px;
+}
+.o_apps_menu_opened .o_main_navbar .o_menu_brand{
+    display:none;
+}
+.app_components {
+    position: absolute;
+    height: 100vh;
+    width: 100%;
+    background: #f5f5f5f0;
+    z-index: 99;
+    top: 40px;
+    display:none;
+    background: url("../../src/img/home-menu-bg-overlay.svg"), linear-gradient(to bottom, #71639e, #b0adba);
+}
+.app-menu a{
+    flex-basis: 19%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    margin-bottom: 23px;
+}
+o_setting_search {
+	 position: relative;
+}
+ .o_setting_search .searchInput {
+	 height: 28px;
+	 padding: 0px;
+	 border: 0px;
+	 box-shadow: none;
+	 font-weight: 500;
+}
+ .o_setting_search .searchIcon {
+	 color: gray('700');
+}
+
+ .search-container.has-results .search-input {
+	 height: 3em;
+}
+ .search-container.has-results .search-results {
+	 height: calc(100% - 3em);
+	 overflow: auto;
+	 margin-top: 10px;
+}
+
+.o_setting_search.col-md-10{
+    padding: 20px;
+}
+.app-menu {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    padding-left: calc((100vw - 850px) / 2);
+    padding-right: calc((100vw - 850px) / 2);
+
+}
+
+.o-menu-search-result.dropdown-item.col-12.ml-auto.mr-auto {
+    background-repeat: no-repeat;
+    background-size: contain;
+    padding-left: 3rem;
+}
+.form-control {
+    padding: 0 !important;
+}
+@media (max-width: 1371px){
+
+}
+
+@media (max-width:992px) {
+
+}
+@media (max-width:400px) {
+
+}
+.o_main_navbar .o_menu_brand {
+  text-decoration: none !important;
+  margin-left: 10px;
+}
+
+.o_navbar .o_main_navbar .dropdown-toggle .dropdown-menu .search-container {
+    padding-left: calc((100vw - 850px) / 2);
+    padding-right: calc((100vw - 850px) / 2);
+    padding-top:20px;
+    padding-bottom:20px;
+}
+.o_apps_menu_opened .o_main_navbar .o_menu_brand{
+    display:none;
+}
+.app_components {
+    position: absolute;
+    height: 100vh;
+    width: 100%;
+    background: #f5f5f5f0;
+    z-index: 99;
+    top: 40px;
+    display:none;
+    background: url("../../img/home-menu-bg-overlay.svg"), linear-gradient(to bottom, #71639e, #b0adba);
+}
+.app-menu a{
+    flex-basis: 19%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    margin-bottom: 23px;
+    cursor:pointer;
+}
+.app_components .search-input{
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.1);
+    border-radius: 4px;
+    width:100%;
+    background-color: rgba(255, 255, 255, 0.1);
+    margin-bottom:1rem;
+    text-shadow: 0 1px 0 rgb(0 0 0 / 50%);
+}
+
+.o_navbar .o_main_navbar .o_main-menu-button:hover{
+    background:rgba(0, 0, 0, 0.08);
+    cursor: pointer;
+}
+@media (max-width: 850px) {
+  .app_components .search-input {
+    width:90%;
+    margin:0 auto;
+  }
+  .app-menu {
+    width:90%;
+    margin:0 auto;
+  }
+}
+@media (max-width: 444px) {
+    .app-menu{
+        width:80%;
+    }
+    .app-menu a{
+        flex-basis: 25%;
+    }
+}

responsive_web/static/src/img/home-menu-bg-overlay.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2000" height="1128" viewBox="0 0 2000 1128">
+    <polygon fill-opacity=".03" points="0 1077.844 392.627 778.443 1504.99 1127.745 0 1127.745"/>
+    <polygon fill-opacity=".02" points="392.216 778.443 283.294 0 0 0 0 666.504"/>
+    <polygon fill-opacity=".03" points="1000 0 2000 1009.98 2000 439.94 1749.817 0"/>
+</svg>

responsive_web/static/src/xml/PivotCustom.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates>
+<!--    Adding new attribute to o_pivot class div-->
+    <t t-name="PivotRenderer" t-inherit="web.PivotRenderer" t-inherit-mode="extension" owl="1">
+        <xpath expr="//div[hasclass('o_pivot')]" position="attributes">
+            <attribute name="style">overflow-x:unset</attribute>
+        </xpath>
+    </t>
+</templates>

responsive_web/static/templates/side_bar.xml

@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates id="template" xml:space="preserve">
+<!--    Changing the main menu icon-->
+    <t t-inherit="web.NavBar.AppsMenu" t-inherit-mode="extension" owl="1">
+        <xpath expr="//Dropdown" position="replace">
+            <div class="d-flex justify-content-center align-items-center o_main-menu-button p-2"
+                 t-on-click="OnClickMainMenu">
+                <i class="oi oi-apps" style="font-size: 18px !important; color: white; margin-top: 3px;"/>
+            </div>
+        </xpath>
+    </t>
+<!--    Changing the app drawer like EnterPrice edition-->
+    <t t-inherit-mode="extension" t-inherit="web.NavBar" owl="1">
+        <xpath expr="//header" position="after">
+            <div class="app_components">
+                <div class="search-container form-row align-items-center m-auto col-12"
+                     style="padding-left: calc((100vw - 850px) / 2);padding-right: calc((100vw - 850px) / 2);padding-top:20px;padding-bottom:20px;">
+                    <div class="search-input col-md-10"
+                         style="padding:0.8rem 1.2rem;"
+                         t-on-input="_searchMenusSchedule">
+                            <div class="input-group">
+                                <div class="input-group-prepend">
+                                    <div class="input-group-text"
+                                         style="background:none;border:none;color:white;font-size:1.5rem;">
+                                        <i class="fa fa-search"/>
+                                    </div>
+                                </div>
+                                <input type="search"
+                                       autocomplete="off"
+                                       placeholder="Search menus..."
+                                       class="form-control" style="background:none;border:none;color:white;"/>
+                            </div>
+                    </div>
+                    <div class="search-results col-md-10 ml-auto mr-auto"
+                         style="margin-top:20px;"/>
+                 </div>
+                <div class="app-menu">
+                    <t t-foreach="menuService.getApps()" t-as="app"
+                       t-key="app_index">
+                          <a role="menuitem"
+                             t-on-click="() => this.onNavBarDropdownItemSelection(app)"
+                             t-att-class="{ o_dropdown_active: menuService.getCurrentApp() === app }">
+                            <img t-if="app.webIcon.includes('.png')" t-att-title="app.name"
+                                 style="width: 70px !important;height: 70px !important;margin: 5px 5px 5px 5px;"
+                                 t-attf-src="data:image/png;base64,{{app.webIconData}}"/>
+                              <img t-if="app.webIcon.includes('.svg')" t-att-title="app.name"
+                                   style="width: 70px !important;height: 70px !important;margin: 5px 5px 5px 5px;"
+                                   t-attf-src="data:image/svg+xml;base64,{{app.webIconData}}"/>
+                              <b class="a_app_menu_title" style="color:white;text-shadow: 1px 1px 1px rgb(0 0 0 / 40%);"><t t-esc="app.name"/></b>
+                         </a>
+                    </t>
+                 </div>
+            </div>
+        </xpath>
+    </t>
+</templates>