diff --git a/support_package/static/description/images/hero.gif b/support_package/static/description/images/hero.gif
new file mode 100644
index 000000000..170854542
Binary files /dev/null and b/support_package/static/description/images/hero.gif differ
diff --git a/support_package/static/description/images/support_1.png b/support_package/static/description/images/support_1.png
old mode 100755
new mode 100644
diff --git a/support_package/static/description/images/support_2.png b/support_package/static/description/images/support_2.png
old mode 100755
new mode 100644
diff --git a/support_package/static/description/images/support_3.png b/support_package/static/description/images/support_3.png
old mode 100755
new mode 100644
diff --git a/support_package/static/description/images/support_4.png b/support_package/static/description/images/support_4.png
old mode 100755
new mode 100644
diff --git a/support_package/static/description/images/support_5.png b/support_package/static/description/images/support_5.png
old mode 100755
new mode 100644
diff --git a/support_package/static/description/images/support_6.png b/support_package/static/description/images/support_6.png
old mode 100755
new mode 100644
diff --git a/support_package/static/description/index.html b/support_package/static/description/index.html
old mode 100755
new mode 100644
index 76e5610ce..7f2dcc03b
--- a/support_package/static/description/index.html
+++ b/support_package/static/description/index.html
@@ -1,79 +1,37 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8"/>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-    <title>Support Package</title>
-    <link rel="stylesheet"
-          href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css"
-          integrity="sha512-P5MgMn1jBN01asBgU0z60Qk4QxiXo86+wlFahKrsQf37c9cro517WzVSPPV1tDKzhku2iJ2FVgL67wG03SGnNA=="
-          crossorigin="anonymous"/>
-    <link rel="stylesheet"
-          href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
-          integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
-          crossorigin="anonymous"/>
-</head>
-<!-- COLORS 
-    red-bg: #FFECEF;
-    green-bg: #E4FEEE;
-    blue-bg: #F4F4FF;
-    tab-title-bg: #edf2f7
-    jumbotron-bg: #192a56
-    brand-color: #b22126
-    yellow-pill: #f6b93b
-
-    red-text: #F66170;
-    green-text: #51A26E;
-    blue-text: #2765FC;
-    grey-text: #757575;
-    tab-title-text: #162635;
-  -->
-
-<body>
 <div class="oe_styling_v8">
-    <section class="oe_container"
-             style="font-family: Roboto, 'sans-serif'; padding:2rem 3rem 1rem">
-        <div class="row shadow-lg"
-             style="max-width:1540px; margin:0 auto; border-radius: 10px;">
+    <section class="oe_container" style="font-family: Roboto, 'sans-serif'; padding:2rem 3rem 1rem">
+        <div class="row" style="max-width:1540px; margin:0 auto;">
             <!-- LEFT HERO -->
-            <div class="col-lg-7"
-                 style="margin-top: 0rem; padding: 3rem 2.5rem; ">
+            <div class="col-lg-7" style="margin-top: 0rem; padding: 3rem 2.5rem; ">
                 <div style="width: 200px;">
-                    <img src="https://www.cybrosys.com/images/logo.png"
-                         width="150px" height="auto"/>
+                    <img src="https://www.cybrosys.com/images/logo.png" width="150px" height="auto" />
                 </div>
-                <h1 class="mt-4"
-                    style="font-family: Montserrat, 'sans-serif' ; font-weight: bold;">
+                <h1 class="mt-4" style="font-family: Montserrat, 'sans-serif' ; font-weight: bold;">
                     Support Package Management</h1>
-                <p class="lead"
-                   style="font-weight: 500; line-height: 1.5; color: #757575">
+                <p class="lead" style="font-weight: 500; line-height: 1.5; color: #757575">
                     Support Service and Package Management Module.
                 </p>
                 <span class="badge px-3 py-2 depth-1"
-                      style="background-color: #FFECEF; color: #F66170; font-weight: bold; border-radius: 1rem;"><i
+                    style="background-color: #FFECEF; color: #F66170; font-weight: bold; border-radius: 1rem;"><i
                         class="fa fa-star mr-2"></i>Key Highlights</span>
                 <!-- FEATURES -->
                 <hr class="mt-4"
                     style="background: linear-gradient(to right, #e5e5e5, transparent); height: 2px; border-style: none;">
-                <div class="row">
+                <div class="row" style="padding-left: 1rem;">
                     <!-- FEATURE COLUMN LEFT -->
-                    <ul style="list-style: none; padding: 0; font-weight: 500; line-height: 2;">
-                        <li><i class="fa fa-check-circle mr-2"
-                               style="color: #1abc9c;"></i>Easy to create, monitor and manage support service.
-                        </li>
-                        <li><i class="fa fa-check-circle mr-2"
-                               style="color: #1abc9c;"></i>Management of customers are similar to project management.
-                        </li>
-                        <li><i class="fa fa-check-circle mr-2"
-                               style="color: #1abc9c;"></i>Can reuse packages with the help of templates.
-                        </li>
-                        <li><i class="fa fa-check-circle mr-2"
-                               style="color: #1abc9c;"></i>Renewal badge appears ones end date is closer or number of
-                            tickets remaining is very less.
-                        </li>
-                    </ul>
+                    <p style="font-weight: 500;"><i class="fa fa-check-circle mr-2" style="color: #1abc9c;"></i>Easy
+                        to create, monitor and manage support service.
+                    </p>
+                    <p style="font-weight: 500;"><i class="fa fa-check-circle mr-2"
+                            style="color: #1abc9c;"></i>Management of customers are similar to project management.
+                    </p>
+                    <p style="font-weight: 500;"><i class="fa fa-check-circle mr-2" style="color: #1abc9c;"></i>Can
+                        reuse packages with the help of templates.
+                    </p>
+                    <p style="font-weight: 500;"><i class="fa fa-check-circle mr-2" style="color: #1abc9c;"></i>Renewal
+                        badge appears ones end date is closer or number of
+                        tickets remaining is very less.
+                    </p>
                 </div>
                 <hr class="mt-4"
                     style="background: linear-gradient(to right, #e5e5e5, transparent); height: 2px; border-style: none;">
@@ -81,33 +39,28 @@
             </div>
             <!-- END OF LEFT HERO -->
             <!-- RIGHT HERO -->
-            <div class="col-lg-5  d-flex align-items-center"
-                 style="border-radius: 0px 10px 10px 0px; background-image: url('images/res_branch.png'); background-repeat: no-repeat; background-size: cover;">
+            <div class="col-lg-5  d-flex align-items-center">
+                <img src="./images/hero.gif">
             </div>
             <!-- END OF RIGHT HERO -->
         </div>
 
         <section class="oe_container" style="margin-top: 4rem;">
-            <div class="row"
-                 style="max-width:1540px; margin:0 auto; padding-bottom:64px;">
+            <div class="row" style="max-width:1540px; margin:0 auto; padding-bottom:64px;">
                 <div class="col-lg-12">
                     <!-- TAB LIST -->
-                    <ul class="nav nav-tabs d-flex justify-content-center"
-                        role="tablist"
+                    <ul class="nav nav-tabs d-flex justify-content-center" role="tablist"
                         style="background-color:unset; margin:0 auto;">
                         <li class="nav-item">
-                            <a class="nav-link active" style="color: #000;"
-                               data-toggle="tab" href="#tabs-1"
-                               role="tab"><i class="fa fa-pie-chart mr-2"></i>Overview</a>
+                            <a class="nav-link active" style="color: #F66170;" data-toggle="tab" href="#tabs-1"
+                                role="tab"><i class="fa fa-pie-chart mr-2"></i>Overview</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link" style="color: #000;"
-                               data-toggle="tab" href="#tabs-3" role="tab"><i
+                            <a class="nav-link" style="color: #F66170;" data-toggle="tab" href="#tabs-3" role="tab"><i
                                     class="fa fa-star mr-2"></i>Features</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link" style="color: #000;"
-                               data-toggle="tab" href="#tabs-4" role="tab"><i
+                            <a class="nav-link" style="color: #F66170;" data-toggle="tab" href="#tabs-4" role="tab"><i
                                     class="fa fa-picture-o mr-2"></i>Screenshots</a>
                         </li>
                     </ul>
@@ -115,8 +68,7 @@
                 <div class="col-lg-12">
                     <!-- Tab panes -->
                     <div class="tab-content" style="padding: 2rem;">
-                        <div class="tab-pane active" id="tabs-1"
-                             role="tabpanel">
+                        <div class="tab-pane active" id="tabs-1" role="tabpanel">
                             <h3 class="text-center rounded px-3 py-2 mb-4"
                                 style="background-color:#edf2f7; color: #162635; font-family: Roboto, 'sans-serif'; font-weight: bold;">
                                 Overview</h3>
@@ -131,126 +83,122 @@
                             <h3 class="text-center rounded px-3 py-2 mb-4"
                                 style="background-color:#edf2f7; color: #162635; font-family: Roboto, 'sans-serif'; font-weight: bold;">
                                 Features</h3>
-                            <ul style="max-width: 1200px;">
-                                <li>
-                                    <h5 style="font-family: Roboto, 'sans-serif';">
-                                        Easy to create, monitor and manage support service.
-                                    </h5>
-                                </li>
-                                <li>
-                                    <h5 style="font-family: Roboto, 'sans-serif';">
-                                        Management of customers are similar to project management.
-                                    </h5>
-                                </li>
-                                <li>
-                                    <h5 style="font-family: Roboto, 'sans-serif';">
-                                        Can reuse packages with the help of templates.
-                                    </h5>
-                                </li>
-                                <li>
-                                    <h5 style="font-family: Roboto, 'sans-serif';">
-                                        Renewal badge appears ones end date is closer or number of tickets remaining is
-                                        very less.
-                                    </h5>
-                                </li>
-                                <li>
-                                    <h5 style="font-family: Roboto, 'sans-serif';">
-                                        Shows all the necessary information about a customer in kanban view inside
-                                        each support package which makes it easy to monitor bulk amount of customers.
-                                    </h5>
-                                </li>
-                            </ul>
+                            <p style="font-weight: 500;"><i class="fa fa-check-circle mr-2"
+                                    style="color: #1abc9c;"></i>Easy to create, monitor and manage support service.
+                            </p>
+                            <p style="font-weight: 500;"><i class="fa fa-check-circle mr-2" style="color: #1abc9c;"></i>
+                                Can reuse packages with the help of templates.
+                            </p>
+                            <p style="font-weight: 500;"><i class="fa fa-check-circle mr-2" style="color: #1abc9c;"></i>
+                                Renewal badge appears ones end date is closer or
+                                number of tickets remaining is
+                                very less.
+                            </p>
+                            <p style="font-weight: 500;"><i class="fa fa-check-circle mr-2" style="color: #1abc9c;"></i>
+                                Shows all the necessary information about a
+                                customer in kanban view inside
+                                each support package which makes it easy to monitor bulk amount of customers.
+                            </p>
                         </div>
                         <div class="tab-pane" id="tabs-4" role="tabpanel">
                             <h3 class="text-center rounded px-3 py-2 mb-4"
                                 style="background-color:#edf2f7; color: #162635; font-family: Roboto, 'sans-serif'; font-weight: bold;">
                                 Screenshots</h3>
-                            <!-- CAROUSEL -->
-                            <div id="slider" class="carousel slide"
-                                 data-ride="carousel">
 
-                                <div class="carousel-inner">
-                                    <!-- Slide Items -->
-                                    <div class="carousel-item active">
-                                        <img src="images/support_1.png"
-                                             alt="App Screenshot" width="1100"
-                                             height="500">
-                                        <div class="carousel-caption text-white p-4 position-relative d-none d-md-block bg-dark mb-4"
-                                             style="top:0; left:0;">
-                                            <h3>Creating support packages</h3>
-                                            <p>Creating support packages with information like maximum number of
-                                                tickets,
-                                                maximum duration of each ticket, validity of package, this will
-                                                automatically
-                                                create this package as a product</p>
+
+                            <section class="oe_container">
+                                <div id="demo" class="row carousel slide  mb32" data-ride="carousel">
+                                    <div class="carousel-inner">
+                                        <div class="carousel-item active" style="min-height: 687.219px;">
+                                            <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
+                                                <h3 class="alert"
+                                                    style="font-weight:400; color:#091E42; text-align:left; border-radius:0; font-size:18px">
+                                                    <i class="fa fa-check-circle-o"
+                                                        style="width:40px; color:#07B700"></i>Creating support
+                                                    packages with information like maximum number of tickets,
+                                                    maximum duration of each ticket, validity of package, this will
+                                                    automatically create this package as a product
+                                                </h3>
+                                                <div style=""> <img class="img img-responsive center-block"
+                                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                                        src="./images/support_1.png">
+                                                </div>
+                                            </div>
                                         </div>
-                                    </div>
-                                    <div class="carousel-item">
-                                        <img src="images/support_2.png"
-                                             alt="App Screenshot" width="1100"
-                                             height="500">
-                                        <div class="carousel-caption text-white p-4 position-relative d-none d-md-block bg-dark mb-4"
-                                             style="top:0; left:0;">
-                                            <h3>Creating sale order</h3>
-                                            <p>Create sale order to customer with required package as product, then the
-                                                customer
-                                                will be created in support packages</p>
+                                        <div class="carousel-item" style="min-height: 687.219px;">
+                                            <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
+                                                <h3 class="alert"
+                                                    style="font-weight:400; color:#091E42; text-align:left; border-radius:0; font-size:18px">
+                                                    <i class="fa fa-check-circle-o"
+                                                        style="width:40px; color:#07B700"></i>Create sale order to
+                                                    customer with required package as product, then the customer
+                                                    will be created in support packages
+                                                </h3>
+                                                <div style=""> <img class="img img-responsive center-block"
+                                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                                        src="./images/support_2.png">
+                                                </div>
+                                            </div>
                                         </div>
-                                    </div>
-                                    <div class="carousel-item">
-                                        <img src="images/support_3.png"
-                                             alt="App Screenshot" width="1100"
-                                             height="500">
-                                        <div class="carousel-caption text-white p-4 position-relative d-none d-md-block bg-dark mb-4"
-                                             style="top:0; left:0;">
+                                        <div class="carousel-item" style="min-height: 687.219px;">
+                                            <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
+
+                                                <div style=""> <img class="img img-responsive center-block"
+                                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                                        src="./images/support_3.png">
+                                                </div>
+                                            </div>
                                         </div>
-                                    </div>
-                                    <div class="carousel-item">
-                                        <img src="images/support_4.png"
-                                             alt="App Screenshot" width="1100"
-                                             height="500">
-                                        <div class="carousel-caption text-white p-4 position-relative d-none d-md-block bg-dark mb-4"
-                                             style="top:0; left:0;">
-                                            <h3>Information shown customer kanban view</h3>
+                                        <div class="carousel-item" style="min-height: 687.219px;">
+                                            <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
+                                                <h3 class="alert"
+                                                    style="font-weight:400; color:#091E42; text-align:left; border-radius:0; font-size:18px">
+                                                    <i class="fa fa-check-circle-o"
+                                                        style="width:40px; color:#07B700"></i>Information shown
+                                                    customer Kanban view
+                                                </h3>
+                                                <div style=""> <img class="img img-responsive center-block"
+                                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                                        src="./images/support_4.png">
+                                                </div>
+                                            </div>
                                         </div>
-                                    </div>
-                                    <div class="carousel-item">
-                                        <img src="images/support_5.png"
-                                             alt="App Screenshot" width="1100"
-                                             height="500">
-                                        <div class="carousel-caption text-white p-4 position-relative d-none d-md-block bg-dark mb-4"
-                                             style="top:0; left:0;">
-                                            <h3>Report</h3>
+                                        <div class="carousel-item" style="min-height: 687.219px;">
+                                            <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
+                                                <h3 class="alert"
+                                                    style="font-weight:400; color:#091E42; text-align:left; border-radius:0; font-size:18px">
+                                                    <i class="fa fa-check-circle-o"
+                                                        style="width:40px; color:#07B700"></i>Report.
+                                                </h3>
+                                                <div style=""> <img class="img img-responsive center-block"
+                                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                                        src="./images/support_5.png">
+                                                </div>
+                                            </div>
                                         </div>
-                                    </div>
-                                    <div class="carousel-item">
-                                        <img src="images/support_6.png"
-                                             alt="App Screenshot" width="1100"
-                                             height="500">
-                                        <div class="carousel-caption text-white p-4 position-relative d-none d-md-block bg-dark mb-4"
-                                             style="top:0; left:0;">
-                                            <h3>Package Template</h3>
-                                            <p>Can create templates so that it helps in creating similar support
-                                                packages.</p>
+                                        <div class="carousel-item" style="min-height: 687.219px;">
+                                            <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
+                                                <h3 class="alert"
+                                                    style="font-weight:400; color:#091E42; text-align:left; border-radius:0; font-size:18px">
+                                                    <i class="fa fa-check-circle-o"
+                                                        style="width:40px; color:#07B700"></i>Can create templates
+                                                    so that it helps in creating similar support packages.
+                                                </h3>
+                                                <div style=""> <img class="img img-responsive center-block"
+                                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                                        src="./images/support_6.png">
+                                                </div>
+                                            </div>
                                         </div>
                                     </div>
-
-                                    <!-- End of Slide Items -->
-                                    <!-- Slider control -->
-                                    <a class="carousel-control-prev"
-                                       href="#slider" data-slide="prev">
-                                        <i
-                                                class="fa fa-arrow-left bg-dark p-3 rounded d-flex justify-content-center align-items-center"></i>
-                                    </a>
-                                    <a class="carousel-control-next"
-                                       href="#slider" data-slide="next">
-                                        <i
-                                                class="fa fa-arrow-right bg-dark p-3 rounded d-flex justify-content-center align-items-center"></i>
-                                    </a>
-                                    <!-- End of Slider control -->
+                                    <a class="carousel-control-prev" href="#demo" 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="#demo" 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>
-                                <!-- END OF CAROUSEL -->
-                            </div>
+                            </section>
                         </div>
                     </div>
                     <!-- END OF TAB LIST -->
@@ -258,160 +206,139 @@
             </div>
         </section>
         <!-- Suggested Products -->
-        <section class="oe_container"
-                 style="padding:2rem 3rem 1rem; max-width:1540px; margin: 0 auto; ">
+        <section class="oe_container" style="padding:2rem 3rem 1rem; max-width:1540px; margin: 0 auto; ">
             <h2 style="font-weight:600; text-align:center; margin-bottom:1rem; width:100%">
                 Suggested Products</h2>
             <hr
-                    style="background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
-            <div id="suggestedSlider" class="row carousel slide mt-4"
-                 data-ride="carousel">
+                style="background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
+
+            <div id="suggestedSlider" class="row carousel slide mt-4" data-ride="carousel">
                 <!-- The slideshow -->
                 <div class="carousel-inner">
                     <div class="carousel-item" style="min-height: 191px;">
-                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
-                             style="float:left">
-                            <a href="https://apps.odoo.com/apps/modules/13.0/project_task_timer/"
-                               target="_blank">
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                            <a href="https://apps.odoo.com/apps/modules/13.0/project_task_timer/" target="_blank">
                                 <div style="border-radius:10px">
                                     <img class="img img-responsive center-block"
-                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                         src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_task_timer.png?ae168aa">
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                        src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_task_timer.png?ae168aa">
                                 </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/13.0/project_report_pdf/"
-                               target="_blank">
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                            <a href="https://apps.odoo.com/apps/modules/13.0/project_report_pdf/" target="_blank">
                                 <div style="border-radius:10px">
                                     <img class="img img-responsive center-block"
-                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                         src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_repo.png?ae168aa">
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                        src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_repo.png?ae168aa">
                                 </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/13.0/project_custom_gantt/"
-                               target="_blank">
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                            <a href="https://apps.odoo.com/apps/modules/13.0/project_custom_gantt/" target="_blank">
                                 <div style="border-radius:10px">
                                     <img class="img img-responsive center-block"
-                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                         src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_gantt.png?ae168aa">
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                        src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_gantt.png?ae168aa">
                                 </div>
                             </a>
                         </div>
                     </div>
-                    <div class="carousel-item active"
-                         style="min-height: 191px;">
-                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
-                             style="float:left">
-                            <a href="https://apps.odoo.com/apps/modules/12.0/project_task_timer/"
-                               target="_blank">
+                    <div class="carousel-item active" style="min-height: 191px;">
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                            <a href="https://apps.odoo.com/apps/modules/12.0/project_task_timer/" target="_blank">
                                 <div style="border-radius:10px">
                                     <img class="img img-responsive center-block"
-                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                         src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/task_image.png?ae168aa">
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                        src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/task_image.png?ae168aa">
                                 </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/13.0/task_deadline_reminder/"
-                               target="_blank">
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                            <a href="https://apps.odoo.com/apps/modules/13.0/task_deadline_reminder/" target="_blank">
                                 <div style="border-radius:10px">
                                     <img class="img img-responsive center-block"
-                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                         src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/reminder.png?ae168aa">
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                        src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/reminder.png?ae168aa">
                                 </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/12.0/project_report_pdf/"
-                               target="_blank">
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                            <a href="https://apps.odoo.com/apps/modules/12.0/project_report_pdf/" target="_blank">
                                 <div style="border-radius:10px">
                                     <img class="img img-responsive center-block"
-                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                         src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_report.png?ae168aa">
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                        src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_report.png?ae168aa">
                                 </div>
                             </a>
                         </div>
                     </div>
                 </div>
                 <!-- Left and right controls -->
-                <a class="carousel-control-prev" href="#suggestedSlider"
-                   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="#suggestedSlider" data-slide="next"
+                <a class="carousel-control-prev" href="#suggestedSlider" data-slide="prev"
                     style="width:35px; color:#000">
-                        <span class="carousel-control-next-icon"><i
-                                class="fa fa-chevron-right"
-                                style="font-size:24px"></i></span>
-            </a>
+                    <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="#suggestedSlider" 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>
         </section>
         <!-- End of Suggested Products -->
         <!-- Our Services -->
         <section class="oe_container" style="padding:2rem 3rem 1rem">
             <!-- <h2 style="font-weight:600; text-align:center; margin-bottom:1rem; width:100%">Our Services</h2>
-            <hr
-            style="background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;"> -->
-            <div class="row mt-4 position-relative"
-                 style="max-width:1540px; margin: 0 auto;">
-                <div class="col-lg-12 jumbotron text-white position-relative shadow-sm"
-                     style="background-color: #b22126; background-image: url('./assets/arrows-transparent.png'); background-size: cover; background-position: bottom; border-radius: 10px;">
-                        <span class="badge badge-pill px-3 py-2 text-dark shadow-sm  font-weight-bold"
-                              style="background-color: #f6b93b;"><i
-                                class="fa fa-trophy mr-2"></i>Odoo Gold Partner</span>
+        <hr
+        style="background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;"> -->
+            <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: #E0EAFC;  background: -webkit-linear-gradient(to right, #f1f5fb, #E0EAFC);  background: linear-gradient(to right, #f1f5fb, #E0EAFC);  background-size: cover; background-position: bottom; border-radius: 10px;">
+                    <span class="badge badge-pill px-3 py-2 text-white shadow-sm  font-weight-bold"
+                        style="background-color: #377DFF;"><i class="fa fa-trophy mr-2"></i>Odoo Gold Partner</span>
                     <div class="row">
-                        <div class="col-lg-6 mt-4">
-                            <h1 style="font-family: Roboto, 'sans-serif'; color:#FFF;">
-                                Our Services</h1>
-                            <p class="lead">We provide following services</p>
-                            <ul class="mt-4"
-                                style="list-style: none; padding: 0; line-height: 2.8; font-weight: 500;">
-                                <li>
-                                    <a href="https://www.cybrosys.com/odoo-customization-and-installation/"
-                                       style="color: white; text-decoration: none;"
-                                       target="_blank"><i
-                                            class="fa fa-cogs mr-2"
-                                            style="color: #f6b93b; font-size: 1.5rem"></i>Odoo
-                                        Customization</a></li>
-                                <li>
-                                    <a href="https://www.cybrosys.com/odoo-erp-implementation/"
-                                       style="color: white; text-decoration: none;"
-                                       target="_blank"><i
-                                            class="fa fa-wrench mr-2"
-                                            style="color: #f6b93b; font-size: 1.5rem"></i>Odoo
-                                        Implementation</a></li>
-                                <li>
-                                    <a href="https://www.cybrosys.com/odoo-erp-support/"
-                                       style="color: white; text-decoration: none;"
-                                       target="_blank"><i
-                                            class="fa fa-life-ring mr-2"
-                                            style="color: #f6b93b; font-size: 1.5rem"></i>Odoo
-                                        Support</a></li>
-                                <li>
-                                    <a href="https://www.cybrosys.com/hire-odoo-developer/"
-                                       style="color: white; text-decoration: none;"
-                                       target="_blank"><i
-                                            class="fa fa-user mr-2"
-                                            style="color: #f6b93b; font-size: 1.5rem"></i>
-                                        Hire
-                                        Odoo Developers</a></li>
-                            </ul>
+                        <div class="col-lg-12 mt-4">
+                            <h1 class="text-dark">Our Services</h1>
+                            <p class="lead text-dark">We provide following services</p>
+                            <div class="row d-flex flex-row justify-content-start flex-wrap mt-4 pl-4">
+                                <a class="text-dark"
+                                    href="https://www.cybrosys.com/odoo-customization-and-installation/"
+                                    style="color: white; text-decoration: none;" target="_blank">
+                                    <div class="bg-white deep-2 d-flex flex-column justify-content-center align-items-center rounded"
+                                        style="padding: 2rem; margin-right: 1rem; height: 150px; width: 150px;">
+                                        <i class="fa fa-cogs mr-2 mt-2" style="color: #377DFF; font-size: 3rem"></i>
+                                        <h6 class="text-center mt-3" style="color: #000;">Odoo Customization</h6>
+                                    </div>
+                                </a>
+                                <a class="text-dark" href="https://www.cybrosys.com/odoo-erp-implementation/"
+                                    style="color: white; text-decoration: none;" target="_blank">
+                                    <div class="bg-white deep-2 d-flex flex-column justify-content-center align-items-center rounded"
+                                        style="padding: 2rem;  margin-right: 1rem; height: 150px; width: 150px;">
+                                        <i class="fa fa-wrench mr-2 mt-2" style="color: #377DFF; font-size: 3rem"></i>
+                                        <h6 class="text-center mt-3" style="color: #000;">Odoo Implementation</h6>
+                                    </div>
+                                </a>
+                                <a class="text-dark" href="https://www.cybrosys.com/odoo-erp-support/"
+                                    style="color: white; text-decoration: none;" target="_blank">
+                                    <div class="bg-white deep-2 d-flex flex-column justify-content-center align-items-center rounded"
+                                        style="padding: 2rem;  margin-right: 1rem; height: 150px; width: 150px;">
+                                        <i class="fa fa-life-ring mr-2 mt-2"
+                                            style="color: #377DFF; font-size: 3rem"></i>
+                                        <h6 class="text-center mt-3" style="color: #000;">Odoo Support</h6>
+                                    </div>
+                                </a>
+                                <a class="text-dark" href="https://www.cybrosys.com/hire-odoo-developer/"
+                                    style="text-decoration: none;" target="_blank">
+                                    <div class="bg-white deep-2 d-flex flex-column justify-content-center align-items-center rounded"
+                                        style="padding: 2rem;  margin-right: 1rem; height: 150px; width: 150px;">
+                                        <i class="fa fa-user mr-2 mt-2" style="color: #377DFF; font-size: 3rem"></i>
+                                        <h6 class="text-center mt-3" style="color: #000;">Hire Odoo Developers</h6>
+                                    </div>
+                                </a>
+                            </div>
                         </div>
                     </div>
                 </div>
-                <img src="./assets/trophy.png" width="50%"
-                     height="auto" alt="Odoo Gold Partner"
-                     class="position-absolute" style="right: 0; bottom: 0;">
             </div>
         </section>
         <!-- End of Our Services -->
@@ -423,18 +350,15 @@
                         Our
                         Industries</h2>
                     <hr
-                            style="background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
+                        style="background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
                 </div>
-                <div class="row mt-4 position-relative"
-                     style="max-width:1540px; margin: 0 auto;">
+                <div class="row mt-4 position-relative" style="max-width:1540px; margin: 0 auto;">
                     <!-- Left Column -->
                     <div class="col-lg-6">
 
-                        <div class="bg-white shadow 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="bg-white shadow 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">
                                     <div class="col-lg-3 no-gutters">
                                         <img src="./assets/icons/trading.png">
@@ -449,11 +373,9 @@
                             </a>
                         </div>
 
-                        <div class="bg-white shadow 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="bg-white shadow 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">
                                     <div class="col-lg-3 no-gutters">
                                         <img src="./assets/icons/education.png">
@@ -470,11 +392,9 @@
                             </a>
                         </div>
 
-                        <div class="bg-white shadow px-4 py-3 my-3"
-                             style="border-radius: 10px;">
+                        <div class="bg-white shadow 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;">
+                                target="_blank" class="text-dark" style="text-decoration: none;">
                                 <div class="row">
                                     <div class="col-lg-3 no-gutters">
                                         <img src="./assets/icons/manufacturing.png">
@@ -489,11 +409,9 @@
                             </a>
                         </div>
 
-                        <div class="bg-white shadow 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="bg-white shadow 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">
                                     <div class="col-lg-3 no-gutters">
                                         <img src="./assets/icons/ecom.png">
@@ -514,11 +432,9 @@
                     <!-- Right Column -->
                     <div class="col-lg-6">
 
-                        <div class="bg-white shadow 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="bg-white shadow 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">
                                     <div class="col-lg-3 no-gutters">
                                         <img src="./assets/icons/pos.png">
@@ -535,11 +451,9 @@
                         </div>
 
 
-                        <div class="bg-white shadow 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="bg-white shadow 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">
                                     <div class="col-lg-3 no-gutters">
                                         <img src="./assets/icons/service.png">
@@ -555,11 +469,9 @@
                             </a>
                         </div>
 
-                        <div class="bg-white shadow 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="bg-white shadow 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">
                                     <div class="col-lg-3 no-gutters">
                                         <img src="./assets/icons/restaurant.png">
@@ -574,11 +486,9 @@
                             </a>
                         </div>
 
-                        <div class="bg-white shadow 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="bg-white shadow 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">
                                     <div class="col-lg-3 no-gutters">
                                         <img src="./assets/icons/hotel.png">
@@ -607,70 +517,59 @@
                     <h2 style="font-weight:600; text-align:center; margin-bottom:1rem; width:100%">
                         Need Help?</h2>
                     <hr
-                            style="background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
+                        style="background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
                 </div>
             </div>
 
             <!-- Contact Cards -->
-            <div class="row d-flex justify-content-center align-items-center"
-                 style="max-width:1540px; margin: 0 auto;">
+            <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"
-                     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>
+                    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"
-                       style="text-decoration: none; background-color: #546E7A; color: #FFF;  border-radius: 4px;">www.cybrosys.com</a>
+                    <a href="https://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"
-                     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
+                    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
                         products &amp; services? Let us know.</p>
-                    <a href="mailto:odoo@cybrosys.com" target="_blank"
-                       class="btn btn-block mb-2 deep_hover"
-                       style="text-decoration: none;  background-color: #b22126; color: #FFF;  border-radius: 4px;">odoo@cybrosys.com</a>
-                    <a href="mailto:info@cybrosys.com" target="_blank"
-                       class="btn btn-block deep_hover"
-                       style="text-decoration: none; background-color: #b22126; color: #FFF;  border-radius: 4px;">info@cybrosys.com</a>
+                    <a href="mailto:odoo@cybrosys.com" target="_blank" class="btn btn-block mb-2 deep_hover"
+                        style="text-decoration: none;  background-color: #b22126; color: #FFF;  border-radius: 4px;">odoo@cybrosys.com</a>
+                    <a href="mailto:info@cybrosys.com" target="_blank" class="btn btn-block deep_hover"
+                        style="text-decoration: none; background-color: #b22126; color: #FFF;  border-radius: 4px;">info@cybrosys.com</a>
                 </div>
-                b
-
                 <div class="col-lg-3  shadow 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
+                    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
                         updates.</p>
                     <div class="d-flex justify-content-begin align-items-center">
-                        <a href="https://www.facebook.com/cybrosystechnologies"
-                           target="_blank"
-                           class="btn mb-2 mr-2 deep_hover d-flex justify-content-center align-items-center"
-                           style="text-decoration: none; background-color:#3b5998; color: #fff; height: 35px; width: 35px;  border-radius: 4px;"><i
+                        <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"
+                            class="btn mb-2 mr-2 deep_hover d-flex justify-content-center align-items-center"
+                            style="text-decoration: none; background-color:#3b5998; color: #fff; height: 35px; width: 35px;  border-radius: 4px;"><i
                                 class="fa fa-facebook"></i></a>
 
                         <a href="https://twitter.com/cybrosys" target="_blank"
-                           class="btn mb-2 mr-2 deep_hover d-flex justify-content-center align-items-center"
-                           style="text-decoration: none; background-color:#00acee ; color: #fff ; height: 35px; width: 35px;  border-radius: 4px;"><i
+                            class="btn mb-2 mr-2 deep_hover d-flex justify-content-center align-items-center"
+                            style="text-decoration: none; background-color:#00acee ; color: #fff ; height: 35px; width: 35px;  border-radius: 4px;"><i
                                 class="fa fa-twitter"></i></a>
 
-                        <a href="https://www.youtube.com/channel/UCKjWLm7iCyOYINVspCSanjg"
-                           target="_blank"
-                           class="btn mb-2 mr-2 deep_hover d-flex justify-content-center align-items-center"
-                           style="text-decoration: none; background-color:#FF0000 ; color: #fff ; height: 35px; width: 35px;  border-radius: 4px;"><i
+                        <a href="https://www.youtube.com/channel/UCKjWLm7iCyOYINVspCSanjg" target="_blank"
+                            class="btn mb-2 mr-2 deep_hover d-flex justify-content-center align-items-center"
+                            style="text-decoration: none; background-color:#FF0000 ; color: #fff ; height: 35px; width: 35px;  border-radius: 4px;"><i
                                 class="fa fa-play"></i></a>
                         <a href="https://medium.com/cybrosys" target="_blank"
-                           class="btn mb-2 deep_hover d-flex justify-content-center align-items-center"
-                           style="text-decoration: none; background-color:#000  ; color: #fff  ; height: 35px; width: 35px;  border-radius: 4px;"><i
+                            class="btn mb-2 deep_hover d-flex justify-content-center align-items-center"
+                            style="text-decoration: none; background-color:#000  ; color: #fff  ; height: 35px; width: 35px;  border-radius: 4px;"><i
                                 class="fa fa-medium"></i></a>
                     </div>
 
@@ -679,30 +578,20 @@
             </div>
         </section>
     </section>
-</div>
-<!-- Footer -->
-<section class="oe_container" style="padding:2rem 3rem 1rem;">
-    <div class="row"
-         style="max-width:1540px; margin: 0 auto; margin-right: 3rem; ">
-        <!-- Logo -->
-        <div class="col-lg-12 d-flex justify-content-center align-items-center"
-             style="margin-top: 4rem;">
-            <img src="https://www.cybrosys.com/images/logo.png" width="200px"
-                 height="auto"/>
-        </div>
-        <!-- End of Logo -->
-        <div class="col-lg-12" style="margin-top: 2rem;">
-            <hr
+
+    <!-- Footer -->
+    <section class="oe_container" style="padding:2rem 3rem 1rem;">
+        <div class="row" style="max-width:1540px; margin: 0 auto; margin-right: 3rem; ">
+            <!-- Logo -->
+            <div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin-top: 4rem;">
+                <img src="https://www.cybrosys.com/images/logo.png" width="200px" height="auto" />
+            </div>
+            <!-- End of Logo -->
+            <div class="col-lg-12" style="margin-top: 2rem;">
+                <hr
                     style="margin-top: 3rem;background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
-            <!-- End of Footer Section -->
+                <!-- End of Footer Section -->
+            </div>
         </div>
-    </div>
-</section>
-
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.bundle.min.js"
-        integrity="sha512-wV7Yj1alIZDqZFCUQJy85VN+qvEIly93fIQAN7iqDFCPEucLCeNFz4r35FCo9s6WrpdDQPi80xbljXB8Bjtvcg=="
-        crossorigin="anonymous"></script>
-</body>
-
-</html>
\ No newline at end of file
+    </section>
+</div>
\ No newline at end of file
