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.
		
		
		
		
		
			
		
			
				
					
					
						
							1382 lines
						
					
					
						
							22 KiB
						
					
					
				
			
		
		
		
			
			
			
		
		
	
	
							1382 lines
						
					
					
						
							22 KiB
						
					
					
				| 
 | |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
|   <title>odoo</title> | |
|   <meta charset="utf-8"> | |
|   <meta name="viewport" content="width=device-width, initial-scale=1"> | |
|   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"> | |
| 
 | |
| <style> | |
| 
 | |
| 
 | |
| 
 | |
| </style> | |
| 
 | |
| 
 | |
| 
 | |
| </head> | |
| <body> | |
| 
 | |
| 
 | |
| <section class="position-relative py-3"> | |
| 
 | |
| <div class="position-absolute d-none d-lg-block" style="background-color:#FFFEE5; width:100vw; height:100%; margin-left:calc((1080px - 100vw) / 2); margin-top:-30px"> | |
|         | |
|     </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| <section class="section-top-menu pt-4 float-left w-100"> | |
| 
 | |
| <div class="container"> | |
| 
 | |
| <div class="row"> | |
| 
 | |
| <div class="col-lg-6"> | |
| 
 | |
| 
 | |
| <div class="text-left logo-cybro"> | |
|   <a class="" href="#"> | |
|    | |
|   <img src="Images/logo-cybro.png"/> | |
|    | |
|    | |
|   </a> | |
|   | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| <div class="col-lg-6"> | |
| 
 | |
| <div class="text-right odoo-logo-top"> | |
| 
 | |
| <img src="Images/odoo-logo.png"/> | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </section> | |
| 
 | |
| <!--- closed section-top-menu ---> | |
| 
 | |
| 
 | |
| <section class="section-banner-img pt-5 w-100 float-left"> | |
| 
 | |
| <div class="text-center"> | |
| 
 | |
| <img src="Images/tittle.png"/> | |
| 
 | |
| </div> | |
| 
 | |
| <div class="text-center mt-5 pt-5" style=""> | |
| 
 | |
| <img style="width:80%;" src="Images/Hero-banner.png"/> | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </section> | |
| 
 | |
| <!--- closed section-banner-img ---> | |
| 
 | |
| 
 | |
| <section class="section-autofly float-left w-100 pt-5 mt-5"> | |
| 
 | |
| 
 | |
| <div class="container"> | |
| 
 | |
| <div class="row"> | |
|   | |
| <div class="col-lg-6"> | |
| 
 | |
| <h3 class="text-uppercase float-left font-weight-bold" style="color:#cc2300; font-size:24px;">Autofly</h3> | |
| <div class="w-50 float-left text-center" style="margin-left:14px;"> <img class="w-100" src="Images/arrow-black.png"/> </div> | |
| 
 | |
|  </div> | |
| 
 | |
| <div class="col-lg-6"> | |
| 
 | |
| <ul class="pl-0"> | |
| <li style="list-style:none; font-size:24px;">Website Design</li> | |
| <li style="list-style:none; font-size:24px;">UI/UX</li> | |
| <li style="list-style:none; font-size:24px;">Developing</li> | |
| 
 | |
| </ul> | |
| 
 | |
| 
 | |
| 
 | |
|  </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </section> | |
| 
 | |
| <!--- closed section-autofly ---> | |
| 
 | |
| 
 | |
| <section class="section-key-features float-left w-100"> | |
| 
 | |
| <div class="container"> | |
| 
 | |
| <div class="row"> | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
| <h3 class="text-uppercase pt-5 mt-5 text-dark font-weight-bold">Key features</h3> | |
| <hr style="border-top:3px solid #F16868; width:7%;" class=" float-left mt-0" > | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| <div class="col-lg-6"> | |
| 
 | |
| <div class="key-features-1 mt-4 p-3" style="background-color:#FDD57C; border:3px solid #000; border-radius:14px;"> | |
| 
 | |
| <div class="w-100 float-left pb-3"> | |
| 
 | |
| <i><img src="Images/icon-design.png"/> </i> | |
| <span class="pl-2" style="font-size:22px;">Design</span> | |
| 
 | |
| </div> | |
| <p class="pt-4" style="font-size:20px; line-height:34px;">The most recent website creation for an autofly. flexible and simple to use.</p> | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| <div class="col-lg-6"> | |
| 
 | |
| 
 | |
| <div class=" p-3 mt-4 " style="background-color:#CFBFDF; border:3px solid #000; border-radius:14px;"> | |
| 
 | |
| <div class="w-100 float-left pb-3"> | |
| 
 | |
| <i><img src="Images/icon-Compatibility-with-plugins.png"/> </i> | |
| <span class="pl-2" style="font-size:22px;">Compatibility with plugins</span> | |
| 
 | |
| </div> | |
| <p class="pt-4" style="font-size:20px; line-height:34px;">Along with this theme , it permits users to use third-party plugins also.</p> | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| <div class="col-lg-6"> | |
| 
 | |
| <div class=" p-3 mt-4" style="background-color:#E0FBAD; border:3px solid #000; border-radius:14px;"> | |
| 
 | |
| <div class="w-100 float-left pb-3"> | |
| 
 | |
| <i><img src="Images/icon-Fast-loading-times.png"/> </i> | |
| <span class="pl-2" style="font-size:22px;">Fast loading times</span> | |
| 
 | |
| </div> | |
| <p class="pt-4" style="font-size:20px; line-height:34px;">This theme loads all of its features more quickly than other designs.</p> | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| <div class="col-lg-6"> | |
| 
 | |
| 
 | |
| <div class=" p-3 mt-4" style="background-color:#D3F5E7; border:3px solid #000; border-radius:14px;"> | |
| 
 | |
| <div class="w-100 float-left pb-3"> | |
| 
 | |
| <i><img src="Images/icon-Up-to-date-development.png"/> </i> | |
| <span class="pl-2" style="font-size:22px;">Up-to-date Development</span> | |
| 
 | |
| </div> | |
| <p class="pt-4" style="font-size:20px; line-height:34px;">The most up-to-date approaches, concepts, and innovations are being used.</p> | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| <div class="col-lg-6"> | |
| 
 | |
| <div class=" p-3 mt-4" style="background-color:#D1DFE7; border:3px solid #000; border-radius:14px;"> | |
| 
 | |
| <div class="w-100 float-left pb-3"> | |
| 
 | |
| <i><img src="Images/icon-Responsive-design.png"/> </i> | |
| <span class="pl-2" style="font-size:22px;">Responsive Design</span> | |
| 
 | |
| </div> | |
| <p class="pt-4" style="font-size:20px; line-height:34px;">Different resolution devices can be used by users to watch websites.</p> | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| <div class="col-lg-6"> | |
| 
 | |
| 
 | |
| <div class=" p-3 mt-4" style="background-color:#FED1E5; border:3px solid #000; border-radius:14px;"> | |
| 
 | |
| <div class="w-100 float-left pb-3"> | |
| 
 | |
| <i><img src="Images/icon-One-Click-Installation.png"/> </i> | |
| <span class="pl-2" style="font-size:22px;">One Click Installation</span> | |
| 
 | |
| </div> | |
| <p class="pt-4" style="font-size:20px; line-height:34px;">This mode is significantly easier than others because Odoo makes One Click Installation feasible.</p> | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </section> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| <section class="section-autofly float-left w-100 pt-5 mt-5"> | |
| 
 | |
| 
 | |
| <div class="container"> | |
| 
 | |
| <div class="row"> | |
| 
 | |
| <div class="col-lg-6"> | |
| 
 | |
| <h3 class="text-uppercase float-left font-weight-bold" style="color:#cc2300; font-size:24px;">Main page</h3> | |
| <div class="w-50  float-left text-center" style="margin-left:14px;"> <img class="w-100" src="Images/arrow-black.png"> </div> | |
| 
 | |
|  </div> | |
| <div class="col-lg-6"> | |
| 
 | |
| <ul class="pl-0"> | |
| <li style="list-style:none; font-size:24px;">Home</li> | |
| <li style="list-style:none; font-size:24px;">About us</li> | |
| <li style="list-style:none; font-size:24px;">Services</li> | |
| <li style="list-style:none; font-size:24px;">Portfolio</li> | |
| <li style="list-style:none; font-size:24px;">Team</li> | |
| <li style="list-style:none; font-size:24px;">Blog</li> | |
| 
 | |
| 
 | |
| </ul> | |
| 
 | |
| 
 | |
| 
 | |
|  </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </section> | |
| 
 | |
| 
 | |
| 
 | |
| <section class=" w-100 float-left white-theam mt-5 pt-5"> | |
| 
 | |
| 
 | |
| <div class="container"> | |
| 
 | |
| <div class="row"> | |
| 
 | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
| <div class="text-center"> | |
| 
 | |
| <img class="w-100" src="Images/Home-1.png"/> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
| <div class="text-center mt-5 pt-5"> | |
| 
 | |
| <img class="w-100" src="Images/Home-2.png"/> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
| <div class="text-center mt-5 pt-5"> | |
| 
 | |
| <img class="w-100" src="Images/Home-3.png"/> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
| <div class="text-center mt-5 pt-5"> | |
| 
 | |
| <img class="w-100" src="Images/Home-4.png"/> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
| <div class="text-center mt-5 pt-5"> | |
| 
 | |
| <img class="w-100" src="Images/Home-5.png"/> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
| <div class="text-center mt-5 pt-5"> | |
| 
 | |
| <img class="w-100" src="Images/Home-7.png"/> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| </div> | |
| 
 | |
| </section> | |
| 
 | |
| 
 | |
| <section class="section-autofly float-left w-100 pt-5 mt-5"> | |
| 
 | |
| 
 | |
| <div class="container"> | |
| 
 | |
| <div class="row"> | |
| 
 | |
| <div class="col-lg-6"> | |
| 
 | |
| <h3 class="text-uppercase float-left font-weight-bold" style="color:#cc2300; font-size:24px;">About page</h3> | |
| <div class="w-50  float-left text-center" style="margin-left:14px;"> <img class="w-100" src="Images/arrow-black.png"> </div> | |
| 
 | |
|  </div> | |
| <div class="col-lg-6"> | |
| 
 | |
| <ul class="pl-0"> | |
| <li style="list-style:none; font-size:24px;">Banner</li> | |
| <li style="list-style:none; font-size:24px;">Other Information</li> | |
| 
 | |
| 
 | |
| 
 | |
| </ul> | |
| 
 | |
| 
 | |
| 
 | |
|  </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </section> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| <section class="mt-5 float-left w-100"> | |
| 
 | |
| 
 | |
| <div class="container"> | |
| 
 | |
| 
 | |
| <div class="row"> | |
| 
 | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
| <div class="text-center"> | |
| 
 | |
| <img class="w-100" src="Images/about-1.png"/> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </section> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| <section class="section-about-us w-100 pt-5 mt-5 float-left"> | |
| 
 | |
| 
 | |
| <div class="container"> | |
| 
 | |
| 
 | |
| <div class="row"> | |
| 
 | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
| <div class="text-center"> | |
| 
 | |
| <img class="w-100" src="Images/about-2.png"/> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
| <div class="text-center pt-5 mt-5"> | |
| 
 | |
| <img class="w-100" src="Images/about-3.png"/> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </section> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| <section class="section-autofly float-left w-100 pt-5 mt-5"> | |
| 
 | |
| 
 | |
| <div class="container"> | |
| 
 | |
| <div class="row"> | |
| 
 | |
| <div class="col-lg-8"> | |
| 
 | |
| <h3 class="text-uppercase float-left font-weight-bold" style="color:#cc2300; line-height:44px; font-size:24px;">Portfolio</h3> | |
| <div class="w-50  float-left text-center" style="margin-left:14px;"> <img class="w-100" src="Images/arrow-black.png"> </div> | |
| 
 | |
|  </div> | |
| <div class="col-lg-4"> | |
| 
 | |
| <ul class="pl-0"> | |
| <li style="list-style:none; font-size:24px;">Banner</li> | |
| <li style="list-style:none; font-size:24px;">Other Feauters</li> | |
| 
 | |
| </ul> | |
| 
 | |
| 
 | |
| 
 | |
|  </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </section> | |
| 
 | |
| 
 | |
| 
 | |
| <section class="mobile-responsive-about w-100 float-left pt-5 mt-5"> | |
| 
 | |
| 
 | |
| <div class="container"> | |
| 
 | |
| <div class="row"> | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
| <div class="text-center pt-5 mt-5"> | |
| 
 | |
| <img class="w-100" src="Images/portfolio-1.png"/> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
| <div class="text-center pt-5 mt-5"> | |
| 
 | |
| <img class="w-100" src="Images/portfolio-2.png"/> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
|   <div class="text-center pt-5 mt-5"> | |
|    | |
|   <img class="w-100" src="Images/portfolio-3.png"/> | |
|    | |
|    | |
|   </div> | |
|    | |
|    | |
|   </div> | |
| 
 | |
|   <div class="col-lg-12"> | |
| 
 | |
|     <div class="text-center pt-5 mt-5"> | |
|      | |
|     <img class="w-100" src="Images/portfolio-4.png"/> | |
|      | |
|      | |
|     </div> | |
|      | |
|      | |
|     </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </section> | |
| 
 | |
| 
 | |
| 
 | |
| <section class="section-autofly pt-5 mt-5 float-left w-100"> | |
| 
 | |
| 
 | |
| <div class="container"> | |
| 
 | |
| <div class="row"> | |
| 
 | |
| <div class="col-lg-6"> | |
| 
 | |
| <h3 class="text-uppercase float-left font-weight-bold" style="color:#cc2300; line-height:32px; font-size:24px;">Contact Page</h3> | |
| <div class="w-50 float-left text-center arrow-black" style="margin-left:14px;"> <img class="w-100" src="Images/arrow-black.png"> </div> | |
| 
 | |
|  </div> | |
| 
 | |
| <div class="col-lg-6"> | |
| 
 | |
| <ul class="pl-0"> | |
| <li style="list-style:none; font-size:24px;">Banner</li> | |
| 
 | |
| </ul> | |
| 
 | |
| 
 | |
| 
 | |
|  </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </section> | |
| 
 | |
| 
 | |
| <section class="section-services float-left w-100"> | |
| 
 | |
| 
 | |
| <div class="container"> | |
| 
 | |
| <div class="row"> | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
| <div class="text-center pt-5 mt-5"> | |
| 
 | |
| <img class="w-100" src="Images/contact-1.png"/> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
| <div class="text-center pt-5 mt-5"> | |
| 
 | |
| <img class="w-100" src="Images/contact-2.png"/> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </section> | |
| 
 | |
| <section class="section-autofly pt-5 mt-5 float-left w-100"> | |
| 
 | |
| 
 | |
| <div class="container"> | |
| 
 | |
| <div class="row"> | |
| 
 | |
| <div class="col-lg-6"> | |
| 
 | |
| <h3 class="text-uppercase float-left font-weight-bold" style="color:#cc2300; line-height:32px; font-size:24px;">Blog</h3> | |
| <div class="w-50 float-left text-center arrow-black" style="margin-left:14px;"> <img class="w-100" src="Images/arrow-black.png"> </div> | |
| 
 | |
|  </div> | |
| 
 | |
| <div class="col-lg-6"> | |
| 
 | |
| <ul class="pl-0"> | |
| <!-- <li style="list-style:none; font-size:24px;">Product Description</li> | |
| <li style="list-style:none; font-size:24px;">Similar Product </li> | |
| <li style="list-style:none; font-size:24px;">Offer Banner</li> --> | |
| 
 | |
| </ul> | |
| 
 | |
| 
 | |
| 
 | |
|  </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </section> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| <section class="section-services-mobile-res  mt-5 w-100 float-left"> | |
| 
 | |
| <div class="container"> | |
| 
 | |
| <div class="row"> | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
| 
 | |
| <div class="text-center  mt-5"> | |
| 
 | |
| <img class="w-100" src="Images/BLOG-4.png"/> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| </section> | |
| 
 | |
| <section class="section-autofly pt-5 mt-5 float-left w-100"> | |
| 
 | |
| 
 | |
| <div class="container"> | |
| 
 | |
| <div class="row"> | |
| 
 | |
| <div class="col-lg-6"> | |
| 
 | |
| <h3 class="text-uppercase float-left font-weight-bold" style="color:#cc2300; line-height:32px; font-size:24px;">Services</h3> | |
| <div class="w-50 float-left text-center arrow-black" style="margin-left:14px;"> <img class="w-100" src="Images/arrow-black.png"> </div> | |
| 
 | |
|  </div> | |
| 
 | |
| <div class="col-lg-6"> | |
| 
 | |
| <ul class="pl-0"> | |
| <li style="list-style:none; font-size:24px;">Banner</li> | |
| <li style="list-style:none; font-size:24px;">Other Feauters</li> | |
| 
 | |
| </ul> | |
| 
 | |
| 
 | |
| 
 | |
|  </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </section> | |
| 
 | |
| <section class="section-services-mobile-res  mt-5 w-100 float-left"> | |
| 
 | |
| <div class="container"> | |
| 
 | |
| <div class="row"> | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
| 
 | |
| <div class="text-center  mt-5"> | |
| 
 | |
| <img class="w-100" src="Images/services.png"/> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
| 
 | |
| <div class="text-center pt-5  mt-5"> | |
| 
 | |
| <img class="w-100" src="Images/services-1.png"/> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
| 
 | |
| <div class="text-center pt-5 mt-5"> | |
| 
 | |
| <img class="w-100" src="Images/services-2.png"/> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
| 
 | |
| <div class="text-center pt-5 mt-5"> | |
| 
 | |
| <img class="w-100" src="Images/services-3.png"/> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
| 
 | |
| <div class="text-center pt-5 mt-5"> | |
| 
 | |
| <img class="w-100" src="Images/services-4.png"/> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
| 
 | |
| <div class="text-center pt-5 mt-5"> | |
| 
 | |
| <img class="w-100" src="Images/services-5.png"/> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
| 
 | |
| <div class="text-center pt-5 mt-5"> | |
| 
 | |
| <img class="w-100" src="Images/services-6.png"/> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </section> | |
| 
 | |
| 
 | |
| <section class="section-autofly pt-5 mt-5 float-left w-100"> | |
| 
 | |
| 
 | |
| <div class="container"> | |
| 
 | |
| <div class="row"> | |
| 
 | |
| <div class="col-lg-6"> | |
| 
 | |
| <h3 class="text-uppercase float-left font-weight-bold" style="color:#cc2300; line-height:32px; font-size:24px;">Team</h3> | |
| <div class="w-50 float-left text-center arrow-black" style="margin-left:14px;"> <img class="w-100" src="Images/arrow-black.png"> </div> | |
| 
 | |
|  </div> | |
| 
 | |
| <div class="col-lg-6"> | |
| 
 | |
| <ul class="pl-0"> | |
| <li style="list-style:none; font-size:24px;">Banner</li> | |
| 
 | |
| </ul> | |
|  </div> | |
| </div> | |
| 
 | |
| </div> | |
| 
 | |
| </section> | |
| 
 | |
| <section class="mt-5 w-100 float-left"> | |
| 
 | |
| <div class="container"> | |
| 
 | |
| <div class="row"> | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
| 
 | |
| <div class="text-center  mt-5"> | |
| 
 | |
| <img class="w-100" src="Images/team-1.png"/> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
| 
 | |
| <div class="text-center pt-5 mt-5"> | |
| 
 | |
| <img class="w-100" src="Images/team-2.png"/> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| <div class="col-lg-12"> | |
| 
 | |
| 
 | |
| <div class="text-center pt-5  mt-5"> | |
| 
 | |
| <img class="w-100" src="Images/team-3.png"/> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </section> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| <section style="padding-bottom:100px;" class="w-100 float-left section-bottom-services mt-5 bg-white"> | |
| 
 | |
| 
 | |
| <div class="container"> | |
| 
 | |
| <div class="row"> | |
| 
 | |
| <div class="col-lg-12"> | |
| <h3 class="text-uppercase float-left font-weight-bold" style="color:#4a1760; padding-top:80px; font-size:26px;">Our Services</h3> <br/> | |
| <div style="font-size:22px;" class="text-left float-left w-100 pb-5 mb-4">View services offered by us</div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| <div class="col-lg-4 mt-4"> | |
| 
 | |
| <div class="w-100 float-left p-4" style="border-radius:16px; background-color:#ffeed8;"> | |
| 
 | |
| <img src="Images/odoo-customization.png"/> | |
| <h3 style="color:#522065; font-size:24px;" class="pt-1"> Odoo <br/> Customization </h3> | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| <div class="col-lg-4 mt-4"> | |
| 
 | |
| <div class="w-100 float-left p-4" style="border-radius:16px; background-color:#ffeed8;"> | |
| 
 | |
| <img src="Images/odoo-implement.png"/> | |
| <h3 style="color:#522065; font-size:24px;" class="pt-1"> Odoo <br/> Implementation </h3> | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| <div class="col-lg-4 mt-4"> | |
| 
 | |
| <div class="w-100 float-left p-4" style="border-radius:16px; background-color:#ffeed8;"> | |
| 
 | |
| <img src="Images/odoo-support.png"/> | |
| <h3 style="color:#522065; font-size:24px;" class="pt-1"> Odoo <br/> Support </h3> | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| <div class="col-lg-4 mt-4"> | |
| 
 | |
| <div class="w-100 float-left p-4" style="border-radius:16px; background-color:#ffeed8;"> | |
| 
 | |
| <img src="Images/odoo-developer.png"/> | |
| <h3 style="color:#522065; font-size:24px;" class="pt-1"> Hire <br/> Odoo Developer </h3> | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| <div class="col-lg-4 mt-4"> | |
| 
 | |
| <div class="w-100 float-left p-4" style="border-radius:16px; background-color:#ffeed8;"> | |
| 
 | |
| <img src="Images/odoo-intergration.png"/> | |
| <h3 style="color:#522065; font-size:24px;" class="pt-1"> Odoo <br/> Integration </h3> | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| <div class="col-lg-4 mt-4"> | |
| 
 | |
| <div class="w-100 float-left p-4" style="border-radius:16px; background-color:#ffeed8;"> | |
| 
 | |
| <img src="Images/odoo-migration.png"/> | |
| <h3 style="color:#522065; font-size:24px;" class="pt-1"> Odoo <br/> Migration </h3> | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| <div class="col-lg-4 mt-4"> | |
| 
 | |
| <div class="w-100 float-left p-4" style="border-radius:16px; background-color:#ffeed8;"> | |
| 
 | |
| <img src="Images/odoo-consultency.png"/> | |
| <h3 style="color:#522065; font-size:24px;" class="pt-1"> Odoo <br/> Consultancy </h3> | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
|   | |
| <div class="col-lg-4 mt-4"> | |
| 
 | |
| <div class="w-100 float-left p-4" style="border-radius:16px; background-color:#ffeed8;"> | |
| 
 | |
| <img src="Images/odoo-implement.png"/> | |
| <h3 style="color:#522065; font-size:24px;" class="pt-1"> Odoo <br/> Implementation </h3> | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| <div class="col-lg-4 mt-4"> | |
| 
 | |
| <div class="w-100 float-left p-4" style="border-radius:16px; background-color:#ffeed8;"> | |
| 
 | |
| <img src="Images/odoo-licencing.png"/> | |
| <h3 style="color:#522065; font-size:24px;" class="pt-1"> Odoo <br/> Licensing Consultancy</h3> | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </section> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| <section style="padding-bottom:100px;" class="w-100 float-left section-bottom-services mt-5"> | |
| 
 | |
| 
 | |
| <div class="container"> | |
| 
 | |
| <div class="row"> | |
| 
 | |
| <div class="col-lg-12"> | |
| <h3 class="text-uppercase float-left font-weight-bold" style="color:#4a1760; padding-top:80px; font-size:26px;">Our Industries</h3> <br/> | |
| <div style="font-size:22px;" class="text-left float-left w-100 pb-5 mb-4">Get Insight in our odoo knowledge and our marked footprint in industries</div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| <div class="col-lg-4 mt-4"> | |
| 
 | |
| <div class="w-100 float-left p-4 bg-white" style="border-radius:16px; height:232px;"> | |
| 
 | |
| <img class="w-25" src="Images/trading.png"/> | |
| <h3 style="color:#522065; font-size:22px;" class="pt-2"> Trading </h3> | |
| <p style="font-size:20px;">Easily procure and sell  | |
| your products</p> | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| <div class="col-lg-4 mt-4"> | |
| 
 | |
| <div class="w-100 float-left p-4 bg-white" style="border-radius:16px;height:232px; "> | |
| 
 | |
| <img class="w-25" src="Images/trading.png"/> | |
| <h3 style="color:#522065; font-size:22px;" class="pt-2"> E-commerce & Website </h3> | |
| <p style="font-size:20px;">Mobile friendly, awe-inspiring product pages</p> | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| <div class="col-lg-4 mt-4"> | |
| 
 | |
| <div class="w-100 float-left p-4 bg-white" style="border-radius:16px; height:232px;"> | |
| 
 | |
| <img class="w-25" src="Images/POS.png"/> | |
| <h3 style="color:#522065; font-size:22px;" class="pt-2"> POS</h3> | |
| <p style="font-size:20px;">Easy configuration and  | |
| convivial experience</p> | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| <div class="col-lg-4 mt-4"> | |
| 
 | |
| <div class="w-100 float-left p-4 bg-white" style="border-radius:16px; height:232px;"> | |
| 
 | |
| <img class="w-25" src="Images/Edu.png"/> | |
| <h3 style="color:#522065; font-size:22px;" class="pt-2">Education</h3> | |
| <p style="font-size:20px;">A platform for educational  | |
| management</p> | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| <div class="col-lg-4 mt-4"> | |
| 
 | |
| <div class="w-100 float-left p-4 bg-white" style="border-radius:16px; height:232px;"> | |
| 
 | |
| <img class="w-25" src="Images/Production.png"/> | |
| <h3 style="color:#522065; font-size:22px;" class="pt-2">Manufacturing</h3> | |
| <p style="font-size:20px;">Plan, track and schedule  | |
| your operations</p> | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| <div class="col-lg-4 mt-4"> | |
| 
 | |
| <div class="w-100 float-left p-4 bg-white" style="border-radius:16px; height:232px;"> | |
| 
 | |
| <img class="w-25" src="Images/Production.png"/> | |
| <h3 style="color:#522065; font-size:22px;" class="pt-2">Manufacturing</h3> | |
| <p style="font-size:20px;">Plan, track and schedule  | |
| your operations</p> | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| <div class="col-lg-4 mt-4"> | |
| 
 | |
| <div class="w-100 float-left p-4 bg-white" style="border-radius:16px; height:232px;"> | |
| 
 | |
| <img class="w-25" src="Images/POS.png"/> | |
| <h3 style="color:#522065; font-size:22px;" class="pt-2">Service Management</h3> | |
| <p style="font-size:20px;">Keep track of services  | |
| and invoice</p> | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
|   | |
| <div class="col-lg-4 mt-4"> | |
| 
 | |
| <div class="w-100 float-left p-4" style="border-radius:16px;height:232px; background-color:#fff;"> | |
| 
 | |
| <img class="w-25" src="Images/Edu.png"/> | |
| <h3 style="color:#522065; font-size:22px;" class="pt-2">Resturant</h3> | |
| <p style="font-size:20px;">Run your bar or restaurant  | |
| methodically</p> | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| <div class="col-lg-4 mt-4"> | |
| 
 | |
| <div class="w-100 float-left p-4" style="border-radius:16px; height:232px; background-color:#fff;"> | |
| 
 | |
| <img class="w-25" src="Images/Production.png"/> | |
| <h3 style="color:#522065; font-size:22px;" class="pt-2">Hotel management</h3> | |
| <p style="font-size:20px;">An all-inclusive hotel  | |
| management application</p> | |
| </div> | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| </div> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </section> | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| </section> | |
| 
 | |
|   <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.1/dist/jquery.slim.min.js"></script> | |
|   <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script> | |
|   <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script> | |
| </body> | |
| </html>
 | |
| 
 |