[UPDT] Index Updated 'customized_barcode_generator'

customized_barcode_generator/__manifest__.py

@@ -17,7 +17,7 @@
         'security/ir.model.access.csv'
     ],
     'qweb': [],
-    'images': ['static/description/banner.jpg'],
+    'images': ['static/description/banner.png'],
     'license': 'AGPL-3',
     'installable': True,
     'auto_install': False,

customized_barcode_generator/static/description/index.html

@@ -1,325 +1,319 @@
+<div class="row" style="margin: 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4;text-align: center; margin: auto; display: flex;justify-content: center;">  <a  href="https://www.cybrosys.com/" target="_blank"><img src="images/cybrosys.png" style=" width: 293px; padding: 1rem 0rem; margin: auto" alt="cybrosys-logo"></a> </div>
+<div class="row" style="margin:75px 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4; padding-bottom: 30px;">
+   <div class="col-md-7 col-sm-12 col-xs-12" style="padding: 0px">
+      <div style=" margin: 0 0 0px;padding: 20px 0 10;font-size: 23px;line-height: 35px;font-weight: 400;color: #000;border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.11);text-align: left;">
+         <h1 style="font-size: 39px;font-weight: 600;margin: 0px !important;"> Customized Barcode Generator </h1>
+         <h3 style="font-size: 21px;margin-top: 8px;position: relative;"> Print user defined product labels.  </h3>
+      </div>
+      <h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Key Highlights</h2>
+      <ul style=" padding: 0 1px; list-style: none; ">
+         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Create custom code for printing standard price on product labels.  </li>
+         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Show/hide product reference on product labels.  </li>
+         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Show/hide cost price as a code on product labels.  </li>
 
-<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-header-banner.png);background-repeat:no-repeat;background-size:100%;padding: 4% 0% 2% 15%;background-position-y: -107px;">
+      </ul>
-    <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan" style="font-size: 35px;color: #fff;font-weight: 900;text-transform: uppercase;text-align: left;margin: 0;margin-bottom: 16px;">
-            Customized Barcode Generator
-        </h2>
-        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
-            Print user defined product labels.
-        </h3>
-        <h5 class="oe_slogan" style="text-align: left;background: #fff;width: 293px;padding: 10px;color: #080808 !important;opacity: 1 !important;font-weight: 600;font-size: 20px;">
-            <a style="color: #080808 !important;" href="https://www.cybrosys.com" target="_blank">Cybrosys Technologies</a>
-        </h5>
-        <a style="color: #080808 !important;" href="https://www.cybrosys.com" target="_blank">
-            <div style="width: 215px;margin-left: 57%;text-align: center;background: #ffffff;height: 215px;border-radius: 100%;display: flex;justify-content: center;align-items: center;box-shadow: 0 0 12px 4px #00000059;">
-                    <img src="https://www.cybrosys.com/images/cybro-logo-oca.png" alt="cybrosys technologies" style="width: 136px;"/>            </div>
-        </a>
     </div>
-</section>
+	<div class="col-md-5 col-sm-12 col-xs-12"> <img src="images/barcode.png" class="img-responsive" alt=""> </div>
+</div>
+
+<div>
+   <section class="oe_container" style="padding: 1rem 0rem 1rem; background-color: #ffffff !important;">
+      <div class="row py-4 px-3">
+         <div class="w-100" style="padding-top:30px;padding-bottom:45px;border-radius: 10px;">
+            <ul role="tablist" class="nav nav-pills justify-content-center" data-tabs="tabs" id="pills-tab" style="border: none;background: unset;">
+               <li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #d31c22;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true" class="nav-link active show" style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400;text-align: center;
+                  color: #fff;">Overview </a> </li>
+               <li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #d31c22;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a id="pills-home-tab" data-toggle="pill" href="#pills-home1" role="tab" aria-controls="pills-home" aria-selected="true" class="nav-link " style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400; text-align: center;
+                  color: #fff;" >Features </a> </li>
+               <li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #ffffff;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false" style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400; text-align: center;
+                  color: #fff;">Screenshots </a> </li>
               
-<section class="oe_container" style="padding: 1% 0% 3% 15%;">
+            </ul>
-    <div class="oe_row oe_spaced">
+            <div class="tab-content" id="pills-tabContent"
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+               style="padding-top: 30px; padding-bottom: 30px; padding: 30px;">
-            Overview
+               <div class="px-3 pt-1 tab-pane fade active show" id="pills-home" role="tabpanel" aria-labelledby="
-        </h2>
+                  pills-home-tab">
-        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+                  <!-- Overview-->
-            The module enables user to print customized product labels.
+                  <h2 style="font-weight: 600;text-align: center;width: 100%;">Overview</h2>
-        </h3>
+                  <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+                  <h3 class="oe_slogan" style="text-align: center;font-size: 19px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 31px;font-weight: 400;letter-spacing: .5px;margin-bottom: 21px;">
+                    The module enables user to print customized product labels. </h3>  
+               </div>
+               <div class="px-3 pt-1 tab-pane fade " id="pills-home1" role="tabpanel" aria-labelledby="
+                  pills-home-tab">
+                  <!-- feature tab-->
+                  <h2 style="font-weight: 600;text-align: center;width: 100%;">  Customized Barcode Generator </h2>
+                  <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+                  <ul>
+                     <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;"> 
+                        <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Create custom code for printing standard price on product labels.
+                     </li>
+
+                     <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;"> 
+                        <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Show/hide product reference on product labels. 
+                     </li>
+
+                     <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;"> 
+                        <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Show/hide cost price as a code on product labels. 
+                     </li>
+                  </ul>
+               </div>
+               <!-- Screenshot tab-->
+               <div class="px-3 tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab" >
+                  <div class="tab-pane">
+                     <h2 style="font-weight: 600;text-align: center;width: 100%;">Screenshots</h2>
+                     <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+                     <div>
+                        <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: 0px;">
+                                    <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;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Go to <b>Invoicing --> Settings.</b> </h3>
+                                       <p> Select whether to show/hide <b>standard price as code </b>or <b>product reference</b> on product labels and click Save.</p>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/1barcode.png"> </div>
+                                    </div>
                                   </div>   
-</section>
 
-<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner1.png); background-repeat:no-repeat; background-size:cover;padding: 5% 0% 10% 15%;">
+                                  <div class="carousel-item" style="min-height: 0px;">
-    <div class="oe_row oe_spaced">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Go to <b>Invoicing --> Settings --> Product Labels.</b> Click on <b>barcode code</b> to create a new rules.</h3>
-             Features
+                                        <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/2barcode.png"> </div>    
-        </h2>
+                                    </div>
-        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
-             Create custom code for printing standard price on product labels.
-         </h3>
-        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
-             Show/hide product reference on product labels.
-         </h3>
-        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
-             Show/hide cost price as a code on product labels.
-         </h3>
                                   </div>
-</section>
                                   
-<section class="oe_container">
+                                   <div class="carousel-item" style="min-height: 0px;">
-    <div class="oe_row oe_spaced">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">In the form view, you can set the code for each digit. Click on the active button to use this rule on the product label. </h3>
-            Screenshots
+                                        <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/3barcode.png"> </div>    
-        </h2>
-        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
-            Go to <b>Invoicing </b> --><b> Settings</b>.<br>
-            &nbsp; &nbsp; &nbsp;Select whether to show/hide <b>standard price as code</b> or <b>product reference</b> on product labels and click Save.<br>
-         </h3>
-        <div class="oe_row oe_spaced">
-            <img src="customized-barcode-generator-settings-cybrosys.png" alt="" style="width: 95%;"/>
-        </div>
-        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
-            Go to <b>Invoicing</b> --><b> Settings</b> --><b> Product Labels</b>. Click on <b>barcode code</b> to create a new rules.<br>
-         </h3>
-        <div class="oe_row oe_spaced">
-            <img src="customized-barcode-generator-barcodecodetree-cybrosys.png" alt="" style="width: 95%;"/>
-        </div>
-        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
-            In the form view, you can set the code for each digit. Click on the active button to use this rule on the product label.
-         </h3>
-        <div class="oe_row oe_spaced">
-            <img src="customized-barcode-generator-barcodecodeform-cybrosys.png" alt="" style="width: 95%;"/>
-        </div>
-        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
-             Go to <b>Products view</b> select products and print product labels as shown below<br>
-         </h3>
-        <div class="oe_row oe_spaced">
-            <img src="customized-barcode-generator-productlabelprint-cybrosys.png" alt="" style="width: 95%;"/>
-        </div>
-        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
-            You can see the standard price of products on the bottom right of product label as code using the active rule, and at the bottom left you can see the product reference.
-         </h3>
-        <div class="oe_row oe_spaced">
-            <img src="customized-barcode-generator-productlabelpdf-cybrosys.png" alt="" style="width: 95%;"/>
                                     </div>
                                   </div>
-</section>
+
-<section class="oe_container" style="padding: 7px 0% 0% 3%;">
+
-     <div class="oe_row oe_spaced">
+                                   <div class="carousel-item" style="min-height: 0px;">
-         <a style="color: #080808 !important;" href="https://apps.odoo.com/apps/modules/browse?search=cybrosys" target="_blank"><img src="https://www.cybrosys.com/images/view-more-apps.jpg" alt="cybrosys technologies" style="width: 100%;margin-bottom: 50px;"/></a>
+                                    <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;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Go to <b>Products view</b> select products and print product labels as shown below</h3>
+                                        <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/4barcode.png"> </div>    
+                                    </div>
                                   </div>
-</section>
 
-<section class="oe_container" style="padding: 0% 0% 0% 3%;">
-    <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            Our Services
-        </h2>
-        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
-            <div style="flex-basis: 18%;">
-                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
-                        <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
-                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
-                         </a>
                                   
+                                   <div class="carousel-item" style="min-height: 0px;">
+                                    <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;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> You can see the standard price of products on the bottom right of product label as code using the active rule, and at the bottom left you can see the product reference. </h3>
+                                        <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/5barcode.png"> </div>    
+                                    </div>
                                   </div>
-                     <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+
-                        Odoo Customization
+
-                     </h3>
+
+                              </div>
+                              <a class="carousel-control-prev" href="#demo" data-slide="prev" style="left:-25px;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="right:-25px;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>
                      </div>
-             <div style="flex-basis: 18%;">
+                  </div>
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+               </div>
-                    <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+               
-                        <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/>
+               <!-- faq tab-->
+               <div class="px-2 px-lg-4 pt-3 tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">
+                  <ul class="list-unstyled">
+                  </ul>
+               </div>
+            </div>
+         </div>
+      </div>
+   </section>
+   <section class="oe_container" style="padding: 2rem 3rem 1rem;">
+      <h2 style="font-weight: 600;text-align: center;margin-bottom: 25px;width: 100%;"> Suggested Products </h2>
+      <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+      <div id="demo1" class="row carousel slide" data-ride="carousel">
+         <!-- The slideshow -->
+         <div class="carousel-inner">
+            <div class="carousel-item active" style="min-height: 0px;">
+               <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="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/banner_project_report_xls_pdf.png"> </div>
                   </a>
                </div>
-                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
-                    Odoo Implementation
+                  <a href="https://apps.odoo.com/apps/modules/10.0/project_status_level_report/" target="_blank">
-                 </h3>
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/banner_project_status_report.png"> </div>
+                  </a>
                </div>
-             <div style="flex-basis: 18%;">
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                  <a href="https://apps.odoo.com/apps/modules/10.0/project_lifeline/" target="_blank">
-                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/banner_lifeline_for_task.jpeg"> </div>
-                        <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/>
                   </a>
                </div>
-                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
-                    Odoo Integration
-                 </h3>
             </div>
-             <div style="flex-basis: 18%;">
+            <div class="carousel-item" style="min-height: 0px;">
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
-                    <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                  <a href="https://apps.odoo.com/apps/modules/10.0/project_subtask/" target="_blank">
-                        <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/>
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/banner_subtask.jpeg"> </div>
                   </a>
                </div>
-                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
-                    Odoo Support
+                  <a href="https://apps.odoo.com/apps/modules/12.0/task_deadline_reminder/" target="_blank">
-                 </h3>
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/banner_task_deadline_reminder.jpeg"> </div>
+                  </a>
                </div>
-             <div style="flex-basis: 18%;">
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                  <a href="https://apps.odoo.com/apps/modules/10.0/project_time_spend/" target="_blank">
-                    <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/banner_task_statusbar.jpeg"> </div>
-                        <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/>
                   </a>
                </div>
-                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
-                    Hire Odoo Developers
-                 </h3>
-
             </div>
          </div>
+         <!-- Left and right controls --> 
+         <a class="carousel-control-prev" href="#demo1" data-slide="prev" style="left:-25px;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="right:-25px;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>
-<section class="oe_container" style="padding: 7px 0% 0% 3%;">
+   <section class="row" style="padding: 2rem 3rem 1rem;margin:0px">
-     <div class="oe_row oe_spaced">
+      <h2 style="font-weight: 600;margin-bottom: 20px;text-align: center;width: 100%;"> Our Service </h2>
-          <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+      <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
-            Our Industries
+      <div class="row" style=" display: flex; justify-content: center; flex-wrap: wrap;width: 100%; ">
-        </h2>
+         <!-- <div style="display:flex;padding-top: 20px;justify-content: space-between;"> -->
-        <div style="display:flex;justify-content: space-between;flex-wrap:wrap;">
+         <div class="col-md-2 col-sm-6 col-xs-12">
-            <div style="flex-basis: 32%;padding-top: 20px;">
+            <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/> </a> </div>
-                    <div style="width:30%; float:left;">
+            <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Odoo Customization </a> </h3>
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+         </div>
-                            <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+         <div class="col-md-2 col-sm-6 col-xs-12">
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+            <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/> </a> </div>
+            <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Odoo Implementation </a> </h3>
+         </div>
+         <div class="col-md-2 col-sm-6 col-xs-12">
+            <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/> </a> </div>
+            <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Odoo Integration </a> </h3>
+         </div>
+         <div class="col-md-2 col-sm-6 col-xs-12">
+            <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/> </a> </div>
+            <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Odoo Support</a> </h3>
+         </div>
+         <div class="col-md-2 col-sm-6 col-xs-12">
+            <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank"> <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/> </a> </div>
+            <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Hire Odoo Developers</a> </h3>
             </a> 
          </div>
+         <!-- </div> --> 
+      </div>
+   </section>
+   <section class="row"  style="padding: 2rem 3rem 1rem;margin:0px">
+      <div class="row" style="margin: 0">
+         <h2 style="font-weight: 600;margin-bottom: 20px;text-align: center;width: 100%;"> Our Industries</h2>
+         <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+         <!-- <div style="display:flex;justify-content: space-between;flex-wrap:wrap;"> -->
+         <div class="row" style="width: 100%">
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
                </div>
                <div style="width:70%;float:left;">
-                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank" style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;"> Trading </a> </h3>
-                        Trading
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;"> Easily procure and sell your products. </h3>
-                     </h3>
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
-                        Easily procure and sell your products.
-                     </h3>
-                        </div>
-            </div>
-            <div style="flex-basis: 32%;padding-top: 20px;">
-                    <div style="width:30%; float:left;">
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
-                            <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
-                            </a>
                </div>
             </div>
-                    <div style="width:70%;float:left;">
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
-                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+               <div  >
-                        Manufacturing
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
-                     </h3>
+               </div>
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+               <div style="width:70%;float:left;" style=" margin-bottom: 10px; ">
-                        Plan, track and schedule your operations.
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank" style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;"> Manufacturing</a> </h3>
-                     </h3>
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;font-family: 'Montserrat',sans-serif;"> Plan, track and schedule your operations. </h3>
-                        </div>
-            </div>
-            <div style="flex-basis: 32%;padding-top: 20px;">
-                    <div style="width:30%; float:left;">
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
-                            <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
-                             </a>
                </div>
             </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
                <div style="width:70%;float:left;">
-                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank" style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;"> Restaurant</a> </h3>
-                        Restaurant
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;font-family: 'Montserrat',sans-serif;"> Run your bar or restaurant methodical. </h3>
-                     </h3>
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
-                        Run your bar or restaurant methodical.
-                     </h3>
-                        </div>
-            </div>
-            <div style="flex-basis: 32%;padding-top: 20px;">
-                    <div style="width:30%; float:left;">
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
-                            <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
-                            </a>
                </div>
             </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
                <div style="width:70%;float:left;">
-                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank" style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;"> POS</a> </h3>
-                        POS
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;font-family: 'Montserrat',sans-serif;"> Easy configuring and convivial selling. </h3>
-                     </h3>
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
-                        Easy configuring and convivial selling.
-                     </h3>
-                        </div>
-            </div>
-            <div style="flex-basis: 32%;padding-top: 20px;">
-                    <div style="width:30%; float:left;">
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
-                            <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
-                            </a>
                </div>
             </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
                <div style="width:70%;float:left;">
-                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 0px;margin-left: 16px;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 0px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> E-commerce & Website</a> </h3>
-                        E-commerce & Website
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;"> Mobile friendly, awe-inspiring product pages. </h3>
-                     </h3>
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
-                        Mobile friendly, awe-inspiring product pages.
-                     </h3>
-                        </div>
-            </div>
-            <div style="flex-basis: 32%;padding-top: 20px;">
-                    <div style="width:30%; float:left;">
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
-                            <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
-                            </a>
                </div>
             </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
                <div style="width:70%;float:left;">
-                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Hotel Management</a> </h3>
-                        Hotel Management
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;"> An all-inclusive hotel management application. </h3>
-                     </h3>
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
-                        An all-inclusive hotel management application.
-                     </h3>
-                        </div>
-            </div>
-            <div style="flex-basis: 32%;padding-top: 20px;">
-                    <div style="width:30%; float:left;">
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
-                            <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
-                            </a>
                </div>
             </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
                <div style="width:70%;float:left;">
-                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Education</a> </h3>
-                        Education
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;"> A Collaborative platform for educational management. </h3>
-                     </h3>
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
-                        A Collaborative platform for educational management.
-                     </h3>
-                        </div>
-            </div>
-             <div style="flex-basis: 32%;padding-top: 20px;">
-                    <div style="width:30%; float:left;">
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
-                            <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
-                            </a>
                </div>
             </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
                <div style="width:70%;float:left;">
-                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Service Management</a> </h3>
-                        Service Management
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;"> Keep track of services and invoice accordingly. </h3>
-                     </h3>
+               </div>
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
-                        Keep track of services and invoice accordingly.
-                     </h3>
             </div>
          </div>
       </div>
 </div>
 </section>
-
+<section class="oe_container" style="padding: 0% 0% 6% 0%;">
-<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-footer-bg.png); background-repeat:no-repeat; background-size:100%;padding: 13% 0% 6% 0%;">
+   <center>
-    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
+      <div class="col-md-12" style="margin: auto !important;
-        <div>
+         width: 70%;
-            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 12px;padding: 9px 26px;margin-right: 9px;width: 200px;text-transform: capitalize;" class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com"><i class="fa fa-envelope"></i> Email us </a>
+         padding: 30px;">
-            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 12px;padding: 9px 26px;margin-right: 9px;width: 200px;text-transform: capitalize;" class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com/contact/"><i class="fa fa-phone"></i> Contact Us </a>
+         <h2 style="font-weight: 600;text-align: center;width: 100%;"> Need Any Help? </h2>
-            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 12px;padding: 9px 26px;margin-right: 9px;width: 200px;text-transform: capitalize;" class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com/odoo-customization-and-installation/"><i class="fa fa-check-square"></i> Request Customization </a>
+         <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+         <h4 style="font-size:16px;"> If you have anything to share with us based on your use of this module, please let us know. We are ready to offer our support. </h4>
+         <div class="col-md-6" style="float:left; padding:20px;">
+            <h4><i class="fa fa-envelope"></i> Email us </h4>
+            <p>odoo@cybrosys.com  / info@cybrosys.com</p>
+         </div>
+         <div class="col-md-6" style="float:left; padding:20px;">
+            <h4><i class="fa fa-phone"></i> Contact Us </h4>
+            <a href="https://www.cybrosys.com/contact/" target="_blank"> www.cybrosys.com </a>
+         </div>
+      </div>
+   </center>
+</section>
+<section class="oe_container" style="padding: 0% 0% 6% 0%;">
+   <div class="oe_slogan" style="margin-bottom: 0px;">
+      <div style=" display: flex; justify-content: center; flex-wrap: wrap; ">
       </div>
       <br>
       <img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;" class="center-block">
-        <div>
+      <div style=" display: flex; justify-content: center; flex-wrap: wrap; "> <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
-          <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+         </td>
-          <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+         <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
-          <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px; ;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+         </td>
-          <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+         <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px;  height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
-          <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+         </td>
+         <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
+         </td>
       </div>
    </div>
 </section>
-
+</div>