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.
 
 
 
 
 

780 lines
37 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">
</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;">
Theme Shopping</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">
<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;">Shopping</span><br/>
</h3>
</div>
<div class="col-lg-8">
<p class="text-dark" style="padding-right:0px;">Theme Shopping 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/home.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>
</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/main.png"/>
</div>
</div>
</div>
</div>
</div>
<!--- closed white-theme --->
<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/main_mob.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>
</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.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>
</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_page.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-mob.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>
</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_mob-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;">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>
</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.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;">Our Team</li>
<li style="list-style:none; font-size:24px;">Product Offers
</li>
<li style="list-style:none; font-size:24px;">Frequently Asked Questions</li>
<li style="list-style:none; font-size:24px;">Price Collection</li>
<li style="list-style:none; font-size:24px;">Subscription</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: #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;">Our Team</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/members.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;">Product Offers</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/offfers.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/snippet_2.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;">Price Collection</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/snippet_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">
<h2 class="text-uppercase float-left font-weight-bold"
style="color:#004f73; font-size:24px;">Subscription</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/subscrip.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;">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/snippet_3.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;">Top Deal Products</li>
<li style="list-style:none; font-size:24px;">Winter Collections</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;">Top Deal 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_deal_snippet_01.png"/>
</div>
</div>
<p class="text-dark" style="padding-right:0px;">
Please enable 'Top Deal Products' then proceed to enter the offer price and set the event's time period.
Confirm the selected date by clicking the 'Apply' button in the product form.
</p>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="text-center">
<img class="w-100"
src="images/dyn_snippet_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">
<h2 class="text-uppercase float-left font-weight-bold"
style="color:#004f73; font-size:24px;">Winter 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/winter_collection_sinppet_01.png"/>
</div>
</div>
<p class="text-dark" style="padding-right:0px;">Please Add A Product Under the Winter collection Product Category.</p>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="text-center">
<img class="w-100"
src="images/dyn_snippet_2.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 footprint 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, 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">Restaurant</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>
</div>
</body>
</html>