Browse Source

[UPDT] Index Updated 'support_package'

pull/168/head
Ajmal Cybro 4 years ago
parent
commit
9fb884a6a7
  1. BIN
      support_package/static/description/images/hero.gif
  2. 0
      support_package/static/description/images/support_1.png
  3. 0
      support_package/static/description/images/support_2.png
  4. 0
      support_package/static/description/images/support_3.png
  5. 0
      support_package/static/description/images/support_4.png
  6. 0
      support_package/static/description/images/support_5.png
  7. 0
      support_package/static/description/images/support_6.png
  8. 667
      support_package/static/description/index.html

BIN
support_package/static/description/images/hero.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

0
support_package/static/description/images/support_1.png

Before

Width:  |  Height:  |  Size: 64 KiB

After

Width:  |  Height:  |  Size: 64 KiB

0
support_package/static/description/images/support_2.png

Before

Width:  |  Height:  |  Size: 86 KiB

After

Width:  |  Height:  |  Size: 86 KiB

0
support_package/static/description/images/support_3.png

Before

Width:  |  Height:  |  Size: 105 KiB

After

Width:  |  Height:  |  Size: 105 KiB

0
support_package/static/description/images/support_4.png

Before

Width:  |  Height:  |  Size: 51 KiB

After

Width:  |  Height:  |  Size: 51 KiB

0
support_package/static/description/images/support_5.png

Before

Width:  |  Height:  |  Size: 43 KiB

After

Width:  |  Height:  |  Size: 43 KiB

0
support_package/static/description/images/support_6.png

Before

Width:  |  Height:  |  Size: 56 KiB

After

Width:  |  Height:  |  Size: 56 KiB

667
support_package/static/description/index.html

@ -1,79 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Support Package</title>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css"
integrity="sha512-P5MgMn1jBN01asBgU0z60Qk4QxiXo86+wlFahKrsQf37c9cro517WzVSPPV1tDKzhku2iJ2FVgL67wG03SGnNA=="
crossorigin="anonymous"/>
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
crossorigin="anonymous"/>
</head>
<!-- COLORS
red-bg: #FFECEF;
green-bg: #E4FEEE;
blue-bg: #F4F4FF;
tab-title-bg: #edf2f7
jumbotron-bg: #192a56
brand-color: #b22126
yellow-pill: #f6b93b
red-text: #F66170;
green-text: #51A26E;
blue-text: #2765FC;
grey-text: #757575;
tab-title-text: #162635;
-->
<body>
<div class="oe_styling_v8"> <div class="oe_styling_v8">
<section class="oe_container" <section class="oe_container" style="font-family: Roboto, 'sans-serif'; padding:2rem 3rem 1rem">
style="font-family: Roboto, 'sans-serif'; padding:2rem 3rem 1rem"> <div class="row" style="max-width:1540px; margin:0 auto;">
<div class="row shadow-lg"
style="max-width:1540px; margin:0 auto; border-radius: 10px;">
<!-- LEFT HERO --> <!-- LEFT HERO -->
<div class="col-lg-7" <div class="col-lg-7" style="margin-top: 0rem; padding: 3rem 2.5rem; ">
style="margin-top: 0rem; padding: 3rem 2.5rem; ">
<div style="width: 200px;"> <div style="width: 200px;">
<img src="https://www.cybrosys.com/images/logo.png" <img src="https://www.cybrosys.com/images/logo.png" width="150px" height="auto" />
width="150px" height="auto"/>
</div> </div>
<h1 class="mt-4" <h1 class="mt-4" style="font-family: Montserrat, 'sans-serif' ; font-weight: bold;">
style="font-family: Montserrat, 'sans-serif' ; font-weight: bold;">
Support Package Management</h1> Support Package Management</h1>
<p class="lead" <p class="lead" style="font-weight: 500; line-height: 1.5; color: #757575">
style="font-weight: 500; line-height: 1.5; color: #757575">
Support Service and Package Management Module. Support Service and Package Management Module.
</p> </p>
<span class="badge px-3 py-2 depth-1" <span class="badge px-3 py-2 depth-1"
style="background-color: #FFECEF; color: #F66170; font-weight: bold; border-radius: 1rem;"><i style="background-color: #FFECEF; color: #F66170; font-weight: bold; border-radius: 1rem;"><i
class="fa fa-star mr-2"></i>Key Highlights</span> class="fa fa-star mr-2"></i>Key Highlights</span>
<!-- FEATURES --> <!-- FEATURES -->
<hr class="mt-4" <hr class="mt-4"
style="background: linear-gradient(to right, #e5e5e5, transparent); height: 2px; border-style: none;"> style="background: linear-gradient(to right, #e5e5e5, transparent); height: 2px; border-style: none;">
<div class="row"> <div class="row" style="padding-left: 1rem;">
<!-- FEATURE COLUMN LEFT --> <!-- FEATURE COLUMN LEFT -->
<ul style="list-style: none; padding: 0; font-weight: 500; line-height: 2;"> <p style="font-weight: 500;"><i class="fa fa-check-circle mr-2" style="color: #1abc9c;"></i>Easy
<li><i class="fa fa-check-circle mr-2" to create, monitor and manage support service.
style="color: #1abc9c;"></i>Easy to create, monitor and manage support service. </p>
</li> <p style="font-weight: 500;"><i class="fa fa-check-circle mr-2"
<li><i class="fa fa-check-circle mr-2" style="color: #1abc9c;"></i>Management of customers are similar to project management.
style="color: #1abc9c;"></i>Management of customers are similar to project management. </p>
</li> <p style="font-weight: 500;"><i class="fa fa-check-circle mr-2" style="color: #1abc9c;"></i>Can
<li><i class="fa fa-check-circle mr-2" reuse packages with the help of templates.
style="color: #1abc9c;"></i>Can reuse packages with the help of templates. </p>
</li> <p style="font-weight: 500;"><i class="fa fa-check-circle mr-2" style="color: #1abc9c;"></i>Renewal
<li><i class="fa fa-check-circle mr-2" badge appears ones end date is closer or number of
style="color: #1abc9c;"></i>Renewal badge appears ones end date is closer or number of tickets remaining is very less.
tickets remaining is very less. </p>
</li>
</ul>
</div> </div>
<hr class="mt-4" <hr class="mt-4"
style="background: linear-gradient(to right, #e5e5e5, transparent); height: 2px; border-style: none;"> style="background: linear-gradient(to right, #e5e5e5, transparent); height: 2px; border-style: none;">
@ -81,33 +39,28 @@
</div> </div>
<!-- END OF LEFT HERO --> <!-- END OF LEFT HERO -->
<!-- RIGHT HERO --> <!-- RIGHT HERO -->
<div class="col-lg-5 d-flex align-items-center" <div class="col-lg-5 d-flex align-items-center">
style="border-radius: 0px 10px 10px 0px; background-image: url('images/res_branch.png'); background-repeat: no-repeat; background-size: cover;"> <img src="./images/hero.gif">
</div> </div>
<!-- END OF RIGHT HERO --> <!-- END OF RIGHT HERO -->
</div> </div>
<section class="oe_container" style="margin-top: 4rem;"> <section class="oe_container" style="margin-top: 4rem;">
<div class="row" <div class="row" style="max-width:1540px; margin:0 auto; padding-bottom:64px;">
style="max-width:1540px; margin:0 auto; padding-bottom:64px;">
<div class="col-lg-12"> <div class="col-lg-12">
<!-- TAB LIST --> <!-- TAB LIST -->
<ul class="nav nav-tabs d-flex justify-content-center" <ul class="nav nav-tabs d-flex justify-content-center" role="tablist"
role="tablist"
style="background-color:unset; margin:0 auto;"> style="background-color:unset; margin:0 auto;">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link active" style="color: #000;" <a class="nav-link active" style="color: #F66170;" data-toggle="tab" href="#tabs-1"
data-toggle="tab" href="#tabs-1" role="tab"><i class="fa fa-pie-chart mr-2"></i>Overview</a>
role="tab"><i class="fa fa-pie-chart mr-2"></i>Overview</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" style="color: #000;" <a class="nav-link" style="color: #F66170;" data-toggle="tab" href="#tabs-3" role="tab"><i
data-toggle="tab" href="#tabs-3" role="tab"><i
class="fa fa-star mr-2"></i>Features</a> class="fa fa-star mr-2"></i>Features</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" style="color: #000;" <a class="nav-link" style="color: #F66170;" data-toggle="tab" href="#tabs-4" role="tab"><i
data-toggle="tab" href="#tabs-4" role="tab"><i
class="fa fa-picture-o mr-2"></i>Screenshots</a> class="fa fa-picture-o mr-2"></i>Screenshots</a>
</li> </li>
</ul> </ul>
@ -115,8 +68,7 @@
<div class="col-lg-12"> <div class="col-lg-12">
<!-- Tab panes --> <!-- Tab panes -->
<div class="tab-content" style="padding: 2rem;"> <div class="tab-content" style="padding: 2rem;">
<div class="tab-pane active" id="tabs-1" <div class="tab-pane active" id="tabs-1" role="tabpanel">
role="tabpanel">
<h3 class="text-center rounded px-3 py-2 mb-4" <h3 class="text-center rounded px-3 py-2 mb-4"
style="background-color:#edf2f7; color: #162635; font-family: Roboto, 'sans-serif'; font-weight: bold;"> style="background-color:#edf2f7; color: #162635; font-family: Roboto, 'sans-serif'; font-weight: bold;">
Overview</h3> Overview</h3>
@ -131,126 +83,122 @@
<h3 class="text-center rounded px-3 py-2 mb-4" <h3 class="text-center rounded px-3 py-2 mb-4"
style="background-color:#edf2f7; color: #162635; font-family: Roboto, 'sans-serif'; font-weight: bold;"> style="background-color:#edf2f7; color: #162635; font-family: Roboto, 'sans-serif'; font-weight: bold;">
Features</h3> Features</h3>
<ul style="max-width: 1200px;"> <p style="font-weight: 500;"><i class="fa fa-check-circle mr-2"
<li> style="color: #1abc9c;"></i>Easy to create, monitor and manage support service.
<h5 style="font-family: Roboto, 'sans-serif';"> </p>
Easy to create, monitor and manage support service. <p style="font-weight: 500;"><i class="fa fa-check-circle mr-2" style="color: #1abc9c;"></i>
</h5> Can reuse packages with the help of templates.
</li> </p>
<li> <p style="font-weight: 500;"><i class="fa fa-check-circle mr-2" style="color: #1abc9c;"></i>
<h5 style="font-family: Roboto, 'sans-serif';"> Renewal badge appears ones end date is closer or
Management of customers are similar to project management. number of tickets remaining is
</h5> very less.
</li> </p>
<li> <p style="font-weight: 500;"><i class="fa fa-check-circle mr-2" style="color: #1abc9c;"></i>
<h5 style="font-family: Roboto, 'sans-serif';"> Shows all the necessary information about a
Can reuse packages with the help of templates. customer in kanban view inside
</h5> each support package which makes it easy to monitor bulk amount of customers.
</li> </p>
<li>
<h5 style="font-family: Roboto, 'sans-serif';">
Renewal badge appears ones end date is closer or number of tickets remaining is
very less.
</h5>
</li>
<li>
<h5 style="font-family: Roboto, 'sans-serif';">
Shows all the necessary information about a customer in kanban view inside
each support package which makes it easy to monitor bulk amount of customers.
</h5>
</li>
</ul>
</div> </div>
<div class="tab-pane" id="tabs-4" role="tabpanel"> <div class="tab-pane" id="tabs-4" role="tabpanel">
<h3 class="text-center rounded px-3 py-2 mb-4" <h3 class="text-center rounded px-3 py-2 mb-4"
style="background-color:#edf2f7; color: #162635; font-family: Roboto, 'sans-serif'; font-weight: bold;"> style="background-color:#edf2f7; color: #162635; font-family: Roboto, 'sans-serif'; font-weight: bold;">
Screenshots</h3> Screenshots</h3>
<!-- CAROUSEL -->
<div id="slider" class="carousel slide"
data-ride="carousel">
<div class="carousel-inner">
<!-- Slide Items --> <section class="oe_container">
<div class="carousel-item active"> <div id="demo" class="row carousel slide mb32" data-ride="carousel">
<img src="images/support_1.png" <div class="carousel-inner">
alt="App Screenshot" width="1100" <div class="carousel-item active" style="min-height: 687.219px;">
height="500"> <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
<div class="carousel-caption text-white p-4 position-relative d-none d-md-block bg-dark mb-4" <h3 class="alert"
style="top:0; left:0;"> style="font-weight:400; color:#091E42; text-align:left; border-radius:0; font-size:18px">
<h3>Creating support packages</h3> <i class="fa fa-check-circle-o"
<p>Creating support packages with information like maximum number of style="width:40px; color:#07B700"></i>Creating support
tickets, packages with information like maximum number of tickets,
maximum duration of each ticket, validity of package, this will maximum duration of each ticket, validity of package, this will
automatically automatically create this package as a product
create this package as a product</p> </h3>
<div style=""> <img class="img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="./images/support_1.png">
</div>
</div>
</div> </div>
</div> <div class="carousel-item" style="min-height: 687.219px;">
<div class="carousel-item"> <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
<img src="images/support_2.png" <h3 class="alert"
alt="App Screenshot" width="1100" style="font-weight:400; color:#091E42; text-align:left; border-radius:0; font-size:18px">
height="500"> <i class="fa fa-check-circle-o"
<div class="carousel-caption text-white p-4 position-relative d-none d-md-block bg-dark mb-4" style="width:40px; color:#07B700"></i>Create sale order to
style="top:0; left:0;"> customer with required package as product, then the customer
<h3>Creating sale order</h3> will be created in support packages
<p>Create sale order to customer with required package as product, then the </h3>
customer <div style=""> <img class="img img-responsive center-block"
will be created in support packages</p> style="border-top-left-radius:10px; border-top-right-radius:10px"
src="./images/support_2.png">
</div>
</div>
</div> </div>
</div> <div class="carousel-item" style="min-height: 687.219px;">
<div class="carousel-item"> <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
<img src="images/support_3.png"
alt="App Screenshot" width="1100" <div style=""> <img class="img img-responsive center-block"
height="500"> style="border-top-left-radius:10px; border-top-right-radius:10px"
<div class="carousel-caption text-white p-4 position-relative d-none d-md-block bg-dark mb-4" src="./images/support_3.png">
style="top:0; left:0;"> </div>
</div>
</div> </div>
</div> <div class="carousel-item" style="min-height: 687.219px;">
<div class="carousel-item"> <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
<img src="images/support_4.png" <h3 class="alert"
alt="App Screenshot" width="1100" style="font-weight:400; color:#091E42; text-align:left; border-radius:0; font-size:18px">
height="500"> <i class="fa fa-check-circle-o"
<div class="carousel-caption text-white p-4 position-relative d-none d-md-block bg-dark mb-4" style="width:40px; color:#07B700"></i>Information shown
style="top:0; left:0;"> customer Kanban view
<h3>Information shown customer kanban view</h3> </h3>
<div style=""> <img class="img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="./images/support_4.png">
</div>
</div>
</div> </div>
</div> <div class="carousel-item" style="min-height: 687.219px;">
<div class="carousel-item"> <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
<img src="images/support_5.png" <h3 class="alert"
alt="App Screenshot" width="1100" style="font-weight:400; color:#091E42; text-align:left; border-radius:0; font-size:18px">
height="500"> <i class="fa fa-check-circle-o"
<div class="carousel-caption text-white p-4 position-relative d-none d-md-block bg-dark mb-4" style="width:40px; color:#07B700"></i>Report.
style="top:0; left:0;"> </h3>
<h3>Report</h3> <div style=""> <img class="img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="./images/support_5.png">
</div>
</div>
</div> </div>
</div> <div class="carousel-item" style="min-height: 687.219px;">
<div class="carousel-item"> <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
<img src="images/support_6.png" <h3 class="alert"
alt="App Screenshot" width="1100" style="font-weight:400; color:#091E42; text-align:left; border-radius:0; font-size:18px">
height="500"> <i class="fa fa-check-circle-o"
<div class="carousel-caption text-white p-4 position-relative d-none d-md-block bg-dark mb-4" style="width:40px; color:#07B700"></i>Can create templates
style="top:0; left:0;"> so that it helps in creating similar support packages.
<h3>Package Template</h3> </h3>
<p>Can create templates so that it helps in creating similar support <div style=""> <img class="img img-responsive center-block"
packages.</p> style="border-top-left-radius:10px; border-top-right-radius:10px"
src="./images/support_6.png">
</div>
</div>
</div> </div>
</div> </div>
<a class="carousel-control-prev" href="#demo" data-slide="prev"
<!-- End of Slide Items --> style="width:35px; color:#000"> <span class="carousel-control-prev-icon"><i
<!-- Slider control --> class="fa fa-chevron-left" style="font-size:24px"></i></span> </a>
<a class="carousel-control-prev" <a class="carousel-control-next" href="#demo" data-slide="next"
href="#slider" data-slide="prev"> style="width:35px; color:#000"> <span class="carousel-control-next-icon"><i
<i class="fa fa-chevron-right" style="font-size:24px"></i></span> </a>
class="fa fa-arrow-left bg-dark p-3 rounded d-flex justify-content-center align-items-center"></i>
</a>
<a class="carousel-control-next"
href="#slider" data-slide="next">
<i
class="fa fa-arrow-right bg-dark p-3 rounded d-flex justify-content-center align-items-center"></i>
</a>
<!-- End of Slider control -->
</div> </div>
<!-- END OF CAROUSEL --> </section>
</div>
</div> </div>
</div> </div>
<!-- END OF TAB LIST --> <!-- END OF TAB LIST -->
@ -258,160 +206,139 @@
</div> </div>
</section> </section>
<!-- Suggested Products --> <!-- Suggested Products -->
<section class="oe_container" <section class="oe_container" style="padding:2rem 3rem 1rem; max-width:1540px; margin: 0 auto; ">
style="padding:2rem 3rem 1rem; max-width:1540px; margin: 0 auto; ">
<h2 style="font-weight:600; text-align:center; margin-bottom:1rem; width:100%"> <h2 style="font-weight:600; text-align:center; margin-bottom:1rem; width:100%">
Suggested Products</h2> Suggested Products</h2>
<hr <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;"> 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 id="suggestedSlider" class="row carousel slide mt-4"
data-ride="carousel"> <div id="suggestedSlider" class="row carousel slide mt-4" data-ride="carousel">
<!-- The slideshow --> <!-- The slideshow -->
<div class="carousel-inner"> <div class="carousel-inner">
<div class="carousel-item" style="min-height: 191px;"> <div class="carousel-item" style="min-height: 191px;">
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
style="float:left"> <a href="https://apps.odoo.com/apps/modules/13.0/project_task_timer/" target="_blank">
<a href="https://apps.odoo.com/apps/modules/13.0/project_task_timer/"
target="_blank">
<div style="border-radius:10px"> <div style="border-radius:10px">
<img class="img img-responsive center-block" <img class="img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px" style="border-top-left-radius:10px; border-top-right-radius:10px"
src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_task_timer.png?ae168aa"> src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_task_timer.png?ae168aa">
</div> </div>
</a> </a>
</div> </div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
style="float:left"> <a href="https://apps.odoo.com/apps/modules/13.0/project_report_pdf/" target="_blank">
<a href="https://apps.odoo.com/apps/modules/13.0/project_report_pdf/"
target="_blank">
<div style="border-radius:10px"> <div style="border-radius:10px">
<img class="img img-responsive center-block" <img class="img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px" style="border-top-left-radius:10px; border-top-right-radius:10px"
src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_repo.png?ae168aa"> src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_repo.png?ae168aa">
</div> </div>
</a> </a>
</div> </div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
style="float:left"> <a href="https://apps.odoo.com/apps/modules/13.0/project_custom_gantt/" target="_blank">
<a href="https://apps.odoo.com/apps/modules/13.0/project_custom_gantt/"
target="_blank">
<div style="border-radius:10px"> <div style="border-radius:10px">
<img class="img img-responsive center-block" <img class="img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px" style="border-top-left-radius:10px; border-top-right-radius:10px"
src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_gantt.png?ae168aa"> src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_gantt.png?ae168aa">
</div> </div>
</a> </a>
</div> </div>
</div> </div>
<div class="carousel-item active" <div class="carousel-item active" style="min-height: 191px;">
style="min-height: 191px;"> <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" <a href="https://apps.odoo.com/apps/modules/12.0/project_task_timer/" target="_blank">
style="float:left">
<a href="https://apps.odoo.com/apps/modules/12.0/project_task_timer/"
target="_blank">
<div style="border-radius:10px"> <div style="border-radius:10px">
<img class="img img-responsive center-block" <img class="img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px" style="border-top-left-radius:10px; border-top-right-radius:10px"
src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/task_image.png?ae168aa"> src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/task_image.png?ae168aa">
</div> </div>
</a> </a>
</div> </div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
style="float:left"> <a href="https://apps.odoo.com/apps/modules/13.0/task_deadline_reminder/" target="_blank">
<a href="https://apps.odoo.com/apps/modules/13.0/task_deadline_reminder/"
target="_blank">
<div style="border-radius:10px"> <div style="border-radius:10px">
<img class="img img-responsive center-block" <img class="img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px" style="border-top-left-radius:10px; border-top-right-radius:10px"
src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/reminder.png?ae168aa"> src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/reminder.png?ae168aa">
</div> </div>
</a> </a>
</div> </div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
style="float:left"> <a href="https://apps.odoo.com/apps/modules/12.0/project_report_pdf/" target="_blank">
<a href="https://apps.odoo.com/apps/modules/12.0/project_report_pdf/"
target="_blank">
<div style="border-radius:10px"> <div style="border-radius:10px">
<img class="img img-responsive center-block" <img class="img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px" style="border-top-left-radius:10px; border-top-right-radius:10px"
src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_report.png?ae168aa"> src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_report.png?ae168aa">
</div> </div>
</a> </a>
</div> </div>
</div> </div>
</div> </div>
<!-- Left and right controls --> <!-- Left and right controls -->
<a class="carousel-control-prev" href="#suggestedSlider" <a class="carousel-control-prev" href="#suggestedSlider" data-slide="prev"
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"> style="width:35px; color:#000">
<span class="carousel-control-next-icon"><i <span class="carousel-control-prev-icon"><i class="fa fa-chevron-left"
class="fa fa-chevron-right" style="font-size:24px"></i></span> </a> <a class="carousel-control-next"
style="font-size:24px"></i></span> href="#suggestedSlider" data-slide="next" style="width:35px; color:#000">
</a> <span class="carousel-control-next-icon"><i class="fa fa-chevron-right"
style="font-size:24px"></i></span>
</a>
</div> </div>
</section> </section>
<!-- End of Suggested Products --> <!-- End of Suggested Products -->
<!-- Our Services --> <!-- Our Services -->
<section class="oe_container" style="padding:2rem 3rem 1rem"> <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> <!-- <h2 style="font-weight:600; text-align:center; margin-bottom:1rem; width:100%">Our Services</h2>
<hr <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;"> --> 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" <div class="row mt-4 position-relative" style="max-width:1540px; margin: 0 auto;">
style="max-width:1540px; margin: 0 auto;"> <div class="col-lg-12 jumbotron text-white position-relative"
<div class="col-lg-12 jumbotron text-white position-relative shadow-sm" 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;">
style="background-color: #b22126; background-image: url('./assets/arrows-transparent.png'); 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"
<span class="badge badge-pill px-3 py-2 text-dark shadow-sm font-weight-bold" style="background-color: #377DFF;"><i class="fa fa-trophy mr-2"></i>Odoo Gold Partner</span>
style="background-color: #f6b93b;"><i
class="fa fa-trophy mr-2"></i>Odoo Gold Partner</span>
<div class="row"> <div class="row">
<div class="col-lg-6 mt-4"> <div class="col-lg-12 mt-4">
<h1 style="font-family: Roboto, 'sans-serif'; color:#FFF;"> <h1 class="text-dark">Our Services</h1>
Our Services</h1> <p class="lead text-dark">We provide following services</p>
<p class="lead">We provide following services</p> <div class="row d-flex flex-row justify-content-start flex-wrap mt-4 pl-4">
<ul class="mt-4" <a class="text-dark"
style="list-style: none; padding: 0; line-height: 2.8; font-weight: 500;"> href="https://www.cybrosys.com/odoo-customization-and-installation/"
<li> style="color: white; text-decoration: none;" target="_blank">
<a href="https://www.cybrosys.com/odoo-customization-and-installation/" <div class="bg-white deep-2 d-flex flex-column justify-content-center align-items-center rounded"
style="color: white; text-decoration: none;" style="padding: 2rem; margin-right: 1rem; height: 150px; width: 150px;">
target="_blank"><i <i class="fa fa-cogs mr-2 mt-2" style="color: #377DFF; font-size: 3rem"></i>
class="fa fa-cogs mr-2" <h6 class="text-center mt-3" style="color: #000;">Odoo Customization</h6>
style="color: #f6b93b; font-size: 1.5rem"></i>Odoo </div>
Customization</a></li> </a>
<li> <a class="text-dark" href="https://www.cybrosys.com/odoo-erp-implementation/"
<a href="https://www.cybrosys.com/odoo-erp-implementation/" style="color: white; text-decoration: none;" target="_blank">
style="color: white; text-decoration: none;" <div class="bg-white deep-2 d-flex flex-column justify-content-center align-items-center rounded"
target="_blank"><i style="padding: 2rem; margin-right: 1rem; height: 150px; width: 150px;">
class="fa fa-wrench mr-2" <i class="fa fa-wrench mr-2 mt-2" style="color: #377DFF; font-size: 3rem"></i>
style="color: #f6b93b; font-size: 1.5rem"></i>Odoo <h6 class="text-center mt-3" style="color: #000;">Odoo Implementation</h6>
Implementation</a></li> </div>
<li> </a>
<a href="https://www.cybrosys.com/odoo-erp-support/" <a class="text-dark" href="https://www.cybrosys.com/odoo-erp-support/"
style="color: white; text-decoration: none;" style="color: white; text-decoration: none;" target="_blank">
target="_blank"><i <div class="bg-white deep-2 d-flex flex-column justify-content-center align-items-center rounded"
class="fa fa-life-ring mr-2" style="padding: 2rem; margin-right: 1rem; height: 150px; width: 150px;">
style="color: #f6b93b; font-size: 1.5rem"></i>Odoo <i class="fa fa-life-ring mr-2 mt-2"
Support</a></li> style="color: #377DFF; font-size: 3rem"></i>
<li> <h6 class="text-center mt-3" style="color: #000;">Odoo Support</h6>
<a href="https://www.cybrosys.com/hire-odoo-developer/" </div>
style="color: white; text-decoration: none;" </a>
target="_blank"><i <a class="text-dark" href="https://www.cybrosys.com/hire-odoo-developer/"
class="fa fa-user mr-2" style="text-decoration: none;" target="_blank">
style="color: #f6b93b; font-size: 1.5rem"></i> <div class="bg-white deep-2 d-flex flex-column justify-content-center align-items-center rounded"
Hire style="padding: 2rem; margin-right: 1rem; height: 150px; width: 150px;">
Odoo Developers</a></li> <i class="fa fa-user mr-2 mt-2" style="color: #377DFF; font-size: 3rem"></i>
</ul> <h6 class="text-center mt-3" style="color: #000;">Hire Odoo Developers</h6>
</div>
</a>
</div>
</div> </div>
</div> </div>
</div> </div>
<img src="./assets/trophy.png" width="50%"
height="auto" alt="Odoo Gold Partner"
class="position-absolute" style="right: 0; bottom: 0;">
</div> </div>
</section> </section>
<!-- End of Our Services --> <!-- End of Our Services -->
@ -423,18 +350,15 @@
Our Our
Industries</h2> Industries</h2>
<hr <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;"> 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>
<div class="row mt-4 position-relative" <div class="row mt-4 position-relative" style="max-width:1540px; margin: 0 auto;">
style="max-width:1540px; margin: 0 auto;">
<!-- Left Column --> <!-- Left Column -->
<div class="col-lg-6"> <div class="col-lg-6">
<div class="bg-white shadow px-4 py-3 mb-3" <div class="bg-white shadow px-4 py-3 mb-3" style="border-radius: 10px;">
style="border-radius: 10px;"> <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank"
<a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" class="text-dark" style="text-decoration: none;">
target="_blank"
class="text-dark" style="text-decoration: none;">
<div class="row"> <div class="row">
<div class="col-lg-3 no-gutters"> <div class="col-lg-3 no-gutters">
<img src="./assets/icons/trading.png"> <img src="./assets/icons/trading.png">
@ -449,11 +373,9 @@
</a> </a>
</div> </div>
<div class="bg-white shadow px-4 py-3 my-3" <div class="bg-white shadow px-4 py-3 my-3" style="border-radius: 10px;">
style="border-radius: 10px;"> <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank"
<a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" class="text-dark" style="text-decoration: none;">
target="_blank" class="text-dark"
style="text-decoration: none;">
<div class="row"> <div class="row">
<div class="col-lg-3 no-gutters"> <div class="col-lg-3 no-gutters">
<img src="./assets/icons/education.png"> <img src="./assets/icons/education.png">
@ -470,11 +392,9 @@
</a> </a>
</div> </div>
<div class="bg-white shadow px-4 py-3 my-3" <div class="bg-white shadow px-4 py-3 my-3" style="border-radius: 10px;">
style="border-radius: 10px;">
<a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/"
target="_blank" class="text-dark" target="_blank" class="text-dark" style="text-decoration: none;">
style="text-decoration: none;">
<div class="row"> <div class="row">
<div class="col-lg-3 no-gutters"> <div class="col-lg-3 no-gutters">
<img src="./assets/icons/manufacturing.png"> <img src="./assets/icons/manufacturing.png">
@ -489,11 +409,9 @@
</a> </a>
</div> </div>
<div class="bg-white shadow px-4 py-3 my-3" <div class="bg-white shadow px-4 py-3 my-3" style="border-radius: 10px;">
style="border-radius: 10px;"> <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank"
<a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" class="text-dark" style="text-decoration: none;">
target="_blank"
class="text-dark" style="text-decoration: none;">
<div class="row"> <div class="row">
<div class="col-lg-3 no-gutters"> <div class="col-lg-3 no-gutters">
<img src="./assets/icons/ecom.png"> <img src="./assets/icons/ecom.png">
@ -514,11 +432,9 @@
<!-- Right Column --> <!-- Right Column -->
<div class="col-lg-6"> <div class="col-lg-6">
<div class="bg-white shadow px-4 py-3 mb-3" <div class="bg-white shadow px-4 py-3 mb-3" style="border-radius: 10px;">
style="border-radius: 10px;"> <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank" class="text-dark"
<a href="https://www.cybrosys.com/odoo/industries/pos/" style="text-decoration: none;">
target="_blank"
class="text-dark" style="text-decoration: none;">
<div class="row"> <div class="row">
<div class="col-lg-3 no-gutters"> <div class="col-lg-3 no-gutters">
<img src="./assets/icons/pos.png"> <img src="./assets/icons/pos.png">
@ -535,11 +451,9 @@
</div> </div>
<div class="bg-white shadow px-4 py-3 my-3" <div class="bg-white shadow px-4 py-3 my-3" style="border-radius: 10px;">
style="border-radius: 10px;"> <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank"
<a href="https://www.cybrosys.com/odoo/industries/service-management/" class="text-dark" style="text-decoration: none;">
target="_blank"
class="text-dark" style="text-decoration: none;">
<div class="row"> <div class="row">
<div class="col-lg-3 no-gutters"> <div class="col-lg-3 no-gutters">
<img src="./assets/icons/service.png"> <img src="./assets/icons/service.png">
@ -555,11 +469,9 @@
</a> </a>
</div> </div>
<div class="bg-white shadow px-4 py-3 my-3" <div class="bg-white shadow px-4 py-3 my-3" style="border-radius: 10px;">
style="border-radius: 10px;"> <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank"
<a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" class="text-dark" style="text-decoration: none;">
target="_blank" class="text-dark"
style="text-decoration: none;">
<div class="row"> <div class="row">
<div class="col-lg-3 no-gutters"> <div class="col-lg-3 no-gutters">
<img src="./assets/icons/restaurant.png"> <img src="./assets/icons/restaurant.png">
@ -574,11 +486,9 @@
</a> </a>
</div> </div>
<div class="bg-white shadow px-4 py-3 my-3" <div class="bg-white shadow px-4 py-3 my-3" style="border-radius: 10px;">
style="border-radius: 10px;"> <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank"
<a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" class="text-dark" style="text-decoration: none;">
target="_blank"
class="text-dark" style="text-decoration: none;">
<div class="row"> <div class="row">
<div class="col-lg-3 no-gutters"> <div class="col-lg-3 no-gutters">
<img src="./assets/icons/hotel.png"> <img src="./assets/icons/hotel.png">
@ -607,70 +517,59 @@
<h2 style="font-weight:600; text-align:center; margin-bottom:1rem; width:100%"> <h2 style="font-weight:600; text-align:center; margin-bottom:1rem; width:100%">
Need Help?</h2> Need Help?</h2>
<hr <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;"> 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>
</div> </div>
<!-- Contact Cards --> <!-- Contact Cards -->
<div class="row d-flex justify-content-center align-items-center" <div class="row d-flex justify-content-center align-items-center" style="max-width:1540px; margin: 0 auto;">
style="max-width:1540px; margin: 0 auto;">
<div class="col-lg-3 shadow mt-2" <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;"> style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem; border-top: 7px solid #546E7A; height: 300px;">
<h5 class="font-weight-bold" <h5 class="font-weight-bold" style="font-family: Roboto, 'sans-serif';">Visit us</h5>
style="font-family: Roboto, 'sans-serif';">Visit us</h5>
<p class="mb-4" style="color: #808e9b; font-size: 0.9rem;"> <p class="mb-4" style="color: #808e9b; font-size: 0.9rem;">
Visit our website for more Visit our website for more
information.</p> information.</p>
<a href="https://cybrosys.com" target="_blank" <a href="https://cybrosys.com" target="_blank" class="btn btn-block mb-2 deep_hover"
class="btn btn-block mb-2 deep_hover" style="text-decoration: none; background-color: #546E7A; color: #FFF; border-radius: 4px;">www.cybrosys.com</a>
style="text-decoration: none; background-color: #546E7A; color: #FFF; border-radius: 4px;">www.cybrosys.com</a>
</div> </div>
<div class="col-lg-3 shadow mt-2" <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;"> style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem; border-top: 7px solid #b22126; height: 330px;">
<h5 class="font-weight-bold" <h5 class="font-weight-bold" style="font-family: Roboto, 'sans-serif';">Write to
style="font-family: Roboto, 'sans-serif';">Write to
us</h5> us</h5>
<p class="mb-4" style="color: #808e9b; font-size: 0.9rem;"> <p class="mb-4" style="color: #808e9b; font-size: 0.9rem;">
Do you have any queries regarding our Do you have any queries regarding our
products &amp; services? Let us know.</p> products &amp; services? Let us know.</p>
<a href="mailto:odoo@cybrosys.com" target="_blank" <a href="mailto:odoo@cybrosys.com" target="_blank" class="btn btn-block mb-2 deep_hover"
class="btn btn-block mb-2 deep_hover" style="text-decoration: none; background-color: #b22126; color: #FFF; border-radius: 4px;">odoo@cybrosys.com</a>
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"
<a href="mailto:info@cybrosys.com" target="_blank" style="text-decoration: none; background-color: #b22126; color: #FFF; border-radius: 4px;">info@cybrosys.com</a>
class="btn btn-block deep_hover"
style="text-decoration: none; background-color: #b22126; color: #FFF; border-radius: 4px;">info@cybrosys.com</a>
</div> </div>
b
<div class="col-lg-3 shadow mt-2" <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;"> style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem; border-top: 7px solid #546E7A; height: 300px;">
<h5 class="font-weight-bold" <h5 class="font-weight-bold" style="font-family: Roboto, 'sans-serif';">Follow
style="font-family: Roboto, 'sans-serif';">Follow
Us</h5> Us</h5>
<p class="mb-4" style="color: #808e9b; font-size: 0.9rem;"> <p class="mb-4" style="color: #808e9b; font-size: 0.9rem;">
Follow us on social media for latest Follow us on social media for latest
updates.</p> updates.</p>
<div class="d-flex justify-content-begin align-items-center"> <div class="d-flex justify-content-begin align-items-center">
<a href="https://www.facebook.com/cybrosystechnologies" <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"
target="_blank" class="btn mb-2 mr-2 deep_hover d-flex justify-content-center align-items-center"
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
style="text-decoration: none; background-color:#3b5998; color: #fff; height: 35px; width: 35px; border-radius: 4px;"><i
class="fa fa-facebook"></i></a> class="fa fa-facebook"></i></a>
<a href="https://twitter.com/cybrosys" target="_blank" <a href="https://twitter.com/cybrosys" target="_blank"
class="btn mb-2 mr-2 deep_hover d-flex justify-content-center align-items-center" 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 style="text-decoration: none; background-color:#00acee ; color: #fff ; height: 35px; width: 35px; border-radius: 4px;"><i
class="fa fa-twitter"></i></a> class="fa fa-twitter"></i></a>
<a href="https://www.youtube.com/channel/UCKjWLm7iCyOYINVspCSanjg" <a href="https://www.youtube.com/channel/UCKjWLm7iCyOYINVspCSanjg" target="_blank"
target="_blank" class="btn mb-2 mr-2 deep_hover d-flex justify-content-center align-items-center"
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
style="text-decoration: none; background-color:#FF0000 ; color: #fff ; height: 35px; width: 35px; border-radius: 4px;"><i
class="fa fa-play"></i></a> class="fa fa-play"></i></a>
<a href="https://medium.com/cybrosys" target="_blank" <a href="https://medium.com/cybrosys" target="_blank"
class="btn mb-2 deep_hover d-flex justify-content-center align-items-center" 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 style="text-decoration: none; background-color:#000 ; color: #fff ; height: 35px; width: 35px; border-radius: 4px;"><i
class="fa fa-medium"></i></a> class="fa fa-medium"></i></a>
</div> </div>
@ -679,30 +578,20 @@
</div> </div>
</section> </section>
</section> </section>
</div>
<!-- Footer --> <!-- Footer -->
<section class="oe_container" style="padding:2rem 3rem 1rem;"> <section class="oe_container" style="padding:2rem 3rem 1rem;">
<div class="row" <div class="row" style="max-width:1540px; margin: 0 auto; margin-right: 3rem; ">
style="max-width:1540px; margin: 0 auto; margin-right: 3rem; "> <!-- Logo -->
<!-- Logo --> <div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin-top: 4rem;">
<div class="col-lg-12 d-flex justify-content-center align-items-center" <img src="https://www.cybrosys.com/images/logo.png" width="200px" height="auto" />
style="margin-top: 4rem;"> </div>
<img src="https://www.cybrosys.com/images/logo.png" width="200px" <!-- End of Logo -->
height="auto"/> <div class="col-lg-12" style="margin-top: 2rem;">
</div> <hr
<!-- 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;"> 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 --> <!-- End of Footer Section -->
</div>
</div> </div>
</div> </section>
</section> </div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.bundle.min.js"
integrity="sha512-wV7Yj1alIZDqZFCUQJy85VN+qvEIly93fIQAN7iqDFCPEucLCeNFz4r35FCo9s6WrpdDQPi80xbljXB8Bjtvcg=="
crossorigin="anonymous"></script>
</body>
</html>
Loading…
Cancel
Save