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.
 
 
 
 
 

1041 lines
68 KiB

<!-- HERO SECTION -->
<section class="container">
<div class="row">
<div class="col-lg-6" style="background-color:#1264A3 !important;">
<!-- HERO IMAGE -->
<img src="./assets/hero.png" width="100%" height="auto" class="img img-responsive">
<!-- END OF HERO IMAGE-->
</div>
<div class="col-lg-6" style="background-color:#1264A3 !important; padding: 4rem 2.5rem 6rem;">
<hr style="border: 2px solid #fff; width: 150px; margin-left: 0;">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #FFF;margin-top: -0.3em !important;">
Odoo Apps
</p>
<h1 style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #FFF; margin-top: -1rem;">
Dynamic<br>Financial Reporting
</h1>
<p style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 500; color: #FFF;">
Support service and package management module.
</p>
<h2 style="font-size: 26px; color: #fff; text-transform: uppercase; margin-top: 3rem;">Key Highlights
</h2>
<!-- KEY HIGHLIGHTS -->
<div class="d-flex mt-2">
<div class="d-flex justify-content-center align-items-center mr-1"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-black.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
Dynamic Financial Reports for Odoo14 Community Edition.</p>
</div>
</div>
<div class="d-flex mt-2">
<div class="d-flex justify-content-center align-items-center mr-1"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-black.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
Various Filters to Compare.</p>
</div>
</div>
<div class="d-flex mt-2">
<div class="d-flex justify-content-center align-items-center mr-1"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-black.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
Management of customers are similar to project management.</p>
</div>
</div>
<!-- END OF KEY HIGHLIGHTS -->
</div>
</div>
</section>
<!-- END OF HERO SECTION -->
<!-- OVERVIEW SECTION -->
<section class="container">
<div class="row">
<div class="col-lg-12" style="background-color:#ffffff !important; padding: 4rem 2.5rem;">
<hr style="border: 2px solid #000; width: 150px; margin-left: 0;">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000;margin-top: -0.3em !important;">
Odoo Apps
</p>
<h1
style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; text-transform: uppercase;">
Overview
</h1>
<p style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 500; color: #000; width: 90%;">
This module comes under Odoo14 Full Accounting Kit by Cybrosys Technologies which is built under the
V14 platform. It facilitates the dynamic financial report of general ledger, trial balance, balance
sheet, profit & loss, cash flow statements, partner ledger, partner ageing, day book, bank book and
cashbook. We can drill down from the main report to the journal entries associated with each
account. One can open the form view of each journal entry and view the complete details here. Along
with the drill down option, various supporting filters can be applied on each report. Also, one can
print the reports in both the pdf and the xlsx formats.
</p>
</div>
</div>
</section>
<!-- END OF OVERVIEW SECTION -->
<!-- FEATURES SECTION -->
<section class="container">
<div class="row">
<div class="col-lg-6 d-flex flex-column align-items-center justify-content-center"
style="background-color:#D4D4D4 !important; padding: 4rem 2.5rem;">
<img src="./assets/respnsive-img.png" width="80%" height="auto" class="img img-responsive">
</div>
<div class="col-lg-6" style="background-color:#D4D4D4 !important; padding: 8rem 2.5rem 4rem 0;">
<hr style="border: 2px solid #000; width: 150px; margin-left: 0;">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000;margin-top: -0.3em !important;">
Odoo Apps
</p>
<h1
style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; text-transform: uppercase;">
Features
</h1>
<div class="d-flex mt-2">
<div class="d-flex justify-content-center align-items-center mr-1 deep-2"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-magenta.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center deep-2"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
Dynamic Financial Reports for Odoo14 Community Edition.</p>
</div>
</div>
<div class="d-flex mt-2">
<div class="d-flex justify-content-center align-items-center mr-1 deep-2"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-magenta.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center deep-2"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
Drill-down approach enabled.</p>
</div>
</div>
<div class="d-flex mt-2">
<div class="d-flex justify-content-center align-items-center mr-1 deep-2"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-magenta.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center deep-2"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
Various Filters to Compare.</p>
</div>
</div>
<div class="d-flex mt-2">
<div class="d-flex justify-content-center align-items-center mr-1 deep-2"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-magenta.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center deep-2"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
Access the Journal Entries.
</p>
</div>
</div>
<div class="d-flex mt-2">
<div class="d-flex justify-content-center align-items-center mr-1 deep-2"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-magenta.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center deep-2"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
PDF and XLSX Reports available.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- END OF FEATURES SECTION -->
<!-- FEATURE 2 SECTION -->
<section class="container">
<div class="row">
<div class="col-lg-6" style="background-color:#FFF !important; padding: 4rem 2.5rem 4rem;">
<hr style="border: 2px solid #000; width: 150px; margin-left: 0;">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000;margin-top: -0.3em !important;">
Odoo Apps
</p>
<h1
style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; text-transform: uppercase;">
Features
</h1>
<p style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 500; color: #000; width: 90%;">
This module comes under Odoo14 Full Accounting Kit by Cybrosys Technologies which is built under the
V14 platform. It facilitates the dynamic financial report of general ledger, trial balance, balance.
</p>
</div>
<div class="col-lg-6 d-flex flex-column align-items-center justify-content-center"
style="background-color:#FFF !important; padding: 4rem 2.5rem;">
<img src="./assets/feature-1.png" width="80%" height="auto" class="img img-responsive">
</div>
</div>
</section>
<!-- END OF FEATURE 2 SECTION -->
<!-- FEATURE 3 SECTION -->
<section class="container">
<div class="row">
<div class="col-lg-6 d-flex flex-column align-items-center justify-content-center"
style="background-color:#D4D4D4 !important; padding: 4rem 2.5rem;">
<img src="./assets/feature-2.png" width="80%" height="auto" class="img img-responsive">
</div>
<div class="col-lg-6" style="background-color:#D4D4D4 !important; padding: 4rem 2.5rem 4rem 0rem;">
<hr style="border: 2px solid #000; width: 150px; margin-left: 0;">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000;margin-top: -0.3em !important;">
Odoo Apps
</p>
<h1
style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; text-transform: uppercase;">
Features
</h1>
<p style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 500; color: #000; width: 90%;">
This module comes under Odoo14 Full Accounting Kit by Cybrosys Technologies which is built under the
V14 platform. It facilitates the dynamic financial report of general ledger, trial balance, balance.
</p>
</div>
</div>
</section>
<!-- END OF FEATURE 3 SECTION -->
<!-- FEATURE 4 SECTION -->
<section class="container">
<div class="row">
<div class="col-lg-12" style="background-color:#FFF !important; padding: 6rem 2.5rem 4rem;">
<div class="row" style="margin-top: 3rem;">
<div class="col-lg-6 d-flex flex-column align-items-center justify-content-center">
<div class="p-3 d-flex justify-content-center align-items-center deep-1"
style="background-color: #F40F02 !important; border-radius: 5px !important; height: 80px !important; width: 80px !important;">
<i class="fa fa-file-pdf-o" style="font-size: 2rem !important; color: #fff !important;"></i>
</div>
<h3 class="mt-2"
style="color: #000 !important; text-transform: uppercase !important; font-weight: 800 !important;">
Export to PDF</h3>
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 500; color: #000; width: 90%; text-align: center;">
Convert your dynamic reports to multiple formats including xlsx, pdf etc.</p>
</div>
<div class="col-lg-6 d-flex flex-column align-items-center justify-content-center deep-1">
<div class="p-3 d-flex justify-content-center align-items-center"
style="background-color: #1D6F42 !important; border-radius: 5px !important; height: 80px !important; width: 80px !important;">
<i class="fa fa-file-excel-o" style="font-size: 2rem !important; color: #fff !important;"></i>
</div>
<h3 class="mt-2"
style="color: #000 !important; text-transform: uppercase !important; font-weight: 800 !important;">
Export to XLSX</h3>
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 500; color: #000; width: 90%; text-align: center;">
Convert your dynamic reports to multiple formats including xlsx, pdf etc.</p>
</div>
</div>
</div>
</div>
</section>
<!-- END OF FEATURE 4 SECTION -->
<!-- SCREENSHOTS SECTION -->
<section class="container">
<div class="row">
<div class="col-lg-12" style="background-color:#ffffff !important; padding: 4rem 2.5rem;">
<hr style="border: 2px solid #1264A3; width: 150px; margin-left: 0;">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000;margin-top: -0.3em !important;">
Odoo Apps
</p>
<h1
style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; margin-bottom: 1rem; text-transform: uppercase;">
SCREENSHOTS
</h1>
</div>
<div class="col-lg-12" style="background-color:#1264A3 !important; padding: 2.5rem; border-radius: 8px;">
<div id="odooAppsIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators"
style="position: absolute !important; bottom: -90px !important; left: -65.5rem !important">
<li data-target="#odooAppsIndicators" data-slide-to="0" class="active"
style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
</li>
<li data-target="#odooAppsIndicators" data-slide-to="1"
style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
</li>
<li data-target="#odooAppsIndicators" data-slide-to="2"
style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
</li>
<li data-target="#odooAppsIndicators" data-slide-to="3"
style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
</li>
<li data-target="#odooAppsIndicators" data-slide-to="4"
style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
</li>
<li data-target="#odooAppsIndicators" data-slide-to="5"
style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
</li>
<li data-target="#odooAppsIndicators" data-slide-to="6"
style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
</li>
<li data-target="#odooAppsIndicators" data-slide-to="7"
style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
</li>
<li data-target="#odooAppsIndicators" data-slide-to="8"
style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
</li>
<li data-target="#odooAppsIndicators" data-slide-to="9"
style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
</li>
<li data-target="#odooAppsIndicators" data-slide-to="10"
style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
</li>
<li data-target="#odooAppsIndicators" data-slide-to="11"
style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
</li>
<li data-target="#odooAppsIndicators" data-slide-to="12"
style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
</li>
<li data-target="#odooAppsIndicators" data-slide-to="13"
style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
</li>
<li data-target="#odooAppsIndicators" data-slide-to="14"
style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
</li>
<li data-target="#odooAppsIndicators" data-slide-to="15"
style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
</li>
<li data-target="#odooAppsIndicators" data-slide-to="16"
style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
</li>
<li data-target="#odooAppsIndicators" data-slide-to="17"
style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
</li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active" style="overflow: visible;">
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
style="float:left; margin-bottom: 1rem; margin-left: -15px;">
<div class="d-flex justify-content-center align-items-center mr-1 deep-2"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-black.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center deep-2"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
Dynamic Financial Reports.</p>
</div>
</div>
<img class="d-block w-100" src="./assets/screenshots/01_dynamic_financial_reports.png"
alt="Slide">
</div>
<div class="carousel-item" style="overflow: visible;">
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
style="float:left; margin-bottom: 1rem; margin-left: -15px;">
<div class="d-flex justify-content-center align-items-center mr-1 deep-2"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-black.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center deep-2"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
Dynamic General Ledger.</p>
</div>
</div>
<img class="d-block w-100" src="./assets/screenshots/02_dynamic_gl.png" alt="Slide">
</div>
<div class="carousel-item" style="overflow: visible;">
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
style="float:left; margin-bottom: 1rem; margin-left: -15px;">
<div class="d-flex justify-content-center align-items-center mr-1 deep-2"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-black.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center deep-2"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
Access the Journal Entries.</p>
</div>
</div>
<img class="d-block w-100" src="./assets/screenshots/03_access_je.png" alt="Slide">
</div>
<div class="carousel-item" style="overflow: visible;">
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
style="float:left; margin-bottom: 1rem; margin-left: -15px;">
<div class="d-flex justify-content-center align-items-center mr-1 deep-2"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-black.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center deep-2"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
General Ledger Pdf Report.</p>
</div>
</div>
<img class="d-block w-100" src="./assets/screenshots/04_gl_pdf.png" alt="Slide">
</div>
<div class="carousel-item" style="overflow: visible;">
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
style="float:left; margin-bottom: 1rem; margin-left: -15px;">
<div class="d-flex justify-content-center align-items-center mr-1 deep-2"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-black.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center deep-2"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
General Ledger XLSX Report.</p>
</div>
</div>
<img class="d-block w-100" src="./assets/screenshots/05_gl_xlsx.png" alt="Slide">
</div>
<div class="carousel-item" style="overflow: visible;">
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
style="float:left; margin-bottom: 1rem; margin-left: -15px;">
<div class="d-flex justify-content-center align-items-center mr-1 deep-2"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-black.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center deep-2"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
Dynamic Trial Balance.</p>
</div>
</div>
<img class="d-block w-100" src="./assets/screenshots/06_dynamic_tb.png" alt="Slide">
</div>
<div class="carousel-item" style="overflow: visible;">
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
style="float:left; margin-bottom: 1rem; margin-left: -15px;">
<div class="d-flex justify-content-center align-items-center mr-1 deep-2"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-black.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center deep-2"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
Access General Ledger from Trial Balance.</p>
</div>
</div>
<img class="d-block w-100" src="./assets/screenshots/07_access_gl_from_tb.png" alt="Slide">
</div>
<div class="carousel-item" style="overflow: visible;">
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
style="float:left; margin-bottom: 1rem; margin-left: -15px;">
<div class="d-flex justify-content-center align-items-center mr-1 deep-2"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-black.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center deep-2"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
Trial Balance PDF Report.</p>
</div>
</div>
<img class="d-block w-100" src="./assets/screenshots/08_tb_pdf.png" alt="Slide">
</div>
<div class="carousel-item" style="overflow: visible;">
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
style="float:left; margin-bottom: 1rem; margin-left: -15px;">
<div class="d-flex justify-content-center align-items-center mr-1 deep-2"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-black.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center deep-2"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
Trial Balance XLSX Report.</p>
</div>
</div>
<img class="d-block w-100" src="./assets/screenshots/09_tb_xlsx.png" alt="Slide">
</div>
<div class="carousel-item" style="overflow: visible;">
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
style="float:left; margin-bottom: 1rem; margin-left: -15px;">
<div class="d-flex justify-content-center align-items-center mr-1 deep-2"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-black.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center deep-2"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
Dynamic Partner Ledger.</p>
</div>
</div>
<img class="d-block w-100" src="./assets/screenshots/10_pl_m.png" alt="Slide">
</div>
<div class="carousel-item" style="overflow: visible;">
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
style="float:left; margin-bottom: 1rem; margin-left: -15px;">
<div class="d-flex justify-content-center align-items-center mr-1 deep-2"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-black.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center deep-2"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
Partner Ledger PDF Report.</p>
</div>
</div>
<img class="d-block w-100" src="./assets/screenshots/11_pl_pdf.png" alt="Slide">
</div>
<div class="carousel-item" style="overflow: visible;">
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
style="float:left; margin-bottom: 1rem; margin-left: -15px;">
<div class="d-flex justify-content-center align-items-center mr-1 deep-2"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-black.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center deep-2"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
Partner Ledger XLSX Report.</p>
</div>
</div>
<img class="d-block w-100" src="./assets/screenshots/12_pl_xls.png" alt="Slide">
</div>
<div class="carousel-item" style="overflow: visible;">
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
style="float:left; margin-bottom: 1rem; margin-left: -15px;">
<div class="d-flex justify-content-center align-items-center mr-1 deep-2"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-black.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center deep-2"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
Dynamic Balance Sheet.</p>
</div>
</div>
<img class="d-block w-100" src="./assets/screenshots/13_bs_m.png" alt="Slide">
</div>
<div class="carousel-item" style="overflow: visible;">
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
style="float:left; margin-bottom: 1rem; margin-left: -15px;">
<div class="d-flex justify-content-center align-items-center mr-1 deep-2"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-black.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center deep-2"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
Balance Sheet PDF Report.</p>
</div>
</div>
<img class="d-block w-100" src="./assets/screenshots/14_bs_pdf.png" alt="Slide">
</div>
<div class="carousel-item" style="overflow: visible;">
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
style="float:left; margin-bottom: 1rem; margin-left: -15px;">
<div class="d-flex justify-content-center align-items-center mr-1 deep-2"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-black.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center deep-2"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
Balance Sheet XLSX Report.</p>
</div>
</div>
<img class="d-block w-100" src="./assets/screenshots/15_bs_pdf.png" alt="Slide">
</div>
<div class="carousel-item" style="overflow: visible;">
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
style="float:left; margin-bottom: 1rem; margin-left: -15px;">
<div class="d-flex justify-content-center align-items-center mr-1 deep-2"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-black.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center deep-2"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
Dynamic Profit and Loss.</p>
</div>
</div>
<img class="d-block w-100" src="./assets/screenshots/16_pl_m1.png" alt="Slide">
</div>
<div class="carousel-item" style="overflow: visible;">
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
style="float:left; margin-bottom: 1rem; margin-left: -15px;">
<div class="d-flex justify-content-center align-items-center mr-1 deep-2"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-black.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center deep-2"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
Profit and Loss PDF Report.</p>
</div>
</div>
<img class="d-block w-100" src="./assets/screenshots/17_pal_pdf.png" alt="Slide">
</div>
<div class="carousel-item" style="overflow: visible;">
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
style="float:left; margin-bottom: 1rem; margin-left: -15px;">
<div class="d-flex justify-content-center align-items-center mr-1 deep-2"
style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
<img src="./assets/arrow-circle-black.png" height="26px" width="26px">
</div>
<div class="d-flex justify-content-start align-items-center deep-2"
style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
Profit and Loss XLSX Report.</p>
</div>
</div>
<img class="d-block w-100" src="./assets/screenshots/18_pal_xls.png" alt="Slide">
</div>
</div>
<!-- <a class="carousel-control-prev" href="#odooAppsIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#odooAppsIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a> -->
</div>
</div>
</div>
</section>
<!-- END OF SCREENSHOTS SECTION-->
<section class="container">
<div class="row">
<div class="col-lg-12" style="background-color:#ffffff !important; padding: 4rem 2.5rem;">
<hr style="border: 2px solid #1264A3; width: 150px; margin-left: 0;">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000;margin-top: -0.3em !important;">
Odoo Apps
</p>
<h1
style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; margin-bottom: 0rem; text-transform: uppercase;">
Suggested Products
</h1>
</div>
</div>
<div class="col-lg-12">
<div id="suggestedSlider" class="row carousel slide" data-ride="carousel">
<!-- The slideshow -->
<div class="carousel-inner">
<div class="carousel-item" style="min-height: 186px;">
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
<a href="https://apps.odoo.com/apps/modules/14.0/mobile_service_shop_pro/" target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="//apps.odoocdn.com/apps/assets/14.0/dynamic_accounts_report/images/mobile_service_shop_pro_banner.png?33fcc60">
</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/14.0/hr_payroll_account_community/" target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="//apps.odoocdn.com/apps/assets/14.0/dynamic_accounts_report/images/hr_acc_cc_banner.png?33fcc60">
</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/14.0/hr_payroll_community/" target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="//apps.odoocdn.com/apps/assets/14.0/dynamic_accounts_report/images/payroll_banner.gif?33fcc60">
</div>
</a>
</div>
</div>
<div class="carousel-item active" style="min-height: 186px;">
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
<a href="https://apps.odoo.com/apps/modules/14.0/automatic_payroll/" target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="//apps.odoocdn.com/apps/assets/14.0/dynamic_accounts_report/images/auto_payroll_banner.png?33fcc60">
</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/14.0/ohrms_core/" target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="//apps.odoocdn.com/apps/assets/14.0/dynamic_accounts_report/images/o_hrms_banner.gif?33fcc60">
</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/14.0/base_account_budget/" target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="//apps.odoocdn.com/apps/assets/14.0/dynamic_accounts_report/images/bud_banner.png?33fcc60">
</div>
</a>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="carousel-control-prev" href="#suggestedSlider" 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="#suggestedSlider"
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>
</section>
<!-- Our Services -->
<section class="container" style="margin-top: 6rem;">
<div class="row mt-4 position-relative" style="max-width:1540px; margin: 0 auto;">
<div class="col-lg-12 jumbotron text-white position-relative"
style="background: #D4D4D4 !important; border-radius: 10px;">
<span class="badge badge-pill px-3 py-2 text-white deep-2-sm font-weight-bold"
style="background-color: #1264A3;"><i class="fa fa-trophy mr-2"></i>Odoo Gold Partner</span>
<div class="row">
<div class="col-lg-12 mt-4">
<h1 style="color: #000;">Our Services</h1>
<p class="lead" style="color: #000;">We provide following services</p>
<div class="row d-flex flex-row justify-content-start flex-wrap mt-4 pl-4">
<a class="text-dark" href="https://www.cybrosys.com/odoo-customization-and-installation/"
style="color: white; text-decoration: none;" target="_blank">
<div class="bg-white deep-2 d-flex flex-column justify-content-center align-items-center rounded"
style="padding: 2rem; margin-right: 1rem; height: 150px; width: 150px;">
<i class="fa fa-cogs mr-2 mt-2" style="color: #1264A3; font-size: 3rem"></i>
<h6 class="text-center mt-3" style="color: #000;">Odoo Customization</h6>
</div>
</a>
<a class="text-dark" href="https://www.cybrosys.com/odoo-erp-implementation/"
style="color: white; text-decoration: none;" target="_blank">
<div class="bg-white deep-2 d-flex flex-column justify-content-center align-items-center rounded"
style="padding: 2rem; margin-right: 1rem; height: 150px; width: 150px;">
<i class="fa fa-wrench mr-2 mt-2" style="color: #1264A3; font-size: 3rem"></i>
<h6 class="text-center mt-3" style="color: #000;">Odoo Implementation</h6>
</div>
</a>
<a class="text-dark" href="https://www.cybrosys.com/odoo-erp-support/"
style="color: white; text-decoration: none;" target="_blank">
<div class="bg-white deep-2 d-flex flex-column justify-content-center align-items-center rounded"
style="padding: 2rem; margin-right: 1rem; height: 150px; width: 150px;">
<i class="fa fa-life-ring mr-2 mt-2" style="color: #1264A3; font-size: 3rem"></i>
<h6 class="text-center mt-3" style="color: #000;">Odoo Support</h6>
</div>
</a>
<a class="text-dark" href="https://www.cybrosys.com/hire-odoo-developer/" style=text-decoration:
none;" target="_blank">
<div class="bg-white deep-2 d-flex flex-column justify-content-center align-items-center rounded"
style="padding: 2rem; margin-right: 1rem; height: 150px; width: 150px;">
<i class="fa fa-user mr-2 mt-2" style="color: #1264A3; font-size: 3rem"></i>
<h6 class="text-center mt-3" style="color: #000;">Hire Odoo Developers</h6>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End of Our Services -->
<!-- Our Industries -->
<section class="container" style="margin-top: 0rem;">
<div class="row" style="max-width:1540px; ">
<div class="col-lg-12" style="background-color:#ffffff !important; padding: 4rem 2.5rem;">
<hr style="border: 2px solid #1264A3; width: 150px; margin-left: 0;">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000;margin-top: -0.3em !important;">
Cybrosys
</p>
<h1
style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; margin-bottom: 0rem; text-transform: uppercase;">
Our Industries
</h1>
</div>
<div class="row mt-4 position-relative" style="max-width:1540px; margin: 0 auto;">
<!-- Left Column -->
<div class="col-lg-6">
<div class="bg-white deep-2 px-4 py-3 mb-3" style="border-radius: 10px;">
<a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank"
class="text-dark" style="text-decoration: none;">
<div class="row">
<div class="col-lg-3 no-gutters">
<img src="./assets/icons/trading.png">
</div>
<div class="col-lg-9 no-gutters pt-3">
<h4 style="font-family: Roboto, 'sans-serif">Trading</h4>
<p style="font-weight: 300;">Easily procure and sell your products</p>
</div>
</div>
</a>
</div>
<div class="bg-white deep-2 px-4 py-3 my-3" style="border-radius: 10px;">
<a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank"
class="text-dark" style="text-decoration: none;">
<div class="row">
<div class="col-lg-3 no-gutters">
<img src="./assets/icons/education.png">
</div>
<div class="col-lg-9 no-gutters pt-3">
<h4 style="font-family: Roboto, 'sans-serif">Education</h4>
<p style="font-weight: 300;">A Collaborative platform for educational
management</p>
</div>
</div>
</a>
</div>
<div class="bg-white deep-2 px-4 py-3 my-3" style="border-radius: 10px;">
<a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank"
class="text-dark" style="text-decoration: none;">
<div class="row">
<div class="col-lg-3 no-gutters">
<img src="./assets/icons/manufacturing.png">
</div>
<div class="col-lg-9 no-gutters pt-3">
<h4 style="font-family: Roboto, 'sans-serif">Manufacturing</h4>
<p style="font-weight: 300;">Plan, track and schedule your operations</p>
</div>
</div>
</a>
</div>
<div class="bg-white deep-2 px-4 py-3 my-3" style="border-radius: 10px;">
<a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank"
class="text-dark" style="text-decoration: none;">
<div class="row">
<div class="col-lg-3 no-gutters">
<img src="./assets/icons/ecom.png">
</div>
<div class="col-lg-9 no-gutters pt-3">
<h4 style="font-family: Roboto, 'sans-serif">E-commerce & Website</h4>
<p style="font-weight: 300;">Mobile friendly, awe-inspiring product pages
</p>
</div>
</div>
</a>
</div>
</div>
<!-- End of Left Column -->
<!-- Right Column -->
<div class="col-lg-6">
<div class="bg-white deep-2 px-4 py-3 mb-3" style="border-radius: 10px;">
<a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank" class="text-dark"
style="text-decoration: none;">
<div class="row">
<div class="col-lg-3 no-gutters">
<img src="./assets/icons/pos.png">
</div>
<div class="col-lg-9 no-gutters pt-3">
<h4 style="font-family: Roboto, 'sans-serif">POS</h4>
<p style="font-weight: 300;">Easy configuring and convivial selling</p>
</div>
</div>
</a>
</div>
<div class="bg-white deep-2 px-4 py-3 my-3" style="border-radius: 10px;">
<a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank"
class="text-dark" style="text-decoration: none;">
<div class="row">
<div class="col-lg-3 no-gutters">
<img src="./assets/icons/service.png">
</div>
<div class="col-lg-9 no-gutters pt-3">
<h4 style="font-family: Roboto, 'sans-serif">Service Management</h4>
<p style="font-weight: 300;">Keep track of services and invoice accordingly
</p>
</div>
</div>
</a>
</div>
<div class="bg-white deep-2 px-4 py-3 my-3" style="border-radius: 10px;">
<a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank"
class="text-dark" style="text-decoration: none;">
<div class="row">
<div class="col-lg-3 no-gutters">
<img src="./assets/icons/restaurant.png">
</div>
<div class="col-lg-9 no-gutters pt-3">
<h4 style="font-family: Roboto, 'sans-serif">Restaurant</h4>
<p style="font-weight: 300;">Run your bar or restaurant methodica</p>
</div>
</div>
</a>
</div>
<div class="bg-white deep-2 px-4 py-3 my-3" style="border-radius: 10px;">
<a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank"
class="text-dark" style="text-decoration: none;">
<div class="row">
<div class="col-lg-3 no-gutters">
<img src="./assets/icons/hotel.png">
</div>
<div class="col-lg-9 no-gutters pt-3">
<h4 style="font-family: Roboto, 'sans-serif">Hotel Management</h4>
<p style="font-weight: 300;">An all-inclusive hotel management application
</p>
</div>
</div>
</a>
</div>
</div>
<!-- End of Right Column -->
</div>
</div>
</section>
<!-- End of Our Industries-->
<!-- Footer Section -->
<section class="container">
<div class="row" style="max-width:1540px;">
<div class="col-lg-12" style="background-color:#ffffff !important; padding: 4rem 2.5rem;">
<hr style="border: 2px solid #1264A3; width: 150px; margin-left: 0;">
<p
style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000;margin-top: -0.3em !important;">
Odoo Apps
</p>
<h1
style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; margin-bottom: 0rem; text-transform: uppercase;">
Need Help?
</h1>
</div>
</div>
<!-- Contact Cards -->
<div class="row d-flex justify-content-center align-items-center"
style="max-width:1540px; margin: 0 auto 3rem auto;">
<div class="col-lg-3 deep-2 mt-2"
style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem; border-top: 7px solid #546E7A; height: 300px;">
<h5 class="font-weight-bold" style="font-family: Roboto, 'sans-serif';">Visit us</h5>
<p class="mb-4" style="color: #808e9b; font-size: 0.9rem;">Visit our website for more
information.</p>
<a href="https://cybrosys.com" target="_blank" class="btn btn-block mb-2 deep_hover"
style="text-decoration: none; background-color: #546E7A; color: #FFF; border-radius: 4px;">www.cybrosys.com</a>
</div>
<div class="col-lg-3 deep-2 mt-2"
style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem; border-top: 7px solid #b22126; height: 330px;">
<h5 class="font-weight-bold" style="font-family: Roboto, 'sans-serif';">Write to us</h5>
<p class="mb-4" style="color: #808e9b; font-size: 0.9rem;">Do you have any queries regarding our
products &amp; services? Let us know.</p>
<a href="mailto:odoo@cybrosys.com" target="_blank" class="btn btn-block mb-2 deep_hover"
style="text-decoration: none; background-color: #b22126; color: #FFF; border-radius: 4px;">odoo@cybrosys.com</a>
<a href="mailto:info@cybrosys.com" target="_blank" class="btn btn-block deep_hover"
style="text-decoration: none; background-color: #b22126; color: #FFF; border-radius: 4px;">info@cybrosys.com</a>
</div>
<div class="col-lg-3 deep-2 mt-2"
style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem; border-top: 7px solid #546E7A; height: 300px;">
<h5 class="font-weight-bold" style="font-family: Roboto, 'sans-serif';">Follow Us</h5>
<p class="mb-4" style="color: #808e9b; font-size: 0.9rem;">Follow us on social media for latest
updates.</p>
<div class="d-flex justify-content-begin align-items-center">
<a href="https://www.facebook.com/cybrosystechnologies" target="_blank"
class="btn mb-2 mr-2 deep_hover d-flex justify-content-center align-items-center"
style="text-decoration: none; background-color:#3b5998; color: #fff; height: 35px; width: 35px; border-radius: 4px;"><i
class="fa fa-facebook"></i></a>
<a href="https://twitter.com/cybrosys" target="_blank"
class="btn mb-2 mr-2 deep_hover d-flex justify-content-center align-items-center"
style="text-decoration: none; background-color:#00acee ; color: #fff ; height: 35px; width: 35px; border-radius: 4px;"><i
class="fa fa-twitter"></i></a>
<a href="https://www.youtube.com/channel/UCKjWLm7iCyOYINVspCSanjg" target="_blank"
class="btn mb-2 mr-2 deep_hover d-flex justify-content-center align-items-center"
style="text-decoration: none; background-color:#FF0000 ; color: #fff ; height: 35px; width: 35px; border-radius: 4px;"><i
class="fa fa-play"></i></a>
<a href="https://medium.com/cybrosys" target="_blank"
class="btn mb-2 deep_hover d-flex justify-content-center align-items-center"
style="text-decoration: none; background-color:#000 ; color: #fff ; height: 35px; width: 35px; border-radius: 4px;"><i
class="fa fa-medium"></i></a>
</div>
</div>
<!-- End of Contact Cards -->
</div>
</section>
<!-- Footer -->
<section class="oe_container" style="padding:2rem 3rem 1rem;">
<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: 4rem;">
<img src="https://www.cybrosys.com/images/logo.png" width="200px" height="auto" />
</div>
<!-- End of Logo -->
<div class="col-lg-12" style="margin-top: 2rem;">
<hr
style="margin-top: 3rem;background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
<!-- End of Footer Section -->
</div>
</div>
</section>