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.
 
 
 
 
 

547 lines
30 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>app index</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" />
<style>
body {
font-family: "Montserrat", sans-serif;
background-color: #F9FAFB;
}
.oe_styling_v8 {
font-family: "Open Sans", "Helvetica", Sans;
font-weight: 300;
color: #646464;
background: white;
font-size: 16px;
}
</style>
</head>
<body>
<!-- overview -->
<div class="container my-5">
<!-- support-header -->
<div class="oe_styling_v8">
<span rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"></span>
<div class="position-relative py-3">
<div class="position-absolute d-none d-lg-block">
</div>
<div class=" pt-4 float-left w-100">
<div class="container">
<div class="row">
<div class="col-6">
<div class="text-left logo-cybro">
<a class="" href="#">
<img
src="//apps.odoocdn.com/apps/assets/16.0/theme_coffee_shop/images/logo-cybro.png?85f7616">
</a>
</div>
</div>
<div class="col-6">
<div class="row" style="margin-top:10px">
<div class="my-3 d-flex align-items-center justify-content-end">
<span class="me-3"><b>Supports: </b></span>
<div class="text-center" style="background-color:#017E84 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">
Community
</div>
<div class="text-center" style="background-color:#875A7B !important; color:#fff !important; font-size:0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">
Enterprise
</div>
<div class="text-center" style="background-color:#7C7BAD !important; color:#fff !important; font-size:0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">
Odoo.sh
</div>
</div>
</div>
<div class="row" style="margin-top:10px">
<div class="d-flex align-items-center justify-content-end">
<span class="me-3"><b>Availability: </b></span>
<div class="text-center col" style="border:1px solid #017E84; font-size:0.8rem !important; color:#017E84 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important">
<i class="fa fa-times" style="color:red"></i> Odoo Online
</div>
<div class="text-center col" style="font-size:0.8rem !important; border:1px solid #714b67; color:#714b67 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important">
<i class="fa fa-check" style="color:green"></i> Odoo.sh
</div>
<div class="text-center col" style="font-size:0.8rem !important; color:#5B899E !important; border:1px solid #5B899E; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important">
<i class="fa fa-check" style="color:green"></i> On Premise
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--- Closed section-top-menu --->
<div class=" pt-5 w-100 float-left">
<div class="text-center">
<img src="./img/Logo.png" style="width: 70%;" class="img-fluid">
</div>
<div class="text-center pt-5">
<img src="./img/banner.jpg" style="width: 90%;" class="img-fluid">
</div>
<div class="text-center mt-5 pt-5">
<img style="width:90%" src="./img/voltro-theme-banner.svg">
</div>
<div class="text-center pt-5">
<img src="./img/voltro-banner.svg" style="width: 90%;" class="img-fluid">
</div>
</div>
<div class=" pt-5" >
<div class="p-5 mx-auto" style="background-color:#FFF8D8;border-radius: 24px;width: 90%;">
<h2 class="p-4" style="font-size: 40px;font-weight: bold;color: #000;">Theme Components</h2>
<div class="row">
<div class="col-12 overflow-hidden">
<div class="p-5 text-white position-relative w-100"
style="overflow: hidden; background: rgb(30,30,30);background: linear-gradient(306deg, rgba(30,30,30,1) 0%, rgba(94,87,58,1) 100%);border-radius: 20px;border:4px solid #fff ;height:300px;">
<h2>Featured Categories</h2>
<p>Explore our diverse collection of handpicked categories, each offering premium products tailored to your needs. Find the perfect match from our curated selections designed to deliver quality and satisfaction.⚡</p>
<div class="width:30% position-absolute right-0" style="right:0px;bottom:0px">
<img src="./img/2.png" style="width: 450px;" alt=""
class="img-fluid">
</div>
</div>
</div>
<div class="col-md-6 mt-4">
<div class="p-5 text-white position-relative w-100"
style="overflow: hidden; background: rgb(30,30,30);background: linear-gradient(306deg, rgba(30,30,30,1) 0%, rgba(94,87,58,1) 100%);border-radius: 20px;border:4px solid #fff ;">
<h2>Discover Featured Products </h2>
<p>Explore our carefully curated selection of premium products designed to exceed your expectations. From cutting-edge technology to everyday essentials, find exactly what you need with unmatched quality and performance.
</p>
<div>
<img src="./img/3.png" alt=""
class="img-fluid">
</div>
</div>
</div>
<div class="col-md-6 mt-4">
<div class="p-5 text-white position-relative w-100"
style="overflow: hidden; background: rgb(30,30,30);background: linear-gradient(306deg, rgba(30,30,30,1) 0%, rgba(94,87,58,1) 100%);border-radius: 20px;border:4px solid #fff ; height:100%;">
<h2>NEW LAUNCHES </h2>
<p>Experience excellence with our newest arrivals. From cutting-edge designs to timeless classics, explore what's fresh in our collection.</p>
<div>
<img src="./img/4.png" alt=""
class="img-fluid">
</div>
</div>
</div>
<div class="col-12 overflow-hidden">
<div class="p-5 text-white position-relative w-100"
style="overflow: hidden; background: rgb(30,30,30);background: linear-gradient(306deg, rgba(30,30,30,1) 0%, rgba(94,87,58,1) 100%);border-radius: 20px;border:4px solid #fff ;height:300px;">
<h2>TRUSTED BRANDS </h2>
<p>Partnering with industry leaders to bring you quality and excellence. Explore our curated selection of renowned brands, each chosen to ensure your complete satisfaction.⚡</p>
<div class="width:30% position-absolute right-0" style="right:0px;bottom:0px">
<img src="./img/5.png" style="width: 450px;" alt=""
class="img-fluid">
</div>
</div>
</div>
<div class="col-md-6 mt-4">
<div class="p-5 text-white position-relative w-100"
style="overflow: hidden; background: rgb(30,30,30);background: linear-gradient(306deg, rgba(30,30,30,1) 0%, rgba(94,87,58,1) 100%);border-radius: 20px;border:4px solid #fff ;">
<h2>Contact Our Team
</h2>
<p>Reach out through our dedicated support channels designed to provide you with prompt, professional assistance. Whether you prefer a direct call or written communication, our 24/7 team is ready to help with your inquiries, ensuring responsive and reliable support when you need it most..
</p>
<div>
<img src="./img/13.png" alt=""
class="img-fluid">
</div>
</div>
</div>
<div class="col-md-6 mt-4">
<div class="p-5 text-white position-relative w-100"
style="overflow: hidden; background: rgb(30,30,30);background: linear-gradient(306deg, rgba(30,30,30,1) 0%, rgba(94,87,58,1) 100%);border-radius: 20px;border:4px solid #fff ; height:100%;">
<h2>MEET THE TEAM
</h2>
<p>Discover the dedicated professionals behind our success. Our diverse team of experts brings together years of industry experience and innovative thinking to deliver exceptional results for our clients. Get to know the individuals who make our vision a reality.</p>
<div>
<img src="./img/9.png" alt=""
class="img-fluid">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center pt-5">
<img src="./img/Frame (2).svg" style="width: 90%;" class="img-fluid">
</div>
<div class="text-center pt-5">
<img src="./img/about-us.svg" class="img-fluid">
</div>
<div class="text-center ">
<img src="./img/product_page_s.svg" class="img-fluid">
</div>
<div class="text-center ">
<img src="./img/shop_page.svg" class="img-fluid">
</div>
<div class="text-center ">
<img src="./img/checl.svg" class="img-fluid">
</div>
<div class="text-center ">
<img src="./img/wish.svg" class="img-fluid">
</div>
<div class="mx-auto pt-5" style="width:90%">
<div class="">
<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="//apps.odoocdn.com/apps/assets/16.0/theme_coffee_shop/images/trading.png?85f7616">
<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="//apps.odoocdn.com/apps/assets/16.0/theme_coffee_shop/images/trading.png?85f7616">
<h3 style="color:#522065; font-size:22px" class="pt-2"> E-commerce &amp; 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="//apps.odoocdn.com/apps/assets/16.0/theme_coffee_shop/images/POS.png?85f7616">
<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="//apps.odoocdn.com/apps/assets/16.0/theme_coffee_shop/images/Edu.png?85f7616">
<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="//apps.odoocdn.com/apps/assets/16.0/theme_coffee_shop/images/Production.png?85f7616">
<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="//apps.odoocdn.com/apps/assets/16.0/theme_coffee_shop/images/Production.png?85f7616">
<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="//apps.odoocdn.com/apps/assets/16.0/theme_coffee_shop/images/POS.png?85f7616">
<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="//apps.odoocdn.com/apps/assets/16.0/theme_coffee_shop/images/Edu.png?85f7616">
<h3 style="color:#522065; font-size:22px" class="pt-2">Restaurant</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="//apps.odoocdn.com/apps/assets/16.0/theme_coffee_shop/images/Production.png?85f7616">
<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>
</div>
</div>
</div>
<!-- -->
<div class="my-5">
<!-- banner card -->
<!-- service-section -->
<section id="services" class="mt-5" style="border-radius: 16px;
border: 1px solid #EBEEF2;
background-color: #FFF;
padding: 60px 40px;
box-shadow: 0px 5px 20px -11px rgba(0, 0, 0, 0.25);">
<div class="text-center mt-4">
<h3 class="mb-0" style="color: #000;
text-align: center;
font-family: Montserrat;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
padding-bottom: 50px;">Our Services</h3>
</div>
<div class="row mt-3">
<div class="col-lg-3 col-sm-12 mb-3">
<a href="#" style="text-decoration:none">
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
style="font-size:25px; font-weight:bold;background-color:#FFE2E5; margin:auto; border-radius: 8px;">
<div class="d-flex justify-content-center align-items-center"
style="background-color:#FA5A7D; border-radius:50%; height:56px; width:56px">
<img src="./img/gear.svg" class="img-responsive" height="28px" width="28px">
</div>
<span class="mt-3" style="font-size: 18px;
color: #121212;
font-weight: 600;"> Odoo Customization</span>
</div>
</a>
</div>
<div class="col-lg-3 col-sm-12 mb-3">
<a href="#" style="text-decoration:none">
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
style="font-size:25px; font-weight:bold;background-color:#FFF4DE; margin:auto; border-radius: 8px;">
<div class="d-flex justify-content-center align-items-center"
style="background-color:#FF947A; border-radius:50%; height:56px; width:56px">
<img src="./img/wrench-icon.svg" class="img-responsive" height="28px" width="28px">
</div>
<span class="mt-3" style="font-size: 18px;
color: #121212;
font-weight: 600;"> Odoo Implementation</span>
</div>
</a>
</div>
<div class="col-lg-3 col-sm-12 mb-3">
<a href="#" style="text-decoration:none">
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
style="font-size:25px; font-weight:bold;background-color:#DCFCE7; margin:auto; border-radius: 8px;">
<div class="d-flex justify-content-center align-items-center"
style="background-color:#3CD856; border-radius:50%; height:56px; width:56px">
<img src="./img/life-ring-icon.svg" class="img-responsive" height="28px"
width="28px">
</div>
<span class="mt-3" style="font-size: 18px;
color: #121212;
font-weight: 600;">Odoo Support</span>
</div>
</a>
</div>
<div class="col-lg-3 col-sm-12 mb-3">
<a href="#" style="text-decoration:none">
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
style="font-size:25px; font-weight:bold;background-color:#F3E8FF; margin:auto; border-radius: 8px;">
<div class="d-flex justify-content-center align-items-center"
style="background-color:#BF83FF; border-radius:50%; height:56px; width:56px">
<img src="./img/arrows-repeat.svg" class="img-responsive" height="28px"
width="28px">
</div>
<span class="mt-3" style="font-size: 18px;
color: #121212;
font-weight: 600;">Odoo Migration</span>
</div>
</a>
</div>
<div class="col-lg-3 col-sm-12 mb-3">
<a href="#" style="text-decoration:none">
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
style="font-size:25px; font-weight:bold;background-color:#F1F9FF; margin:auto; border-radius: 8px;">
<div class="d-flex justify-content-center align-items-center"
style="background-color:#01649C; border-radius:50%; height:56px; width:56px">
<img src="./img/puzzle-piece-icon.svg" class="img-responsive" height="28px"
width="28px">
</div>
<span class="mt-3" style="font-size: 18px;
color: #121212;
font-weight: 600;">Odoo integration</span>
</div>
</a>
</div>
<div class="col-lg-3 col-sm-12 mb-3">
<a href="#" style="text-decoration:none">
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
style="font-size:25px; font-weight:bold;background-color:#EDF8ED; margin:auto; border-radius: 8px;">
<div class="d-flex justify-content-center align-items-center"
style="background-color:#69CC70; border-radius:50%; height:56px; width:56px">
<img src="./img/odoo-consultancy.svg" class="img-responsive" height="28px"
width="28px">
</div>
<span class="mt-3" style="font-size: 18px;
color: #121212;
font-weight: 600;">Odoo Consultancy</span>
</div>
</a>
</div>
<div class="col-lg-3 col-sm-12 mb-3">
<a href="#" style="text-decoration:none">
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
style="font-size:25px; font-weight:bold;background-color:#F1F6FF; margin:auto; border-radius: 8px;">
<div class="d-flex justify-content-center align-items-center"
style="background-color:#2E4556; border-radius:50%; height:56px; width:56px">
<img src="./img/odoo-licencing.svg" class="img-responsive" height="28px"
width="28px">
</div>
<span class="mt-3" style="font-size: 18px;
color: #121212;
font-weight: 600;">Odoo Licensing</span>
</div>
</a>
</div>
<div class="col-lg-3 col-sm-12 mb-3">
<a href="#" style="text-decoration:none">
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
style="font-size:25px; font-weight:bold;background-color:#FAF6EA; margin:auto; border-radius: 8px;">
<div class="d-flex justify-content-center align-items-center"
style="background-color:#FCD12C; border-radius:50%; height:56px; width:56px">
<img src="./img/hire-odoo.svg" class="img-responsive" height="28px" width="28px">
</div>
<span class="mt-3" style="font-size: 18px;
color: #121212;
font-weight: 600;">Hire Odoo Developer</span>
</div>
</a>
</div>
</div>
<!-- -->
</div>
</div>
</section>
<!-- -->
</div>
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
</html>