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.
453 lines
34 KiB
453 lines
34 KiB
<div class="oe_styling_v8">
|
|
<!-- HERO SECTION -->
|
|
<div class="contianer">
|
|
<div class="row position-relative"
|
|
style="background: rgb(223,38,115); background: linear-gradient(149deg, rgba(223,38,115,1) 0%, rgba(254,80,49,1) 100%); height: 400px; margin-bottom: 6rem;">
|
|
<div class="col-lg-12 d-flex flex-column justify-content-start align-items-center">
|
|
<h1 class="display-1 text-white" style="padding-top: 5rem;">Outrageous Orange</h1>
|
|
<p class="text-light small font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase;">Clean
|
|
& Colorful Backend Theme for
|
|
Odoo 14</p>
|
|
</div>
|
|
<img src="./images/hero.png" class="img img-fluid position-absolute"
|
|
style="height: auto; width: 525px; top: 45%; left: 0; right: 0; margin-left: auto; margin-right: auto;"
|
|
height="auto" width="525px">
|
|
</div>
|
|
</div>
|
|
<!-- END OF HERO SECTION -->
|
|
<!-- SHORT DESCRIPTION -->
|
|
<div class="container">
|
|
<div class="row my-4">
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center">
|
|
<h6 class="text-muted text-center w-50" style="line-height: 22px;">The app enables a user friendly backend theme for Odoo 14.0 community edition.</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF SHORT DESCRIPTION -->
|
|
<!-- FEATURE ICONS -->
|
|
<div class="container w-50" style="margin: 3rem auto;">
|
|
<div class="row">
|
|
<div class="col-lg-4 my-2 d-flex flex-column justify-content-center align-items-center">
|
|
<div
|
|
style="height: 100px; width: 100px; border: 8px solid #fdd8d0; border-radius: 50%; background-color: #fcc8bd; box-shadow: 0px 0px 0px 8px #fee8e3;"
|
|
class="d-flex justify-content-center align-items-center">
|
|
<img height="60px"
|
|
src="data:image/png;base64,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">
|
|
</div>
|
|
<h6 class="my-4 text-center">Carefully Crafted</h6>
|
|
</div>
|
|
|
|
<div class="col-lg-4 my-2 d-flex flex-column justify-content-center align-items-center">
|
|
<div
|
|
style="height: 100px; width: 100px; border: 8px solid #fdd8d0; border-radius: 50%; background-color: #fcc8bd; box-shadow: 0px 0px 0px 8px #fee8e3;"
|
|
class="d-flex justify-content-center align-items-center">
|
|
<img height="60px"
|
|
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAABmJLR0QA/wD/AP+gvaeTAAADi0lEQVRoge2awWscdRTHP+83S40H9VQPnlJKY1KwKejNXoT+AVFbPHj05C12d2aJIk0hcTOTafIP9B+Q0EPp0UpE2os2Yk1Qi4ilQaEWrBWKyZr5PQ+7pTXOuLObnZ3U/X1Oj/m99+Z9md9781tmweFwOBwOR1lI1oLOVMfZMdMYDg+yoD1j+RGRZYmim2nLqYJ1pjpOYtaALeAGQlJkjX1D8YBJ4CmQl9NEV1IDd8w0whZeZVwajbsFl9lXtFZ7HiPfg04D7+5eTxcsjIFsSKNxV6vVo3hmHvS6RPE8gAa1D0BeAXlfoui7NJ+ykDj+VYNgHfTFtPV0wYqA2paHmUOZApnSWu0ynieonWs5Wgu8udtH4vibQtTkRdWS0a4mR/Ba27pDpbJJs7kJ3GmHX0/12cd0FCxRPI+YYxhvQhYW7sny8m8YbwIxxySKGmk+xZfdO9mCBdGZM2MAEobrSPPgo7XmQQnDdYAsn4fXS7El+3Wb/lry/dXW4OIFlDEqiZB4N58YW/gZyw+yuPhalvB/CdbA/0x9/8hj154YW31/VX1/NZfYdlB3AfuM/6q/85T+nzF0gtMPHikoCHX/PPAOyrNd30n4A5ULRFFNQIvK2YncgqnVplDeAz4GvdV1cSqjoGeo1z4njC8VlrMD+QWLvATAT7felpWVrn896enTHodG38LKJHCpsJwdyN/DIgagl8L+EdfOU1jODpQ9tLYBNAie6SX4sbjtvDH5t3QxfApYsF9p3e+hh+0oiMUkV/KGlPqEJYq+QPQNkI0eM2yAvC4L57/MG1H2E0Za0zXXwOkHZffwwBk6waVuaa3XT6D66p4TiVyTMLyax7XcHlY9CXp273k4B+x/wRJFs8DsIO85dD08dILLHVpBMNuXHkbOtdujI+UOLWuvYgj3nkdzDSwoe2jF8RUg9zm4H7geHiTu4NFzHnfwyGToeji/YNX7ABoEE73cSKvVoy3L/t5LfL/Iv6WNuYjaD0G/1cD/Ey85jh5oYpNrGK81eNJsaR4g8b4GngbusWMvPkzZzcFDosXML4LdkFuwhOFtrdePQ3IKKyNs6SbPjSQ8eHCWkZFfAFLt+9seFeYwusVfdkWWlh59MO/XwaMLuhpaEoa3gaVdly/ksD9KzecOHsUzdIKzt7QwqXX/kwHW0j+USZQbaUtZ/9NaQ9gptKgiEdYgXbDD4XA4HI7y+Budduc29dlv/gAAAABJRU5ErkJggg==">
|
|
</div>
|
|
<h6 class="my-4 text-center">Responsive Design</h6>
|
|
</div>
|
|
|
|
<div class="col-lg-4 my-2 d-flex flex-column justify-content-center align-items-center">
|
|
<div
|
|
style="height: 100px; width: 100px; border: 8px solid #fdd8d0; border-radius: 50%; background-color: #fcc8bd; box-shadow: 0px 0px 0px 8px #fee8e3;"
|
|
class="d-flex justify-content-center align-items-center">
|
|
<img height="60px"
|
|
src="data:image/png;base64,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">
|
|
</div>
|
|
<h6 class="my-4 text-center">Quality Checked</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF FEATURE ICONS -->
|
|
|
|
<!-- ONE COLUMN SECTION-->
|
|
<div class="container" style="margin: 3rem auto;">
|
|
<div class="row my-4">
|
|
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
|
|
<h2 class="text-center mt-3 display-4 text-weight-bold">Kanban View</h2>
|
|
<!-- <p class="text-center lead text-muted mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente-->
|
|
<!-- esse dolores, fugit veritatis dicta ratione suscipit nulla, ipsa itaque perspiciatis natus tempore.</p>-->
|
|
<img height="600px" width="auto" src="./images/kanban.png" class="img img-fluid deep-4 rounded">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF ONE COLUMN SECTION-->
|
|
|
|
<!-- TWO COLUMN SECTION-->
|
|
<div class="container" style="margin: 6rem auto;">
|
|
<div class="row my-4">
|
|
<div class="col-lg-6 d-flex flex-column justify-content-center align-items-start">
|
|
<span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #e17055">Custom
|
|
Login</span>
|
|
<h2 class="mt-3">Minimal, Colorful Login Screen</h2>
|
|
<!-- <p class="lead text-muted mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente-->
|
|
<!-- esse dolores, fugit veritatis dicta ratione suscipit nulla, ipsa itaque perspiciatis natus tempore.</p>-->
|
|
<img src="./images/sign_in.png" class="img img-fluid deep-2 rounded">
|
|
</div>
|
|
|
|
<div class="col-lg-6 d-flex flex-column justify-content-center align-items-start">
|
|
<span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #e17055">Colored UI Elements</span>
|
|
<h2 class="mt-3">Discuss</h2>
|
|
<!-- <p class="lead text-muted mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente-->
|
|
<!-- esse dolores, fugit veritatis dicta ratione suscipit nulla, ipsa itaque perspiciatis natus tempore.</p>-->
|
|
<img src="./images/discuss.png" class="img img-fluid deep-2 rounded">
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- END OF TWO COLUMN SECTION-->
|
|
|
|
<!-- RESPONSIVE SECTION-->
|
|
<div class="container" style="margin: 6rem auto;">
|
|
<div class="row my-4">
|
|
<div class="col-lg-5 d-flex flex-column justify-content-center align-items-start">
|
|
<img src="./images/responsive.jpg" class="img img-fluid deep-2 rounded">
|
|
</div>
|
|
<div class="col-lg-7 d-flex flex-column justify-content-center">
|
|
<span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #e17055">Responsive
|
|
Layout</span>
|
|
<h2 class="mt-3">Truly Responsive</h2>
|
|
<!-- <p class="lead text-muted mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente-->
|
|
<!-- esse dolores, fugit veritatis dicta ratione suscipit nulla, ipsa itaque perspiciatis natus tempore.</p>-->
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- END OF RESPONSIVE SECTION-->
|
|
|
|
<!-- TWO COLUMN SECTION-->
|
|
<div class="container" style="margin: 6rem auto;">
|
|
<div class="row my-4">
|
|
<div class="col-lg-6 d-flex flex-column justify-content-center align-items-start">
|
|
<span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #e17055">Custom
|
|
App Drawer</span>
|
|
<h2 class="mt-3">Modified App Drawer</h2>
|
|
<!-- <p class="lead text-muted mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente-->
|
|
<!-- esse dolores, fugit veritatis dicta ratione suscipit nulla, ipsa itaque perspiciatis natus tempore.</p>-->
|
|
<img src="./images/app_search.png" class="img img-fluid deep-2 rounded">
|
|
</div>
|
|
|
|
<div class="col-lg-6 d-flex flex-column justify-content-center align-items-start">
|
|
<span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #e17055">Custom
|
|
Search Option</span>
|
|
<h2 class="mt-3">Advanced searching option for App menus.</h2>
|
|
<!-- <p class="lead text-muted mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente-->
|
|
<!-- esse dolores, fugit veritatis dicta ratione suscipit nulla, ipsa itaque perspiciatis natus tempore.</p>-->
|
|
<img src="./images/adv_search.png" class="img img-fluid deep-2 rounded">
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- END OF TWO COLUMN SECTION-->
|
|
|
|
<!-- RESPONSIVE SECTION-->
|
|
<div class="container" style="margin: 6rem auto;">
|
|
<div class="row my-4">
|
|
<div class="col-lg-5 d-flex flex-column justify-content-center align-items-start">
|
|
<img src="./images/date_picker.png" class="img img-fluid deep-2 rounded">
|
|
</div>
|
|
<div class="col-lg-7 d-flex flex-column justify-content-center">
|
|
<span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #e17055">Colored UI Elements</span>
|
|
<h2 class="mt-3">Custom Date Picker</h2>
|
|
<!-- <p class="lead text-muted mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente-->
|
|
<!-- esse dolores, fugit veritatis dicta ratione suscipit nulla, ipsa itaque perspiciatis natus tempore.</p>-->
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- END OF RESPONSIVE SECTION-->
|
|
|
|
<!-- TWO COLUMN SECTION-->
|
|
<div class="container" style="margin: 6rem auto;">
|
|
<div class="row my-4">
|
|
<div class="col-lg-6 d-flex flex-column justify-content-center align-items-start">
|
|
<span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #e17055">Colored UI Elements</span>
|
|
<h2 class="mt-3">Tree View</h2>
|
|
<!-- <p class="lead text-muted mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente-->
|
|
<!-- esse dolores, fugit veritatis dicta ratione suscipit nulla, ipsa itaque perspiciatis natus tempore.</p>-->
|
|
<img src="./images/tree_view1.png" class="img img-fluid deep-2 rounded">
|
|
</div>
|
|
|
|
<div class="col-lg-6 d-flex flex-column justify-content-center align-items-start">
|
|
<span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #e17055">Colored UI Elements</span>
|
|
<h2 class="mt-3">Form View</h2>
|
|
<!-- <p class="lead text-muted mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente-->
|
|
<!-- esse dolores, fugit veritatis dicta ratione suscipit nulla, ipsa itaque perspiciatis natus tempore.</p>-->
|
|
<img src="./images/form_view.png" class="img img-fluid deep-2 rounded">
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- END OF TWO COLUMN SECTION-->
|
|
|
|
|
|
|
|
<!-- OUR SERVICES -->
|
|
<!-- Our Services -->
|
|
<section class="oe_container" style="padding:2rem 3rem 1rem">
|
|
<!-- <h2 style="font-weight:600; text-align:center; margin-bottom:1rem; width:100%">Our Services</h2>
|
|
<hr
|
|
style="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;"> -->
|
|
<div class="row mt-4 position-relative" style="max-width:1540px; margin: 0 auto;">
|
|
<div class="col-lg-12 jumbotron text-white position-relative shadow-lg"
|
|
style="background: #E0EAFC; background: -webkit-linear-gradient(to right, #f1f5fb, #E0EAFC); background: linear-gradient(to right, #f1f5fb, #E0EAFC); background-size: cover; background-position: bottom; border-radius: 10px;">
|
|
<span class="badge badge-pill px-3 py-2 text-white shadow-sm font-weight-bold"
|
|
style="background-color: #377DFF;"><i class="fa fa-trophy mr-2"></i>Odoo Gold Partner</span>
|
|
<div class="row">
|
|
<div class="col-lg-6 mt-4">
|
|
<h1 class="text-dark">Our Services</h1>
|
|
<p class="lead text-dark">We provide following services</p>
|
|
<ul class="mt-4" style="list-style: none; padding: 0; line-height: 2.8; font-weight: 500;">
|
|
<li><a class="text-dark" href="https://www.cybrosys.com/odoo-customization-and-installation/"
|
|
style="color: white; text-decoration: none;" target="_blank"><i class="fa fa-cogs mr-2"
|
|
style="color: #377DFF; font-size: 1.5rem"></i>Odoo
|
|
Customization</a></li>
|
|
<li><a class="text-dark" href="https://www.cybrosys.com/odoo-erp-implementation/"
|
|
style="color: white; text-decoration: none;" target="_blank"><i class="fa fa-wrench mr-2"
|
|
style="color: #377DFF; font-size: 1.5rem"></i>Odoo
|
|
Implementation</a></li>
|
|
<li><a class="text-dark" href="https://www.cybrosys.com/odoo-erp-support/"
|
|
style="color: white; text-decoration: none;" target="_blank"><i class="fa fa-life-ring mr-2"
|
|
style="color: #377DFF; font-size: 1.5rem"></i>Odoo
|
|
Support</a></li>
|
|
<li><a class="text-dark" href="https://www.cybrosys.com/hire-odoo-developer/" style=text-decoration: none;"
|
|
target="_blank"><i class="fa fa-user mr-2" style="color: #377DFF; font-size: 1.5rem"></i>
|
|
Hire
|
|
Odoo Developers</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<img src="./images/trophy.png" width="45%" height="auto" alt="Odoo Gold Partner" class="position-absolute"
|
|
style="right: 0; bottom: 0;">
|
|
</div>
|
|
</section>
|
|
<!-- End of Our Services -->
|
|
<!-- END OF OUR SERVICES -->
|
|
|
|
<!-- Our Industries -->
|
|
<section class="container mt-4">
|
|
<div class="row" style="max-width:1540px; margin: 0 auto; ">
|
|
<div class="col-lg-12">
|
|
<h2 style="font-weight:600; text-align:center; margin-bottom:1rem; width:100%">Our
|
|
Industries</h2>
|
|
<hr
|
|
style="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;">
|
|
</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 shadow 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="./images/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 shadow 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="./images/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 shadow 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="./images/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 shadow 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="./images/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 shadow 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="./images/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 shadow 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="./images/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 shadow 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="./images/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 shadow 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="./images/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="oe_container" style="padding:2rem 3rem 1rem">
|
|
<div class="row" style="max-width:1540px; margin: 0 auto; ">
|
|
<div class="col-lg-12 mb-4">
|
|
<h2 style="font-weight:600; text-align:center; margin-bottom:1rem; width:100%">Need Help?</h2>
|
|
<hr
|
|
style="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;">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Contact Cards -->
|
|
<div class="row d-flex justify-content-center align-items-center" style="max-width:1540px; margin: 0 auto;">
|
|
<div class="col-lg-3 shadow 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 shadow 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 & 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>b
|
|
|
|
<div class="col-lg-3 shadow 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>
|