diff --git a/custom_robots_txt/static/description/assets/hero.gif b/custom_robots_txt/static/description/assets/hero.gif
new file mode 100644
index 000000000..bd9874403
Binary files /dev/null and b/custom_robots_txt/static/description/assets/hero.gif differ
diff --git a/custom_robots_txt/static/description/assets/misc/categories.png b/custom_robots_txt/static/description/assets/misc/categories.png
new file mode 100644
index 000000000..bedf1e0b1
Binary files /dev/null and b/custom_robots_txt/static/description/assets/misc/categories.png differ
diff --git a/custom_robots_txt/static/description/assets/misc/check-box.png b/custom_robots_txt/static/description/assets/misc/check-box.png
new file mode 100644
index 000000000..42caf24b9
Binary files /dev/null and b/custom_robots_txt/static/description/assets/misc/check-box.png differ
diff --git a/custom_robots_txt/static/description/assets/misc/compass.png b/custom_robots_txt/static/description/assets/misc/compass.png
new file mode 100644
index 000000000..d5fed8faa
Binary files /dev/null and b/custom_robots_txt/static/description/assets/misc/compass.png differ
diff --git a/custom_robots_txt/static/description/assets/misc/corporate.png b/custom_robots_txt/static/description/assets/misc/corporate.png
new file mode 100644
index 000000000..2eb13edbf
Binary files /dev/null and b/custom_robots_txt/static/description/assets/misc/corporate.png differ
diff --git a/custom_robots_txt/static/description/assets/misc/customer-support.png b/custom_robots_txt/static/description/assets/misc/customer-support.png
new file mode 100644
index 000000000..79efc72ed
Binary files /dev/null and b/custom_robots_txt/static/description/assets/misc/customer-support.png differ
diff --git a/custom_robots_txt/static/description/assets/misc/cybrosys-logo.png b/custom_robots_txt/static/description/assets/misc/cybrosys-logo.png
new file mode 100644
index 000000000..cc3cc0ccf
Binary files /dev/null and b/custom_robots_txt/static/description/assets/misc/cybrosys-logo.png differ
diff --git a/custom_robots_txt/static/description/assets/misc/features.png b/custom_robots_txt/static/description/assets/misc/features.png
new file mode 100644
index 000000000..b41769f77
Binary files /dev/null and b/custom_robots_txt/static/description/assets/misc/features.png differ
diff --git a/custom_robots_txt/static/description/assets/misc/logo.png b/custom_robots_txt/static/description/assets/misc/logo.png
new file mode 100644
index 000000000..478462d3e
Binary files /dev/null and b/custom_robots_txt/static/description/assets/misc/logo.png differ
diff --git a/custom_robots_txt/static/description/assets/misc/pictures.png b/custom_robots_txt/static/description/assets/misc/pictures.png
new file mode 100644
index 000000000..56d255fe9
Binary files /dev/null and b/custom_robots_txt/static/description/assets/misc/pictures.png differ
diff --git a/custom_robots_txt/static/description/assets/misc/pie-chart.png b/custom_robots_txt/static/description/assets/misc/pie-chart.png
new file mode 100644
index 000000000..426e05244
Binary files /dev/null and b/custom_robots_txt/static/description/assets/misc/pie-chart.png differ
diff --git a/custom_robots_txt/static/description/assets/misc/right-arrow.png b/custom_robots_txt/static/description/assets/misc/right-arrow.png
new file mode 100644
index 000000000..730984a06
Binary files /dev/null and b/custom_robots_txt/static/description/assets/misc/right-arrow.png differ
diff --git a/custom_robots_txt/static/description/assets/misc/star.png b/custom_robots_txt/static/description/assets/misc/star.png
new file mode 100644
index 000000000..2eb9ab29f
Binary files /dev/null and b/custom_robots_txt/static/description/assets/misc/star.png differ
diff --git a/custom_robots_txt/static/description/assets/misc/support.png b/custom_robots_txt/static/description/assets/misc/support.png
new file mode 100644
index 000000000..4f18b8b82
Binary files /dev/null and b/custom_robots_txt/static/description/assets/misc/support.png differ
diff --git a/custom_robots_txt/static/description/assets/misc/whatsapp.png b/custom_robots_txt/static/description/assets/misc/whatsapp.png
new file mode 100644
index 000000000..d513a5356
Binary files /dev/null and b/custom_robots_txt/static/description/assets/misc/whatsapp.png differ
diff --git a/custom_robots_txt/static/description/assets/modules/1.png b/custom_robots_txt/static/description/assets/modules/1.png
new file mode 100644
index 000000000..c0aa245ce
Binary files /dev/null and b/custom_robots_txt/static/description/assets/modules/1.png differ
diff --git a/custom_robots_txt/static/description/assets/modules/2.png b/custom_robots_txt/static/description/assets/modules/2.png
new file mode 100644
index 000000000..5acf9a06a
Binary files /dev/null and b/custom_robots_txt/static/description/assets/modules/2.png differ
diff --git a/custom_robots_txt/static/description/assets/modules/3.png b/custom_robots_txt/static/description/assets/modules/3.png
new file mode 100644
index 000000000..b1308667f
Binary files /dev/null and b/custom_robots_txt/static/description/assets/modules/3.png differ
diff --git a/custom_robots_txt/static/description/assets/modules/4.png b/custom_robots_txt/static/description/assets/modules/4.png
new file mode 100644
index 000000000..1077a4c4e
Binary files /dev/null and b/custom_robots_txt/static/description/assets/modules/4.png differ
diff --git a/custom_robots_txt/static/description/assets/modules/5.png b/custom_robots_txt/static/description/assets/modules/5.png
new file mode 100644
index 000000000..f8aaeb32c
Binary files /dev/null and b/custom_robots_txt/static/description/assets/modules/5.png differ
diff --git a/custom_robots_txt/static/description/assets/modules/6.png b/custom_robots_txt/static/description/assets/modules/6.png
new file mode 100644
index 000000000..bc5648b1a
Binary files /dev/null and b/custom_robots_txt/static/description/assets/modules/6.png differ
diff --git a/custom_robots_txt/static/description/assets/screenshots/S1.png b/custom_robots_txt/static/description/assets/screenshots/S1.png
new file mode 100644
index 000000000..06fc30991
Binary files /dev/null and b/custom_robots_txt/static/description/assets/screenshots/S1.png differ
diff --git a/custom_robots_txt/static/description/assets/screenshots/S2.png b/custom_robots_txt/static/description/assets/screenshots/S2.png
new file mode 100644
index 000000000..dd7386cad
Binary files /dev/null and b/custom_robots_txt/static/description/assets/screenshots/S2.png differ
diff --git a/custom_robots_txt/static/description/assets/screenshots/S3.png b/custom_robots_txt/static/description/assets/screenshots/S3.png
new file mode 100644
index 000000000..f50a0f11d
Binary files /dev/null and b/custom_robots_txt/static/description/assets/screenshots/S3.png differ
diff --git a/custom_robots_txt/static/description/index.html b/custom_robots_txt/static/description/index.html
index d915065d3..032c9971f 100644
--- a/custom_robots_txt/static/description/index.html
+++ b/custom_robots_txt/static/description/index.html
@@ -1,556 +1,542 @@
-<!-- HERO -->
-<div class="container shadow  style="margin-left:calc(-42vw + 50%); width:84vw"">
-    <div class="row"
-         style="padding: 4rem 2.5rem 0 !important; background-color: #fff !important;">
-        <div class="col-lg-12 d-flex flex-column align-items-center">
-            <h1 class="text-center text-uppercase"
-                style="font-family: Montserrat, 'sans-serif' !important; font-size: 67px !important; color: #791d97; font-weight: 900 !important;">
-                <span style="color:#5154a5;">Website  </span>  Robots.Txt <sup>
-            </h1>
-            <p class="my-1 text-center text-uppercase"
-               style="letter-spacing: 4px !important; color: #74788D !important;">
-               We can easily Custom our website robots.txt file</p>
+<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
+                    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>Enterprise
+            </div>
         </div>
-        
-
-
-        <div class="col-lg-12 d-flex flex-column justify-content-center">
-            <p class="my-1 text-center"
-               style="font-family: Montserrat, 'sans-serif' !important; color: #212121 !important;">
-                A robots.txt file tells search engine crawlers which URLs the
+    </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;">
+                  Website Robots.Txt</h1>
+                <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;"> A robots.txt file tells search engine crawlers which URLs the
                 crawler can access on your site. This is used mainly to avoid
                 overloading your site with requests; it is not a mechanism for
                 keeping a web page out of Google. To keep a web page out of Google,
                 block indexing with noindex or password-protect the page.
-            </p>
-        </div>
-
+                </p>
+                <img src="./assets/hero.gif" class="img-responsive" width="100%" height="auto" />
 
-        <div class="col-lg-12 d-flex justify-content-center align-items-center"
-             style="margin: 2rem 0;">
-            <img src="./assets/cybro-odoo.png" width="100%" height="auto" style="width:50%;"
-                 class="img-responsive">
-        </div>
-
-
-        <div class="col-md-12 text-center ">
-          <a href="mailto:odoo@cybrosys.com" target="_blank" style="background-color:#5154a5; border-radius:35px; font-family:Montserrat; display:inline-block; padding:7px 33px; border:1px solid #5154a5" class="mx-1 mb-2 deep-1 deep_hover">
-          <img class="img" style="width:30px" src="assets/icons/support.png">
-          <span class="pl-2" style="color:#fff; font-size:16px; vertical-align:middle">Email Us</span>
-          </a>
-          <a href="https://api.whatsapp.com/send?phone=918606827707" target="_blank" style="background-color:#7f289b; font-family:Montserrat; display:inline-block; padding:7px 33px; border:1px solid #7f289b; border-radius:35px" class="mx-1 mb-2 deep-1 deep_hover">
-          <img class="img" style="width:27px" src="assets/icons/whatsapp.png">
-          <span class="pl-2" style="color:#fff; font-size:16px; vertical-align:middle">What's App</span>
-          </a>
-      </div>
-
-
-      <div class="pb32 pt-3" style="display:block; margin:0 auto; text-align:center">
-        <div class="d-inline-block mx-3 my-3" style="max-width:348px">
-            <div class="s_panel_video" data-video-id="k6yh5ULy26U">
-                <h3 style="color:#091E42; font-family:Montserrat; font-weight:600; text-align:center; font-size:17px; opacity:1; margin:8px 0 16px" class="oe_slogan">Demo Video</h3>
-                <a class="s_figure_link d-inline-block p-0 position-absolute" href="#" style="height:7%; width:5.5%; margin-top:6.5%; margin-left:13.2%">
-                <img src="assets/cybro-icon.png" style="width:56px; margin:-17%; margin-left:-100%; display:inline-block" class="img img-fluid position-absolute">
-                </a>
-                <img src="assets/y18.jpg" style="border-radius:10px" class="img img-fluid shadow">
+                <!-- END OF APP HERO -->
             </div>
         </div>
-        <div style="vertical-align:middle" class="d-inline-block mx-3 my-3">
-            <img class="img img-responsive" src="//apps.odoocdn.com/apps/assets/16.0/woo_commerce_ept/vertical_line.svg?4834775" style="margin:0 auto; display:block; width:1px; height:150px">
-        </div>
-        <div class="d-inline-block mx-3 my-3" style="max-width:348px">
-            <!-- <div class="s_panel_video" data-video-id="w17dnsMTt8M"> -->
-            <h3 style="color:#091E42; font-family:Montserrat; font-weight:600; text-align:center; font-size:17px; opacity:1; margin:8px 0 16px; text-transform:uppercase" class="oe_slogan">Detailed Video Playlist </h3>
-            <a class="s_figure_link d-inline-block p-0 position-absolute" target="_blank" href="https://www.youtube.com/watch?v=Lf_vaJkqTRY&list=PLeJtXzTubzj9lZDlweZA0ZhIkFcayrcjX" style="height:7%; width:5.5%; margin-top:6.5%; margin-left:13.2%">
-            <img src="assets/cybro-icon.png" style="width:56px; margin:-17%; margin-left:-100%; display:inline-block" class="img img-fluid position-absolute">
-            </a>
-            <img src="assets/y18.jpg" style="border-radius:10px" class="img img-fluid shadow">
-            <!-- </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>
-<!-- END OF HERO -->
+<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">
+                Allow users to easily set the Robots.txt file according to
+        the mode
 
-<!-- Start OF slide -->
+    </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 and Community compatible.</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;">Can easily set the Robots.txt file according to the mode </span>
+        </div>
 
-<div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin:2rem 0">
-  <img src="assets/h2.png" width="100%" height="auto" class="img-responsive">
+    </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;">Custom Robots.txt file
+            </h3>
+            <p
+                    style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Website--> settings -->SEO -->Edit Robots.txt file</p>
+            <img src="assets/screenshots/robot1.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;">Allow all
+            </h3>
+            <img src="assets/screenshots/robot_allow.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;">
+                Disallow  all
+            </h3>
 
-<!-- END OF slide -->
+            <img src="assets/screenshots/disallow.png" class="img-thumbnail">
+        </div>
 
 
-<section class="oe_container pb-5">
-    <div class="mt64 mb64">
+    </div>
+</div>
+<!-- END OF SCREENSHOTS SECTION -->
 
-      <h2 class="text-center text-uppercase"
-      style="font-family: Montserrat, 'sans-serif' !important; font-size: 50px !important; color: #791d97; font-weight: 900 !important;">
-      <span style="color:#5154a5;">KEY </span> <b>Highlights</b> <sup>
-     </h2>
 
-      
-      <div class="row">
-        <div class="col-md-6 col-sm-12 mt32">
-          <div class="container shadow" style="border-radius: 5px;padding: 33px 0px;">
-            <div class="col-md-3" style="float:left">
-              <img class="img img-responsive" src="assets/icons/test-1.png">
-            </div>
-            <div class="col-md-9" style="padding-left:0; float:left; width:70%">
-              <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">Custom Robots.txt</h3>
-              <p class=" mt8" style="font-family:Roboto ; color: #280135;"> User can custom robots.txt file as per the users wish</p>
-            </div>
+<!-- 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/employee_documents_expiry/#" 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/project_task_timer/" 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 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/user_login_alert/" target="_blank">
+              <div style="border-radius:10px">
+                <img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/3.png">
+              </div>
+            </a>
           </div>
         </div>
-      </div>
-    </div>
-  </section>
-
-
-
-  <!--Video Demo-->
-
-<div class="container shadow  style="margin-left:calc(-42vw + 50%); width:84vw"">
-  <div class="row"
-       style="padding: 4rem 2.5rem 0 !important; background-color: #fff !important;">
-      <div class="col-lg-12 d-flex flex-column align-items-center">
-        
-        <h1 class="text-center text-uppercase"
-        style="font-family: Montserrat, 'sans-serif' !important; font-size: 40px !important; color: #791d97; font-weight: 900 !important;">
-        <span style="color:#5154a5;">Video Demo </span> <sup>
-      </h1>
-
-
-
-          
-      </div>
-      
-      <div class="tab-pane" id="video">
-        <section class="oe_container mt48">
-          <div style="margin-bottom:4%">
-            <h3 class="text-center mb32" style="letter-spacing:-1px !important; font-family:Roboto; font-weight:400">Apps Name</h3>
-            <p>In the Gantt view, similar records will be grouped together having a link to the parent record. There are five types of views available. They are 'Quarter Day',</p>
-            <div class="mt16 mb16">
-              <div class="s_panel_video" data-video-id="k6yh5ULy26U">
-                <h3 style="color:#2e7dda; font-family:Montserrat; font-weight:600; text-align:center; font-size:17px; opacity:1; margin:8px 0 16px" class="oe_slogan"> QUICK DEMO HERE</h3>
-                <a class="s_figure_link d-inline-block p-0 position-absolute" href="#" style="height: 7%;width: 100%; margin-top: 3.5%;margin-left: 13.2%;">
-                  <img src="assets/cybro-icon.png" style="width: 56px;margin: 25%; margin-left: -67%;" class="img img-fluid position-absolute">
-                </a>
-                <img src="assets/y18.jpg" style="border-radius:10px" class="img img-fluid shadow">
+        <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/employee_orientation/" target="_blank">
+              <div style="border-radius:10px">
+                <img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/4.png">
               </div>
-            </div>
+            </a>
           </div>
-
-
-
-
-          
-          
-        
-        </section>
+          <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/task_deadline_reminder/" target="_blank">
+              <div style="border-radius:10px">
+                <img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/5.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/employee_check_list/#" 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 -->
 
-<!--Video Demo-->
-
-<!--Screen Shorts-->
+<!-- OUR SERVICES -->
 
-<div class="container shadow  style="margin-left:calc(-42vw + 50%); width:84vw"">
-  <div class="row"
-       style="padding: 4rem 2.5rem 0 !important; background-color: #fff !important;">
-      <div class="col-lg-12 d-flex flex-column align-items-center">
-        
-        <h1 class="text-center text-uppercase"
-        style="font-family: Montserrat, 'sans-serif' !important; font-size: 40px !important; color: #791d97; font-weight: 900 !important;">
-        <span style="color:#5154a5;">Screenshots </span> <sup>
-      </h1>
-
-
-
-          <p class="my-1 text-center text-uppercase"
-             style="letter-spacing: 4px !important; color: #74788D !important;">
-             Custom Robots.txt file</p>
-      </div>
-      
-      <div class="col-lg-12 d-flex flex-column align-items-center">
-            <p class=" mt8" style="font-family:Roboto ; color:#280135"> Website--> settings -->SEO -->Edit Robots.txt file </p>
+<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>
-      <div class="col-lg-12 d-flex justify-content-center align-items-center"
-           style="margin: 2rem 0;">
-           <img src="assets/screenshots/robot1.png" class="img img-responsive center-block">
-      </div>
-      <div class="col-lg-12 d-flex flex-column align-items-center">
-          <p class=" mt8" style="font-family:Roboto ; color:#280135"> Allow all </p>
-        </div>
-        <div class="col-lg-12 d-flex justify-content-center align-items-center"
-             style="margin: 2rem 0;">
-             <img src="assets/screenshots/robot_allow.png" class="img img-responsive center-block">
+<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-12 d-flex flex-column align-items-center">
-          <p class=" mt8" style="font-family:Roboto ; color:#280135"> Disallow  all </p>
 
+        <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-12 d-flex justify-content-center align-items-center"
-             style="margin: 2rem 0;">
-             <img src="assets/screenshots/disallow.png" class="img img-responsive center-block">
+        <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>
-</div>
-
-<!--Screen Shorts-->
-
 
+        <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>
 
-<section>
 
-  <div class="row">
-    <div class="col-sm-12 col-md-12-col-lg-2">
-      <h2 style="font-weight:bold; color:#3D3D4E">Related Modules</h2>
-      <p style="color:#777783">Explore our related modules</p>
-      <hr>
-    </div>
-    <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/whatsapp_redirect/" target="_blank">
-                <div style="border-radius:10px">
-                  <img class="img img-responsive center-block" style="border-radius:0px" src="//apps.odoocdn.com/apps/assets/16.0/base_accounting_kit/assets/modules/1.png?6d5ca15">
-                </div>
-              </a>
+        <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>
-            <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="//apps.odoocdn.com/apps/assets/16.0/base_accounting_kit/assets/modules/2.png?6d5ca15">
-                </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/crm_dashboard/" target="_blank">
-                <div style="border-radius:10px">
-                  <img class="img img-responsive center-block" style="border-radius:0px" src="//apps.odoocdn.com/apps/assets/16.0/base_accounting_kit/assets/modules/3.png?6d5ca15">
-                </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/export_stockinfo_xls/" target="_blank">
-                <div style="border-radius:10px">
-                  <img class="img img-responsive center-block" style="border-radius:0px" src="//apps.odoocdn.com/apps/assets/16.0/base_accounting_kit/assets/modules/4.png?6d5ca15">
-                </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/sale_discount_total/" target="_blank">
-                <div style="border-radius:10px">
-                  <img class="img img-responsive center-block" style="border-radius:0px" src="//apps.odoocdn.com/apps/assets/16.0/base_accounting_kit/assets/modules/5.png?6d5ca15">
-                </div>
-              </a>
+            <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>
-            <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/fleet_rental/" target="_blank">
-                <div style="border-radius:10px">
-                  <img class="img img-responsive center-block" style="border-radius:0px" src="//apps.odoocdn.com/apps/assets/16.0/base_accounting_kit/assets/modules/6.png?6d5ca15">
-                </div>
-              </a>
+            <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>
-          </div>
+            <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Licensing Consultancy</h6>
         </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>
 
-</section>
+</div>
+
+<!-- END OF END OF OUR SERVICES -->
 
-<section>
+<!-- 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="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/misc/star.png?aedef96">
+<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 Services
+    <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Our
+        Industries
     </h2>
-  </div>
-
+</div>
 
-  <div class="container my-5">
+<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="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/cogs.png?aedef96" 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="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/wrench.png?aedef96" class="img-responsive" height="48px" width="48px">
+        <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>
-        <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="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/lifebuoy.png?aedef96" class="img-responsive" height="48px" width="48px">
+
+        <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>
-        <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="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/user.png?aedef96" class="img-responsive" height="48px" width="48px">
+
+        <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>
-        <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="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/puzzle.png?aedef96" class="img-responsive" height="48px" width="48px">
+
+        <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>
-        <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="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/update.png?aedef96" class="img-responsive" height="48px" width="48px">
+
+        <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>
-        <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="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/consultation.png?aedef96" class="img-responsive" height="48px" width="48px">
+
+        <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>
-        <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="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/training.png?aedef96" class="img-responsive" height="48px" width="48px">
+
+        <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>
-        <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="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/license.png?aedef96" class="img-responsive" height="48px" width="48px">
+
+        <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>
-        <h6 class="text-center" style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
-          Odoo
-          Licensing Consultancy</h6>
-      </div>
     </div>
-  </div>
-
-</section>
+</div>
 
+<!-- END OF END OF OUR INDUSTRIES -->
 
-<section class="container" style="margin-top:6rem !important">
-  <div class="row">
-      <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
-          <h2 style="color:#212529 !important">Our Industries</h2>
-          <hr style="border:3px solid #714B67 !important; background-color:#714B67 !important; width:80px !important; margin-bottom:2rem !important">
-      </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="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/trading-black.png?2d98612" 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="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/pos-black.png?2d98612" 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="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/education-black.png?2d98612" 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="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/manufacturing-black.png?2d98612" 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="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/ecom-black.png?2d98612" 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="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/service-black.png?2d98612" 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="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/restaurant-black.png?2d98612" 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="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/hotel-black.png?2d98612" 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>
-
-    <!-- FOOTER -->
-    <!-- Footer Section -->
-    <div class="container mt-5">
-      <div class="row">
-        <div class="col-sm-12 col-md-12-col-lg-2">
-          <h2 style="font-weight:bold; color:#3D3D4E">Support</h2>
-          <p style="color:#777783">Need help? Get in touch.
-          </p>
-          <hr>
-        </div>
+<!-- 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 class="d-flex align-items-center" style="background-color:#F6F8F9; padding:30px">
-            <div class="mr-4 d-flex justify-content-center align-items-center" style="background-color:#714B67; height:70px; width:70px">
-              <img src="assets/icons/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 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>
         <div class="col-sm-12 col-md-6">
-          <div class="d-flex align-items-center" style="background-color:#F6F8F9; padding:30px">
-            <div class="mr-4 d-flex justify-content-center align-items-center" style="background-color:#2AC44D; height:70px; width:70px">
-              <img src="assets/icons/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>
-              <span 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>
-              </span>
+            <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>
-      
     </div>
-    <!-- Footer -->
-    <section class="oe_container"
-             style="padding: 2rem 3rem 1rem; background-color: #fff !important;">
-        <div class="row"
-             style="max-width:1540px; margin: 0 auto; margin-right: 3rem; ">
-            <!-- Logo -->
-            <div class="col-lg-12 d-flex justify-content-center align-items-center"
-                 style="margin-top: 3rem;">
-                <img src="https://www.cybrosys.com/images/logo.png"
-                     width="200px" height="auto"/>
-            </div>
-            <!-- End of Logo -->
+    <div 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>
-    </section>
-    <!-- END OF FOOTER -->
+    </div>
 </div>
+<!-- END OF SUPPORT -->
\ No newline at end of file