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 --> |
|||
<div class="container pt-4 mt-4 rounded" style="background-color: #f0f2f4; font-family: Montserrat, 'sans-serif';"> |
|||
<div class="row"> |
|||
<div class="col-lg-12 mb-4"> |
|||
<img src="images/Cybrosys.png" alt="Cybrosys Logo" style="width: 120px; height: auto;"> |
|||
<hr style="border-color: #e1e5e9;" /> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col-lg-12 text-center"> |
|||
<img src="images/hero.png" width=60% height="auto" class="mb-4" alt="Theme Screenshot"> |
|||
</div> |
|||
<div class="col-lg-12 text-center"> |
|||
<h1 class="mt-4">Theme Blast</h1> |
|||
<p class="lead" style="max-width: 700px; margin: 0 auto;"> |
|||
Blast is a popular attractive and unique front end theme mainly suitable for eCommerce website. Many custom |
|||
designed snippets facilitates to add better user experience. Contains best deals with countdown, best products |
|||
slider, testimonial slider that are configured from the backend. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col-lg-12 text-center p-4"> |
|||
<a href="#" class="btn btn-primary m-2 px-4 py-3 shadow-sm" style=" |
|||
background-color: #b22126; |
|||
border-style: none; |
|||
border-radius: 4em; |
|||
font-weight: bold; |
|||
"><i class="fa fa-desktop mr-2"></i>Live Demo</a> |
|||
<a href="#" class="btn btn-primary m-2 px-4 py-3 shadow-sm" style=" |
|||
background-color: #576574; |
|||
border-style: none; |
|||
border-radius: 4em; |
|||
font-weight: bold; |
|||
"><i class="fa fa-download mr-2"></i>Download</a> |
|||
</div> |
|||
</div> |
|||
<!-- End of Hero Section --> |
|||
<!-- Second Section --> |
|||
<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> |
|||
</div> |
|||
<div class="col-lg-6 px-4"> |
|||
<img style="border-radius: 0.5em;" src="images/laptop-screenshots.jpg" width="90%" height="auto" |
|||
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
|||
</div> |
|||
</div> |
|||
<!-- End of Second Section --> |
|||
<!-- Third Section --> |
|||
<div class="row p-4"> |
|||
<div class="col-lg-6 px-4"> |
|||
<img style="border-radius: 0.5em;" src="images/phone-screenshots.jpg" width="90%" height="auto" |
|||
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
|||
</div> |
|||
<div class="col-lg-6 px-4" style="margin-top: 100px;"> |
|||
<h2>Mobile View</h2> |
|||
<p class="lead"> |
|||
User friendly and modern looking makes your page more Stylist And Beautiful. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
<!-- End of Third Section --> |
|||
|
|||
<!-- Feature Tiles --> |
|||
<div class="row mt-4"> |
|||
<div class="col-lg-12 text-center"> |
|||
<h2>Features</h2> |
|||
<hr style=" border: 2px solid #b22126; margin-top: 2px;" width="40px"> |
|||
</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 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 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 class="col-lg-3 bg-white mb-4 mr-4 shadow-sm p-4" |
|||
style="border-radius: 0.5em; min-width: 200px; max-width: 200px;"> |
|||
<i class="fa fa-arrow-circle-o-right mb-2" style="font-size: 2em; margin: 0 40%;"></i> |
|||
<h5 class="text-center" style="margin: 0 4%;">Built-in Slider</h5> |
|||
</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 class="row"> |
|||
<div class="col px-4 pt-3 pb-2 shadow-sm" |
|||
style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto;"> |
|||
<div class="row"> |
|||
<div class="col-lg-8"> |
|||
<h6><a href="mailto:odoo@cybrosys.com" target="_blank" style="color: #050505; text-decoration: none;"><i |
|||
class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a></h6> |
|||
</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 class="row"> |
|||
<div class="col px-4 pt-3 pb-2 shadow-sm" |
|||
style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto;"> |
|||
<div class="row"> |
|||
<div class="col-lg-8"> |
|||
<h6><a href="https://www.cybrosys.com" target="_blank" style="color: #050505; text-decoration: none;"><i |
|||
class="fa fa-globe mr-2"></i>www.cybrosys.com</a></h6> |
|||
</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> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col-lg-12 mt-4 mb-2 text-center"> |
|||
<p style="font-weight: bold">A Quality Theme From</p> |
|||
</div> |
|||
<div class="col-lg-12 text-center"> |
|||
<img src="images/cybro-logo-oca.png" width="80px" height="auto"> |
|||
</div> |
|||
</div> |
|||
<!-- End of Footer --> |
|||
</div> |
|||
<!DOCTYPE html> |
|||
<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="col-lg-6"> |
|||
<div class="text-left logo-cybro"> |
|||
<a class="" href="#"> |
|||
<img src="images/logo-cybro.png"/> |
|||
</a> |
|||
</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="col-lg-12"> |
|||
<h3 class="text-uppercase font-weight-bold " |
|||
style="font-size:149px; color:#000;">Why Blast?</br> |
|||
</h3> |
|||
</div> |
|||
<div class="col-lg-8"> |
|||
<p class="text-dark" style="padding-right:0px;"> |
|||
Theme Blast |
|||
was created by Cybrosys Technology Solutions. |
|||
This theme makes the website more unique and attractive through its style and custom-designed |
|||
snippets, |
|||
mainly suitable for eCommerce websites. |
|||
</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> |
|||
<!-- closed section-content-area --> |
|||
<div class=" float-left w-100" style="background-color: #fcfcf5;"> |
|||
<div class="container"> |
|||
<div class="row"> |
|||
<div class="col-lg-12"> |
|||
<h3 class="text-uppercase pt-5 mt-5 text-dark font-weight-bold"> |
|||
Key features |
|||
</h3> |
|||
<hr style="border-top:3px solid #F16868; width:7%;" |
|||
class=" float-left mt-0"> |
|||
</div> |
|||
<div class="col-lg-6"> |
|||
<div class="key-features-1 mt-4 p-3" |
|||
style="background-color:#FDD57C; border:3px solid #000; border-radius:14px;"> |
|||
<div class="w-100 float-left pb-3"> |
|||
<i><img src="images/icon-design.png"/> </i> |
|||
<span class="pl-2" |
|||
style="font-size:22px;">Design</span> |
|||
</div> |
|||
<p class="pt-4" |
|||
style="font-size:20px; line-height:34px;">Unique and Attractive custom-designed snippets. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-6"> |
|||
<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 class="col-lg-6"> |
|||
<div class=" p-3 mt-4" |
|||
style="background-color:#D1DFE7; border:3px solid #000; border-radius:14px;"> |
|||
<div class="w-100 float-left pb-3"> |
|||
<i><img src="images/icon-Responsive-design.png"/> |
|||
</i> |
|||
<span class="pl-2" style="font-size:22px;">Responsive Design</span> |
|||
</div> |
|||
<p class="pt-4" |
|||
style="font-size:20px; line-height:34px;">Different |
|||
resolution devices can be used by users to watch |
|||
websites. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-6"> |
|||
<div class=" p-3 mt-4" |
|||
style="background-color:#FED1E5; border:3px solid #000; border-radius:14px;"> |
|||
<div class="w-100 float-left pb-3"> |
|||
<i><img src="images/icon-One-Click-Installation.png"/> |
|||
</i> |
|||
<span class="pl-2" style="font-size:22px;">One Click Installation</span> |
|||
</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> |
|||
</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;">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> |
|||
<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;">Features</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/features.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;">Subscribe</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/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="col-lg-6"> |
|||
<h2 class="text-uppercase float-left font-weight-bold" |
|||
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 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-support.png"/> |
|||
<h3 style="color:#522065; font-size:24px;" |
|||
class="pt-1"> Odoo </br> Support </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-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="col-lg-12"> |
|||
<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> |
|||
</div> |
|||
<body> |
|||
|
|||
Loading…
Reference in new issue