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.
2013 lines
49 KiB
2013 lines
49 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="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>
|
|
|
|
|
|
<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-5 pt-5" style="">
|
|
|
|
<img style="width:80%;" src="images/banner-img.jpg"/>
|
|
|
|
</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;">espresso</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;">
|
|
Developing
|
|
</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;">make a break</br>
|
|
|
|
<span style="font-size:162px; color:#000; " class="">for a hot</br>
|
|
coffee</span>
|
|
|
|
|
|
</h3>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-8">
|
|
|
|
<p class="text-dark" style="padding-right:0px;">The
|
|
Espresso cafe theme
|
|
was created by Cybrosys Technology Solutions.
|
|
This theme can be added to make a classy
|
|
website for cafes, bistros, and restaurants.
|
|
Additionally, if you own wineries, bakeries, burger
|
|
joints, fast food chains, or recipe websites, you can
|
|
use it. It's a complete food company theme, making it a
|
|
fantastic option for both restaurants and food
|
|
websites. This theme is the missing special ingredient
|
|
for you to build irresistible websites. </p>
|
|
|
|
<p class="text-dark" style="padding-right:0px;">It use the
|
|
collection of portfolio templates and powerful features
|
|
to create a stylish portfolio for your business.
|
|
Snippets can be used to create homepages that showcase
|
|
your shop's drink menus and other offerings.
|
|
Also, it features both common and
|
|
unique short codes designed specifically for
|
|
presentations. It might be useful for showcasing your
|
|
company's identity and product offerings.</p>
|
|
|
|
<p class="text-dark" style="padding-right:0px;">This theme
|
|
contains everything from designed homepages, to
|
|
shopping carts. It is compatible with Elementor and
|
|
simple to drag and drop items. Quickly create any
|
|
layout without any coding skills. Along with this theme ,
|
|
it permits users to use third-party plugins also.
|
|
This theme use the most recent iteration of a coffee shop's
|
|
website. Both adaptable and user-friendly.</p>
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-4 text-left">
|
|
|
|
<div class=" position-relative">
|
|
|
|
|
|
<img class="position-absolute w-75"
|
|
style="top:-83px; left:100px;"
|
|
src="images/content-area-img.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 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;">The most
|
|
recent website creation for a coffee shop.
|
|
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="images/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="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:#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;">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="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;">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;">About us
|
|
</li>
|
|
<li style="list-style:none; font-size:24px;">Menu</li>
|
|
<li style="list-style:none; font-size:24px;">Team</li>
|
|
<li style="list-style:none; font-size:24px;">
|
|
Testimonials
|
|
</li>
|
|
<li style="list-style:none; font-size:24px;">
|
|
Reservation
|
|
</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/template-white-theam-1.jpg"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<div class="text-center mt-5 pt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-2.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<div class="text-center mt-5 pt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-3.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<div class="text-center mt-5 pt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-4.jpg"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<div class="text-center mt-5 pt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-5.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<div class="text-center mt-5 pt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-6.jpg"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<div class="text-center mt-5 pt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-7.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;">Menu 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;">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>
|
|
|
|
|
|
</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/template-white-theam-12.jpg"/>
|
|
|
|
|
|
</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/template-white-theam-13.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<div class="text-center pt-5 mt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-14.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<div class="text-center pt-5 mt-5">
|
|
|
|
<img style="width:88%;"
|
|
src="images/template-white-theam-15.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-8">
|
|
|
|
<h3 class="text-uppercase float-left font-weight-bold"
|
|
style="color:#cc2300; line-height:44px; font-size:24px;">
|
|
Single Product 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-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>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class=" 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="images/template-white-theam-16.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<div class="text-center">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-17.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:#cc2300; line-height:32px; font-size:24px;">
|
|
Cart & Check out</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;">Product
|
|
Description
|
|
</li>
|
|
<li style="list-style:none; font-size:24px;">Similar
|
|
Product
|
|
</li>
|
|
<li style="list-style:none; font-size:24px;">Offer
|
|
Banner
|
|
</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/template-white-theam-18.jpg"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<div class="text-center pt-5 mt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-19.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<div class="text-center pt-5 mt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-20.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<div class="text-center pt-5 mt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-21.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<div class="text-center pt-5 mt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-22.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<div class="text-center pt-5 mt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-23.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:#cc2300; line-height:32px; font-size:24px;">
|
|
Shop 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;">Product
|
|
Description
|
|
</li>
|
|
<li style="list-style:none; font-size:24px;">Similar
|
|
Product
|
|
</li>
|
|
<li style="list-style:none; font-size:24px;">Offer
|
|
Banner
|
|
</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/template-white-theam-24.jpg"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-12">
|
|
|
|
|
|
<div class="text-center pt-5 mt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-25.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
|
|
<div class="text-center pt-5 mt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-26.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
|
|
<div class="text-center pt-5 mt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-27.jpg"/>
|
|
|
|
|
|
</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:#cc2300; line-height:32px; font-size:24px;">
|
|
Shop 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;">Banner
|
|
</li>
|
|
<li style="list-style:none; font-size:24px;">About Us
|
|
</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>
|
|
|
|
|
|
</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/template-white-theam-28.jpg"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
|
|
<div class="text-center pt-5 mt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-29.jpg"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
|
|
<div class="text-center pt-5 mt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-30.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
|
|
<div class="text-center pt-5 mt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-31.jpg"/>
|
|
|
|
|
|
</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:#cc2300; line-height:32px; font-size:24px;">
|
|
Reservation 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;">Banner
|
|
</li>
|
|
<li style="list-style:none; font-size:24px;">
|
|
Reservation
|
|
</li>
|
|
<li style="list-style:none; font-size:24px;">Location
|
|
</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/template-white-theam-32.jpg"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
|
|
<div class="text-center pt-5 mt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-33.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
|
|
<div class="text-center pt-5 mt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-34.jpg"/>
|
|
|
|
|
|
</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:#cc2300; line-height:32px; font-size:24px;">
|
|
Features 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;">Banner
|
|
</li>
|
|
<li style="list-style:none; font-size:24px;">Home
|
|
Delivery
|
|
</li>
|
|
<li style="list-style:none; font-size:24px;">Other
|
|
Features
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class=" w-100 float-left">
|
|
|
|
<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/template-white-theam-35.jpg"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
|
|
<div class="text-center mt-3 pt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-36.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
|
|
<div class="text-center mt-3 pt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-37.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:#cc2300; line-height:32px; font-size:24px;">
|
|
Gallery 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;">Banner
|
|
</li>
|
|
<li style="list-style:none; font-size:24px;">Category
|
|
</li>
|
|
<li style="list-style:none; font-size:24px;">Gallery
|
|
images
|
|
</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/template-white-theam-38.jpg"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
|
|
<div class="text-center pt-5 mt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-39.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
|
|
<div class="text-center pt-5 mt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-40.jpg"/>
|
|
|
|
|
|
</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:#cc2300; line-height:32px; font-size:24px;">
|
|
Faq 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;">Question &
|
|
Answers
|
|
</li>
|
|
<li style="list-style:none; font-size:24px;">Banner
|
|
</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/template-white-theam-41.png">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
|
|
<div class="text-center pt-5 mt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-42.png">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
|
|
<div class="text-center pt-5 mt-5">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-43.jpg">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class=" text-center 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">
|
|
Login popup</h3>
|
|
<hr style="border-top:3px solid #F16868; width:16%;"
|
|
class="mt-0">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class=" w-100 pb-5 float-left">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
|
|
<div class="text-center">
|
|
|
|
<img class="w-100"
|
|
src="images/template-white-theam-44.png">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class=" text-center float-left w-100">
|
|
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<h3 class="text-uppercase text-dark font-weight-bold">Login
|
|
popup</h3>
|
|
<hr style="border-top:3px solid #F16868; width:16%;"
|
|
class="mt-0">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class=" 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/template-white-theam-45.png">
|
|
|
|
|
|
</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-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;"
|
|
class="w-100 float-left section-bottom-services mt-5">
|
|
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-12">
|
|
<h3 class="text-uppercase float-left font-weight-bold"
|
|
style="color:#4a1760; padding-top:80px; font-size:26px;">
|
|
Our Industries</h3> </br>
|
|
<div style="font-size:22px;"
|
|
class="text-left float-left w-100 pb-5 mb-4">Get
|
|
Insight in our odoo knowledge and our marked foot print
|
|
in industries
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-4 mt-4">
|
|
|
|
<div class="w-100 float-left p-4 bg-white"
|
|
style="border-radius:16px; height:232px;">
|
|
|
|
<img class="w-25" src="images/trading.png"/>
|
|
<h3 style="color:#522065; font-size:22px;"
|
|
class="pt-2"> Trading </h3>
|
|
<p style="font-size:20px;">Easily procure and sell
|
|
your products</p>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-4 mt-4">
|
|
|
|
<div class="w-100 float-left p-4 bg-white"
|
|
style="border-radius:16px;height:232px; ">
|
|
|
|
<img class="w-25" src="images/trading.png"/>
|
|
<h3 style="color:#522065; font-size:22px;"
|
|
class="pt-2"> E-commerce & Website </h3>
|
|
<p style="font-size:20px;">Mobile friendly, awe-
|
|
inspiring product pages</p>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-4 mt-4">
|
|
|
|
<div class="w-100 float-left p-4 bg-white"
|
|
style="border-radius:16px; height:232px;">
|
|
|
|
<img class="w-25" src="images/POS.png"/>
|
|
<h3 style="color:#522065; font-size:22px;"
|
|
class="pt-2"> POS</h3>
|
|
<p style="font-size:20px;">Easy configuration and
|
|
convivial experience</p>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-4 mt-4">
|
|
|
|
<div class="w-100 float-left p-4 bg-white"
|
|
style="border-radius:16px; height:232px;">
|
|
|
|
<img class="w-25" src="images/Edu.png"/>
|
|
<h3 style="color:#522065; font-size:22px;"
|
|
class="pt-2">Education</h3>
|
|
<p style="font-size:20px;">A platform for educational
|
|
management</p>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-4 mt-4">
|
|
|
|
<div class="w-100 float-left p-4 bg-white"
|
|
style="border-radius:16px; height:232px;">
|
|
|
|
<img class="w-25" src="images/Production.png"/>
|
|
<h3 style="color:#522065; font-size:22px;"
|
|
class="pt-2">Manufacturing</h3>
|
|
<p style="font-size:20px;">Plan, track and schedule
|
|
your operations</p>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-4 mt-4">
|
|
|
|
<div class="w-100 float-left p-4 bg-white"
|
|
style="border-radius:16px; height:232px;">
|
|
|
|
<img class="w-25" src="images/Production.png"/>
|
|
<h3 style="color:#522065; font-size:22px;"
|
|
class="pt-2">Manufacturing</h3>
|
|
<p style="font-size:20px;">Plan, track and schedule
|
|
your operations</p>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<div class="col-lg-4 mt-4">
|
|
|
|
<div class="w-100 float-left p-4 bg-white"
|
|
style="border-radius:16px; height:232px;">
|
|
|
|
<img class="w-25" src="images/POS.png"/>
|
|
<h3 style="color:#522065; font-size:22px;"
|
|
class="pt-2">Service Management</h3>
|
|
<p style="font-size:20px;">Keep track of services
|
|
and invoice</p>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-4 mt-4">
|
|
|
|
<div class="w-100 float-left p-4"
|
|
style="border-radius:16px;height:232px; background-color:#fff;">
|
|
|
|
<img class="w-25" src="images/Edu.png"/>
|
|
<h3 style="color:#522065; font-size:22px;"
|
|
class="pt-2">Resturant</h3>
|
|
<p style="font-size:20px;">Run your bar or restaurant
|
|
methodically</p>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-4 mt-4">
|
|
|
|
<div class="w-100 float-left p-4"
|
|
style="border-radius:16px; height:232px; background-color:#fff;">
|
|
|
|
<img class="w-25" src="images/Production.png"/>
|
|
<h3 style="color:#522065; font-size:22px;"
|
|
class="pt-2">Hotel management</h3>
|
|
<p style="font-size:20px;">An all-inclusive hotel
|
|
management application</p>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<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>
|
|
|