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.
 
 
 
 
 

995 lines
56 KiB

<!-- HERO -->
<div class="container shadow style='margin-left:calc(-42vw + 50%); width:84vw'">
<div class="row"
style="padding: 4rem 2.5rem 0 !important; background-color: #fff !important;">
<div class="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;">
<span style="color:#5154a5;">Enhanced Survey</span>
Management </sup>
</h1>
</div>
<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;">
In odoo we have only few questions types, This app has many
additional question types and can improve
the survey answers quality. This App also have the features like
Exporting Answers in XLSX & PDF and
many more.
</p>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin: 2rem 0;">
<img src="./assets/cybro-odoo.png" width="100%" height="auto"
style="width:50%;"
class="img-responsive">
</div>
<div class="col-md-12 text-center ">
<a href="mailto:odoo@cybrosys.com" target="_blank"
style="background-color:#5154a5; border-radius:35px; font-family:Montserrat; display:inline-block; padding:7px 33px; border:1px solid #5154a5"
class="mx-1 mb-2 deep-1 deep_hover">
<img class="img" style="width:30px"
src="assets/icons/support.png">
<span class="pl-2"
style="color:#fff; font-size:16px; vertical-align:middle">Email Us</span>
</a>
<a href="https://api.whatsapp.com/send?phone=918606827707"
target="_blank"
style="background-color:#7f289b; font-family:Montserrat; display:inline-block; padding:7px 33px; border:1px solid #7f289b; border-radius:35px"
class="mx-1 mb-2 deep-1 deep_hover">
<img class="img" style="width:27px"
src="assets/icons/whatsapp.png">
<span class="pl-2"
style="color:#fff; font-size:16px; vertical-align:middle">What's App</span>
</a>
</div>
</div>
</div>
<!-- END OF HERO -->
<!-- Start OF slide -->
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0">
<img src="assets/hero.jpg" width="100%" height="auto"
class="img-responsive">
</div>
<!-- END OF slide -->
<section class="oe_container pb-5">
<div class="mt64 mb64">
<h2 class="text-center text-uppercase"
style="font-family: Montserrat, 'sans-serif' !important; font-size: 50px !important; color: #791d97; font-weight: 900 !important;">
<span style="color:#5154a5;">KEY </span> <b>Highlights</b> </sup>
</h2>
<div class="row">
<div class="col-md-6 col-sm-12 mt32">
<div class="container shadow"
style="border-radius: 5px;padding: 33px 0px; height: auto;">
<div class="col-md-3" style="float:left">
<img class="img img-responsive" width="100%"
height="auto" src="assets/icons/01.png">
</div>
<div class="col-md-9"
style="padding-left:0; float:left; width:70%">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
15+ Custom
Fields.</h3>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 mt32">
<div class="container shadow"
style="border-radius: 5px;padding: 33px 0px;">
<div class="col-md-3" style="float:left">
<img class="img img-responsive" width="100%"
height="auto" src="assets/icons/02.png">
</div>
<div class="col-md-9"
style="padding-left:0; float:left; width:70%">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
User Portal for
Survey Answer.</h3>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 mt32">
<div class="container shadow"
style="border-radius: 5px;padding: 33px 0px;">
<div class="col-md-3" style="float:left">
<img class="img img-responsive" width="100%"
height="auto" src="assets/icons/web-users.png">
</div>
<div class="col-md-9"
style="padding-left:0; float:left; width:70%">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
Participation
Is Available To Website Users.</h3>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 mt32">
<div class="container shadow"
style="border-radius: 5px;padding: 33px 0px;">
<div class="col-md-3" style="float:left">
<img class="img img-responsive" width="100%"
height="auto" src="assets/icons/XLSX-download.png">
</div>
<div class="col-md-9"
style="padding-left:0; float:left; width:70%">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
Export Survey
Answers in Excel.</h3>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- New section -->
<div class="container shadow style='margin-left:calc(-42vw + 50%); width:84vw'">
<div class="row"
style="padding: 4rem 2.5rem 0 !important; background-color: #fff !important;">
<div class="col-md-12 tab-content ui-front shadow"
style="border-top-right-radius:15px;border-bottom-right-radius:15px;background-color:#fffafa;height:auto;">
<div class="tab-pane fade active show" id="screenshot-1"
role="tabpanel" aria-labelledby="screenshot-1">
<div class="row"
style="padding:4rem 2.5rem 0 !important; background-color:#fff !important">
<div class="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:40px !important; color:#791d97; font-weight:900 !important">
<span style="color:#5154a5">Screenshots </span>
<sup>
</sup></h1>
<p class="my-1 text-center text-uppercase"
style="letter-spacing:4px !important; color:#74788D !important">
Enhanced Survey Management</p>
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
Time Field</h3>
<p class=" mt8"
style="font-family:Roboto ; color:#280135">Creating
survey with question type as
.Time.</p>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/time1.png" width="100%"
height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/time2.png" width="100%"
height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
Month Field</h3>
<p class=" mt8"
style="font-family:Roboto ; color:#280135">Creating
survey with question type as
Month.</p>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/month1.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/month2.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
Name Field</h3>
<p class=" mt8"
style="font-family:Roboto ; color:#280135">Creating
Survey with question type as
Name.</p>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/name1.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/name2.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
Address Field</h3>
<p class=" mt8"
style="font-family:Roboto ; color:#280135">Creating
survey with question type as
Address.</p>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/address1.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/address2.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
Email Field</h3>
<p class=" mt8"
style="font-family:Roboto ; color:#280135">Creating
survey with question type as
Email.</p>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/email1.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/email2.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
Password Field</h3>
<p class=" mt8"
style="font-family:Roboto ; color:#280135">Creating
survey with question type as
Password.</p>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/password1.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/password2.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
Barcode Field</h3>
<p class=" mt8"
style="font-family:Roboto ; color:#280135">Creating
survey with question type as
Barcode.</p>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/barcode1.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/barcode2.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
QR Code Field</h3>
<p class=" mt8"
style="font-family:Roboto ; color:#280135">Creating
survey with question type as
QR Code.</p>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/qrcode1.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/qrcode2.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
URL Field</h3>
<p class=" mt8"
style="font-family:Roboto ; color:#280135">Creating
survey with question type as
URL.</p>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/url1.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/url2.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
Week Field</h3>
<p class=" mt8"
style="font-family:Roboto ; color:#280135">Creating
survey with question type as
Week.</p>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/week1.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/week2.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
Colour Field</h3>
<p class=" mt8"
style="font-family:Roboto ; color:#280135">Creating
survey with question type as
Colour.</p>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/colour1.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/colour2.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
Range Field</h3>
<p class=" mt8"
style="font-family:Roboto ; color:#280135">Creating
survey with question type as
Range.</p>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/range1.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/range2.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
Many2One Field</h3>
<p class=" mt8"
style="font-family:Roboto ; color:#280135">Creating
survey with question type as
Many2One.</p>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/many2one1.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/many2one2.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
Many2Many Field</h3>
<p class=" mt8"
style="font-family:Roboto ; color:#280135">Creating
survey with question type as
Many2Many.</p>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/many2many1.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/many2many2.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
Selection Field</h3>
<p class=" mt8"
style="font-family:Roboto ; color:#280135">Creating
survey with question type as
Selection.</p>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/selection1.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/selection2.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
Upload File Field</h3>
<p class=" mt8"
style="font-family:Roboto ; color:#280135">Creating
survey with question type as
Upload File.</p>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/file1.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/file2.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
Custom Matrix</h3>
<p class=" mt8"
style="font-family:Roboto ; color:#280135">Creating
survey with question type as
Custom matrix.</p>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/custom_matrix1.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/custom_matrix2.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/custom_matrix3.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
Access the survey through website.</h3>
<p class=" mt8"
style="font-family:Roboto ; color:#280135">Set the
<i>Access Mode</i> as website
in survey options.</p>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/access_mode.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/website_survey.jpg?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<p class=" mt8"
style="font-family:Roboto ; color:#280135">We can
access the public & invited
surveys from here.</p>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/website_participate.png?6ef7fd7"
width="100%" height="auto"
class="img img-responsive center-block">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- New section -->
<section style="margin-top:50px;">
<div class="row">
<div class="col-sm-12 col-md-12-col-lg-2">
<h2 style="font-weight:bold; color:#3D3D4E">Related Modules</h2>
<p style="color:#777783">Explore our related modules</p>
<hr>
</div>
<div class="col-sm-12">
<div id="demo1" class="row carousel slide" data-ride="carousel">
<!-- The slideshow -->
<div class="carousel-inner" style="padding:30px">
<div class="carousel-item" style="min-height:198.656px">
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/16.0/whatsapp_redirect/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius:0px"
src="//apps.odoocdn.com/apps/assets/16.0/base_accounting_kit/assets/modules/1.png?6d5ca15">
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/16.0/hr_payroll_community/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius:0px"
src="//apps.odoocdn.com/apps/assets/16.0/base_accounting_kit/assets/modules/2.png?6d5ca15">
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/16.0/crm_dashboard/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius:0px"
src="//apps.odoocdn.com/apps/assets/16.0/base_accounting_kit/assets/modules/3.png?6d5ca15">
</div>
</a>
</div>
</div>
<div class="carousel-item active"
style="min-height:198.656px">
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/16.0/export_stockinfo_xls/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius:0px"
src="//apps.odoocdn.com/apps/assets/16.0/base_accounting_kit/assets/modules/4.png?6d5ca15">
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/16.0/sale_discount_total/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius:0px"
src="//apps.odoocdn.com/apps/assets/16.0/base_accounting_kit/assets/modules/5.png?6d5ca15">
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/16.0/fleet_rental/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius:0px"
src="//apps.odoocdn.com/apps/assets/16.0/base_accounting_kit/assets/modules/6.png?6d5ca15">
</div>
</a>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="carousel-control-prev" href="#demo1" data-slide="prev"
style="width:35px; color:#000"> <span
class="carousel-control-prev-icon"><i
class="fa fa-chevron-left"
style="font-size:24px"></i></span>
</a> <a class="carousel-control-next" href="#demo1"
data-slide="next" style="width:35px; color:#000">
<span class="carousel-control-next-icon"><i
class="fa fa-chevron-right"
style="font-size:24px"></i></span>
</a>
</div>
</div>
</div>
</section>
<section>
<div class="d-flex align-items-center"
style="border-bottom:2px solid #714B67; padding:15px 0px">
<div class="d-flex justify-content-center align-items-center mr-2"
style="background-color:#F5F5F5; border-radius:0px; width:40px; height:40px">
<img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/misc/star.png?aedef96">
</div>
<h2 class="mt-2"
style="font-family:'Montserrat', sans-serif; font-size:24px; font-weight:bold">
Our Services
</h2>
</div>
<div class="container my-5">
<div class="row">
<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="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/cogs.png?aedef96"
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="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/wrench.png?aedef96"
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="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/lifebuoy.png?aedef96"
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="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/user.png?aedef96"
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="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/puzzle.png?aedef96"
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="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/update.png?aedef96"
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="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/consultation.png?aedef96"
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="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/training.png?aedef96"
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="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/license.png?aedef96"
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>
</div>
</section>
<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">
<h2 style="color:#212529 !important">Our Industries</h2>
<hr style="border:3px solid #714B67 !important; background-color:#714B67 !important; width:80px !important; margin-bottom:2rem !important">
</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="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/trading-black.png?2d98612"
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="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/pos-black.png?2d98612"
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="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/education-black.png?2d98612"
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="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/manufacturing-black.png?2d98612"
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="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/ecom-black.png?2d98612"
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 &amp; 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="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/service-black.png?2d98612"
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="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/restaurant-black.png?2d98612"
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="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/hotel-black.png?2d98612"
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 -->
<div class="container mt-5">
<div class="row">
<div class="col-sm-12 col-md-12-col-lg-2">
<h2 style="font-weight:bold; color:#3D3D4E">Support</h2>
<p style="color:#777783">Need help? Get in touch.
</p>
<hr>
</div>
<div class="col-sm-12 col-md-6">
<div class="d-flex align-items-center"
style="background-color:#F6F8F9; padding:30px">
<div class="mr-4 d-flex justify-content-center align-items-center"
style="background-color:#714B67; height:70px; width:70px">
<img src="assets/icons/support.png" height="48" width="48"
style="width:42px; height:42px">
</div>
<div>
<h4>Need Help?</h4>
<p style="line-height:100%">Got questions or need help? Get
in touch.</p>
<a href="mailto:odoo@cybrosys.com">
<p style="font-weight:400; font-size:28px; line-height:80%; color:#714B67">
odoo@cybrosys.com</p>
</a>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6">
<div class="d-flex align-items-center"
style="background-color:#F6F8F9; padding:30px">
<div class="mr-4 d-flex justify-content-center align-items-center"
style="background-color:#2AC44D; height:70px; width:70px">
<img src="assets/icons/whatsapp.png" height="52" width="52"
style="width:52px; height:52px">
</div>
<div>
<h4>WhatsApp</h4>
<p style="line-height:100%">Say hi to us on WhatsApp!</p>
<span href="https://api.whatsapp.com/send?phone=918606827707">
<p style="font-weight:400; font-size:28px; line-height:80%; color:#714B67">+91 86068 27707</p>
</span>
</div>
</div>
</div>
</div>
</div>
<!-- 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 -->
</div>