[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>
-<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;">
+<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="oe_row oe_spaced">
+   <div class="col-md-7 col-sm-12 col-xs-12" style="padding: 0px">
-        <h2 class="oe_slogan" style="font-size: 35px;color: #fff;font-weight: 900;text-transform: uppercase;text-align: left;margin: 0;margin-bottom: 16px;">
+      <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;">
-            Customized Barcode Generator
+         <h1 style="font-size: 39px;font-weight: 600;margin: 0px !important;"> Customized Barcode Generator </h1>
-        </h2>
+         <h3 style="font-size: 21px;margin-top: 8px;position: relative;"> Print user defined product labels.  </h3>
-        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
+      </div>
-            Print user defined product labels.
+      <h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Key Highlights</h2>
-        </h3>
+      <ul style=" padding: 0 1px; list-style: none; ">
-        <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;">
+         <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>
-            <a style="color: #080808 !important;" href="https://www.cybrosys.com" target="_blank">Cybrosys Technologies</a>
+         <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>
-        </h5>
+         <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>
-        <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;">
+      </ul>
-                    <img src="https://www.cybrosys.com/images/cybro-logo-oca.png" alt="cybrosys technologies" style="width: 136px;"/>            </div>
+    </div>
-        </a>
+	<div class="col-md-5 col-sm-12 col-xs-12"> <img src="images/barcode.png" class="img-responsive" alt=""> </div>
-    </div>
+</div>
-</section>
+
-
+<div>
-<section class="oe_container" style="padding: 1% 0% 3% 15%;">
+   <section class="oe_container" style="padding: 1rem 0rem 1rem; background-color: #ffffff !important;">
-    <div class="oe_row oe_spaced">
+      <div class="row py-4 px-3">
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+         <div class="w-100" style="padding-top:30px;padding-bottom:45px;border-radius: 10px;">
-            Overview
+            <ul role="tablist" class="nav nav-pills justify-content-center" data-tabs="tabs" id="pills-tab" style="border: none;background: unset;">
-        </h2>
+               <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;
-        <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;">
+                  color: #fff;">Overview </a> </li>
-            The module enables user to print customized product labels.
+               <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;
-        </h3>
+                  color: #fff;" >Features </a> </li>
-    </div>
+               <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;
-</section>
+                  color: #fff;">Screenshots </a> </li>
-
+              
-<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%;">
+            </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;">
-             Features
+               <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: 18px;">
+                  <!-- Overview-->
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+                  <h2 style="font-weight: 600;text-align: center;width: 100%;">Overview</h2>
-             Create custom code for printing standard price on product labels.
+                  <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
-         </h3>
+                  <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;">
-        <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;">
+                    The module enables user to print customized product labels. </h3>  
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+               </div>
-             Show/hide product reference on product labels.
+               <div class="px-3 pt-1 tab-pane fade " id="pills-home1" role="tabpanel" aria-labelledby="
-         </h3>
+                  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: 18px;">
+                  <!-- feature tab-->
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+                  <h2 style="font-weight: 600;text-align: center;width: 100%;">  Customized Barcode Generator </h2>
-             Show/hide cost price as a code on product labels.
+                  <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
-         </h3>
+                  <ul>
-    </div>
+                     <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;"> 
-</section>
+                        <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Create custom code for printing standard price on product labels.
-
+                     </li>
-<section class="oe_container">
+
-    <div class="oe_row oe_spaced">
+                     <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;"> 
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+                        <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Show/hide product reference on product labels. 
-            Screenshots
+                     </li>
-        </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;">
+                     <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="https://www.cybrosys.com/images/ico-tick.png">
+                        <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Show/hide cost price as a code on product labels. 
-            Go to <b>Invoicing </b> --><b> Settings</b>.<br>
+                     </li>
-            &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>
+                  </ul>
-         </h3>
+               </div>
-        <div class="oe_row oe_spaced">
+               <!-- Screenshot tab-->
-            <img src="customized-barcode-generator-settings-cybrosys.png" alt="" style="width: 95%;"/>
+               <div class="px-3 tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab" >
-        </div>
+                  <div class="tab-pane">
-        <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;">
+                     <h2 style="font-weight: 600;text-align: center;width: 100%;">Screenshots</h2>
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+                     <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
-            Go to <b>Invoicing</b> --><b> Settings</b> --><b> Product Labels</b>. Click on <b>barcode code</b> to create a new rules.<br>
+                     <div>
-         </h3>
+                        <section class="oe_container">
-        <div class="oe_row oe_spaced">
+                           <div id="demo" class="row carousel slide  mb32" data-ride="carousel">
-            <img src="customized-barcode-generator-barcodecodetree-cybrosys.png" alt="" style="width: 95%;"/>
+                              <div class="carousel-inner">
-        </div>
+                                 <div class="carousel-item active" style="min-height: 0px;">
-        <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;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+                                       <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>
-            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.
+                                       <p> Select whether to show/hide <b>standard price as code </b>or <b>product reference</b> on product labels and click Save.</p>
-         </h3>
+                                       <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 class="oe_row oe_spaced">
+                                    </div>
-            <img src="customized-barcode-generator-barcodecodeform-cybrosys.png" alt="" style="width: 95%;"/>
+                                  </div>   
-        </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;">
+                                  <div class="carousel-item" style="min-height: 0px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
-             Go to <b>Products view</b> select products and print product labels as shown below<br>
+                                       <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>
-         </h3>
+                                        <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>    
-        <div class="oe_row oe_spaced">
+                                    </div>
-            <img src="customized-barcode-generator-productlabelprint-cybrosys.png" alt="" style="width: 95%;"/>
+                                  </div>
-        </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;">
+                                   <div class="carousel-item" style="min-height: 0px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
-            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 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>
-         </h3>
+                                        <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>    
-        <div class="oe_row oe_spaced">
+                                    </div>
-            <img src="customized-barcode-generator-productlabelpdf-cybrosys.png" alt="" style="width: 95%;"/>
+                                  </div>
-        </div>
+
-    </div>
+
-</section>
+                                   <div class="carousel-item" style="min-height: 0px;">
-<section class="oe_container" style="padding: 7px 0% 0% 3%;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
-     <div class="oe_row oe_spaced">
+                                       <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>
-         <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 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>
+                                  </div>
-
+
-<section class="oe_container" style="padding: 0% 0% 0% 3%;">
+                                  
-    <div class="oe_row oe_spaced">
+                                   <div class="carousel-item" style="min-height: 0px;">
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
-            Our Services
+                                       <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>
-        </h2>
+                                        <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 style="display:flex;padding-top: 20px;justify-content: space-between;">
+                                    </div>
-            <div style="flex-basis: 18%;">
+                                  </div>
-                    <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>
-
+                              <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>
+                           </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;">
+                        </section>
-                        Odoo Customization
+                     </div>
-                     </h3>
+                  </div>
-            </div>
+               </div>
-             <div style="flex-basis: 18%;">
+               
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+               <!-- faq tab-->
-                    <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+               <div class="px-2 px-lg-4 pt-3 tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">
-                        <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/>
+                  <ul class="list-unstyled">
-                    </a>
+                  </ul>
-                </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;">
+            </div>
-                    Odoo Implementation
+         </div>
-                 </h3>
+      </div>
-            </div>
+   </section>
-             <div style="flex-basis: 18%;">
+   <section class="oe_container" style="padding: 2rem 3rem 1rem;">
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+      <h2 style="font-weight: 600;text-align: center;margin-bottom: 25px;width: 100%;"> Suggested Products </h2>
-                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+      <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
-                        <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/>
+      <div id="demo1" class="row carousel slide" data-ride="carousel">
-                    </a>
+         <!-- The slideshow -->
-                </div>
+         <div class="carousel-inner">
-                 <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="carousel-item active" style="min-height: 0px;">
-                    Odoo Integration
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
-                 </h3>
+                  <a href="https://apps.odoo.com/apps/modules/12.0/project_report_pdf/" target="_blank">
-            </div>
+                     <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>
-             <div style="flex-basis: 18%;">
+                  </a>
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+               </div>
-                    <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
-                        <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/>
+                  <a href="https://apps.odoo.com/apps/modules/10.0/project_status_level_report/" target="_blank">
-                    </a>
+                     <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>
-                </div>
+                  </a>
-                 <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>
-                    Odoo Support
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
-                 </h3>
+                  <a href="https://apps.odoo.com/apps/modules/10.0/project_lifeline/" target="_blank">
-            </div>
+                     <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>
-             <div style="flex-basis: 18%;">
+                  </a>
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+               </div>
-                    <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
+            </div>
-                        <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/>
+            <div class="carousel-item" style="min-height: 0px;">
-                    </a>
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
-                </div>
+                  <a href="https://apps.odoo.com/apps/modules/10.0/project_subtask/" target="_blank">
-                 <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 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>
-                    Hire Odoo Developers
+                  </a>
-                 </h3>
+               </div>
-
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
-            </div>
+                  <a href="https://apps.odoo.com/apps/modules/12.0/task_deadline_reminder/" target="_blank">
-        </div>
+                     <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>
-    </div>
+                  </a>
-</section>
+               </div>
-<section class="oe_container" style="padding: 7px 0% 0% 3%;">
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
-     <div class="oe_row oe_spaced">
+                  <a href="https://apps.odoo.com/apps/modules/10.0/project_time_spend/" target="_blank">
-          <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+                     <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>
-            Our Industries
+                  </a>
-        </h2>
+               </div>
-        <div style="display:flex;justify-content: space-between;flex-wrap:wrap;">
+            </div>
-            <div style="flex-basis: 32%;padding-top: 20px;">
+         </div>
-                    <div style="width:30%; float:left;">
+         <!-- Left and right controls --> 
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+         <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> 
-                            <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+      </div>
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+   </section>
-                            </a>
+   <section class="row" style="padding: 2rem 3rem 1rem;margin:0px">
-                        </div>
+      <h2 style="font-weight: 600;margin-bottom: 20px;text-align: center;width: 100%;"> Our Service </h2>
-                    </div>
+      <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
-                    <div style="width:70%;float:left;">
+      <div class="row" style=" display: flex; justify-content: center; flex-wrap: wrap;width: 100%; ">
-                     <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 style="display:flex;padding-top: 20px;justify-content: space-between;"> -->
-                        Trading
+         <div class="col-md-2 col-sm-6 col-xs-12">
-                     </h3>
+            <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>
-                    <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;">
+            <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>
-                        Easily procure and sell your products.
+         </div>
-                     </h3>
+         <div class="col-md-2 col-sm-6 col-xs-12">
-                        </div>
+            <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>
-            </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 style="flex-basis: 32%;padding-top: 20px;">
+         </div>
-                    <div style="width:30%; float:left;">
+         <div class="col-md-2 col-sm-6 col-xs-12">
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+            <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>
-                            <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+            <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>
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+         </div>
-                            </a>
+         <div class="col-md-2 col-sm-6 col-xs-12">
-                        </div>
+            <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>
-                    </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 style="width:70%;float:left;">
+         </div>
-                     <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 class="col-md-2 col-sm-6 col-xs-12">
-                        Manufacturing
+            <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>
+            <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>
-                    <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> 
-                        Plan, track and schedule your operations.
+         </div>
-                     </h3>
+         <!-- </div> --> 
-                        </div>
+      </div>
-            </div>
+   </section>
-            <div style="flex-basis: 32%;padding-top: 20px;">
+   <section class="row"  style="padding: 2rem 3rem 1rem;margin:0px">
-                    <div style="width:30%; float:left;">
+      <div class="row" style="margin: 0">
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+         <h2 style="font-weight: 600;margin-bottom: 20px;text-align: center;width: 100%;"> Our Industries</h2>
-                            <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+         <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+         <!-- <div style="display:flex;justify-content: space-between;flex-wrap:wrap;"> -->
-                             </a>
+         <div class="row" style="width: 100%">
-                        </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
-                    </div>
+               <div  >
-                    <div style="width:70%;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/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>
-                     <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>
-                        Restaurant
+               <div style="width:70%;float:left;">
-                     </h3>
+                  <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>
-                    <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;">
+                  <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>
-                        Run your bar or restaurant methodical.
+               </div>
-                     </h3>
+            </div>
-                        </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
-            </div>
+               <div  >
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                  <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 style="width:30%; float:left;">
+               </div>
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+               <div style="width:70%;float:left;" style=" margin-bottom: 10px; ">
-                            <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                  <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>
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                  <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>
-                            </a>
+               </div>
-                        </div>
+            </div>
-                    </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
-                    <div style="width:70%;float:left;">
+               <div  >
-                     <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 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>
-                        POS
+               </div>
-                     </h3>
+               <div style="width:70%;float:left;">
-                    <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;">
+                  <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>
-                        Easy configuring and convivial selling.
+                  <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>
+               </div>
-                        </div>
+            </div>
-            </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
-            <div style="flex-basis: 32%;padding-top: 20px;">
+               <div  >
-                    <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 style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+               </div>
-                            <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+               <div style="width:70%;float:left;">
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                  <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>
-                            </a>
+                  <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>
-                        </div>
+               </div>
-                    </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: 0px;margin-left: 16px;">
+               <div  >
-                        E-commerce & Website
+                  <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>
-                     </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;">
-                        Mobile friendly, awe-inspiring product pages.
+                  <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>
-                     </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;"> Mobile friendly, awe-inspiring product pages. </h3>
-                        </div>
+               </div>
-            </div>
+            </div>
-            <div style="flex-basis: 32%;padding-top: 20px;">
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
-                    <div style="width:30%; float:left;">
+               <div  >
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: 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>
-                            <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+               </div>
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+               <div style="width:70%;float:left;">
-                            </a>
+                  <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>
-                        </div>
+                  <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>
-                    </div>
+               </div>
-                    <div style="width:70%;float:left;">
+            </div>
-                     <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 class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
-                        Hotel Management
+               <div  >
-                     </h3>
+                  <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>
-                    <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>
-                        An all-inclusive hotel management application.
+               <div style="width:70%;float:left;">
-                     </h3>
+                  <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>
-                        </div>
+                  <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>
-            </div>
+               </div>
-            <div style="flex-basis: 32%;padding-top: 20px;">
+            </div>
-                    <div style="width:30%; float:left;">
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
-                        <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/education-erp-software/" target="_blank">
+                  <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>
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+               </div>
-                            </a>
+               <div style="width:70%;float:left;">
-                        </div>
+                  <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>
-                    </div>
+                  <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>
-                    <div style="width:70%;float:left;">
+               </div>
-                     <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>
-                        Education
+         </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>
-                        A Collaborative platform for educational management.
+</section>
-                     </h3>
+<section class="oe_container" style="padding: 0% 0% 6% 0%;">
-                        </div>
+   <center>
-            </div>
+      <div class="col-md-12" style="margin: auto !important;
-             <div style="flex-basis: 32%;padding-top: 20px;">
+         width: 70%;
-                    <div style="width:30%; float:left;">
+         padding: 30px;">
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+         <h2 style="font-weight: 600;text-align: center;width: 100%;"> Need Any Help? </h2>
-                            <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
+         <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+         <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>
-                            </a>
+         <div class="col-md-6" style="float:left; padding:20px;">
-                        </div>
+            <h4><i class="fa fa-envelope"></i> Email us </h4>
-                    </div>
+            <p>odoo@cybrosys.com  / info@cybrosys.com</p>
-                    <div style="width:70%;float:left;">
+         </div>
-                     <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 class="col-md-6" style="float:left; padding:20px;">
-                        Service Management
+            <h4><i class="fa fa-phone"></i> Contact Us </h4>
-                     </h3>
+            <a href="https://www.cybrosys.com/contact/" target="_blank"> www.cybrosys.com </a>
-                    <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>
-                        Keep track of services and invoice accordingly.
+      </div>
-                     </h3>
+   </center>
-                        </div>
+</section>
-            </div>
+<section class="oe_container" style="padding: 0% 0% 6% 0%;">
-        </div>
+   <div class="oe_slogan" style="margin-bottom: 0px;">
-    </div>
+      <div style=" display: flex; justify-content: center; flex-wrap: wrap; ">
-</section>
+      </div>
-
+      <br>
-<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%;">
+      <img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;" class="center-block">
-    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
+      <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>
-        <div>
+         </td>
-            <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>
+         <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 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>
+         </td>
-            <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>
+         <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>
-        </div>
+         </td>
-        <br>
+         <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>
-        <img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;" class="center-block">
+         </td>
-        <div>
+      </div>
-          <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>
+   </div>
-          <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>
+</section>
-          <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>
+</div>
-          <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://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>
-        </div>
-    </div>
-</section>
-