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.
 
 
 
 
 

1388 lines
34 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>