You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1428 lines
41 KiB
1428 lines
41 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>odoo</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
|
|
|
|
<style>
|
|
|
|
|
|
</style>
|
|
|
|
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<div class="container position-relative py-3">
|
|
|
|
<div class="position-absolute d-none d-lg-block"
|
|
style="width:100vw; height:100%; margin-left:calc((1080px - 100vw) / 2); margin-top:-30px">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="pt-4 float-left w-100">
|
|
|
|
<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 class="col-lg-6">
|
|
|
|
<div class="text-right odoo-logo-top">
|
|
|
|
<img src="images/odoo-logo.png"/>
|
|
|
|
</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-0 pt-0" style="">
|
|
|
|
<img class="w-100" src="images/banner-img.png"/>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<!--- closed section-banner-img --->
|
|
|
|
|
|
<div class="float-left w-100 pt-5 mt-5">
|
|
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-6">
|
|
|
|
<h3 class="text-uppercase float-left font-weight-bold" style="color:#004f73; font-size:24px;">
|
|
ECO REFINE</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>
|
|
<!--<li style="list-style:none; font-size:24px;">About us</li>-->
|
|
<!--<li style="list-style:none; font-size:24px;">Contact us</li>-->
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<!--- closed section-level-up --->
|
|
|
|
<div class=" float-left w-100 mt-5 pt-4">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
|
|
<h3 class="text-uppercase font-weight-bold" style="color:#282828; font-size:104px;">Theme</br>
|
|
|
|
<span style="color:#004f73; font-size:162px;">Eco Refine</br> </span>
|
|
|
|
|
|
</h3>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-8">
|
|
|
|
<p class="text-dark" style="padding-right:0px;">Theme Eco Refine 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 Collections,
|
|
Subscribe, Choose , Cards, Banner and Dynamic content snippets like Asked Questions, Best Seller
|
|
Products, Most Rated Products, New Arrivals</p>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-4 text-left">
|
|
|
|
<div class="content-area-content position-relative">
|
|
|
|
|
|
<img class="position-absolute w-50" style="top:-18px; left:100px;"
|
|
src="images/screen-shot-01.png"/>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<!-- closed section-content-area -->
|
|
|
|
|
|
<div class=" float-left w-100">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<h3 class="text-uppercase pt-5 mt-5 font-weight-bold" style="color:#004f73;">Key features</h3>
|
|
<hr
|
|
/ style="border-top:3px solid #000; width:17%;" 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; height:189px; 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">
|
|
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-6">
|
|
|
|
<h3 class="text-uppercase float-left font-weight-bold" style="color:#004f73; font-size:24px;">Main
|
|
page</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;">Home</li>
|
|
<li style="list-style:none; font-size:24px;">Shop</li>
|
|
<li style="list-style:none; font-size:24px;">Blog</li>
|
|
<li style="list-style:none; font-size:24px;">About us</li>
|
|
<li style="list-style:none; font-size:24px;">Contact us</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class=" w-100 float-left mt-5 pt-5">
|
|
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<div class="text-center">
|
|
|
|
<img class="w-100" src="images/banner-img.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<div class="text-center mt-5 pt-5">
|
|
|
|
<img class="w-100" src="images/home_2.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<!--- closed white-theam --->
|
|
<div class=" pt-5 mt-5 float-left w-100">
|
|
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-8">
|
|
|
|
<h3 class="text-uppercase float-left font-weight-bold"
|
|
style="color:#004f73; line-height:44px; font-size:24px;">Mobile Responsive Design</h3>
|
|
<div class="w-50 float-left text-center arrow-black" style="margin-left:14px;"><img class="w-100"
|
|
src="images/arrow-black.png">
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-lg-4">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="mt-5 float-left w-100">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<div class="text-center">
|
|
|
|
<img class="w-100" src="images/home-mobile.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="pt-5 mt-5 float-left w-100">
|
|
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-6">
|
|
|
|
<h3 class="text-uppercase float-left font-weight-bold"
|
|
style="color:#004f73; line-height:32px; font-size:24px;">About us page</h3>
|
|
<div class="w-50 float-left text-center arrow-black" 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;">Home</li>-->
|
|
<!-- <li style="list-style:none; font-size:24px;">Shop</li>-->
|
|
<!-- <li style="list-style:none; font-size:24px;">Blog</li>-->
|
|
<!-- <li style="list-style:none; font-size:24px;">About us</li>-->
|
|
<!-- <li style="list-style:none; font-size:24px;">Contact us</li>-->
|
|
|
|
|
|
<!-- </ul>-->
|
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class=" w-100 pt-5 mt-5 float-left">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<div class="text-center">
|
|
|
|
<img class="w-100" src="images/about_us_1.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<div class="text-center pt-5 mt-5">
|
|
|
|
<img class="w-100" src="images/about_us_2.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="pt-5 mt-5 float-left w-100">
|
|
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-8">
|
|
|
|
<h3 class="text-uppercase float-left font-weight-bold"
|
|
style="color:#004f73; line-height:47px; font-size:24px;">Mobile Responsive Design</h3>
|
|
<div class="w-50 float-left text-center arrow-black" style="margin-left:14px;"><img class="w-100"
|
|
src="images/arrow-black.png">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-4">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class=" w-100 float-left pt-5 mt-5" style="background-color:#0d5272;">
|
|
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<div class="text-center">
|
|
|
|
<img class="w-100" src="images/About-us-mobile-temp.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="pt-5 mt-5 float-left w-100">
|
|
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-6">
|
|
|
|
<h3 class="text-uppercase float-left font-weight-bold"
|
|
style="color:#004f73; line-height:32px; font-size:24px;">Shop</h3>
|
|
<div class="w-50 float-left text-center arrow-black" 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;">Home</li>-->
|
|
<!-- <li style="list-style:none; font-size:24px;">Shop</li>-->
|
|
<!-- <li style="list-style:none; font-size:24px;">Blog</li>-->
|
|
<!-- <li style="list-style:none; font-size:24px;">About us</li>-->
|
|
<!-- <li style="list-style:none; font-size:24px;">Contact us</li>-->
|
|
|
|
|
|
<!-- </ul>-->
|
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="float-left w-100">
|
|
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<div class="text-center pt-5 mt-5">
|
|
|
|
<img class="w-100" src="images/shop.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="pt-5 mt-5 float-left w-100">
|
|
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-8">
|
|
|
|
<h3 class="text-uppercase float-left font-weight-bold"
|
|
style="color:#004f73; line-height:44px; font-size:24px;">Mobile Responsive Design</h3>
|
|
<div class="w-50 float-left text-center arrow-black" style="margin-left:14px;"><img
|
|
class="w-100"
|
|
src="images/arrow-black.png">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-4">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class=" w-100 float-left" style="background-color:#0d5272;">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-12">
|
|
|
|
|
|
<div class="text-center mt-5">
|
|
|
|
<img class="w-100" src="images/Shop-responsive.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="pt-5 mt-5 float-left w-100">
|
|
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-6">
|
|
|
|
<h3 class="text-uppercase float-left font-weight-bold"
|
|
style="color:#004f73; line-height:32px; font-size:24px;">Blog Page</h3>
|
|
<div class="w-50 float-left text-center arrow-black" 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;">Home</li>-->
|
|
<!-- <li style="list-style:none; font-size:24px;">Shop</li>-->
|
|
<!-- <li style="list-style:none; font-size:24px;">Blog</li>-->
|
|
<!-- <li style="list-style:none; font-size:24px;">About us</li>-->
|
|
<!-- <li style="list-style:none; font-size:24px;">Contact us</li>-->
|
|
|
|
<!-- </ul>-->
|
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="mt-5 w-100 float-left">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-12">
|
|
|
|
|
|
<div class="text-center mt-5">
|
|
|
|
<img class="w-100" src="images/blog.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class=" pt-5 mt-5 float-left w-100">
|
|
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-8">
|
|
<h3 class="text-uppercase float-left font-weight-bold"
|
|
style="color:#004f73; line-height:44px; font-size:24px;">Mobile Responsive Design</h3>
|
|
<div class="w-50 float-left text-center arrow-black" style="margin-left:14px;"><img
|
|
class="w-100"
|
|
src="images/arrow-black.png">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-4">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class=" w-100 float-left" style="background-color:#0d5272;">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
|
|
<div class="text-center mt-3 pt-5">
|
|
|
|
<img class="w-100" src="images/blog-responsive-design.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class=" pt-5 mt-5 float-left w-100">
|
|
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-6">
|
|
|
|
<h3 class="text-uppercase float-left font-weight-bold"
|
|
style="color:#004f73; line-height:32px; font-size:24px;">Contact us Page</h3>
|
|
<div class="w-50 float-left text-center arrow-black" style="margin-left:18px;"><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;">Home</li>-->
|
|
<!-- <li style="list-style:none; font-size:24px;">Shop</li>-->
|
|
<!-- <li style="list-style:none; font-size:24px;">Blog</li>-->
|
|
<!-- <li style="list-style:none; font-size:24px;">About us</li>-->
|
|
<!-- <li style="list-style:none; font-size:24px;">Contact us</li>-->
|
|
<!-- </ul>-->
|
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="mt-5 w-100 float-left">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
|
|
<div class="text-center mt-5">
|
|
|
|
<img class="w-100" src="images/contact_us.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class=" float-left w-100 pt-5 mt-5" style="">
|
|
<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:#004f73; 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;">Collections</li>
|
|
<li style="list-style:none; font-size:24px;">Customer Response
|
|
</li>
|
|
<li style="list-style:none; font-size:24px;">Frequently Asked Questions</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: #fff;">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<h2 class="text-uppercase float-left font-weight-bold"
|
|
style="color:#004f73; font-size:24px;">Collections</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/collections.png"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fff;">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<h2 class="text-uppercase float-left font-weight-bold"
|
|
style="color:#004f73; font-size:24px;">Customer Response</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/customer_response.png"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fff;">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<h2 class="text-uppercase float-left font-weight-bold"
|
|
style="color:#004f73; font-size:24px;">Frequently 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/FAQ.png"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fff;">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<h2 class="text-uppercase float-left font-weight-bold"
|
|
style="color:#004f73; 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/banner_2.png"/>
|
|
</div>
|
|
|
|
<div class="text-center">
|
|
<img class="w-100"
|
|
src="images/banner_1.png"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fff;">
|
|
<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:#004f73; 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;">Best Seller
|
|
</li>
|
|
<li style="list-style:none; font-size:24px;">Top Rated Products</li>
|
|
<li style="list-style:none; font-size:24px;">New Arrivals</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fff;">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<h2 class="text-uppercase float-left font-weight-bold"
|
|
style="color:#004f73; font-size:24px;">Best Seller </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_seller.png"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fff;">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<h2 class="text-uppercase float-left font-weight-bold"
|
|
style="color:#004f73; font-size:24px;">Top Rated 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/Top_rated_products.png"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fff;">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<h2 class="text-uppercase float-left font-weight-bold"
|
|
style="color:#004f73; font-size:24px;">New Arrivals</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/new_arrival.png"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div style="padding-bottom:100px;" class="w-100 float-left mt-5 bg-white">
|
|
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-12">
|
|
<h3 class="text-uppercase float-left font-weight-bold"
|
|
style="color:#004f73; 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:#ffeed8;">
|
|
|
|
<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:#ffeed8;">
|
|
|
|
<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:#ffeed8;">
|
|
|
|
<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:#ffeed8;">
|
|
|
|
<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:#ffeed8;">
|
|
|
|
<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:#ffeed8;">
|
|
|
|
<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:#ffeed8;">
|
|
|
|
<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:#ffeed8;">
|
|
|
|
<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:#ffeed8;">
|
|
|
|
<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:#fffae2;" class="w-100 float-left mt-5">
|
|
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-12">
|
|
<h3 class="text-uppercase float-left font-weight-bold"
|
|
style="color:#004f73; 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>
|
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.1/dist/jquery.slim.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html>
|
|
|