AjmalCybro
2 years ago
39 changed files with 614 additions and 152 deletions
|
After Width: | Height: | Size: 512 KiB |
|
Before Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 7.2 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 244 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 944 KiB |
|
After Width: | Height: | Size: 53 KiB |
|
After Width: | Height: | Size: 62 KiB |
|
After Width: | Height: | Size: 462 KiB |
|
After Width: | Height: | Size: 202 KiB |
|
Before Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 9.5 KiB |
|
Before Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 149 KiB |
|
After Width: | Height: | Size: 843 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 899 B |
|
After Width: | Height: | Size: 848 B |
|
After Width: | Height: | Size: 936 B |
|
After Width: | Height: | Size: 1001 B |
|
After Width: | Height: | Size: 9.5 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 3.5 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 77 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 14 KiB |
@ -1,152 +1,614 @@ |
|||||
<!-- Hero Section --> |
<!DOCTYPE html> |
||||
<div class="container pt-4 mt-4 rounded" style="background-color: #f0f2f4; font-family: Montserrat, 'sans-serif';"> |
<head> |
||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" |
||||
|
integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous"> |
||||
|
</head> |
||||
|
<body> |
||||
|
<div class="position-relative py-3"> |
||||
|
<div class="position-absolute d-none d-lg-block" |
||||
|
style="background-color:#fcfcf5; width:100vw; height:100%; margin-left:calc((1080px - 100vw) / 2); margin-top:-30px"> |
||||
|
</div> |
||||
|
<div class=" pt-4 float-left w-100" style="background-color: #fcfcf5;"> |
||||
|
<div class="container"> |
||||
<div class="row"> |
<div class="row"> |
||||
<div class="col-lg-12 mb-4"> |
<div class="col-lg-6"> |
||||
<img src="images/Cybrosys.png" alt="Cybrosys Logo" style="width: 120px; height: auto;"> |
<div class="text-left logo-cybro"> |
||||
<hr style="border-color: #e1e5e9;" /> |
<a class="" href="#"> |
||||
|
<img src="images/logo-cybro.png"/> |
||||
|
</a> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!--- closed section-top-menu ---> |
||||
|
<div class=" pt-5 w-100 float-left"> |
||||
|
<div class="text-center"> |
||||
|
<img src="images/banner-content-text.png"/> |
||||
|
</div> |
||||
|
<div class="text-center mt-5 pt-5" style="background-color: #fcfcf5;"> |
||||
|
<img style="width:80%;" src="images/hero.png"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!--- closed section-banner-img ---> |
||||
|
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fcfcf5;"> |
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-6"> |
||||
|
<h3 class="text-uppercase float-left font-weight-bold" |
||||
|
style="color:#cc2300; font-size:24px;">Blast</h3> |
||||
|
<div class="w-50 float-left text-center" |
||||
|
style="margin-left:14px;"><img class="w-100" |
||||
|
src="images/arrow-black.png"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-6"> |
||||
|
<ul class="pl-0"> |
||||
|
<li style="list-style:none; font-size:24px;">Website |
||||
|
Design |
||||
|
</li> |
||||
|
<li style="list-style:none; font-size:24px;">UI/UX</li> |
||||
|
<li style="list-style:none; font-size:24px;"> |
||||
|
Snippets |
||||
|
</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!--- closed section-level-up ---> |
||||
|
<div class=" float-left w-100 mt-5 pt-4" style="background-color: #fcfcf5;"> |
||||
|
<div class="container"> |
||||
<div class="row"> |
<div class="row"> |
||||
<div class="col-lg-12 text-center"> |
<div class="col-lg-12"> |
||||
<img src="images/hero.png" width=60% height="auto" class="mb-4" alt="Theme Screenshot"> |
<h3 class="text-uppercase font-weight-bold " |
||||
|
style="font-size:149px; color:#000;">Why Blast?</br> |
||||
|
</h3> |
||||
</div> |
</div> |
||||
<div class="col-lg-12 text-center"> |
<div class="col-lg-8"> |
||||
<h1 class="mt-4">Theme Blast</h1> |
<p class="text-dark" style="padding-right:0px;"> |
||||
<p class="lead" style="max-width: 700px; margin: 0 auto;"> |
Theme Blast |
||||
Blast is a popular attractive and unique front end theme mainly suitable for eCommerce website. Many custom |
was created by Cybrosys Technology Solutions. |
||||
designed snippets facilitates to add better user experience. Contains best deals with countdown, best products |
This theme makes the website more unique and attractive through its style and custom-designed |
||||
slider, testimonial slider that are configured from the backend. |
snippets, |
||||
|
mainly suitable for eCommerce websites. |
||||
</p> |
</p> |
||||
|
<p class="text-dark" style="padding-right:0px;"> |
||||
|
Provides Structural snippets like Features, Subscribe, Choose , Cards, Banner and |
||||
|
Dynamic content snippets configured from the backend like Asked Questions, Best Deals, Best |
||||
|
Products, Testimonial |
||||
|
</p> |
||||
|
|
||||
|
</div> |
||||
|
<div class="container"> |
||||
|
<div class="row mt-4"> |
||||
|
<div class="col-lg-6 text-left"> |
||||
|
<div class=" position-relative"> |
||||
|
<img class="w-100" |
||||
|
src="images/laptop-screenshots.jpg"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-6 text-left"> |
||||
|
<div class=" position-relative"> |
||||
|
<img class="w-100" |
||||
|
src="images/phone-screenshots.jpg"/> |
||||
|
</div> |
||||
|
</div> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- closed section-content-area --> |
||||
|
<div class=" float-left w-100" style="background-color: #fcfcf5;"> |
||||
|
<div class="container"> |
||||
<div class="row"> |
<div class="row"> |
||||
<div class="col-lg-12 text-center p-4"> |
<div class="col-lg-12"> |
||||
<a href="#" class="btn btn-primary m-2 px-4 py-3 shadow-sm" style=" |
<h3 class="text-uppercase pt-5 mt-5 text-dark font-weight-bold"> |
||||
background-color: #b22126; |
Key features |
||||
border-style: none; |
</h3> |
||||
border-radius: 4em; |
<hr style="border-top:3px solid #F16868; width:7%;" |
||||
font-weight: bold; |
class=" float-left mt-0"> |
||||
"><i class="fa fa-desktop mr-2"></i>Live Demo</a> |
</div> |
||||
<a href="#" class="btn btn-primary m-2 px-4 py-3 shadow-sm" style=" |
<div class="col-lg-6"> |
||||
background-color: #576574; |
<div class="key-features-1 mt-4 p-3" |
||||
border-style: none; |
style="background-color:#FDD57C; border:3px solid #000; border-radius:14px;"> |
||||
border-radius: 4em; |
<div class="w-100 float-left pb-3"> |
||||
font-weight: bold; |
<i><img src="images/icon-design.png"/> </i> |
||||
"><i class="fa fa-download mr-2"></i>Download</a> |
<span class="pl-2" |
||||
</div> |
style="font-size:22px;">Design</span> |
||||
</div> |
</div> |
||||
<!-- End of Hero Section --> |
<p class="pt-4" |
||||
<!-- Second Section --> |
style="font-size:20px; line-height:34px;">Unique and Attractive custom-designed snippets. |
||||
<div class="row p-4"> |
|
||||
<div class="col-lg-6 px-4" style="margin-top: 100px;"> |
|
||||
<h2>Desktop View</h2> |
|
||||
<p class="lead"> |
|
||||
It is easy to customize and use. Just drag and drop the building blocks to make attractive webpages. |
|
||||
</p> |
</p> |
||||
</div> |
</div> |
||||
<div class="col-lg-6 px-4"> |
</div> |
||||
<img style="border-radius: 0.5em;" src="images/laptop-screenshots.jpg" width="90%" height="auto" |
<div class="col-lg-6"> |
||||
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
<div class=" p-3 mt-4" |
||||
|
style="background-color:#E0FBAD; border:3px solid #000; border-radius:14px;"> |
||||
|
<div class="w-100 float-left pb-3"> |
||||
|
<i><img src="images/icon-Fast-loading-times.png"/> |
||||
|
</i> |
||||
|
<span class="pl-2" style="font-size:22px;">Fast loading times</span> |
||||
|
</div> |
||||
|
<p class="pt-4" |
||||
|
style="font-size:20px; line-height:34px;">This theme |
||||
|
loads all of its features more quickly than other |
||||
|
designs. |
||||
|
</p> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
<!-- End of Second Section --> |
<div class="col-lg-6"> |
||||
<!-- Third Section --> |
<div class=" p-3 mt-4" |
||||
<div class="row p-4"> |
style="background-color:#D1DFE7; border:3px solid #000; border-radius:14px;"> |
||||
<div class="col-lg-6 px-4"> |
<div class="w-100 float-left pb-3"> |
||||
<img style="border-radius: 0.5em;" src="images/phone-screenshots.jpg" width="90%" height="auto" |
<i><img src="images/icon-Responsive-design.png"/> |
||||
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
</i> |
||||
|
<span class="pl-2" style="font-size:22px;">Responsive Design</span> |
||||
</div> |
</div> |
||||
<div class="col-lg-6 px-4" style="margin-top: 100px;"> |
<p class="pt-4" |
||||
<h2>Mobile View</h2> |
style="font-size:20px; line-height:34px;">Different |
||||
<p class="lead"> |
resolution devices can be used by users to watch |
||||
User friendly and modern looking makes your page more Stylist And Beautiful. |
websites. |
||||
</p> |
</p> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
<!-- End of Third Section --> |
<div class="col-lg-6"> |
||||
|
<div class=" p-3 mt-4" |
||||
<!-- Feature Tiles --> |
style="background-color:#FED1E5; border:3px solid #000; border-radius:14px;"> |
||||
<div class="row mt-4"> |
<div class="w-100 float-left pb-3"> |
||||
<div class="col-lg-12 text-center"> |
<i><img src="images/icon-One-Click-Installation.png"/> |
||||
<h2>Features</h2> |
</i> |
||||
<hr style=" border: 2px solid #b22126; margin-top: 2px;" width="40px"> |
<span class="pl-2" style="font-size:22px;">One Click Installation</span> |
||||
</div> |
</div> |
||||
|
<p class="pt-4" |
||||
|
style="font-size:20px; line-height:34px;">This mode |
||||
|
is significantly easier than others because Odoo |
||||
|
makes One Click Installation feasible. |
||||
|
</p> |
||||
</div> |
</div> |
||||
<div class="row p-4" style="margin: 0 6%;"> |
|
||||
<div class="col-lg-3 bg-white shadow-sm p-4 mb-4 mr-4" |
|
||||
style="border-radius: 0.5em; min-width: 200px; max-width: 200px;"> |
|
||||
<i class="fa fa-tablet mb-2" style="font-size: 2em; margin: 0 40%;"></i> |
|
||||
<h5 class="text-center" style="margin: 0 5%;">Responsive</h5> |
|
||||
</div> |
</div> |
||||
|
|
||||
<div class="col-lg-3 bg-white shadow-sm p-4 mb-4 mr-4" |
|
||||
style="border-radius: 0.5em; min-width: 200px; max-width: 200px;"> |
|
||||
<i class="fa fa-magic mb-2" style="font-size: 2em; margin: 0 40%;"></i> |
|
||||
<h5 class="text-center" style="margin: 0 5%;">Modern</h5> |
|
||||
</div> |
</div> |
||||
|
|
||||
<div class="col-lg-3 bg-white shadow-sm p-4 mb-4 mr-4" |
|
||||
style="border-radius: 0.5em; min-width: 200px; max-width: 200px;"> |
|
||||
<i class="fa fa-shopping-cart mb-2" style="font-size: 2em; margin: 0 40%;"></i> |
|
||||
<h5 class="text-center" style="margin: 0 5%;">E-com Ready</h5> |
|
||||
</div> |
</div> |
||||
|
</div> |
||||
<div class="col-lg-3 bg-white mb-4 mr-4 shadow-sm p-4" |
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fcfcf5;"> |
||||
style="border-radius: 0.5em; min-width: 200px; max-width: 200px;"> |
<div class="container"> |
||||
<i class="fa fa-arrow-circle-o-right mb-2" style="font-size: 2em; margin: 0 40%;"></i> |
<div class="row"> |
||||
<h5 class="text-center" style="margin: 0 4%;">Built-in Slider</h5> |
<div class="col-lg-6"> |
||||
|
<h3 class="text-uppercase float-left font-weight-bold mr-4 w-25" |
||||
|
style="color:#cc2300; font-size:24px;">Structural Snippets</h3> |
||||
|
<div class="w-50 float-left text-center" |
||||
|
style="margin-left:14px;"><img class="w-100" |
||||
|
src="images/arrow-black.png"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-6"> |
||||
|
<ul class="pl-0"> |
||||
|
<li style="list-style:none; font-size:24px;">Features</li> |
||||
|
<li style="list-style:none; font-size:24px;">Subscribe |
||||
|
</li> |
||||
|
<li style="list-style:none; font-size:24px;">Choose</li> |
||||
|
<li style="list-style:none; font-size:24px;">Cards</li> |
||||
|
<li style="list-style:none; font-size:24px;"> |
||||
|
Banner |
||||
|
</li> |
||||
|
</ul> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
<!-- End of Feature Tiles --> |
|
||||
|
|
||||
<!-- Footer --> |
|
||||
<div class="row mt-4"> |
|
||||
<div class="col-lg-12 text-center"> |
|
||||
<h2>Get Help</h2> |
|
||||
<hr style=" border: 2px solid #b22126; margin-top: 2px;" width="40px"> |
|
||||
<p class="text-center" style="max-width: 650px; margin: 0 auto;">If you have anything to share with us based on |
|
||||
your use of this module, please let us know. We are ready to offer our support.</p> |
|
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
|
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fcfcf5;"> |
||||
|
<div class="container"> |
||||
<div class="row"> |
<div class="row"> |
||||
<div class="col px-4 pt-3 pb-2 shadow-sm" |
<div class="col-lg-6"> |
||||
style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto;"> |
<h2 class="text-uppercase float-left font-weight-bold" |
||||
|
style="color:#F16868; font-size:24px;">Features</h2> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="container"> |
||||
<div class="row"> |
<div class="row"> |
||||
<div class="col-lg-8"> |
<div class="col-lg-12"> |
||||
<h6><a href="mailto:odoo@cybrosys.com" target="_blank" style="color: #050505; text-decoration: none;"><i |
<div class="text-center"> |
||||
class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a></h6> |
<img class="w-100" |
||||
|
src="images/features.png"/> |
||||
</div> |
</div> |
||||
<div class="col-lg-4" style="position: relative;"> |
|
||||
<h6><a href="mailto:odoo@cybrosys.com" target="_blank" |
|
||||
style="color: #050505; text-decoration: none; position: absolute; right: 10px;"><i |
|
||||
class="fa fa-chevron-right"></i></a></h6> |
|
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
|
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fcfcf5;"> |
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-6"> |
||||
|
<h2 class="text-uppercase float-left font-weight-bold" |
||||
|
style="color:#F16868; font-size:24px;">Subscribe</h2> |
||||
|
</div> |
||||
|
</div> |
||||
</div> |
</div> |
||||
|
</div> |
||||
|
<div class="container"> |
||||
<div class="row"> |
<div class="row"> |
||||
<div class="col px-4 pt-3 pb-2 shadow-sm" |
<div class="col-lg-12"> |
||||
style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto;"> |
<div class="text-center"> |
||||
|
<img class="w-100" |
||||
|
src="images/sub.png"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fcfcf5;"> |
||||
|
<div class="container"> |
||||
<div class="row"> |
<div class="row"> |
||||
<div class="col-lg-8"> |
<div class="col-lg-6"> |
||||
<h6><a href="https://www.cybrosys.com" target="_blank" style="color: #050505; text-decoration: none;"><i |
<h2 class="text-uppercase float-left font-weight-bold" |
||||
class="fa fa-globe mr-2"></i>www.cybrosys.com</a></h6> |
style="color:#F16868; font-size:24px;">Choose</h2> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12"> |
||||
|
<div class="text-center"> |
||||
|
<img class="w-100" |
||||
|
src="images/choose.png"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fcfcf5;"> |
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-6"> |
||||
|
<h2 class="text-uppercase float-left font-weight-bold" |
||||
|
style="color:#F16868; font-size:24px;">Cards</h2> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12"> |
||||
|
<div class="text-center"> |
||||
|
<img class="w-100" |
||||
|
src="images/cards.png"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fcfcf5;"> |
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-6"> |
||||
|
<h2 class="text-uppercase float-left font-weight-bold" |
||||
|
style="color:#F16868; font-size:24px;">Banner</h2> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12"> |
||||
|
<div class="text-center"> |
||||
|
<img class="w-100" |
||||
|
src="images/banner1.png"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fcfcf5;"> |
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-6"> |
||||
|
<h3 class="text-uppercase float-left font-weight-bold mr-4 w-25" |
||||
|
style="color:#cc2300; font-size:24px;">Dynamic Content Snippets</h3> |
||||
|
<div class="w-50 float-left text-center" |
||||
|
style="margin-left:14px;"><img class="w-100" |
||||
|
src="images/arrow-black.png"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-6"> |
||||
|
<ul class="pl-0"> |
||||
|
<li style="list-style:none; font-size:24px;"> Asked Questions |
||||
|
</li> |
||||
|
<li style="list-style:none; font-size:24px;">Best Deals</li> |
||||
|
<li style="list-style:none; font-size:24px;">Best Products</li> |
||||
|
<li style="list-style:none; font-size:24px;"> |
||||
|
Testimonial |
||||
|
</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fcfcf5;"> |
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-6"> |
||||
|
<h2 class="text-uppercase float-left font-weight-bold" |
||||
|
style="color:#F16868; font-size:24px;">Asked Questions</h2> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12"> |
||||
|
<div class="text-center"> |
||||
|
<img class="w-100" |
||||
|
src="images/asked.png"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fcfcf5;"> |
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-6"> |
||||
|
<h2 class="text-uppercase float-left font-weight-bold" |
||||
|
style="color:#F16868; font-size:24px;">Best Deals</h2> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12"> |
||||
|
<div class="text-center"> |
||||
|
<img class="w-100" |
||||
|
src="images/best_deals1.png"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fcfcf5;"> |
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-6"> |
||||
|
<h2 class="text-uppercase float-left font-weight-bold" |
||||
|
style="color:#F16868; font-size:24px;">Best Products</h2> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12"> |
||||
|
<div class="text-center"> |
||||
|
<img class="w-100" |
||||
|
src="images/best_products.png"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fcfcf5;"> |
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-6"> |
||||
|
<h2 class="text-uppercase float-left font-weight-bold" |
||||
|
style="color:#F16868; font-size:24px;">Testimonial</h2> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12"> |
||||
|
<div class="text-center"> |
||||
|
<img class="w-100" |
||||
|
src="images/testimonial1.png"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div style="padding-bottom:100px; background-color: #fcfcf5;" |
||||
|
class="w-100 float-left section-bottom-services mt-5"> |
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12"> |
||||
|
<h3 class="text-uppercase float-left font-weight-bold" |
||||
|
style="color:#4a1760; padding-top:80px; font-size:26px;"> |
||||
|
Our Services |
||||
|
</h3> |
||||
|
</br> |
||||
|
<div style="font-size:22px;" |
||||
|
class="text-left float-left w-100 pb-5 mb-4">View |
||||
|
services offered by us |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 mt-4"> |
||||
|
<div class="w-100 float-left p-4" |
||||
|
style="border-radius:16px; background-color:#fcfcf5;"> |
||||
|
<img src="images/odoo-customization.png"/> |
||||
|
<h3 style="color:#522065; font-size:24px;" |
||||
|
class="pt-1"> Odoo </br> Customization </h3> |
||||
</div> |
</div> |
||||
<div class="col-lg-4" style="position: relative;"> |
|
||||
<h6><a href="https://www.cybrosys.com" target="_blank" |
|
||||
style="color: #050505; text-decoration: none; position: absolute; right: 10px;"><i |
|
||||
class="fa fa-chevron-right"></i></a></h6> |
|
||||
</div> |
</div> |
||||
|
<div class="col-lg-4 mt-4"> |
||||
|
<div class="w-100 float-left p-4" |
||||
|
style="border-radius:16px; background-color:#fcfcf5;"> |
||||
|
<img src="images/odoo-implement.png"/> |
||||
|
<h3 style="color:#522065; font-size:24px;" |
||||
|
class="pt-1"> Odoo </br> Implementation </h3> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
|
<div class="col-lg-4 mt-4"> |
||||
|
<div class="w-100 float-left p-4" |
||||
|
style="border-radius:16px; background-color:#fcfcf5;"> |
||||
|
<img src="images/odoo-support.png"/> |
||||
|
<h3 style="color:#522065; font-size:24px;" |
||||
|
class="pt-1"> Odoo </br> Support </h3> |
||||
</div> |
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 mt-4"> |
||||
|
<div class="w-100 float-left p-4" |
||||
|
style="border-radius:16px; background-color:#fcfcf5;"> |
||||
|
<img src="images/odoo-developer.png"/> |
||||
|
<h3 style="color:#522065; font-size:24px;" |
||||
|
class="pt-1"> Hire </br> Odoo Developer </h3> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 mt-4"> |
||||
|
<div class="w-100 float-left p-4" |
||||
|
style="border-radius:16px; background-color:#fcfcf5;"> |
||||
|
<img src="images/odoo-intergration.png"/> |
||||
|
<h3 style="color:#522065; font-size:24px;" |
||||
|
class="pt-1"> Odoo </br> Integration </h3> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 mt-4"> |
||||
|
<div class="w-100 float-left p-4" |
||||
|
style="border-radius:16px; background-color:#fcfcf5;"> |
||||
|
<img src="images/odoo-migration.png"/> |
||||
|
<h3 style="color:#522065; font-size:24px;" |
||||
|
class="pt-1"> Odoo </br> Migration </h3> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 mt-4"> |
||||
|
<div class="w-100 float-left p-4" |
||||
|
style="border-radius:16px; background-color:#fcfcf5;"> |
||||
|
<img src="images/odoo-consultency.png"/> |
||||
|
<h3 style="color:#522065; font-size:24px;" |
||||
|
class="pt-1"> Odoo </br> Consultancy </h3> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 mt-4"> |
||||
|
<div class="w-100 float-left p-4" |
||||
|
style="border-radius:16px; background-color:#fcfcf5;"> |
||||
|
<img src="images/odoo-implement.png"/> |
||||
|
<h3 style="color:#522065; font-size:24px;" |
||||
|
class="pt-1"> Odoo </br> Implementation </h3> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 mt-4"> |
||||
|
<div class="w-100 float-left p-4" |
||||
|
style="border-radius:16px; background-color:#fcfcf5;"> |
||||
|
<img src="images/odoo-licencing.png"/> |
||||
|
<h3 style="color:#522065; font-size:24px;" |
||||
|
class="pt-1"> Odoo </br> Licensing Consultancy</h3> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div style="padding-bottom:100px; background-color: #fcfcf5;" |
||||
|
class="w-100 float-left section-bottom-services mt-5"> |
||||
|
<div class="container"> |
||||
<div class="row"> |
<div class="row"> |
||||
<div class="col-lg-12 mt-4 mb-2 text-center"> |
<div class="col-lg-12"> |
||||
<p style="font-weight: bold">A Quality Theme From</p> |
<h3 class="text-uppercase float-left font-weight-bold" |
||||
|
style="color:#4a1760; padding-top:80px; font-size:26px;"> |
||||
|
Our Industries |
||||
|
</h3> |
||||
|
</br> |
||||
|
<div style="font-size:22px;" |
||||
|
class="text-left float-left w-100 pb-5 mb-4">Get |
||||
|
Insight in our odoo knowledge and our marked foot print |
||||
|
in industries |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 mt-4"> |
||||
|
<div class="w-100 float-left p-4 bg-white" |
||||
|
style="border-radius:16px; height:232px;"> |
||||
|
<img class="w-25" src="images/trading.png"/> |
||||
|
<h3 style="color:#522065; font-size:22px;" |
||||
|
class="pt-2"> Trading </h3> |
||||
|
<p style="font-size:20px;">Easily procure and sell |
||||
|
your products |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 mt-4"> |
||||
|
<div class="w-100 float-left p-4 bg-white" |
||||
|
style="border-radius:16px;height:232px; "> |
||||
|
<img class="w-25" src="images/trading.png"/> |
||||
|
<h3 style="color:#522065; font-size:22px;" |
||||
|
class="pt-2"> E-commerce & Website </h3> |
||||
|
<p style="font-size:20px;">Mobile friendly, awe- |
||||
|
inspiring product pages |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 mt-4"> |
||||
|
<div class="w-100 float-left p-4 bg-white" |
||||
|
style="border-radius:16px; height:232px;"> |
||||
|
<img class="w-25" src="images/POS.png"/> |
||||
|
<h3 style="color:#522065; font-size:22px;" |
||||
|
class="pt-2"> POS</h3> |
||||
|
<p style="font-size:20px;">Easy configuration and |
||||
|
convivial experience |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 mt-4"> |
||||
|
<div class="w-100 float-left p-4 bg-white" |
||||
|
style="border-radius:16px; height:232px;"> |
||||
|
<img class="w-25" src="images/Edu.png"/> |
||||
|
<h3 style="color:#522065; font-size:22px;" |
||||
|
class="pt-2">Education</h3> |
||||
|
<p style="font-size:20px;">A platform for educational |
||||
|
management |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 mt-4"> |
||||
|
<div class="w-100 float-left p-4 bg-white" |
||||
|
style="border-radius:16px; height:232px;"> |
||||
|
<img class="w-25" src="images/Production.png"/> |
||||
|
<h3 style="color:#522065; font-size:22px;" |
||||
|
class="pt-2">Manufacturing</h3> |
||||
|
<p style="font-size:20px;">Plan, track and schedule |
||||
|
your operations |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 mt-4"> |
||||
|
<div class="w-100 float-left p-4 bg-white" |
||||
|
style="border-radius:16px; height:232px;"> |
||||
|
<img class="w-25" src="images/Production.png"/> |
||||
|
<h3 style="color:#522065; font-size:22px;" |
||||
|
class="pt-2">Manufacturing</h3> |
||||
|
<p style="font-size:20px;">Plan, track and schedule |
||||
|
your operations |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 mt-4"> |
||||
|
<div class="w-100 float-left p-4 bg-white" |
||||
|
style="border-radius:16px; height:232px;"> |
||||
|
<img class="w-25" src="images/POS.png"/> |
||||
|
<h3 style="color:#522065; font-size:22px;" |
||||
|
class="pt-2">Service Management</h3> |
||||
|
<p style="font-size:20px;">Keep track of services |
||||
|
and invoice |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 mt-4"> |
||||
|
<div class="w-100 float-left p-4" |
||||
|
style="border-radius:16px;height:232px; background-color:#fff;"> |
||||
|
<img class="w-25" src="images/Edu.png"/> |
||||
|
<h3 style="color:#522065; font-size:22px;" |
||||
|
class="pt-2">Resturant</h3> |
||||
|
<p style="font-size:20px;">Run your bar or restaurant |
||||
|
methodically |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 mt-4"> |
||||
|
<div class="w-100 float-left p-4" |
||||
|
style="border-radius:16px; height:232px; background-color:#fff;"> |
||||
|
<img class="w-25" src="images/Production.png"/> |
||||
|
<h3 style="color:#522065; font-size:22px;" |
||||
|
class="pt-2">Hotel management</h3> |
||||
|
<p style="font-size:20px;">An all-inclusive hotel |
||||
|
management application |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
</div> |
</div> |
||||
<div class="col-lg-12 text-center"> |
|
||||
<img src="images/cybro-logo-oca.png" width="80px" height="auto"> |
|
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
<!-- End of Footer --> |
|
||||
</div> |
</div> |
||||
|
<body> |
||||
|
|||||
Loading…
Reference in new issue