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.
718 lines
27 KiB
718 lines
27 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">
|
|
|
|
</head>
|
|
<body style="background-color: #ffeed8">
|
|
|
|
<div class="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>
|
|
</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="">
|
|
|
|
<img style="width:80%;" src="images/hero.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:#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">
|
|
|
|
<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>
|
|
|
|
</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 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:#CFBFDF; border:3px solid #000; border-radius:14px;">
|
|
<div class="w-100 float-left pb-3">
|
|
<i><img src="images/icon-Compatibility-with-plugins.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:#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;">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:#D3F5E7; border:3px solid #000; border-radius:14px;">
|
|
|
|
<div class="w-100 float-left pb-3">
|
|
|
|
<i><img src="images/icon-Up-to-date-development.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 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:#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=" w-100 float-left mt-5 pt-5">
|
|
<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 class="col-lg-12">
|
|
<div class="text-center">
|
|
<img class="w-100"
|
|
src="images/features.png"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
<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 class="col-lg-12">
|
|
<div class="text-center">
|
|
<img class="w-100"
|
|
src="images/sub.png"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
<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 class="col-lg-12">
|
|
<div class="text-center">
|
|
<img class="w-100"
|
|
src="images/choose.png"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
<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 class="col-lg-12">
|
|
<div class="text-center">
|
|
<img class="w-100"
|
|
src="images/cards.png"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
<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 class="col-lg-12">
|
|
<div class="text-center">
|
|
<img class="w-100"
|
|
src="images/banner1.png"/>
|
|
</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:#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=" w-100 float-left mt-5 pt-5">
|
|
<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 class="col-lg-12">
|
|
<div class="text-center">
|
|
<img class="w-100"
|
|
src="images/asked.png"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
<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 class="col-lg-12">
|
|
<div class="text-center">
|
|
<img class="w-100"
|
|
src="images/best_deals1.png"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
<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 class="col-lg-12">
|
|
<div class="text-center">
|
|
<img class="w-100"
|
|
src="images/best_products.png"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
<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 class="col-lg-12">
|
|
<div class="text-center">
|
|
<img class="w-100"
|
|
src="images/testimonial1.png"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div 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="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-integration.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-consultancy.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;"
|
|
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 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, 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">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>
|
|
|
|
<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>
|
|
|