@ -52,33 +52,16 @@
< / div >
< / div >
<!-- END OF OVERVIEW -->
<!-- <!–DOWNLOAD BUTTON ENTERPRISE–> -->
<!-- <div> -->
<!-- <div class="col - lg - 12 text - center mt - 5"> -->
<!-- <a href="https://apps.odoo.com/apps/themes/14.0/code_backend_theme_enterprise/" -->
<!-- style="background - color:#791d97 !important; color:#fff !important; font - weight:600 !important; padding:10px 15px 13px !important; margin:0 5px !important; border - radius:5px !important"> -->
<!-- <i class="fa fa - download mr - 1"></i>Download Backend theme infinito for Enterprise -->
<!-- </a> -->
<!-- <br/> -->
<!-- </div> -->
<!-- </div> -->
<!-- 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;">
< 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"
@ -90,7 +73,7 @@
< / div >
< div class = "row" >
< div class = "col-lg-8" style = "padding: 2.5rem 1.5rem !important;" >
< 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
@ -136,28 +119,20 @@
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"
@ -166,13 +141,12 @@
< 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 Backend theme infinito V15 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.
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 V15 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" >
@ -218,122 +192,12 @@
< / 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 -->
<!-- FEATURE Kanban Grouped -->
< 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;" > Kanban View< / h3 >
< h6 style = "font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;" >
The Backend theme infinito V15 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 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 Table 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 > 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 > New Scroll Bar< / 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 > New Status Tag< / 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 Scrollbar< / p >
< / span >
< span class = "d-flex" >
< i class = "fa fa-check-square mr-2"
style="color:#791d97 !important; margin-top: 5px !important;">< / i >
< p > Buttons with New Colors< / p >
< / span >
< / div >
< / div > -->
< / div >
< div class = "col-lg-12"
style="padding-left: 0 !important; padding-right: 0!important;">
< img src = "./assets/screenshots/kanban-1.jpg" width = "100%"
< img src = "./assets/screenshots/gif/adv_button.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/discus s.jpg" width = "100%"
< img src = "./assets/screenshots/infinito_styles.jpg" width = "100%"
height="auto" class="img-responsive">
< / div >
< / div >
@ -342,24 +206,25 @@
<!-- TWO COLUMN BLOCK Sidebar -->
< div class = "container" style = "margin-top: 3rem;" >
< div class = "row" style = "margin: 2rem; ; min-width: 100% !important; " >
< 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;">
< 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;" >
< 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 V15 is an Attractive Theme for Your
Odoo 15.
This Theme Will Change Improve Your Experience With
Odoo. It Provides a Sidebar With More Customization
Backend Theme Infinito V15 ensures stunning themes for your Odoo 15 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" >
@ -384,11 +249,6 @@
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 > A Clean layout and Color< / p >
< / span >
< span class = "d-flex" >
< i class = "fa fa-check-square mr-2"
style="color:#791d97 !important; margin-top: 5px !important;">< / i >
@ -404,7 +264,7 @@
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"
@ -439,148 +299,266 @@
< / div >
<!-- END OF TWO COLUMN BLOCK -->
<!-- TWO COLUMN BLOCK New -->
<!-- <div class="container" style="margin - top: 3rem;">
< div class = "row" style = "margin: 2rem; ; min-width: 100% !important;" >
< 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;" >
Sidebar with Customization< / h3 >
< 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 > Modified Structure for All Type Views< / 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 Style for Active Menus, Radio Buttons and Checkboxes< / 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 > New Look for All Applications< / p >
< / span >
< span class = "d-flex" >
< i class = "fa fa-check-square mr-2"
style="color:#791d97 !important; margin-top: 5px !important;">< / i >
< p > A Clean layout and New Font 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 > Sidebar with New Menu Icons< / p >
< / span >
< / div >
< 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/menu_focus.png" class = "img-responsive"
width="100% !important"
height="auto !important">
< / div >
<!-- 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-8"
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 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;" >
All-New Appbar< / h3 >
< h6 class = "mx-4"
< 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 V15 is an Attractive Theme for Your
Odoo 15.
This Theme Will Change Improve Your Experience With
Odoo.
This is a Minimalist and Elegant Backend Theme for Odoo
15 And Can Offer a Perfect Choice
for
Your Odoo Backend.
< / h6 >
< div class = "mx-4 my-4" >
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 Structure for All Type Views < / p >
< 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 > New Style for Active Menus, Radio Buttons and Checkboxes< / 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 >
< 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 > New Look for All Applications< / p >
< / span >
< span class = "d-flex" >
< i class = "fa fa-check-square mr-2"
style="color:#791d97 !important; margin-top: 5px !important;">< / i >
< p > A Clean layout and New Font Style< / p >
< 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 > Sidebar with New Menu Icons < / p >
< p > New Color Combination < / p >
< / span >
< / div >
< img src = "./assets/hero.png" class = "img-responsive"
width="100% !important"
height="auto !important">
< / 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 TWO COLUMN BLOCK -->
< / 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 -->
<!-- START OF THREE COLUMN BLOCK -->
<!-- FEATURE Recent Apps -->
< div class = "container" style = "margin-top: 3rem;" >
< div class = "row" style = "margin: 2rem; ; min-width: 100% !important;" >
< 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 15 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;">
<!-- 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 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"
@ -593,15 +571,7 @@
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;">
<!-- 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 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"
@ -614,15 +584,7 @@
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;">
<!-- 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 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"
@ -633,47 +595,51 @@
< / div >
<!-- END OF THREE COLUMN BLOCK -->
<!-- FEATURE Sidebar -->
<!-- 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; min-width: 100% !important;">
< div class = "col-lg-12" style = "padding: 2.5rem 1.5rem!important;" >
< h3 style = "font-weight: 700 !important;" > Menu Bookmark< / h3 >
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;">
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 bookmarks can be drag and dropped.
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important; margin-left: 35px;">
The Backend theme infinito V15 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/bookmark.jpg" width = "100%"
height="auto" class="img-responsive">
< / div >
< / div >
< / div >
<!-- END OF FEATURE -->
<!-- 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 >
< 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; min-width: 100% !important; ">
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 >
2< / h6 >
< / div >
< h6 class = "mt-2 ml-2" > Advanced Editor< / h6 >
< / div >
@ -685,33 +651,35 @@
< / 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; min-width: 100% !important; ">
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;" >
2 < / h6 >
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-small .jpg" width = "100%"
< 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; min-width: 100% !important; ">
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;" >
3 < / h6 >
4 < / h6 >
< / div >
< h6 class = "mt-2 ml-2" > Apps Page< / h6 >
< / div >
@ -723,20 +691,114 @@
< / 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 >
< / 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;">
< h2 style = "font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;" >
Our Services< / h2 >
< / div >
@ -857,9 +919,7 @@
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;">
< h2 style = "font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;" >
Our Industries< / h2 >
< / div >
@ -868,8 +928,7 @@
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;">
< 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;" >
@ -992,7 +1051,6 @@
< / div >
< / div >
< / section >
<!-- END OF END OF OUR INDUSTRIES -->
<!-- FOOTER -->
@ -1001,9 +1059,7 @@
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;">
< h2 style = "font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;" >
Need Help?< / h2 >
< / div >
< / div >
AjmalCybro
2 years ago
