thirdparty
/
CybroAddons
mirror of https://github.com/CybroOdoo/CybroAddons.git
5
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Nov 25 [UPDT] : Index Updated 'crm_dashboard'

pull/221/merge
AjmalCybro 2 years ago
parent
b88f965c7c
commit
bffd93bdfc
1 changed files with 575 additions and 608 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 267
      crm_dashboard/static/description/index.html

267
crm_dashboard/static/description/index.html
View File

@ -1,66 +1,63 @@
<div style="background-color: #714B67; height: 810px; width: 100%; padding: 15px; position: relative;"> <div style="background-color: #714B67; height: 810px; width: 100%; padding: 15px; position: relative;">
<!-- TITLE BAR --> <!-- TITLE BAR -->
<div class="d-flex justify-content-between align-items-center" <div class="d-flex align-items-center justify-content-between"
style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;"> style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
<img src="assets/misc/cybrosys-logo.png" width="42" height="42" style="width: 42px; height: 42px;" /> <img src="assets/misc/cybrosys-logo.png" width="42" height="42" style="width: 42px; height: 42px;" />
<div> <div>
<div style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;" <div
style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
class="mr-2"> class="mr-2">
<i class="fa fa-check mr-1"></i>Community <i class="fa fa-check mr-1"></i>Community
</div> </div>
<div style="color: #875A7B; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;" <div
style="color: #875A7B; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
class="mr-2"> class="mr-2">
<i class="fa fa-check mr-1"></i>Enterprise <i class="fa fa-check mr-1"></i>Enterprise
</div> </div>
<div style="color: #017E84; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;" <div
style="color: #017E84; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
class="mr-2"> class="mr-2">
<i class="fa fa-check mr-1"></i>Odoo.sh <i class="fa fa-check mr-1"></i>Odoo.sh
</div> </div>
</div> </div>
</div> </div>
<!-- END OF TITLE BAR --> <!-- END OF TITLE BAR -->
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-sm-12 col-md-12 col-lg-12"> <div class="col-sm-12 col-md-12 col-lg-12">
<!-- APP HERO --> <!-- APP HERO -->
<h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;"> <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
CRM CRM Dashboard</h1>
Dashboard</h1> <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">Detailed
<p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;"> Detailed
Dashboard View for Dashboard View for
CRM.</p> CRM.</p>
<!-- END OF APP HERO -->
<img src="assets/screenshots/hero.gif" class="img-responsive" <img src="assets/screenshots/hero.gif" class="img-responsive"
style="width: 100%; margin-left: auto; margin-right: auto;" /> style="width: 100%; margin-left: auto; margin-right: auto;" />
<!-- END OF APP HERO --> </div>
</div> </div>
</div> </div>
</div>
</div> <!-- NAVIGATION SECTION -->
<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px; margin-top: 300px;">
<!-- NAVIGATION SECTION -->
<div class="d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px; margin-top: 300px;">
<div class="d-flex justify-content-center align-items-center mr-2" <div class="d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;"> style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/compass.png" /> <img src="assets/misc/compass.png" />
</div> </div>
<h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Explore <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Explore This
This
Module</h2> Module</h2>
</div> </div>
<div class="row my-4" style="font-family: 'Montserrat', sans-serif;"> <div class="row my-4" style="font-family: 'Montserrat', sans-serif;">
<div class="col-sm-12 col-md-6 my-3"> <div class="col-sm-12 col-md-6 my-3">
<a href="#overview"> <a href="#overview">
<div class="d-flex justify-content-between align-items-center" <div class="d-flex justify-content-between align-items-center"
style="background-color: #f5f5f5; padding: 30px; width: 100%;"> style="background-color: #f5f5f5; padding: 30px; width: 100%;">
<div> <div>
<span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Overview</span> <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Overview</span>
<span <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;">Learn
style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;">Learn
more about this more about this
module</span> module</span>
</div> </div>
@ -74,8 +71,7 @@
style="background-color: #f5f5f5; padding: 30px; width: 100%;"> style="background-color: #f5f5f5; padding: 30px; width: 100%;">
<div> <div>
<span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Features</span> <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Features</span>
<span <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;">View
style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;">View
features of this features of this
module</span> module</span>
</div> </div>
@ -88,10 +84,8 @@
<div class="d-flex justify-content-between align-items-center" <div class="d-flex justify-content-between align-items-center"
style="background-color: #f5f5f5; padding: 30px; width: 100%;"> style="background-color: #f5f5f5; padding: 30px; width: 100%;">
<div> <div>
<span <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Screenshots</span>
style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Screenshots</span> <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;">View
<span
style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;">View
screenshots for this screenshots for this
module</span> module</span>
</div> </div>
@ -99,20 +93,19 @@
</div> </div>
</a> </a>
</div> </div>
</div> </div>
<!-- END OF NAVIGATION SECTION --> <!-- END OF NAVIGATION SECTION -->
<!-- OVERVIEW SECTION --> <!-- OVERVIEW SECTION -->
<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="overview"> <div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="overview">
<div class="d-flex justify-content-center align-items-center mr-2" <div class="d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;"> style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/pie-chart.png" /> <img src="assets/misc/pie-chart.png" />
</div> </div>
<h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Overview <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Overview
</h2> </h2>
</div> </div>
<div class="row" <div class="row" style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
<div class="col-sm-12 py-4"> <div class="col-sm-12 py-4">
The CRM Dashboard module helps you to see the Overview of the CRM module The CRM Dashboard module helps you to see the Overview of the CRM module
and its functioning. The Odoo CRM module will provide a complete and its functioning. The Odoo CRM module will provide a complete
@ -131,20 +124,19 @@
according to the values and operations of CRM providing the viewer with complete according to the values and operations of CRM providing the viewer with complete
insight into the real-time operations of the CRM operations of the company. insight into the real-time operations of the CRM operations of the company.
</div> </div>
</div> </div>
<!-- END OF OVERVIEW SECTION --> <!-- END OF OVERVIEW SECTION -->
<!-- FEATURES SECTION --> <!-- FEATURES SECTION -->
<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="features"> <div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="features">
<div class="d-flex justify-content-center align-items-center mr-2" <div class="d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;"> style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/features.png" /> <img src="assets/misc/features.png" />
</div> </div>
<h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Features <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Features
</h2> </h2>
</div> </div>
<div class="row" <div class="row" style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
<div class="col-sm-12 col-md-6"> <div class="col-sm-12 col-md-6">
<div class="d-flex align-items-center" style="margin-top: 40px; margin-bottom: 40px"> <div class="d-flex align-items-center" style="margin-top: 40px; margin-bottom: 40px">
<img src="assets/misc/check-box.png" class="mr-2" /> <img src="assets/misc/check-box.png" class="mr-2" />
@ -152,34 +144,26 @@
Views Views
for Users and Admins.</span> for Users and Admins.</span>
</div> </div>
<div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px"> <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2" /> <img src="assets/misc/check-box.png" class="mr-2" />
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Activity <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Activity
monitoring.</span> monitoring.</span>
</div> </div>
<div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px"> <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2" /> <img src="assets/misc/check-box.png" class="mr-2" />
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Year to <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Year to
Date Date
bar graphTarget Field in User Settings.</span> bar graphTarget Field in User Settings.</span>
</div> </div>
<div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px"> <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2" /> <img src="assets/misc/check-box.png" class="mr-2" />
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Top deals <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Top deals
and and
Monthly revenue goals.</span> Monthly revenue goals.</span>
</div> </div>
</div> </div>
<div class="col-sm-12 col-md-6"> <div class="col-sm-12 col-md-6">
<div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px"> <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2" /> <img src="assets/misc/check-box.png" class="mr-2" />
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">The users <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">The users
@ -207,43 +191,42 @@
</div> </div>
</div> </div>
</div> </div>
<!-- END OF FEATURES SECTION --> <!-- END OF FEATURES SECTION -->
<!-- SCREENSHOTS SECTION --> <!-- SCREENSHOTS SECTION -->
<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;" <div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="screenshots">
id="screenshots">
<div class="d-flex justify-content-center align-items-center mr-2" <div class="d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;"> style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/pictures.png" /> <img src="assets/misc/pictures.png" />
</div> </div>
<h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;"> <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Screenshots
Screenshots
</h2> </h2>
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-12"> <div class="col-sm-12">
<div style="display: block; margin: 30px auto;"> <div style="display: block; margin: 30px auto;">
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Clickable <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Clickable
Dashboard Cards</h3> Dashboard Cards
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;"> You can click </h3>
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">You can click
on on
the respective Cards which will direct the users to the respective information the respective Cards which will direct the users to the respective information
and aspects of the CRM operations with Odoo. Moreover, these Clickable Cards will act as a and aspects of the CRM operations with Odoo. Moreover, these Clickable Cards will act as a
navigation navigation
icon within the CRM dashboard for the easiness of operations. Furthermore, these Clickable Cards icon within the CRM dashboard for the easiness of operations. Furthermore, these Clickable Cards
will will
ensure that the configuration and the operations of the CRM dashboard are the way you need them. ensure that the configuration and the operations of the CRM dashboard are the way you need them.</p>
</p>
<img src="assets/screenshots/1.png" class="img-thumbnail"> <img src="assets/screenshots/1.png" class="img-thumbnail">
</div> </div>
<div style="display: block; margin: 30px auto;"> <div style="display: block; margin: 30px auto;">
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Target, Lead <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Target, Lead
and and
Activity analysis</h3> Activity analysis
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;"> A dedicated </h3>
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">A dedicated
Funnel Funnel
Chart provides you with complete insight into the Leads which are in operation. Chart provides you with complete insight into the Leads which are in operation.
The leads will be depicted as New, Qualified, Proposition, and Won. Moreover, the Year date The leads will be depicted as New, Qualified, Proposition, and Won. Moreover, the Year date
@ -254,10 +237,12 @@
<img src="assets/screenshots/2.png" class="img-thumbnail"> <img src="assets/screenshots/2.png" class="img-thumbnail">
</div> </div>
<div style="display: block; margin: 30px auto;"> <div style="display: block; margin: 30px auto;">
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Set up <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Set up
Individual Individual
user targets</h3> user targets
</h3>
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">With the CRM <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">With the CRM
Dashboard configuration, you will be able to set the individual target amount for Dashboard configuration, you will be able to set the individual target amount for
the Leads to be acquired by a user for a period of time, which can be set as Date, Month or the Leads to be acquired by a user for a period of time, which can be set as Date, Month or
@ -268,7 +253,8 @@
<div style="display: block; margin: 30px auto;"> <div style="display: block; margin: 30px auto;">
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">A dedicated <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">A dedicated
Listing of Top Deals and the Monthly Goal Gauge motivates users</h3> Listing of Top Deals and the Monthly Goal Gauge motivates users
</h3>
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">The Top Deals <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">The Top Deals
on on
the products and services will be listed out in a dedicated menu which helps the products and services will be listed out in a dedicated menu which helps
@ -284,24 +270,25 @@
<div style="display: block; margin: 30px auto;"> <div style="display: block; margin: 30px auto;">
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Upcoming <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Upcoming
Activities and Total Revenue</h3> Activities and Total Revenue
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;"> Activity </h3>
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Activity
management is vital for CRM operations and the CRM Dashboard will provide a dedicated management is vital for CRM operations and the CRM Dashboard will provide a dedicated
tab defining the upcoming activities. These tabs will be different for each user based on their tab defining the upcoming activities. These tabs will be different for each user based on their
operations in the company. Moreover, the Admin will have a separate view of their own activities operations in the company. Moreover, the Admin will have a separate view of their own activities
having clearer insight into the operations.<br /> having clearer insight into the operations.<br />
Furthermore, the Total Revenue of the respective Salesperson will be depicted in the form of Furthermore, the Total Revenue of the respective Salesperson will be depicted in the form of
a graph providing the complete insight into the Revenue from the Leads which are being a graph providing the complete insight into the Revenue from the Leads which are being
generated. generated.</p>
</p>
<img src="assets/screenshots/5.png" class="img-thumbnail"> <img src="assets/screenshots/5.png" class="img-thumbnail">
</div> </div>
<div style="display: block; margin: 30px auto;"> <div style="display: block; margin: 30px auto;">
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">An <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">An
informative informative
Heat Map</h3> Heat Map
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;"> In the CRM </h3>
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">In the CRM
Dashboard, you will obtain an informative heat map on the aspects of the Revenue Dashboard, you will obtain an informative heat map on the aspects of the Revenue
obtained based on the CRM operations. Here the Top Salesperson, as well as Top Country Revenues, obtained based on the CRM operations. Here the Top Salesperson, as well as Top Country Revenues,
will be depicted with a color-coordinated Heat map providing clear insight on the financial will be depicted with a color-coordinated Heat map providing clear insight on the financial
@ -315,8 +302,9 @@
<div style="display: block; margin: 30px auto;"> <div style="display: block; margin: 30px auto;">
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Lost <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Lost
Analysis, Analysis,
Recent Activities, and Top Salesperson.</h3> Recent Activities, and Top Salesperson.
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;"> You will get </h3>
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">You will get
an an
insight on the lost opportunities and Leads from the Lost Analysis Graph providing insight on the lost opportunities and Leads from the Lost Analysis Graph providing
a clearer insight based on year or month. The Recent Activities description tab will provide a clearer insight based on year or month. The Recent Activities description tab will provide
@ -329,12 +317,13 @@
<div style="display: block; margin: 30px auto;"> <div style="display: block; margin: 30px auto;">
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Dashboard <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Dashboard
View of View of
the User</h3> the User.
</h3>
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">As mentioned <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">As mentioned
earlier there are dedicated views for the Admin as well as the User who has access earlier there are dedicated views for the Admin as well as the User who has access
to the CRM Dashboard. The Following screenshot depicts the User view of the CRM Dashboard. to the CRM Dashboard. The Following screenshot depicts the User view of the CRM Dashboard.
Here the information relating to the respective user and their operations will be only depicted Here the information relating to the respective user and their operations will be only depicted
and the ones which the respective User has authorization to can be modified..</p> and the ones which the respective User has authorization to can be modified.</p>
<img src="assets/screenshots/8.png" class="img-thumbnail"> <img src="assets/screenshots/8.png" class="img-thumbnail">
</div> </div>
@ -345,11 +334,11 @@
</div> </div>
</div> </div>
<!-- END OF SCREENSHOTS SECTION --> <!-- END OF SCREENSHOTS SECTION -->
<!-- RELATED PRODUCTS --> <!-- RELATED PRODUCTS -->
<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;"> <div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
<div class="d-flex justify-content-center align-items-center mr-2" <div class="d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;"> style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/categories.png" /> <img src="assets/misc/categories.png" />
@ -357,8 +346,8 @@
<h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Related <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Related
Products Products
</h2> </h2>
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-12"> <div class="col-sm-12">
<div id="demo1" class="row carousel slide" data-ride="carousel"> <div id="demo1" class="row carousel slide" data-ride="carousel">
<!-- The slideshow --> <!-- The slideshow -->
@ -367,24 +356,21 @@
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left"> <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
<a href="https://apps.odoo.com/apps/modules/15.0/dynamic_accounts_report/" target="_blank"> <a href="https://apps.odoo.com/apps/modules/15.0/dynamic_accounts_report/" target="_blank">
<div style="border-radius:10px"> <div style="border-radius:10px">
<img class="img img-responsive center-block" style="border-radius: 0px;" <img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/1.png">
src="assets/modules/1.png">
</div> </div>
</a> </a>
</div> </div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left"> <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
<a href="https://apps.odoo.com/apps/modules/15.0/custom_gantt_view/" target="_blank"> <a href="https://apps.odoo.com/apps/modules/15.0/custom_gantt_view/" target="_blank">
<div style="border-radius:10px"> <div style="border-radius:10px">
<img class="img img-responsive center-block" style="border-radius: 0px;" <img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/2.png">
src="assets/modules/2.png">
</div> </div>
</a> </a>
</div> </div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left"> <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
<a href="https://apps.odoo.com/apps/modules/15.0/project_custom_gantt/" target="_blank"> <a href="https://apps.odoo.com/apps/modules/15.0/project_custom_gantt/" target="_blank">
<div style="border-radius:10px"> <div style="border-radius:10px">
<img class="img img-responsive center-block" style="border-radius: 0px;" <img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/3.png">
src="assets/modules/3.png">
</div> </div>
</a> </a>
</div> </div>
@ -393,55 +379,49 @@
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left"> <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
<a href="https://apps.odoo.com/apps/modules/15.0/account_reports_xlsx/" target="_blank"> <a href="https://apps.odoo.com/apps/modules/15.0/account_reports_xlsx/" target="_blank">
<div style="border-radius:10px"> <div style="border-radius:10px">
<img class="img img-responsive center-block" style="border-radius: 0px;" <img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/4.png">
src="assets/modules/4.png">
</div> </div>
</a> </a>
</div> </div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left"> <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
<a href="https://apps.odoo.com/apps/modules/15.0/base_accounting_kit/" target="_blank"> <a href="https://apps.odoo.com/apps/modules/15.0/base_accounting_kit/" target="_blank">
<div style="border-radius:10px"> <div style="border-radius:10px">
<img class="img img-responsive center-block" style="border-radius: 0px;" <img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/5.gif">
src="assets/modules/5.png">
</div> </div>
</a> </a>
</div> </div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left"> <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
<a href="https://apps.odoo.com/apps/modules/15.0/hr_payroll_community/" target="_blank"> <a href="https://apps.odoo.com/apps/modules/15.0/hr_payroll_community/" target="_blank">
<div style="border-radius:10px"> <div style="border-radius:10px">
<img class="img img-responsive center-block" style="border-radius: 0px;" <img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/6.png">
src="assets/modules/6.png">
</div> </div>
</a> </a>
</div> </div>
</div> </div>
</div> </div>
<!-- Left and right controls --> <!-- Left and right controls -->
<a class="carousel-control-prev" href="#demo1" data-slide="prev" style="width:35px; color:#000"> <a class="carousel-control-prev" href="#demo1" data-slide="prev" style="width:35px; color:#000"> <span
<span class="carousel-control-prev-icon"><i class="fa fa-chevron-left" class="carousel-control-prev-icon"><i class="fa fa-chevron-left" style="font-size:24px"></i></span>
style="font-size:24px"></i></span>
</a> <a class="carousel-control-next" href="#demo1" data-slide="next" style="width:35px; color:#000"> </a> <a class="carousel-control-next" href="#demo1" data-slide="next" style="width:35px; color:#000">
<span class="carousel-control-next-icon"><i class="fa fa-chevron-right" <span class="carousel-control-next-icon"><i class="fa fa-chevron-right" style="font-size:24px"></i></span>
style="font-size:24px"></i></span>
</a> </a>
</div> </div>
</div> </div>
</div> </div>
<!-- END OF RELATED PRODUCTS --> <!-- END OF RELATED PRODUCTS -->
<!-- OUR SERVICES --> <!-- OUR SERVICES -->
<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;"> <div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
<div class="d-flex justify-content-center align-items-center mr-2" <div class="d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;"> style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/star.png" /> <img src="assets/misc/star.png" />
</div> </div>
<h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Our <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Our Services
Services
</h2> </h2>
</div> </div>
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> <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" <div class="d-flex justify-content-center align-items-center mx-3 my-3"
@ -537,13 +517,13 @@
</div> </div>
</div> </div>
</div> </div>
<!-- END OF OUR SERVICES --> <!-- END OF END OF OUR SERVICES -->
<!-- OUR INDUSTRIES --> <!-- OUR INDUSTRIES -->
<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;"> <div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
<div class="d-flex justify-content-center align-items-center mr-2" <div class="d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;"> style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/corporate.png" /> <img src="assets/misc/corporate.png" />
@ -551,16 +531,15 @@
<h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Our <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Our
Industries Industries
</h2> </h2>
</div> </div>
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="col-lg-3"> <div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
<img src="assets/icons/trading-black.png" class="img-responsive mb-3" height="48px" width="48px"> <img src="assets/icons/trading-black.png" class="img-responsive mb-3" height="48px" width="48px">
<h5 <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Trading Trading
</h5> </h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;"> <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
@ -574,8 +553,7 @@
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
<img src="assets/icons/pos-black.png" class="img-responsive mb-3" height="48px" width="48px"> <img src="assets/icons/pos-black.png" class="img-responsive mb-3" height="48px" width="48px">
<h5 <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
POS POS
</h5> </h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;"> <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
@ -589,8 +567,7 @@
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
<img src="assets/icons/education-black.png" class="img-responsive mb-3" height="48px" width="48px"> <img src="assets/icons/education-black.png" class="img-responsive mb-3" height="48px" width="48px">
<h5 <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Education Education
</h5> </h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;"> <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
@ -602,10 +579,8 @@
<div class="col-lg-3"> <div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
<img src="assets/icons/manufacturing-black.png" class="img-responsive mb-3" height="48px" <img src="assets/icons/manufacturing-black.png" class="img-responsive mb-3" height="48px" width="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;">
Manufacturing Manufacturing
</h5> </h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;"> <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
@ -618,8 +593,7 @@
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
<img src="assets/icons/ecom-black.png" class="img-responsive mb-3" height="48px" width="48px"> <img src="assets/icons/ecom-black.png" class="img-responsive mb-3" height="48px" width="48px">
<h5 <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
E-commerce &amp; Website E-commerce &amp; Website
</h5> </h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;"> <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
@ -633,8 +607,7 @@
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
<img src="assets/icons/service-black.png" class="img-responsive mb-3" height="48px" width="48px"> <img src="assets/icons/service-black.png" class="img-responsive mb-3" height="48px" width="48px">
<h5 <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Service Management Service Management
</h5> </h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;"> <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
@ -647,8 +620,7 @@
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
<img src="assets/icons/restaurant-black.png" class="img-responsive mb-3" height="48px" width="48px"> <img src="assets/icons/restaurant-black.png" class="img-responsive mb-3" height="48px" width="48px">
<h5 <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Restaurant Restaurant
</h5> </h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;"> <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
@ -661,8 +633,7 @@
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
<img src="assets/icons/hotel-black.png" class="img-responsive mb-3" height="48px" width="48px"> <img src="assets/icons/hotel-black.png" class="img-responsive mb-3" height="48px" width="48px">
<h5 <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Hotel Management Hotel Management
</h5> </h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;"> <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
@ -672,25 +643,24 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- END OF OUR INDUSTRIES --> <!-- END OF END OF OUR INDUSTRIES -->
<!-- SUPPORT --> <!-- SUPPORT -->
<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;"> <div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
<div class="d-flex justify-content-center align-items-center mr-2" <div class="d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;"> style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/customer-support.png" /> <img src="assets/misc/customer-support.png" />
</div> </div>
<h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Support <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Support
</h2> </h2>
</div> </div>
<div class="container mt-5"> <div class="container mt-5">
<div class="row"> <div class="row">
<div class="col-sm-12 col-md-6"> <div class="col-sm-12 col-md-6">
<div class="d-flex align-items-center" <div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;"> <div class="mr-4 d-flex justify-content-center align-items-center"
<div class="mr-4 d-flex align-items-center justify-content-center"
style="background-color: #714B67; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;"> style="background-color: #714B67; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
<img src="assets/misc/support.png" height="48" width="48" style="width: 42px; height: 42px;" /> <img src="assets/misc/support.png" height="48" width="48" style="width: 42px; height: 42px;" />
</div> </div>
@ -705,9 +675,8 @@
</div> </div>
</div> </div>
<div class="col-sm-12 col-md-6"> <div class="col-sm-12 col-md-6">
<div class="d-flex align-items-center" <div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;"> <div class="mr-4 d-flex justify-content-center align-items-center"
<div class="mr-4 d-flex align-items-center justify-content-center"
style="background-color: #2AC44D; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;"> style="background-color: #2AC44D; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
<img src="assets/misc/whatsapp.png" height="52" width="52" style="width: 52px; height: 52px;" /> <img src="assets/misc/whatsapp.png" height="52" width="52" style="width: 52px; height: 52px;" />
</div> </div>
@ -715,8 +684,7 @@
<h4>WhatsApp</h4> <h4>WhatsApp</h4>
<p style="line-height: 100%;">Say hi to us on WhatsApp!</p> <p style="line-height: 100%;">Say hi to us on WhatsApp!</p>
<a href="https://api.whatsapp.com/send?phone=918606827707"> <a href="https://api.whatsapp.com/send?phone=918606827707">
<p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">+91 <p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">+91 86068
86068
27707</p> 27707</p>
</a> </a>
</div> </div>
@ -725,9 +693,8 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-12 my-5 d-flex justify-content-center align-items-center"> <div class="col-sm-12 my-5 d-flex justify-content-center align-items-center">
<img src="assets/misc/logo.png" width="144" height="31" <img src="assets/misc/logo.png" width="144" height="31" style="width:144px; height: 31px; margin-top: 40px;" />
style="width:144px; height: 31px; margin-top: 40px;" />
</div>
</div> </div>
</div> </div>
<!-- END OF SUPPORT --> </div>
<!-- END OF SUPPORT -->
Write Preview
Loading…
Cancel
Save