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.
1106 lines
61 KiB
1106 lines
61 KiB
<!-- HERO -->
|
|
<div class="container">
|
|
<div class="row"
|
|
style="padding: 4rem 2.5rem 0 !important; background-color: #fff !important;">
|
|
<div class="col-lg-12 d-flex flex-column align-items-center">
|
|
<h1 class="text-center text-uppercase"
|
|
style="font-family: Montserrat, 'sans-serif' !important; font-size: 67px !important; color: #791d97; font-weight: 900 !important;">
|
|
Backend Theme <span style="color:#5154a5;">iNFINITO </span><sup>
|
|
</h1>
|
|
<p class="my-1 text-center text-uppercase"
|
|
style="letter-spacing: 4px !important; color: #74788D !important;">
|
|
Utmost and dynamic backend theme for Odoo 16</p>
|
|
</div>
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center"
|
|
style="margin: 2rem 0;">
|
|
<img src="./assets/hero.png" width="100%" height="auto"
|
|
class="img-responsive">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF HERO -->
|
|
|
|
<!-- OVERVIEW -->
|
|
<div class="container">
|
|
<div class="row"
|
|
style="padding: 0rem 2.5rem !important; background-color: #fff !important;">
|
|
<div class="col-lg-12 d-flex flex-column justify-content-center">
|
|
<p class="my-1 text-center"
|
|
style="font-family: Montserrat, 'sans-serif' !important; color: #212121 !important;">
|
|
The Backend Theme Infinito Is A Dynamic And Ultimate Theme For Your Odoo V16.
|
|
This Theme Will Give You A New Experience
|
|
With Odoo. Main Highlight Of The Theme Is You Can Dynamically Change The Colors, Views, Buttons, Different Types Sidebar...Etc.
|
|
Moreover It Act As A Studio Based Theme. It Also Provides Dark Mode With 3 Configuration, Recent Apps,
|
|
Menu Bookmark And It Supports RTL.
|
|
It Is A Perfect Choice For Your Odoo Backend And An Attractive
|
|
Theme For Your Odoo 16.
|
|
It Will Give You A Clean Layout With A New Color Combination. It Has A
|
|
Sidebar With
|
|
New App Icons, Company Logo And User Menu. This Will Change Your Old
|
|
Kanban, List And Form Views To A Fully
|
|
Modified View And Infinto Provides You A Full Screen App Bar With User Image And Greetings.
|
|
</p>
|
|
</div>
|
|
<div class="col-lg-12 mt-4">
|
|
<div class="alert alert-warning text-center" role="alert">
|
|
<i class="fa fa-exclamation-triangle mr-2"
|
|
aria-hidden="true"></i>Please make sure that you install
|
|
all
|
|
your apps prior to the installation of this theme.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF OVERVIEW-->
|
|
|
|
<!-- FEATURE -->
|
|
<div class="container" style="margin-top: 3rem;">
|
|
<div class="row">
|
|
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
|
|
<h2 style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;">
|
|
Features</h2>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- RESPONSIVE -->
|
|
<div class="container" style="margin-top: 3rem;">
|
|
<div class="row shadow"
|
|
style="margin: 2rem;padding: 0rem !important;background-color: #fff !important;border-top: 5px solid #791d97 !important;min-width: 94% !important;">
|
|
<div class="col-lg-12"
|
|
style="padding-left: 0 !important; padding-right: 0!important;">
|
|
<img src="./assets/screenshots/infinito_landing.jpg" width="100%" height="auto"
|
|
class="img-responsive">
|
|
</div>
|
|
<div class="row">
|
|
|
|
<div class="col-lg-8" style="padding: 2.5rem !important;">
|
|
<div class="text-center"
|
|
style="font-size: 0.9rem !important; background-color: #791d97 !important; padding: 0.5 1.5rem !important; width: 60px; color: #ffffff !important; font-weight: 700; border-radius: 0.2rem !important; margin: 10px 0 !important;">
|
|
New
|
|
</div>
|
|
<h3 style="font-weight: 700 !important;">Fully Responsive
|
|
Layout</h3>
|
|
<h6
|
|
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
|
|
Now take advantage of everything your dashboard has to
|
|
offer even on the go. Our design are
|
|
now
|
|
fully responsive enabling you to view and manage
|
|
everything from the comfort of your mobile
|
|
device. Everything
|
|
has been designed in a meticulous fashion so that every
|
|
view snaps itself to fit the size of
|
|
the
|
|
device you are using, be it smartphones, tablet or any
|
|
other portables, our theme adjusts
|
|
itself
|
|
to fit the screen size.
|
|
</h6>
|
|
<span class="d-flex" style="margin-top: 2rem !important;">
|
|
<i class="fa fa-check-square mr-2"
|
|
style="color:#791d97 !important; margin-top: 5px !important;"></i>
|
|
<p>Fully responsive</p>
|
|
</span>
|
|
|
|
<span class="d-flex">
|
|
<i class="fa fa-check-square mr-2"
|
|
style="color:#791d97 !important; margin-top: 5px !important;"></i>
|
|
<p>Fly-out hamburger menu on the left</p>
|
|
</span>
|
|
|
|
<span class="d-flex">
|
|
<i class="fa fa-check-square mr-2"
|
|
style="color:#791d97 !important; margin-top: 5px !important;"></i>
|
|
<p>Fits perfectly to all screen sizes</p>
|
|
</span>
|
|
|
|
<span class="d-flex">
|
|
<i class="fa fa-check-square mr-2"
|
|
style="color:#791d97 !important; margin-top: 5px !important;"></i>
|
|
<p>Quick access menu at the bottom in discuss</p>
|
|
</span>
|
|
</div>
|
|
|
|
<div class="col-lg-4 d-flex justify-content-center align-items-center"
|
|
style="padding: 1.5rem !important; margin: 0rem 0rem 3rem !important;">
|
|
<img src="assets/screenshots/resp-app_bar.gif" width="80%" height="auto"
|
|
class="img-responsive rounded">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- END OF RESPONSIVE -->
|
|
|
|
<!-- FEATURE Infinito Dynamic Styling-->
|
|
<div class="container" style="margin-top: 3rem;">
|
|
<div class="row shadow"
|
|
style="margin: 2rem;padding: 0rem !important; background-color: #fff !important; border-top: 5px solid #791d97 !important; min-width: 94% !important;">
|
|
<div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
|
|
<h3 style="font-weight: 700 !important;">Infinito Dynamic Styling</h3>
|
|
<h6
|
|
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
|
|
The significant and attractive feature of the Backend Theme Infinito is its dynamic and powerful styling.
|
|
The user can design their own style not only for the buttons but also for views, tabs, control panels,
|
|
and many more aspects. The new Backend Theme Infinito V16 delivers you an entirely redesigned Kanban view
|
|
and Kanban Group View. The unique stages in the Kanban view offer an extremely attractive design
|
|
and a precise view. The simple layout with unusual color combinations and custom fonts provides a
|
|
comfortable experience for the users.
|
|
</h6>
|
|
<div class="row mt-4">
|
|
<div class="col-lg-6">
|
|
<span class="d-flex">
|
|
<i class="fa fa-check-square mr-2"
|
|
style="color:#791d97 !important; margin-top: 5px !important;"></i>
|
|
<p>Dynamic Styles</p>
|
|
</span>
|
|
|
|
<span class="d-flex">
|
|
<i class="fa fa-check-square mr-2"
|
|
style="color:#791d97 !important; margin-top: 5px !important;"></i>
|
|
<p>New Color Combination</p>
|
|
</span>
|
|
|
|
<span class="d-flex">
|
|
<i class="fa fa-check-square mr-2"
|
|
style="color:#791d97 !important; margin-top: 5px !important;"></i>
|
|
<p>Edit Button Style</p>
|
|
</span>
|
|
</div>
|
|
|
|
<div class="col-lg-6">
|
|
<span class="d-flex">
|
|
<i class="fa fa-check-square mr-2"
|
|
style="color:#791d97 !important; margin-top: 5px !important;"></i>
|
|
<p>Choose Button Styles from the Preset</p>
|
|
</span>
|
|
|
|
<span class="d-flex">
|
|
<i class="fa fa-check-square mr-2"
|
|
style="color:#791d97 !important; margin-top: 5px !important;"></i>
|
|
<p>Clean Layout</p>
|
|
</span>
|
|
|
|
<span class="d-flex">
|
|
<i class="fa fa-check-square mr-2"
|
|
style="color:#791d97 !important; margin-top: 5px !important;"></i>
|
|
<p>Advanced Style Editor</p>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-12"
|
|
style="padding-left: 0 !important; padding-right: 0!important;">
|
|
<img src="./assets/screenshots/gif/adv_button.gif" width="100%"
|
|
height="auto" class="img-responsive">
|
|
</div>
|
|
<div class="col-lg-12"
|
|
style="padding-left: 0 !important; padding-right: 0!important;">
|
|
<img src="./assets/screenshots/infinito_styles.jpg" width="100%"
|
|
height="auto" class="img-responsive">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF FEATURE -->
|
|
|
|
<!-- TWO COLUMN BLOCK Sidebar-->
|
|
<div class="container" style="margin-top: 3rem;">
|
|
<div class="row" style="margin: 2rem;">
|
|
|
|
<div class="col-lg-8"
|
|
style="padding: 1rem 1rem 1rem 0rem !important;">
|
|
<div class=" shadow"
|
|
style="background-color: #fff !important; border-top: 3px solid #791d97 !important; padding: 2.5rem 0rem 0rem 0rem !important;">
|
|
<div class="text-center"
|
|
style="font-size: 0.9rem !important; background-color: #791d97 !important; padding: 0.5 1.5rem !important; width: 60px; color: #ffffff !important; font-weight: 700; border-radius: 0.2rem !important; margin: 10px 15px !important;">
|
|
New
|
|
</div>
|
|
<h3 class="mx-4 mt-3" style="font-weight: 700 !important;">
|
|
Sidebar with Customization</h3>
|
|
<h6 class="mx-4"
|
|
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
|
|
Backend Theme Infinito V16 ensures stunning themes for your Odoo 16 platform.
|
|
The new sidebar with more customization options provides a better experience.
|
|
The system encompasses the Enable/Disable Sidebar, Turn On/Off Company Icon, User menu,
|
|
and many other aspects such as options to toggle the App icon and name, a clear layout and
|
|
colors, responsive sidebars, and even the option for customizing your own sidebars.
|
|
</h6>
|
|
<div class="mx-4 my-4">
|
|
<span class="d-flex">
|
|
<i class="fa fa-check-square mr-2"
|
|
style="color:#791d97 !important; margin-top: 5px !important;"></i>
|
|
<p>Enable/Disable Sidebar</p>
|
|
</span>
|
|
|
|
<span class="d-flex">
|
|
<i class="fa fa-check-square mr-2"
|
|
style="color:#791d97 !important; margin-top: 5px !important;"></i>
|
|
<p>Turn On/Off Company icon</p>
|
|
</span>
|
|
<span class="d-flex">
|
|
<i class="fa fa-check-square mr-2"
|
|
style="color:#791d97 !important; margin-top: 5px !important;"></i>
|
|
<p>User menu</p>
|
|
</span>
|
|
|
|
<span class="d-flex">
|
|
<i class="fa fa-check-square mr-2"
|
|
style="color:#791d97 !important; margin-top: 5px !important;"></i>
|
|
<p>Toggle the App Icon and Name</p>
|
|
</span>
|
|
<span class="d-flex">
|
|
<i class="fa fa-check-square mr-2"
|
|
style="color:#791d97 !important; margin-top: 5px !important;"></i>
|
|
<p>Sidebar with New Menu Icons</p>
|
|
</span>
|
|
<span class="d-flex">
|
|
<i class="fa fa-check-square mr-2"
|
|
style="color:#791d97 !important; margin-top: 5px !important;"></i>
|
|
<p>Responsive Sidebar</p>
|
|
</span>
|
|
<span class="d-flex">
|
|
<i class="fa fa-check-square mr-2"
|
|
style="color:#791d97 !important; margin-top: 5px !important;"></i>
|
|
<p>Customize Your Own Sidebar</p>
|
|
</span>
|
|
|
|
|
|
</div>
|
|
<img src="./assets/screenshots/user_edit.jpg" class="img-responsive"
|
|
width="100% !important"
|
|
height="auto !important">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4"
|
|
style="padding: 1rem 0rem 1rem 1rem!important;">
|
|
<div class="shadow"
|
|
style="background-color: #fff !important; border-top: 3px solid #791d97!important; padding: 2.5rem 0rem 0rem 1.5rem !important; position: relative; overflow: hidden !important;">
|
|
<h3 class="mt-3" style="font-weight: 700 !important;">
|
|
New Responsive Sidebar</h3>
|
|
<h6
|
|
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important; padding-bottom: 3.8rem !important;">
|
|
The All-New Menu Design is Main Attractive Section for
|
|
the Backend theme infinito. The Sidebar
|
|
have New Minimalist
|
|
Icons for Applications in Odoo. Also the Sidebar Have
|
|
Closing and Opening Option.
|
|
Customisable Logo Attached in Sidebar
|
|
That is Automatically Fetch Your Company Logo.
|
|
</h6>
|
|
<img src="./assets/screenshots/resp-sidebar.gif" class="img-responsive"
|
|
width="100% !important"
|
|
height="auto !important">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- END OF TWO COLUMN BLOCK -->
|
|
|
|
<!-- FEATURE full screen app bar-->
|
|
<div class="container" style="margin-top: 3rem;">
|
|
<div class="row shadow"
|
|
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 5px solid #791d97 !important; min-width: 94% !important;">
|
|
<div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
|
|
<h3 style="font-weight: 700 !important;">Full Screen App Menu</h3>
|
|
<h6 style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
|
|
The responsive full-screen app bar proffers a real-time view into the system.
|
|
The full-screen app bar feature in the application will be very comfortable for the users
|
|
to get quick and complete access to their applications. In addition,
|
|
the new application makes your system suitable for all the screen sizes,
|
|
such as computers, laptops, tablets, and even smartphones.
|
|
</h6>
|
|
|
|
</div>
|
|
<div class="col-lg-12"
|
|
style="padding-left: 0 !important; padding-right: 0!important;">
|
|
<img src="./assets/screenshots/gif/app_bar.gif" width="100%"
|
|
height="auto" class="img-responsive">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF FEATURE -->
|
|
|
|
<!-- FEATURE Discuss -->
|
|
<div class="container" style="margin-top: 3rem;">
|
|
<div class="row shadow"
|
|
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 5px solid #791d97 !important; min-width: 94% !important;">
|
|
<div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
|
|
<h3 style="font-weight: 700 !important;">Discuss Module View</h3>
|
|
<h6
|
|
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
|
|
Backend Theme Infinito Gives You The Fully Modified Discuss View
|
|
with a Full Screen Experience. It will
|
|
Give You a Clean Layout with the New Color Combination
|
|
and a Modified Font.
|
|
</h6>
|
|
<div class="row mt-4">
|
|
<div class="col-lg-6">
|
|
<span class="d-flex">
|
|
<i class="fa fa-check-square mr-2"
|
|
style="color:#791d97 !important; margin-top: 5px !important;"></i>
|
|
<p>Modified Discuss Style</p>
|
|
</span>
|
|
|
|
<span class="d-flex">
|
|
<i class="fa fa-check-square mr-2"
|
|
style="color:#791d97 !important; margin-top: 5px !important;"></i>
|
|
<p>Full Screen View</p>
|
|
</span>
|
|
</div>
|
|
|
|
<div class="col-lg-6">
|
|
<span class="d-flex">
|
|
<i class="fa fa-check-square mr-2"
|
|
style="color:#791d97 !important; margin-top: 5px !important;"></i>
|
|
<p>Responsive</p>
|
|
</span>
|
|
|
|
<span class="d-flex">
|
|
<i class="fa fa-check-square mr-2"
|
|
style="color:#791d97 !important; margin-top: 5px !important;"></i>
|
|
<p>New Color Combination</p>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-12"
|
|
style="padding-left: 0 !important; padding-right: 0!important;">
|
|
<img src="./assets/screenshots/discuss.jpg" width="100%"
|
|
height="auto" class="img-responsive">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF FEATURE -->
|
|
|
|
<!-- FEATURE Menu bookmark-->
|
|
<div class="container" style="margin-top: 3rem;">
|
|
<div class="row shadow"
|
|
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 5px solid #791d97 !important; min-width: 94% !important;">
|
|
<div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
|
|
<h3 style="font-weight: 700 !important;">Menu Bookmark</h3>
|
|
<h6 style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
|
|
You can bookmark menus. Bookmarked menus will be visible on hovering the mouse to the right side of screen.
|
|
You can easily add and remove the bookmarks.
|
|
The Menu bookmark feature transforms the platform more comfortable to use,
|
|
and the option is available on the right side of the screen.
|
|
Also, you have the provision to change the position of bookmarks by simply dragging and dropping them.
|
|
</h6>
|
|
</div>
|
|
<div class="col-lg-12"
|
|
style="padding-left: 0 !important; padding-right: 0!important;">
|
|
<img src="assets/screenshots/gif/bookmark.gif" width="100%"
|
|
height="auto" class="img-responsive">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF FEATURE -->
|
|
|
|
<!-- FEATURE Recent Apps-->
|
|
<div class="container" style="margin-top: 3rem;">
|
|
<div class="row shadow"
|
|
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 5px solid #791d97 !important; min-width: 94% !important;">
|
|
<div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
|
|
<h3 style="font-weight: 700 !important;">Recent Apps</h3>
|
|
<h6 style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
|
|
The Recent apps feature lodged in the application will be enormously valuable for getting a clear notion about the recently visited applications.
|
|
This system-level user interface has a profound effect on tracking recent activities and tasks.
|
|
All the recent apps will be displayed at the bottom of the screen,
|
|
and they can be dragged and dropped to any position.
|
|
</h6>
|
|
|
|
</div>
|
|
<div class="col-lg-12"
|
|
style="padding-left: 0 !important; padding-right: 0!important;">
|
|
<img src="./assets/screenshots/gif/recent_apps.gif" width="100%"
|
|
height="auto" class="img-responsive">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF FEATURE -->
|
|
|
|
<!-- FEATURE Dark Mode-->
|
|
<div class="container" style="margin-top: 3rem;">
|
|
<div class="row shadow"
|
|
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 5px solid #791d97 !important;">
|
|
<div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
|
|
<h3 style="font-weight: 700 !important;">Dark Mode</h3>
|
|
<h6
|
|
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
|
|
The developers of our team went beyond expectations, and they invented a sleek, cool, and elegant dark mode for a better user experience.
|
|
The Dark mode can be applied in three different modes such as Automatic, Scheduled, and Always.
|
|
With the Automatic option, you can turn on dark mode automatically at a specific time.
|
|
It is also easy to schedule dark mode based on your preferences by enabling the Scheduled option.
|
|
Further, the Always option allows you to turn on the dark mode forever.
|
|
</h6>
|
|
</div>
|
|
<div class="col-lg-12"
|
|
style="padding-left: 0 !important; padding-right: 0!important;">
|
|
<img src="./assets/screenshots/gif/dark_mode.gif" width="100%"
|
|
height="auto" class="img-responsive">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF FEATURE -->
|
|
|
|
<!-- FEATURE User edit-->
|
|
<div class="container" style="margin-top: 3rem;">
|
|
<div class="row shadow"
|
|
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 5px solid #791d97 !important; min-width: 94% !important;">
|
|
<div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
|
|
<h3 style="font-weight: 700 !important;">User Edit</h3>
|
|
<h6 style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
|
|
The newly developed Backend Theme Infinito application for Odoo 16 grants separate user edit options.
|
|
The user and the admin have different configuration options.
|
|
</h6>
|
|
|
|
</div>
|
|
<div class="col-lg-12"
|
|
style="padding-left: 0 !important; padding-right: 0!important;">
|
|
<img src="./assets/screenshots/user_edit.jpg" width="100%"
|
|
height="auto" class="img-responsive">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF FEATURE -->
|
|
|
|
<!-- FEATURE RTL-->
|
|
<div class="container" style="margin-top: 3rem;">
|
|
<div class="row shadow"
|
|
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 5px solid #791d97 !important; min-width: 94% !important;">
|
|
<div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
|
|
<h3 style="font-weight: 700 !important;">RTL</h3>
|
|
<h6 style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
|
|
The Infinito Backend Theme application supports RTL- Right To Left Language to ensure closer
|
|
collaboration with customers from certain regions. Now you can effortlessly respond to users
|
|
practicing Right To Left languages such as Arabic, Japanese, Chinese, and many others.
|
|
</h6>
|
|
</div>
|
|
<div class="col-lg-12"
|
|
style="padding-left: 0 !important; padding-right: 0!important;">
|
|
<img src="./assets/screenshots/gif/rtl.gif" width="100%"
|
|
height="auto" class="img-responsive">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF FEATURE -->
|
|
|
|
<!-- FEATURE Loaders-->
|
|
<div class="container" style="margin-top: 3rem;">
|
|
<div class="row shadow"
|
|
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 5px solid #791d97 !important; min-width: 94% !important;">
|
|
<div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
|
|
<h3 style="font-weight: 700 !important;">Loaders</h3>
|
|
<h6 style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
|
|
Another exclusive feature of the application is the Loaders.
|
|
The user has the provision to choose different loading styles from the presets.
|
|
</h6>
|
|
|
|
</div>
|
|
<div class="col-lg-12"
|
|
style="padding-left: 0 !important; padding-right: 0!important;">
|
|
<img src="./assets/screenshots/gif/preloader.gif" width="100%"
|
|
height="auto" class="img-responsive">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF FEATURE -->
|
|
|
|
<!-- FEATURE Navbar on Hover-->
|
|
<div class="container" style="margin-top: 3rem;">
|
|
<div class="row shadow"
|
|
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 5px solid #791d97 !important; min-width: 94% !important;">
|
|
<div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
|
|
<h3 style="font-weight: 700 !important;">Navbar on Hover</h3>
|
|
<h6 style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
|
|
The exclusive Navbar on hover feature included in the application is highly comfortable
|
|
for hiding the navbar for full screen.
|
|
Now the Navbar only shows when hovering at the top of the screen.
|
|
</h6>
|
|
</div>
|
|
<div class="col-lg-12"
|
|
style="padding-left: 0 !important; padding-right: 0!important;">
|
|
<img src="./assets/screenshots/gif/hover_nav.gif" width="100%"
|
|
height="auto" class="img-responsive">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF FEATURE -->
|
|
|
|
<!-- FEATURE Chameleon mode-->
|
|
<div class="container" style="margin-top: 3rem;">
|
|
<div class="row shadow"
|
|
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 5px solid #791d97 !important; min-width: 94% !important;">
|
|
<div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
|
|
<h3 style="font-weight: 700 !important;">Chameleon Mode</h3>
|
|
<h6 style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
|
|
The Chameleon mode embedded in the application will be very convenient for changing theme colors automatically.
|
|
</h6>
|
|
|
|
</div>
|
|
<div class="col-lg-12"
|
|
style="padding-left: 0 !important; padding-right: 0!important;">
|
|
<img src="./assets/screenshots/gif/adv_list.gif" width="100%"
|
|
height="auto" class="img-responsive">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF FEATURE -->
|
|
|
|
<!-- START OF THREE COLUMN BLOCK kanban views-->
|
|
<div class="container" style="margin-top: 3rem;">
|
|
<div class="row" style="margin: 2rem;">
|
|
<div class="col-lg-4"
|
|
style="padding: 1rem 1rem 1rem 0 !important">
|
|
<div class="shadow"
|
|
style="background-color: #fff !important; border-top: 3px solid #791d97!important; padding: 2.5rem 0rem 0rem 1.5rem !important; position: relative; overflow: hidden !important;">
|
|
<h3 class="mt-3" style="font-weight: 700 !important;">
|
|
Kanban view</h3>
|
|
<h6 style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important; padding-bottom: 3.8rem !important;">
|
|
</h6>
|
|
<img src="./assets/screenshots/kanban.png" class="img-responsive"
|
|
width="100% !important"
|
|
height="auto !important">
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4"
|
|
style="padding: 1rem 1rem 1rem 0 !important">
|
|
<div class="shadow"
|
|
style="background-color: #fff !important; border-top: 3px solid #791d97!important; padding: 2.5rem 0rem 0rem 1.5rem !important; position: relative; overflow: hidden !important;">
|
|
<h3 class="mt-3" style="font-weight: 700 !important;">
|
|
Grouped Kanban view</h3>
|
|
<h6 style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important; padding-bottom: 3.8rem !important;">
|
|
</h6>
|
|
<img src="./assets/screenshots/kanban-grp.png" class="img-responsive"
|
|
width="100% !important"
|
|
height="auto !important">
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4"
|
|
style="padding: 1rem 0rem 1rem 1px !important">
|
|
<div class="shadow"
|
|
style="background-color: #fff !important; border-top: 3px solid #791d97!important; padding: 2.5rem 0rem 0rem 1.5rem !important; position: relative; overflow: hidden !important;">
|
|
<h3 class="mt-3" style="font-weight: 700 !important;">
|
|
Apps Kanban View</h3>
|
|
<h6 style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important; padding-bottom: 2.8rem !important;">
|
|
</h6>
|
|
<img src="./assets/screenshots/kanban-img.png" class="img-responsive"
|
|
width="100% !important"
|
|
height="auto !important">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF THREE COLUMN BLOCK -->
|
|
|
|
<!-- SCREENSHOTS -->
|
|
<div class="container" style="margin-top: 3rem;">
|
|
<div class="row">
|
|
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
|
|
<h2 style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;">
|
|
Screenshots</h2>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 1: Kanban-->
|
|
<div class="row shadow"
|
|
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #791d97 !important;">
|
|
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
|
|
<div class="d-flex my-3">
|
|
<div class="d-flex justify-content-center align-items-center"
|
|
style="background-color: #791d97 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
|
|
<h6 style="margin-top: 0.3rem; color: #fff !important;">
|
|
1</h6>
|
|
</div>
|
|
<h5 class="mt-2 ml-2">Kanban View</h5>
|
|
</div>
|
|
<h6
|
|
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important; margin-left: 35px;">
|
|
The Backend theme infinito V16 Gives You a Fully Modified Kanban View and Kanban Group View.
|
|
The Section Wise Separated Stages give a Pleasant Experience And an Extraordinary Design To
|
|
Your Content Tiles Making The Tiles Look Great. It will Give You a Clean Layout with the New Color
|
|
Combination and a Modified Font.
|
|
</h6>
|
|
</div>
|
|
<div class="col-lg-12"
|
|
style="padding-left: 0 !important; padding-right: 0!important;">
|
|
<img src="./assets/screenshots/kanban-1.jpg" width="100%"
|
|
height="auto" class="img-responsive">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 2: Adv Editor-->
|
|
<div class="row shadow"
|
|
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #791d97 !important;">
|
|
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
|
|
<div class="d-flex my-3">
|
|
<div class="d-flex justify-content-center align-items-center"
|
|
style="background-color: #791d97 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
|
|
<h6 style="margin-top: 0.3rem; color: #fff !important;">
|
|
2</h6>
|
|
</div>
|
|
<h6 class="mt-2 ml-2">Advanced Editor</h6>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-12"
|
|
style="padding-left: 0 !important; padding-right: 0!important;">
|
|
<img src="assets/screenshots/infinito_adv.jpg" width="100%"
|
|
height="auto" class="img-responsive">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 3: Sidebar icons only-->
|
|
<div class="row shadow"
|
|
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #5154a5 !important;">
|
|
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
|
|
<div class="d-flex my-3">
|
|
<div class="d-flex justify-content-center align-items-center"
|
|
style="background-color: #791d97 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
|
|
<h6 style="margin-top: 0.3rem; color: #fff !important;">
|
|
3</h6>
|
|
</div>
|
|
<h6 class="mt-2 ml-2">Sidebar: Icons Only</h6>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-12"
|
|
style="padding-left: 0 !important; padding-right: 0!important;">
|
|
<img src="assets/screenshots/sidebar-list.jpg" width="100%"
|
|
height="auto" class="img-responsive">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 4: Apps page-->
|
|
<div class="row shadow"
|
|
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #5154a5 !important;">
|
|
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
|
|
<div class="d-flex my-3">
|
|
<div class="d-flex justify-content-center align-items-center"
|
|
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
|
|
<h6 style="margin-top: 0.3rem; color: #fff !important;">
|
|
4</h6>
|
|
</div>
|
|
<h6 class="mt-2 ml-2">Apps Page</h6>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-12"
|
|
style="padding-left: 0 !important; padding-right: 0!important;">
|
|
<img src="assets/screenshots/kanban.jpg" width="100%"
|
|
height="auto" class="img-responsive">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 5: Bookmark-->
|
|
<div class="row shadow"
|
|
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #5154a5 !important;">
|
|
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
|
|
<div class="d-flex my-3">
|
|
<div class="d-flex justify-content-center align-items-center"
|
|
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
|
|
<h6 style="margin-top: 0.3rem; color: #fff !important;">
|
|
5</h6>
|
|
</div>
|
|
<h6 class="mt-2 ml-2">Bookmark</h6>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-12"
|
|
style="padding-left: 0 !important; padding-right: 0!important;">
|
|
<img src="assets/screenshots/bookmark.jpg" width="100%"
|
|
height="auto" class="img-responsive">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 6: Calendar View-->
|
|
<div class="row shadow"
|
|
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #5154a5 !important;">
|
|
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
|
|
<div class="d-flex my-3">
|
|
<div class="d-flex justify-content-center align-items-center"
|
|
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
|
|
<h6 style="margin-top: 0.3rem; color: #fff !important;">
|
|
6</h6>
|
|
</div>
|
|
<h6 class="mt-2 ml-2">Calendar View</h6>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-12"
|
|
style="padding-left: 0 !important; padding-right: 0!important;">
|
|
<img src="assets/screenshots/calendar.jpg" width="100%"
|
|
height="auto" class="img-responsive">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 7: List View-->
|
|
<div class="row shadow"
|
|
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #5154a5 !important;">
|
|
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
|
|
<div class="d-flex my-3">
|
|
<div class="d-flex justify-content-center align-items-center"
|
|
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
|
|
<h6 style="margin-top: 0.3rem; color: #fff !important;">
|
|
7</h6>
|
|
</div>
|
|
<h6 class="mt-2 ml-2">List View</h6>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-12"
|
|
style="padding-left: 0 !important; padding-right: 0!important;">
|
|
<img src="assets/screenshots/list.jpg" width="100%"
|
|
height="auto" class="img-responsive">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 8: Grouped List View-->
|
|
<div class="row shadow"
|
|
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #5154a5 !important;">
|
|
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
|
|
<div class="d-flex my-3">
|
|
<div class="d-flex justify-content-center align-items-center"
|
|
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
|
|
<h6 style="margin-top: 0.3rem; color: #fff !important;">
|
|
8</h6>
|
|
</div>
|
|
<h6 class="mt-2 ml-2">Grouped List View</h6>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-12"
|
|
style="padding-left: 0 !important; padding-right: 0!important;">
|
|
<img src="assets/screenshots/list_group.jpg" width="100%"
|
|
height="auto" class="img-responsive">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 9: Grouped Kanban View-->
|
|
<div class="row shadow"
|
|
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #5154a5 !important;">
|
|
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
|
|
<div class="d-flex my-3">
|
|
<div class="d-flex justify-content-center align-items-center"
|
|
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
|
|
<h6 style="margin-top: 0.3rem; color: #fff !important;">
|
|
9</h6>
|
|
</div>
|
|
<h6 class="mt-2 ml-2">Grouped Kanban View</h6>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-12"
|
|
style="padding-left: 0 !important; padding-right: 0!important;">
|
|
<img src="assets/screenshots/kanban_grp.jpg" width="100%"
|
|
height="auto" class="img-responsive">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- END OF SCREENSHOTS -->
|
|
|
|
<!-- OUR SERVICES -->
|
|
<section class="container" style="margin-top: 6rem !important;">
|
|
<div class="row">
|
|
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4">
|
|
<h2 style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;">
|
|
Our Services</h2>
|
|
</div>
|
|
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
|
|
<img src="assets/icons/cogs.png" class="img-responsive"
|
|
height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center"
|
|
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
|
|
Odoo
|
|
Customization</h6>
|
|
</div>
|
|
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
|
|
<img src="assets/icons/wrench.png" class="img-responsive"
|
|
height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center"
|
|
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
|
|
Odoo
|
|
Implementation</h6>
|
|
</div>
|
|
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
|
|
<img src="assets/icons/lifebuoy.png" class="img-responsive"
|
|
height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center"
|
|
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
|
|
Odoo
|
|
Support</h6>
|
|
</div>
|
|
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
|
|
<img src="assets/icons/user.png" class="img-responsive"
|
|
height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center"
|
|
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
|
|
Hire
|
|
Odoo
|
|
Developer</h6>
|
|
</div>
|
|
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color: #54a0ff !important; border-radius: 15px !important; height: 80px; width: 80px;">
|
|
<img src="assets/icons/puzzle.png" class="img-responsive"
|
|
height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center"
|
|
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
|
|
Odoo
|
|
Integration</h6>
|
|
</div>
|
|
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
|
|
<img src="assets/icons/update.png" class="img-responsive"
|
|
height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center"
|
|
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
|
|
Odoo
|
|
Migration</h6>
|
|
</div>
|
|
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
|
|
<img src="assets/icons/consultation.png"
|
|
class="img-responsive" height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center"
|
|
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
|
|
Odoo
|
|
Consultancy</h6>
|
|
</div>
|
|
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;">
|
|
<img src="assets/icons/training.png" class="img-responsive"
|
|
height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center"
|
|
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
|
|
Odoo
|
|
Implementation</h6>
|
|
</div>
|
|
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;">
|
|
<img src="assets/icons/license.png" class="img-responsive"
|
|
height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center"
|
|
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
|
|
Odoo
|
|
Licensing Consultancy</h6>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- END OF END OF OUR SERVICES -->
|
|
|
|
<!-- OUR INDUSTRIES -->
|
|
<section class="container"
|
|
style="margin-top: 6rem !important; background-color: #fff !important;">
|
|
<div class="row">
|
|
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4">
|
|
<h2 style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;">
|
|
Our Industries</h2>
|
|
</div>
|
|
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
|
|
<img src="./assets/icons/trading-black.png"
|
|
class="img-responsive mb-3" height="48px" width="48px">
|
|
<h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
|
|
Trading
|
|
</h5>
|
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
|
|
Easily
|
|
procure
|
|
and
|
|
sell your products</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
|
|
<img src="./assets/icons/pos-black.png"
|
|
class="img-responsive mb-3" height="48px" width="48px">
|
|
<h5
|
|
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
|
|
POS
|
|
</h5>
|
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
|
|
Easy
|
|
configuration
|
|
and convivial experience</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
|
|
<img src="./assets/icons/education-black.png"
|
|
class="img-responsive mb-3" height="48px"
|
|
width="48px">
|
|
<h5
|
|
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
|
|
Education
|
|
</h5>
|
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
|
|
A
|
|
platform for
|
|
educational management</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
|
|
<img src="./assets/icons/manufacturing-black.png"
|
|
class="img-responsive mb-3" height="48px"
|
|
width="48px">
|
|
<h5
|
|
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
|
|
Manufacturing
|
|
</h5>
|
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
|
|
Plan,
|
|
track and
|
|
schedule your operations</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
|
|
<img src="./assets/icons/ecom-black.png"
|
|
class="img-responsive mb-3" height="48px" width="48px">
|
|
<h5
|
|
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
|
|
E-commerce & Website
|
|
</h5>
|
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
|
|
Mobile
|
|
friendly,
|
|
awe-inspiring product pages</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
|
|
<img src="./assets/icons/service-black.png"
|
|
class="img-responsive mb-3" height="48px" width="48px">
|
|
<h5
|
|
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
|
|
Service Management
|
|
</h5>
|
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
|
|
Keep
|
|
track of
|
|
services and invoice</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
|
|
<img src="./assets/icons/restaurant-black.png"
|
|
class="img-responsive mb-3" height="48px"
|
|
width="48px">
|
|
<h5
|
|
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
|
|
Restaurant
|
|
</h5>
|
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
|
|
Run
|
|
your bar or
|
|
restaurant methodically</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
|
|
<img src="./assets/icons/hotel-black.png"
|
|
class="img-responsive mb-3" height="48px" width="48px">
|
|
<h5
|
|
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
|
|
Hotel Management
|
|
</h5>
|
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
|
|
An
|
|
all-inclusive
|
|
hotel management application</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- END OF END OF OUR INDUSTRIES -->
|
|
|
|
<!-- FOOTER -->
|
|
<!-- Footer Section -->
|
|
<section class="container"
|
|
style="margin: 5rem auto 2rem; background-color: #fff !important;">
|
|
<div class="row" style="max-width:1540px;">
|
|
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4">
|
|
<h2 style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;">
|
|
Need Help?</h2>
|
|
</div>
|
|
</div>
|
|
<!-- Contact Cards -->
|
|
<div class="row d-flex justify-content-center align-items-center"
|
|
style="max-width:1540px; margin: 0 auto 2rem auto;">
|
|
<div class="col-lg-12"
|
|
style="padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; ">
|
|
<div class="row mt-4">
|
|
<div class="col-lg-6">
|
|
<a href="mailto:odoo@cybrosys.com" target="_blank"
|
|
class="btn btn-block mb-2 deep_hover"
|
|
style="text-decoration: none; background-color: #4d4d4d; color: #FFF; border-radius: 4px;"><i
|
|
class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<a href="https://api.whatsapp.com/send?phone=918606827707"
|
|
target="_blank"
|
|
class="btn btn-block mb-2 deep_hover"
|
|
style="text-decoration: none; background-color: #25D366; color: #FFF; border-radius: 4px;">
|
|
<i class="fa fa-whatsapp mr-2"></i>+91 86068
|
|
27707</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End of Contact Cards -->
|
|
</section>
|
|
<!-- Footer -->
|
|
<section class="oe_container"
|
|
style="padding: 2rem 3rem 1rem; background-color: #fff !important;">
|
|
<div class="row"
|
|
style="max-width:1540px; margin: 0 auto; margin-right: 3rem; ">
|
|
<!-- Logo -->
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center"
|
|
style="margin-top: 3rem;">
|
|
<img src="https://www.cybrosys.com/images/logo.png"
|
|
width="200px" height="auto"/>
|
|
</div>
|
|
<!-- End of Logo -->
|
|
</div>
|
|
</section>
|
|
<!-- END OF FOOTER -->
|
|
</div>
|