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.
 
 
 
 
 

873 lines
40 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 style="background-color:#FFEABF;">
<section class="position-relative py-3">
<div class="position-absolute d-none d-lg-block"
style="background-color:#ffeed8; width:100vw; height:100%; margin-left:calc((1080px - 100vw) / 2); margin-top:-30px">
</div>
<section class="section-top-menu 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="assets/icons/logo-cybro.png"/>
</a>
</div>
</div>
<div class="col-lg-6">
<div class="text-right odoo-logo-top">
<img src="assets/icons/odoo-logo.png"/>
</div>
</div>
</div>
</div>
</section>
<!--- closed section-top-menu --->
<section class="section-banner-img pt-5 w-100 float-left">
<div class="text-center">
<img src="assets/screenshots/heading.png"/>
</div>
<div class="text-center mt-5 pt-5" style="">
<img style="width:80%;" src="assets/screenshots/Banner.png"/>
</div>
</section>
<!--- closed section-banner-img --->
<section class="section-level-up 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:#cc2300; font-size:24px;"></h3>
<div class="w-50 float-left text-center"
style="margin-left:14px;"><img class="w-100"
src="assets/icons/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;">
Developing
</li>
</ul>
</div>
</div>
</div>
</section>
<!--- closed section-level-up --->
<section class="section-content-area 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="font-size:149px; color:#000;">The perfect </br>
<span style="font-size:162px; color:#000; " class="">theme for </br>
growing business</span>
</h3>
</div>
<div class="col-lg-8">
<p class="text-dark" style="padding-right:0px;">Welcome to
Theme LevelUp! We are
excited to introduce our cutting-edge theme designed to
take
your website to new heights. With Theme LevelUp, you can
elevate
your online presence with its stunning visuals, sleek
animations,
and modern layouts. Our theme offers a seamless user
experience,
ensuring that visitors are captivated from the moment
they land on
your home page. Experience the next level of web design
with
Theme LevelUp and unlock a world of endless
possibilities
for your online business.</p>
<p class="text-dark" style="padding-right:0px;">
Customizability is at the
core of Theme LevelUp. We understand that every business
has its own unique branding and style, which is why our
theme
offers extensive customization options. With an
easy-to-use interface,
you can effortlessly tailor the colors, fonts, and
layouts to align with
your brand identity. Whether you want to convey a sense
of elegance,
professionalism, or creativity, Theme LevelUp gives
you the flexibility to make your website truly your
own.</p>
<p class="text-dark" style="padding-right:0px;">What sets
Theme LevelUp apart is
its exceptional user experience. We have meticulously
curated
every aspect of the theme to provide a fluid and
intuitive
navigation experience. From seamless scrolling to
interactive
menus, our theme guarantees a smooth journey for your
visitors,
encouraging them to delve deeper into your website and
discover everything you have to offer.</p>
</div>
<div class="col-lg-4 text-left">
<div class="content-area-content position-relative">
<img class="position-absolute w-75"
style="top:-83px; left:100px;"
src="assets/screenshots/home-5.png"/>
</div>
</div>
</div>
</div>
</section>
<!-- closed section-content-area -->
<section class="section-key-features float-left w-100">
<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="assets/icons/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;">The most recent website for designing
website menus and forms
is flexible and simple to use.</p>
</div>
</div>
<div class="col-lg-6">
<div class=" p-3 mt-4 "
style="background-color:#CFBFDF; border:3px solid #000; border-radius:14px;">
<div class="w-100 float-left pb-3">
<i><img src="assets/icons/icon-Compatibility-with-plugins.png"/>
</i>
<span class="pl-2" style="font-size:22px;">Compatibility with plugins</span>
</div>
<p class="pt-4"
style="font-size:20px; line-height:34px;">Along with
this theme , it permits users to use third-party
plugins also.</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="assets/icons/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:#D3F5E7; border:3px solid #000; border-radius:14px;">
<div class="w-100 float-left pb-3">
<i><img src="assets/icons/icon-Up-to-date-development.png"/>
</i>
<span class="pl-2" style="font-size:22px;">Up-to-date Development</span>
</div>
<p class="pt-4"
style="font-size:20px; line-height:34px;">The most
up-to-date approaches, concepts, and innovations are
being used.</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="assets/icons/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="assets/icons/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>
</section>
<section class="section-level-up 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:#cc2300; font-size:24px;">Home page</h3>
<div class="w-50 float-left text-center"
style="margin-left:14px;"><img class="w-100"
src="assets/icons/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;">About</li>
<li style="list-style:none; font-size:24px;">Portfolio
</li>
<li style="list-style:none; font-size:24px;">Team</li>
<li style="list-style:none; font-size:24px;">Service
</li>
<li style="list-style:none; font-size:24px;">Blog</li>
<li style="list-style:none; font-size:24px;">Contact Us
</li>
</ul>
</div>
</div>
</div>
</section>
<section class=" w-100 float-left white-theam mt-5 pt-5">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="text-center">
<img class="w-100"
src="assets/screenshots/Home-1-.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center mt-5 pt-5">
<img class="w-100"
src="assets/screenshots/home-2.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center mt-5 pt-5">
<img class="w-100"
src="assets/screenshots/home-3.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center mt-5 pt-5">
<img class="w-100"
src="assets/screenshots/home-4.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center mt-5 pt-5">
<img class="w-100"
src="assets/screenshots/home-5.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center mt-5 pt-5">
<img class="w-100"
src="assets/screenshots/home-6.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center mt-5 pt-5">
<img class="w-100"
src="assets/screenshots/home-7.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center mt-5 pt-5">
<img class="w-100"
src="assets/screenshots/home-8.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center mt-5 pt-5">
<img class="w-100"
src="assets/screenshots/home-9.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center mt-5 pt-5">
<img class="w-100"
src="assets/screenshots/home-10.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center mt-5 pt-5">
<img class="w-100"
src="assets/screenshots/home-11.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center mt-5 pt-5">
<img class="w-100"
src="assets/screenshots/home-12.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center mt-5 pt-5">
<img class="w-100"
src="assets/screenshots/home-13.png"/>
</div>
</div>
</div>
</div>
</section>
<section class="section-level-up 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:#cc2300; font-size:24px;">About page</h3>
<div class="w-50 float-left text-center"
style="margin-left:14px;"><img class="w-100"
src="assets/icons/arrow-black.png">
</div>
</div>
<div class="col-lg-6">
<ul class="pl-0">
<li style="list-style:none; font-size:24px;">Banner</li>
<li style="list-style:none; font-size:24px;">Easy
Categorized menu
</li>
<li style="list-style:none; font-size:24px;">Product
List
</li>
<li style="list-style:none; font-size:24px;">Offer
Banner
</li>
</ul>
</div>
</div>
</div>
</section>
<section 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="assets/screenshots/about-us-1.png"/>
</div>
</div>
</div>
</div>
</section>
<section class="section-about-us 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="assets/screenshots/about-us-2.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center pt-5 mt-5">
<img class="w-100"
src="assets/screenshots/about-us-3.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center pt-5 mt-5">
<img style="width:88%;"
src="assets/screenshots/about-us-4.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center pt-5 mt-5">
<img style="width:88%;"
src="assets/screenshots/about-us-5.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center pt-5 mt-5">
<img style="width:88%;"
src="assets/screenshots/about-us-6.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center pt-5 mt-5">
<img style="width:88%;"
src="assets/screenshots/about-us-7.png"/>
</div>
</div>
</div>
</div>
</section>
<section class="section-level-up float-left w-100 pt-5 mt-5">
<div class="container">
<div class="row">
<div class="col-lg-8">
<h3 class="text-uppercase float-left font-weight-bold"
style="color:#cc2300; line-height:44px; font-size:24px;">
Portfolio page</h3>
<div class="w-50 float-left text-center"
style="margin-left:14px;"><img class="w-100"
src="assets/icons/arrow-black.png">
</div>
</div>
<div class="col-lg-4">
<ul class="pl-0">
<li style="list-style:none; font-size:24px;">Product
Discription
</li>
<li style="list-style:none; font-size:24px;">Similer
Product
</li>
<li style="list-style:none; font-size:24px;">Offer
Banner
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="mobile-responsive-about w-100 float-left pt-5 mt-5">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="text-center">
<img class="w-100"
src="assets/screenshots/portfolio-1.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center">
<img class="w-100"
src="assets/screenshots/portfolio-2.png"/>
</div>
</div>
</div>
</div>
</section>
<section class="section-level-up 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:#cc2300; line-height:32px; font-size:24px;">
Team Page</h3>
<div class="w-50 float-left text-center arrow-black"
style="margin-left:14px;"><img class="w-100"
src="assets/icons/arrow-black.png">
</div>
</div>
<div class="col-lg-6">
<ul class="pl-0">
<li style="list-style:none; font-size:24px;">Product
Description
</li>
<li style="list-style:none; font-size:24px;">Team
</li>
<li style="list-style:none; font-size:24px;">Offer
Banner
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="section-services 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="assets/screenshots/team-1.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center pt-5 mt-5">
<img class="w-100"
src="assets/screenshots/team-2.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center pt-5 mt-5">
<img class="w-100"
src="assets/screenshots/team-3.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center pt-5 mt-5">
<img class="w-100"
src="assets/screenshots/team-4.png"/>
</div>
</div>
</div>
</div>
</section>
<section class="section-level-up 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:#cc2300; line-height:32px; font-size:24px;">
Service Page</h3>
<div class="w-50 float-left text-center arrow-black"
style="margin-left:14px;"><img class="w-100" src="assets/icons/arrow-black.png">
</div>
</div>
<div class="col-lg-6">
<ul class="pl-0">
<li style="list-style:none; font-size:24px;">Product
Description
</li>
<li style="list-style:none; font-size:24px;">Service
</li>
<li style="list-style:none; font-size:24px;">Offer
Banner
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="section-services-mobile-res 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="assets/screenshots/services.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center pt-5 mt-5">
<img class="w-100"
src="assets/screenshots/services-1.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center pt-5 mt-5">
<img class="w-100"
src="assets/screenshots/services-2.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center pt-5 mt-5">
<img class="w-100"
src="assets/screenshots/services-3.png"/>
</div>
</div>
</div>
</div>
</section>
<section class="section-level-up 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:#cc2300; 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="assets/icons/arrow-black.png">
</div>
</div>
<div class="col-lg-6">
<ul class="pl-0">
<li style="list-style:none; font-size:24px;">Banner</li>
<li style="list-style:none; font-size:24px;">Blog
</li>
<li style="list-style:none; font-size:24px;">Quality
</li>
<li style="list-style:none; font-size:24px;">Promo
Video
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="section-services-mobile-res 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="assets/screenshots/Blog-1.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center pt-5 mt-5">
<img class="w-100"
src="assets/screenshots/Blog-2.png"/>
</div>
</div>
</div>
</div>
</section>
<section class="section-level-up 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:#cc2300; line-height:32px; font-size:24px;">
Contact Page</h3>
<div class="w-50 float-left text-center arrow-black"
style="margin-left:14px;"><img class="w-100" src="assets/icons/arrow-black.png">
</div>
</div>
<div class="col-lg-6">
<ul class="pl-0">
<li style="list-style:none; font-size:24px;">Banner</li>
<li style="list-style:none; font-size:24px;">
Contact
</li>
<li style="list-style:none; font-size:24px;">Location
</li>
</ul>
</div>
</div>
</div>
</section>
<section 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="assets/screenshots/contactus.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center pt-5 mt-5">
<img class="w-100"
src="assets/screenshots/contactus-1.png"/>
</div>
</div>
<div class="col-lg-12">
<div class="text-center pt-5 mt-5">
<img class="w-100"
src="assets/screenshots/contactus-2.png"/>
</div>
</div>
</div>
</div>
</section>
<section style="padding-bottom:100px;"
class="w-100 float-left section-bottom-services 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:#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:#ffeed8;">
<img src="assets/icons/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="assets/icons/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="assets/icons/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="assets/icons/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="assets/icons/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="assets/icons/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="assets/icons/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="assets/icons/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="assets/icons/odoo-licencing.png"/>
<h3 style="color:#522065; font-size:24px;" class="pt-1">
Odoo </br> Licensing Consultancy</h3>
</div>
</div>
</div>
</div>
</section>
<section style="padding-bottom:100px;"
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-3 mt-3">
<div class="w-100 float-left p-4 bg-white"
style="border-radius:16px; height:232px;">
<img class="w-25" src="assets/icons/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-3 mt-3">
<div class="w-100 float-left p-4 bg-white"
style="border-radius:16px;height:232px; ">
<img class="w-25" src="assets/icons/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-3 mt-3">
<div class="w-100 float-left p-4 bg-white"
style="border-radius:16px; height:232px;">
<img class="w-25" src="assets/icons/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-3 mt-3">
<div class="w-100 float-left p-4 bg-white"
style="border-radius:16px; height:232px;">
<img class="w-25" src="assets/icons/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-3 mt-3">
<div class="w-100 float-left p-4 bg-white"
style="border-radius:16px; height:232px;">
<img class="w-25" src="assets/icons/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-3 mt-3">
<div class="w-100 float-left p-4 bg-white"
style="border-radius:16px; height:232px;">
<img class="w-25" src="assets/icons/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-3 mt-3">
<div class="w-100 float-left p-4"
style="border-radius:16px;height:232px; background-color:#fff;">
<img class="w-25" src="assets/icons/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-3 mt-3">
<div class="w-100 float-left p-4"
style="border-radius:16px; height:232px; background-color:#fff;">
<img class="w-25" src="assets/icons/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>
</section>
</section>
<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>