You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					
					
						
							526 lines
						
					
					
						
							27 KiB
						
					
					
				
			
		
		
		
			
			
			
		
		
	
	
							526 lines
						
					
					
						
							27 KiB
						
					
					
				| <div class="container" | |
|      style="padding: 1rem !important; margin-bottom: 1rem !important;"> | |
|     <div class="row"> | |
|         <div class="col-sm-12 col-md-12 col-lg-12 d-flex justify-content-between" | |
|              style="border-bottom: 1px solid #d5d5d5;"> | |
|             <div class="my-3"> | |
|                 <img src="./assets/icons/logo.png" | |
|                      style="width: auto !important; height: 40px !important;"> | |
|             </div> | |
|             <div class="my-3 d-flex align-items-center"> | |
|                 <div | |
|                         style="background-color: #7C7BAD !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;"> | |
|                     <i class="fa fa-check mr-1"></i>Community | |
|                 </div> | |
|             </div> | |
|         </div> | |
|     </div> | |
| </div> | |
| <!-- HERO --> | |
| <div class="container"> | |
|     <div class="row" | |
|          style="padding: 4rem 2.5rem 0 !important; background-color: #fff !important;"> | |
|         <div class="col-sm-12 col-md-12 col-lg-12 d-flex flex-column align-items-center"> | |
|             <h1 class="text-center text-uppercase" | |
|                 style="font-family: Montserrat, 'sans-serif' !important; font-size: 67px !important; color: #791d97; font-weight: 900 !important;"> | |
|                 INFINITO PLUS<span style="color:#5154a5;">Backend Theme </span><sup></sup> | |
|             </h1> | |
|             <p class="my-1 text-center text-uppercase" | |
|                style="letter-spacing: 4px !important; color: #74788D !important;"> | |
|                 Utmost and dynamic backend theme for Odoo 15</p> | |
|         </div> | |
|         <div class="col-lg-12 d-flex justify-content-center align-items-center" | |
|              style="margin: 2rem 0;"> | |
|             <img src="./assets/hero.png" width="100%" height="auto" | |
|                  class="img-responsive"> | |
|         </div> | |
|     </div> | |
| </div> | |
| <!-- END OF HERO --> | |
| 
 | |
| <!-- OVERVIEW --> | |
| <div class="container"> | |
|     <div class="row" | |
|          style="padding: 0rem 2.5rem !important; background-color: #fff !important;"> | |
|         <div class="col-lg-12 d-flex flex-column justify-content-center"> | |
|             <p class="my-1 text-center" | |
|                style="font-family: Montserrat, 'sans-serif' !important; color: #212121 !important;"> | |
|                 The Backend Theme Infinito Is A Dynamic And Ultimate Theme For | |
|                 Your Odoo V15. | |
|                 This Theme Will Give You A New Experience | |
|                 With Odoo. Main Highlight Of The Theme Is You Can Dynamically | |
|                 Change The Fonts, animation, Chatbox Layout,...Etc. | |
|                 Moreover, it acts as a studio-based theme. | |
|                 It Is A Perfect Choice For Your Odoo Backend And An Attractive | |
|                 Theme For Your Odoo 15. | |
|             </p> | |
|         </div> | |
|         <div class="col-lg-12 mt-4"> | |
|             <div class="alert alert-warning text-center" role="alert"> | |
|                 <i class="fa fa-exclamation-triangle mr-2" | |
|                    aria-hidden="true"></i>Please make sure that you install | |
|                 all | |
|                 your apps prior to the installation of this theme. | |
|             </div> | |
|         </div> | |
|     </div> | |
| </div> | |
| <!-- END OF OVERVIEW--> | |
| 
 | |
| <!-- FEATURE --> | |
| <div class="container" style="margin-top: 3rem;"> | |
|     <div class="row"> | |
|         <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center"> | |
|             <h2 style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;"> | |
|                 Features</h2> | |
|         </div> | |
|     </div> | |
| 
 | |
|     <!-- RESPONSIVE --> | |
|     <div class="container" style="margin-top: 3rem;"> | |
|         <div class="row shadow" | |
|              style="margin: 2rem;padding: 0rem !important;background-color: #fff !important;border-top: 5px solid #791d97 !important;min-width: 94% !important;"> | |
|             <div class="col-lg-12" | |
|                  style="padding-left: 0 !important; padding-right: 0!important;"> | |
|                 <img src="./assets/screenshots/gif/refresh_icon.gif" | |
|                      width="100%" | |
|                      height="auto" | |
|                      class="img-responsive"> | |
|             </div> | |
|             <div class="row"> | |
|                 <div class="col-lg-8" style="padding: 2.5rem !important;"> | |
|                     <div class="text-center" | |
|                          style="font-size: 0.9rem !important; background-color: #791d97 !important; padding: 0.5 1.5rem !important; width: 60px; color: #ffffff !important; font-weight: 700; border-radius: 0.2rem !important; margin: 10px 0 !important;"> | |
|                         New | |
|                     </div> | |
|                     <h3 style="font-weight: 700 !important;">View Refresh</h3> | |
|                     <h6 | |
|                             style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;"> | |
|                     </h6> | |
|                 </div> | |
|             </div> | |
|         </div> | |
|     </div> | |
|     <!-- END OF RESPONSIVE --> | |
| 
 | |
|     <!-- FEATURE Infinito Dynamic Styling--> | |
|     <div class="container" style="margin-top: 3rem;"> | |
|         <div class="row shadow" | |
|              style="margin: 2rem;padding: 0rem !important; background-color: #fff !important; border-top: 5px solid #791d97 !important; min-width: 94% !important;"> | |
|             <div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;"> | |
|                 <h3 style="font-weight: 700 !important;">Infinito | |
|                     Animation</h3> | |
|                 <h6 | |
|                         style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;"> | |
|                     The significant and attractive feature of the Backend Theme | |
|                     Infinito is its dynamic and powerful styling. | |
|                     The user can select different animation. The new Backend | |
|                     Theme Infinito V15 delivers you an entirely redesigned | |
|                     Kanban view | |
|                     and Kanban Group View. The animated view provides a | |
|                     comfortable experience for the users. | |
|                 </h6> | |
|                 <div class="row mt-4"> | |
|                     <div class="col-lg-6"> | |
|                         <div class="d-flex"> | |
|                             <i class="fa fa-check-square mr-2" | |
|                                style="color:#791d97 !important; margin-top: 5px !important;"></i> | |
|                             <p>Dynamic Styles</p> | |
|                         </div> | |
|                         <div class="d-flex"> | |
|                             <i class="fa fa-check-square mr-2" | |
|                                style="color:#791d97 !important; margin-top: 5px !important;"></i> | |
|                             <p>Clean Layout</p> | |
|                         </div> | |
|                     </div> | |
|                 </div> | |
|             </div> | |
|             <div class="col-lg-12" | |
|                  style="padding-left: 0 !important; padding-right: 0!important;"> | |
|                 <img src="./assets/screenshots/gif/animation.gif" | |
|                      width="100%" | |
|                      height="auto" class="img-responsive"> | |
|             </div> | |
|         </div> | |
|     </div> | |
|     <!-- END OF FEATURE --> | |
| 
 | |
|     <!-- TWO COLUMN BLOCK Sidebar--> | |
|     <div class="container" style="margin-top: 3rem;"> | |
|         <div class="row shadow" | |
|              style="margin: 2rem;padding: 0rem !important; background-color: #fff !important; border-top: 5px solid #791d97 !important; min-width: 94% !important;"> | |
|             <h3 class="mx-4 mt-3" style="font-weight: 700 !important;"> | |
|                 ChatBox Layout Customization</h3> | |
|             <h6 class="mx-4" | |
|                 style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;"> | |
|                 Backend Theme Infinito V15 ensures stunning themes for your | |
|                 Odoo | |
|                 15 platform. | |
|                 The new chatbox layout with more customization options provides | |
|                 a better experience. | |
|                 The system encompasses the Left, Right, Top, Bottom positions, | |
|                 user can select position from these positions. | |
|             </h6> | |
|             <div class="mx-4 my-4"> | |
|                 <div class="d-flex"> | |
|                     <i class="fa fa-check-square mr-2" | |
|                        style="color:#791d97 !important; margin-top: 5px !important;"></i> | |
|                     <p>Bottom Left</p> | |
|                 </div> | |
|                 <div class="d-flex"> | |
|                     <i class="fa fa-check-square mr-2" | |
|                        style="color:#791d97 !important; margin-top: 5px !important;"></i> | |
|                     <p>Bottom Right</p> | |
|                 </div> | |
|                 <div class="d-flex"> | |
|                     <i class="fa fa-check-square mr-2" | |
|                        style="color:#791d97 !important; margin-top: 5px !important;"></i> | |
|                     <p>Top Right</p> | |
|                 </div> | |
|                 <div class="d-flex"> | |
|                     <i class="fa fa-check-square mr-2" | |
|                        style="color:#791d97 !important; margin-top: 5px !important;"></i> | |
|                     <p>Top Left</p> | |
|                 </div> | |
|             </div> | |
|         </div> | |
|         <div class="col-lg-12" | |
|              style="padding-left: 0 !important; padding-right: 0!important;"> | |
|             <img src="./assets/screenshots/gif/chatbox_layout.png" width="100%" | |
|                  height="auto" class="img-responsive"> | |
|         </div> | |
|     </div> | |
| </div> | |
| <!-- FEATURE full screen app bar--> | |
| <div class="container" style="margin-top: 3rem;"> | |
|     <div class="row shadow" | |
|          style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 5px solid #791d97 !important; min-width: 94% !important;"> | |
|         <div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;"> | |
|             <h3 style="font-weight: 700 !important;">Google Font</h3> | |
|             <h6 class="mx-4" | |
|                 style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;"> | |
|                 User can customize fonts.This customization options provides a | |
|                 better experience. | |
|             </h6> | |
|         </div> | |
|         <div class="col-lg-12" | |
|              style="padding-left: 0 !important; padding-right: 0!important;"> | |
|             <img src="./assets/screenshots/gif/google_font.gif" width="100%" | |
|                  height="auto" class="img-responsive"> | |
|         </div> | |
|     </div> | |
| </div> | |
| <div class="container" style="margin-top: 3rem;"> | |
|     <div class="row shadow" | |
|          style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 5px solid #791d97 !important; min-width: 94% !important;"> | |
|         <div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;"> | |
|             <h3 style="font-weight: 700 !important;">Language Switching</h3> | |
|             <h6 style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;"> | |
|                 You can switch languages easily. All added languages will be | |
|                 visible on systray option from where you can select the | |
|                 language. | |
|             </h6> | |
|         </div> | |
|         <div class="col-lg-12" | |
|              style="padding-left: 0 !important; padding-right: 0!important;"> | |
|             <img src="./assets/screenshots/gif/swtich_languages.gif" width="100%" | |
|                  height="auto" class="img-responsive"> | |
|         </div> | |
|     </div> | |
| </div> | |
| <!-- END OF FEATURE --> | |
| <!-- END OF SCREENSHOTS --> | |
| 
 | |
| <!-- OUR SERVICES --> | |
| <section class="container" style="margin-top: 6rem !important;"> | |
|     <div class="row"> | |
|         <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4"> | |
|             <h2 style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;"> | |
|                 Our Services</h2> | |
|         </div> | |
|         <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> | |
|             <div class="d-flex justify-content-center align-items-center mx-3 my-3" | |
|                  style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;"> | |
|                 <img src="assets/icons/cogs.png" class="img-responsive" | |
|                      height="48px" width="48px"> | |
|             </div> | |
|             <h6 class="text-center" | |
|                 style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> | |
|                 Odoo | |
|                 Customization</h6> | |
|         </div> | |
|         <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> | |
|             <div class="d-flex justify-content-center align-items-center mx-3 my-3" | |
|                  style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;"> | |
|                 <img src="assets/icons/wrench.png" class="img-responsive" | |
|                      height="48px" width="48px"> | |
|             </div> | |
|             <h6 class="text-center" | |
|                 style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> | |
|                 Odoo | |
|                 Implementation</h6> | |
|         </div> | |
|         <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> | |
|             <div class="d-flex justify-content-center align-items-center mx-3 my-3" | |
|                  style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;"> | |
|                 <img src="assets/icons/lifebuoy.png" class="img-responsive" | |
|                      height="48px" width="48px"> | |
|             </div> | |
|             <h6 class="text-center" | |
|                 style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> | |
|                 Odoo | |
|                 Support</h6> | |
|         </div> | |
|         <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> | |
|             <div class="d-flex justify-content-center align-items-center mx-3 my-3" | |
|                  style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;"> | |
|                 <img src="assets/icons/user.png" class="img-responsive" | |
|                      height="48px" width="48px"> | |
|             </div> | |
|             <h6 class="text-center" | |
|                 style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> | |
|                 Hire | |
|                 Odoo | |
|                 Developer</h6> | |
|         </div> | |
|         <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> | |
|             <div class="d-flex justify-content-center align-items-center mx-3 my-3" | |
|                  style="background-color: #54a0ff  !important; border-radius: 15px !important; height: 80px; width: 80px;"> | |
|                 <img src="assets/icons/puzzle.png" class="img-responsive" | |
|                      height="48px" width="48px"> | |
|             </div> | |
|             <h6 class="text-center" | |
|                 style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> | |
|                 Odoo | |
|                 Integration</h6> | |
|         </div> | |
|         <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> | |
|             <div class="d-flex justify-content-center align-items-center mx-3 my-3" | |
|                  style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;"> | |
|                 <img src="assets/icons/update.png" class="img-responsive" | |
|                      height="48px" width="48px"> | |
|             </div> | |
|             <h6 class="text-center" | |
|                 style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> | |
|                 Odoo | |
|                 Migration</h6> | |
|         </div> | |
|         <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> | |
|             <div class="d-flex justify-content-center align-items-center mx-3 my-3" | |
|                  style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;"> | |
|                 <img src="assets/icons/consultation.png" | |
|                      class="img-responsive" height="48px" width="48px"> | |
|             </div> | |
|             <h6 class="text-center" | |
|                 style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> | |
|                 Odoo | |
|                 Consultancy</h6> | |
|         </div> | |
|         <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> | |
|             <div class="d-flex justify-content-center align-items-center mx-3 my-3" | |
|                  style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;"> | |
|                 <img src="assets/icons/training.png" class="img-responsive" | |
|                      height="48px" width="48px"> | |
|             </div> | |
|             <h6 class="text-center" | |
|                 style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> | |
|                 Odoo | |
|                 Implementation</h6> | |
|         </div> | |
|         <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> | |
|             <div class="d-flex justify-content-center align-items-center mx-3 my-3" | |
|                  style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;"> | |
|                 <img src="assets/icons/license.png" class="img-responsive" | |
|                      height="48px" width="48px"> | |
|             </div> | |
|             <h6 class="text-center" | |
|                 style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> | |
|                 Odoo | |
|                 Licensing Consultancy</h6> | |
|         </div> | |
|     </div> | |
| </section> | |
| 
 | |
| <!-- OUR INDUSTRIES --> | |
| <section class="container" | |
|          style="margin-top: 6rem !important; background-color: #fff !important;"> | |
|     <div class="row"> | |
|         <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4"> | |
|             <h2 style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;"> | |
|                 Our Industries</h2> | |
|         </div> | |
|         <div class="col-lg-3"> | |
|             <div class="my-4 d-flex flex-column justify-content-center" | |
|                  style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> | |
|                 <img src="./assets/icons/trading-black.png" | |
|                      class="img-responsive mb-3" height="48px" width="48px"> | |
|                 <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> | |
|                     Trading | |
|                 </h5> | |
|                 <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;"> | |
|                     Easily | |
|                     procure | |
|                     and | |
|                     sell your products</p> | |
|             </div> | |
|         </div> | |
|         <div class="col-lg-3"> | |
|             <div class="my-4 d-flex flex-column justify-content-center" | |
|                  style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> | |
|                 <img src="./assets/icons/pos-black.png" | |
|                      class="img-responsive mb-3" height="48px" width="48px"> | |
|                 <h5 | |
|                         style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> | |
|                     POS | |
|                 </h5> | |
|                 <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;"> | |
|                     Easy | |
|                     configuration | |
|                     and convivial experience</p> | |
|             </div> | |
|         </div> | |
|         <div class="col-lg-3"> | |
|             <div class="my-4 d-flex flex-column justify-content-center" | |
|                  style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> | |
|                 <img src="./assets/icons/education-black.png" | |
|                      class="img-responsive mb-3" height="48px" | |
|                      width="48px"> | |
|                 <h5 | |
|                         style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> | |
|                     Education | |
|                 </h5> | |
|                 <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;"> | |
|                     A | |
|                     platform for | |
|                     educational management</p> | |
|             </div> | |
|         </div> | |
|         <div class="col-lg-3"> | |
|             <div class="my-4 d-flex flex-column justify-content-center" | |
|                  style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> | |
|                 <img src="./assets/icons/manufacturing-black.png" | |
|                      class="img-responsive mb-3" height="48px" | |
|                      width="48px"> | |
|                 <h5 | |
|                         style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> | |
|                     Manufacturing | |
|                 </h5> | |
|                 <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;"> | |
|                     Plan, | |
|                     track and | |
|                     schedule your operations</p> | |
|             </div> | |
|         </div> | |
|         <div class="col-lg-3"> | |
|             <div class="my-4 d-flex flex-column justify-content-center" | |
|                  style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> | |
|                 <img src="./assets/icons/ecom-black.png" | |
|                      class="img-responsive mb-3" height="48px" width="48px"> | |
|                 <h5 | |
|                         style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> | |
|                     E-commerce & Website | |
|                 </h5> | |
|                 <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;"> | |
|                     Mobile | |
|                     friendly, | |
|                     awe-inspiring product pages</p> | |
|             </div> | |
|         </div> | |
|         <div class="col-lg-3"> | |
|             <div class="my-4 d-flex flex-column justify-content-center" | |
|                  style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> | |
|                 <img src="./assets/icons/service-black.png" | |
|                      class="img-responsive mb-3" height="48px" width="48px"> | |
|                 <h5 | |
|                         style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> | |
|                     Service Management | |
|                 </h5> | |
|                 <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;"> | |
|                     Keep | |
|                     track of | |
|                     services and invoice</p> | |
|             </div> | |
|         </div> | |
|         <div class="col-lg-3"> | |
|             <div class="my-4 d-flex flex-column justify-content-center" | |
|                  style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> | |
|                 <img src="./assets/icons/restaurant-black.png" | |
|                      class="img-responsive mb-3" height="48px" | |
|                      width="48px"> | |
|                 <h5 | |
|                         style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> | |
|                     Restaurant | |
|                 </h5> | |
|                 <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;"> | |
|                     Run | |
|                     your bar or | |
|                     restaurant methodically</p> | |
|             </div> | |
|         </div> | |
|         <div class="col-lg-3"> | |
|             <div class="my-4 d-flex flex-column justify-content-center" | |
|                  style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> | |
|                 <img src="./assets/icons/hotel-black.png" | |
|                      class="img-responsive mb-3" height="48px" width="48px"> | |
|                 <h5 | |
|                         style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> | |
|                     Hotel Management | |
|                 </h5> | |
|                 <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;"> | |
|                     An | |
|                     all-inclusive | |
|                     hotel management application</p> | |
|             </div> | |
|         </div> | |
|     </div> | |
| </section> | |
| <!-- FOOTER --> | |
| <!-- Footer Section --> | |
| <section class="container" | |
|          style="margin: 5rem auto 2rem; background-color: #fff !important;"> | |
|     <div class="row" style="max-width:1540px;"> | |
|         <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4"> | |
|             <h2 style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;"> | |
|                 Need Help?</h2> | |
|         </div> | |
|     </div> | |
|     <!-- Contact Cards --> | |
|     <div class="row d-flex justify-content-center align-items-center" | |
|          style="max-width:1540px; margin: 0 auto 2rem auto;"> | |
|         <div class="col-lg-12" | |
|              style="padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; "> | |
|             <div class="row mt-4"> | |
|                 <div class="col-lg-6"> | |
|                     <a href="mailto:odoo@cybrosys.com" target="_blank" | |
|                        class="btn btn-block mb-2 deep_hover" | |
|                        style="text-decoration: none;  background-color: #4d4d4d; color: #FFF;  border-radius: 4px;"><i | |
|                             class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a> | |
|                 </div> | |
|                 <div class="col-lg-6"> | |
|                     <a href="https://api.whatsapp.com/send?phone=918606827707" | |
|                        target="_blank" | |
|                        class="btn btn-block mb-2 deep_hover" | |
|                        style="text-decoration: none;  background-color: #25D366; color: #FFF;  border-radius: 4px;"> | |
|                         <i class="fa fa-whatsapp mr-2"></i>+91 86068 | |
|                         27707</a> | |
|                 </div> | |
|             </div> | |
|         </div> | |
|     </div> | |
|     <!-- End of Contact Cards --> | |
| </section> | |
| <!-- Footer --> | |
| <section class="oe_container" | |
|          style="padding: 2rem 3rem 1rem; background-color: #fff !important;"> | |
|     <div class="row" | |
|          style="max-width:1540px; margin: 0 auto; margin-right: 3rem; "> | |
|         <!-- Logo --> | |
|         <div class="col-lg-12 d-flex justify-content-center align-items-center" | |
|              style="margin-top: 3rem;"> | |
|             <img src="https://www.cybrosys.com/images/logo.png" | |
|                  width="200px" height="auto"/> | |
|         </div> | |
|         <!-- End of Logo --> | |
|     </div> | |
| </section> | |
| <!-- END OF FOOTER -->
 | |
| 
 |