From 17029ddf219bccc8e1afbf15ace5c66809fcf18c Mon Sep 17 00:00:00 2001
From: Ajmal Cybro <ajmal@cybrosys.in>
Date: Fri, 21 May 2021 17:34:19 +0530
Subject: [PATCH] [UPDT] Index Update

---
 support_package/static/description/index.html | 35 ++++++++++---------
 1 file changed, 19 insertions(+), 16 deletions(-)

diff --git a/support_package/static/description/index.html b/support_package/static/description/index.html
index e4aa102d8..e60c2d319 100644
--- a/support_package/static/description/index.html
+++ b/support_package/static/description/index.html
@@ -1,3 +1,4 @@
+<!-- HERO SECTION -->
 <section class="container">
     <div class="row">
         <div class="col-lg-6" style="background-color:#CB114A !important; padding: 4rem 2.5rem 6rem;">
@@ -406,8 +407,9 @@
 <!-- Our Services -->
 <section class="container" style="margin-top: 6rem;">
     <div class="row mt-4 position-relative" style="max-width:1540px; margin: 0 auto;">
-        <div class="col-lg-12 jumbotron text-white position-relative" style="background: #D4D4D4; border-radius: 10px;">
-            <span class="badge badge-pill px-3 py-2 text-white shadow-sm  font-weight-bold"
+        <div class="col-lg-12 jumbotron text-white position-relative"
+            style="background: #D4D4D4 !important; border-radius: 10px;">
+            <span class="badge badge-pill px-3 py-2 text-white deep-2-sm  font-weight-bold"
                 style="background-color: #CB114A;"><i class="fa fa-trophy mr-2"></i>Odoo Gold Partner</span>
             <div class="row">
                 <div class="col-lg-12 mt-4">
@@ -454,7 +456,7 @@
 </section>
 <!-- End of Our Services -->
 <!-- Our Industries -->
-<section class="container" style="margin-top: 5rem;">
+<section class="container" style="margin-top: 0rem;">
     <div class="row" style="max-width:1540px; ">
         <div class="col-lg-12" style="background-color:#ffffff !important; padding: 4rem 2.5rem;">
             <hr style="border: 2px solid #CB114A; width: 150px; margin-left: 0;">
@@ -471,7 +473,7 @@
             <!-- Left Column -->
             <div class="col-lg-6">
 
-                <div class="bg-white shadow px-4 py-3 mb-3" style="border-radius: 10px;">
+                <div class="bg-white deep-2 px-4 py-3 mb-3" style="border-radius: 10px;">
                     <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank"
                         class="text-dark" style="text-decoration: none;">
                         <div class="row">
@@ -486,7 +488,7 @@
                     </a>
                 </div>
 
-                <div class="bg-white shadow px-4 py-3 my-3" style="border-radius: 10px;">
+                <div class="bg-white deep-2 px-4 py-3 my-3" style="border-radius: 10px;">
                     <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank"
                         class="text-dark" style="text-decoration: none;">
                         <div class="row">
@@ -502,7 +504,7 @@
                     </a>
                 </div>
 
-                <div class="bg-white shadow px-4 py-3 my-3" style="border-radius: 10px;">
+                <div class="bg-white deep-2 px-4 py-3 my-3" style="border-radius: 10px;">
                     <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank"
                         class="text-dark" style="text-decoration: none;">
                         <div class="row">
@@ -517,7 +519,7 @@
                     </a>
                 </div>
 
-                <div class="bg-white shadow px-4 py-3 my-3" style="border-radius: 10px;">
+                <div class="bg-white deep-2 px-4 py-3 my-3" style="border-radius: 10px;">
                     <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank"
                         class="text-dark" style="text-decoration: none;">
                         <div class="row">
@@ -537,7 +539,7 @@
             <!-- Right Column -->
             <div class="col-lg-6">
 
-                <div class="bg-white shadow px-4 py-3 mb-3" style="border-radius: 10px;">
+                <div class="bg-white deep-2 px-4 py-3 mb-3" style="border-radius: 10px;">
                     <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank" class="text-dark"
                         style="text-decoration: none;">
                         <div class="row">
@@ -553,7 +555,7 @@
                 </div>
 
 
-                <div class="bg-white shadow px-4 py-3 my-3" style="border-radius: 10px;">
+                <div class="bg-white deep-2 px-4 py-3 my-3" style="border-radius: 10px;">
                     <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank"
                         class="text-dark" style="text-decoration: none;">
                         <div class="row">
@@ -569,7 +571,7 @@
                     </a>
                 </div>
 
-                <div class="bg-white shadow px-4 py-3 my-3" style="border-radius: 10px;">
+                <div class="bg-white deep-2 px-4 py-3 my-3" style="border-radius: 10px;">
                     <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank"
                         class="text-dark" style="text-decoration: none;">
                         <div class="row">
@@ -584,7 +586,7 @@
                     </a>
                 </div>
 
-                <div class="bg-white shadow px-4 py-3 my-3" style="border-radius: 10px;">
+                <div class="bg-white deep-2 px-4 py-3 my-3" style="border-radius: 10px;">
                     <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank"
                         class="text-dark" style="text-decoration: none;">
                         <div class="row">
@@ -622,17 +624,18 @@
     </div>
 
     <!-- Contact Cards -->
-    <div class="row d-flex justify-content-center align-items-center" style="max-width:1540px; margin: 0 auto;">
-        <div class="col-lg-3  shadow mt-2"
+    <div class="row d-flex justify-content-center align-items-center"
+        style="max-width:1540px; margin: 0 auto 3rem auto;">
+        <div class="col-lg-3  deep-2 mt-2"
             style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem;  border-top: 7px solid #546E7A; height: 300px;">
             <h5 class="font-weight-bold" style="font-family: Roboto, 'sans-serif';">Visit us</h5>
             <p class="mb-4" style="color: #808e9b; font-size: 0.9rem;">Visit our website for more
                 information.</p>
-            <a href="https://cybrosys.com" target="_blank" class="btn btn-block mb-2 deep_hover"
+            <a href="https://www.cybrosys.com" target="_blank" class="btn btn-block mb-2 deep_hover"
                 style="text-decoration: none; background-color: #546E7A; color: #FFF;  border-radius: 4px;">www.cybrosys.com</a>
         </div>
 
-        <div class="col-lg-3  shadow mt-2"
+        <div class="col-lg-3  deep-2 mt-2"
             style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem;  border-top: 7px solid #b22126; height: 330px;">
             <h5 class="font-weight-bold" style="font-family: Roboto, 'sans-serif';">Write to us</h5>
             <p class="mb-4" style="color: #808e9b; font-size: 0.9rem;">Do you have any queries regarding our
@@ -643,7 +646,7 @@
                 style="text-decoration: none; background-color: #b22126; color: #FFF;  border-radius: 4px;">info@cybrosys.com</a>
         </div>
 
-        <div class="col-lg-3  shadow mt-2"
+        <div class="col-lg-3  deep-2 mt-2"
             style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem;  border-top: 7px solid #546E7A; height: 300px;">
             <h5 class="font-weight-bold" style="font-family: Roboto, 'sans-serif';">Follow Us</h5>
             <p class="mb-4" style="color: #808e9b; font-size: 0.9rem;">Follow us on social media for latest