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.
 
 
 
 
 

1553 lines
76 KiB

<div style="background-color: #714B67; height: 810px; width: 100%; padding: 15px; position: relative;">
<!-- TITLE BAR -->
<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;">
<img src="assets/misc/cybrosys-logo.png" width="42" height="42"
style="width: 42px; height: 42px;"/>
<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;"
class="mr-2">
<i class="fa fa-check mr-1"></i>Community
</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;"
class="mr-2">
<i class="fa fa-check mr-1"></i>Enterprise
</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;"
class="mr-2">
<i class="fa fa-check mr-1"></i>Odoo.sh
</div>
</div>
</div>
<!-- END OF TITLE BAR -->
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<!-- APP HERO -->
<h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
Odoo16 All in One Sales Kit</h1>
<p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">
This Module Combines A Variety Of Sales Features.</p>
<!-- END OF APP HERO -->
<img src="assets/screenshots/hero.gif" class="img-responsive"
style="width: 100%; margin-left: auto; margin-right: auto;"/>
</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;">
<div class="d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/compass.png"/>
</div>
<h2 class="mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Explore This
Module</h2>
</div>
<div class="row my-4" style="font-family: 'Montserrat', sans-serif;">
<div class="col-sm-12 col-md-6 my-3">
<a href="#overview">
<div class="d-flex justify-content-between align-items-center"
style="background-color: #f5f5f5; padding: 30px; width: 100%;">
<div>
<span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Overview</span>
<span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;">Learn
more about this
module</span>
</div>
<img src="assets/misc/right-arrow.png" width="36" height="36"/>
</div>
</a>
</div>
<div class="col-sm-12 col-md-6 my-3">
<a href="#features">
<div class="d-flex justify-content-between align-items-center"
style="background-color: #f5f5f5; padding: 30px; width: 100%;">
<div>
<span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Features</span>
<span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;">View
features of this
module</span>
</div>
<img src="assets/misc/right-arrow.png" width="36" height="36"/>
</div>
</a>
</div>
<div class="col-sm-12 col-md-6 my-3">
<a href="#screenshots">
<div class="d-flex justify-content-between align-items-center"
style="background-color: #f5f5f5; padding: 30px; width: 100%;">
<div>
<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
screenshots for this
module</span>
</div>
<img src="assets/misc/right-arrow.png" width="36" height="36"/>
</div>
</a>
</div>
</div>
<!-- END OF NAVIGATION 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 justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/pie-chart.png"/>
</div>
<h2 class="mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Overview
</h2>
</div>
<div class="row"
style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
<div class="col-sm-12 py-4">
This module gives features like Sale Order Line Images, Barcode Scan
Support,Advanced Sale Reports (Product Profit Report, Sales Invoice
Analysis Report, Sales Category Report, Sales Indent Report, Sales
Analysis Report, Hourly Sales Report), Product Pack, and Salesperson
Signature for Confirm Order are some of the features included in this
module. Previous Sale Product Rate, Create Various Sale Order Versions,
Create Custom Fields for Sale Orders, Recognise Previous Sales of
Products,A separate quotation number,Multiple warehouses in sale order
lines, sales order and quotation line views,approval of the sale order
discount,sales restrictions for out-of-stock items depending on
forecast and stock level,automate the sale process,Sales one-stop
report generation,Add more than one item to the quotation,pivot view
for partner sales,sale order archive,Dashboard.
</div>
</div>
<!-- END OF OVERVIEW 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 justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/features.png"/>
</div>
<h2 class="mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Features
</h2>
</div>
<div class="row"
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="d-flex align-items-center"
style="margin-top: 40px; margin-bottom: 40px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Community &amp;
Enterprise Support.</span>
</div>
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Allows you see the product images in sale order line
and also allow us to print the product image in the send report.</span>
</div>
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Supports barcode scanning in sales.</span>
</div>
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;"> Helps you to print reports various reports.</span>
</div>
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Provides opportunity to sell products in pack.</span>
</div>
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">It allows the salesperson's to add his signature and also available the option for making the validate option in sales visible/invisible based on the salesperson's signature.</span>
</div>
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;"> It is intended to display the prior sales and purchases of a specific product for a specific partner.</span>
</div>
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;"> It is intended to display the prior sales of a specific product for a specific partner.</span>
</div>
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;"> A sale order can have various versions that can be seen through the smart tabs inside the sale order.</span>
</div>
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;"> A sale order custom field option helps in creating custom fields without coding.</span>
</div>
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;"> In this each order line of a sale order will have a history button that, when clicked, will open a wizard displaying the sale history of that product for the individual customer selected.</span>
</div>
</div>
<div class="col-sm-12 col-md-6">
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">A separate sequence is added for quotation and sale order.</span>
</div>
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">A field warehouses is added in sale order lines and when confirming the order if multiple warehouses are selected then separate delivery orders are created.</span>
</div>
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Under order two new menu items are added Sale order lines, Quotation lines.</span>
</div>
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Adds a field for the user to set the manager for discount approval.</span>
</div>
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Based on the quantity on hand and forecasted, this module controls out-of-stock products.</span>
</div>
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Options to create and validate invoices automatically.</span>
</div>
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">It shows the sales analysis of a company in many aspects such as by order,order details,salesman and so on.</span>
</div>
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Add multiple products to quotation.</span>
</div>
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Display client sales analysis in their view as pivot.</span>
</div>
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Option to archive and unarchive sale order.</span>
</div>
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Sales Dashboard.</span>
</div>
</div>
</div>
<!-- END OF FEATURES SECTION -->
<!-- SCREENSHOTS SECTION -->
<div class="d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
id="screenshots">
<div class="d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/pictures.png"/>
</div>
<h2 class="mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Screenshots
</h2>
</div>
<div class="row">
<div class="col-sm-12">
<div style="display: block; margin: 30px auto;">
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
Sales Dashboard
</h3>
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
To filter the tile values, choose a start date and an end
date.</p>
<!-- Image Slider -->
<div id="sliderOneControls" class="carousel slide"
data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets/screenshots/s_kit_54.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_55.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_56.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
</div>
<button class="carousel-control-prev" type="button"
data-target="#sliderOneControls" data-slide="prev">
<span class="carousel-control-prev-icon"
aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</button>
<button class="carousel-control-next" type="button"
data-target="#sliderOneControls" data-slide="next">
<span class="carousel-control-next-icon"
aria-hidden="true"></span>
<span class="sr-only">Next</span>
</button>
</div>
<!-- End of Image Slider -->
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div style="display: block; margin: 30px auto;">
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
Sale Order Line Product Images
</h3>
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
Go to settings -> Enable Show product image in report under
product catalog to print image in the send report.
We can add product image in order line in sale order. We can
view these images on the quotation send to customer also.
</p>
<!-- Image Slider -->
<div id="slidertwoControls" class="carousel slide"
data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets/screenshots/s_kit_01.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_02.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_03.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
</div>
<button class="carousel-control-prev" type="button"
data-target="#slidertwoControls" data-slide="prev">
<span class="carousel-control-prev-icon"
aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</button>
<button class="carousel-control-next" type="button"
data-target="#slidertwoControls" data-slide="next">
<span class="carousel-control-next-icon"
aria-hidden="true"></span>
<span class="sr-only">Next</span>
</button>
</div>
<!-- End of Image Slider -->
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div style="display: block; margin: 30px auto;">
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
Sales Reports
</h3>
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
Different sale analysis reports are available.
</p>
<!-- Image Slider -->
<div id="sliderThreeControls" class="carousel slide"
data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets/screenshots/s_kit_04.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_05.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_06.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_07.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_08.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_09.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_10.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_06.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_11.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_12.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_13.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_06.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_14.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_15.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_16.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
</div>
<button class="carousel-control-prev" type="button"
data-target="#sliderThreeControls" data-slide="prev">
<span class="carousel-control-prev-icon"
aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</button>
<button class="carousel-control-next" type="button"
data-target="#sliderThreeControls" data-slide="next">
<span class="carousel-control-next-icon"
aria-hidden="true"></span>
<span class="sr-only">Next</span>
</button>
</div>
<!-- End of Image Slider -->
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div style="display: block; margin: 30px auto;">
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
Product Pack
</h3>
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
Go to products -> Product Pack.We can create new product
packages here. While creating one 'is a pack will be enabled'
also a new page to add products under this pack is
available.From there itself pack price and pack quantity will
be known.While creating a new quotation we can add the product
pack using the button 'Add product pack'.
</p>
<!-- Image Slider -->
<div id="sliderFourControls" class="carousel slide"
data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets/screenshots/s_kit_17.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_18.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_19.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_20.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
</div>
<button class="carousel-control-prev" type="button"
data-target="#sliderFourControls" data-slide="prev">
<span class="carousel-control-prev-icon"
aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</button>
<button class="carousel-control-next" type="button"
data-target="#sliderFourControls" data-slide="next">
<span class="carousel-control-next-icon"
aria-hidden="true"></span>
<span class="sr-only">Next</span>
</button>
</div>
<!-- End of Image Slider -->
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div style="display: block; margin: 30px auto;">
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
Salesperson's signature approval
</h3>
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
Go to settings -> Enable Sale Document Approve to make
salesperson's signature to confirm sale order.Only after adding
sales person's signature confirm button will become visible.
</p>
<!-- Image Slider -->
<div id="sliderFiveControls" class="carousel slide"
data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets/screenshots/s_kit_21.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_22.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_23.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
</div>
<button class="carousel-control-prev" type="button"
data-target="#sliderFiveControls" data-slide="prev">
<span class="carousel-control-prev-icon"
aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</button>
<button class="carousel-control-next" type="button"
data-target="#sliderFiveControls" data-slide="next">
<span class="carousel-control-next-icon"
aria-hidden="true"></span>
<span class="sr-only">Next</span>
</button>
</div>
<!-- End of Image Slider -->
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div style="display: block; margin: 30px auto;">
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
Previous sales rate and customer product report.
</h3>
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
Two new buttons are available to know previous sales rate of a
product and customer product report for a product selected from
the order line.
</p>
<!-- Image Slider -->
<div id="sliderSixControls" class="carousel slide"
data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets/screenshots/s_kit_24.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_25.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_26.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_27.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
</div>
<button class="carousel-control-prev" type="button"
data-target="#sliderSixControls" data-slide="prev">
<span class="carousel-control-prev-icon"
aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</button>
<button class="carousel-control-next" type="button"
data-target="#sliderSixControls" data-slide="next">
<span class="carousel-control-next-icon"
aria-hidden="true"></span>
<span class="sr-only">Next</span>
</button>
</div>
<!-- End of Image Slider -->
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div style="display: block; margin: 30px auto;">
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
Sale order versions
</h3>
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
Different sale orders versions can be created using the 'create
version' button,and they can be viewed from the smart tab
'version'.If one of the versions are confirmed the remaining
will automatically move to cancelled state.
</p>
<!-- Image Slider -->
<div id="sliderSevenControls" class="carousel slide"
data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets/screenshots/s_kit_28.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_29.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_30.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
</div>
<button class="carousel-control-prev" type="button"
data-target="#sliderSevenControls" data-slide="prev">
<span class="carousel-control-prev-icon"
aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</button>
<button class="carousel-control-next" type="button"
data-target="#sliderSevenControls" data-slide="next">
<span class="carousel-control-next-icon"
aria-hidden="true"></span>
<span class="sr-only">Next</span>
</button>
</div>
<!-- End of Image Slider -->
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div style="display: block; margin: 30px auto;">
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
Create custom fields
</h3>
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
Go to users -> Enable Create custom fields in sale,Go to
sale->configuration -> create fields a wizard to daa features
of new field is shown fill the requirements and apply 'create'
to create custom fields in sale order form view.
</p>
<!-- Image Slider -->
<div id="sliderEightControls" class="carousel slide"
data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets/screenshots/s_kit_31.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_59.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_32.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_33.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
</div>
<button class="carousel-control-prev" type="button"
data-target="#sliderEightControls" data-slide="prev">
<span class="carousel-control-prev-icon"
aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</button>
<button class="carousel-control-next" type="button"
data-target="#sliderEightControls" data-slide="next">
<span class="carousel-control-next-icon"
aria-hidden="true"></span>
<span class="sr-only">Next</span>
</button>
</div>
<!-- End of Image Slider -->
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div style="display: block; margin: 30px auto;">
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
Separate sequence for quotation and multiple warehouses.
</h3>
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
Quotation sequence is generated while creating a new
quotation.Also in the order lines different warehouses can be
chosen for different products and delivery orders for multiple
warehouses are created separately.
</p>
<!-- Image Slider -->
<div id="sliderNineControls" class="carousel slide"
data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets/screenshots/s_kit_34.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_35.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_36.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
</div>
<button class="carousel-control-prev" type="button"
data-target="#sliderNineControls" data-slide="prev">
<span class="carousel-control-prev-icon"
aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</button>
<button class="carousel-control-next" type="button"
data-target="#sliderNineControls" data-slide="next">
<span class="carousel-control-next-icon"
aria-hidden="true"></span>
<span class="sr-only">Next</span>
</button>
</div>
<!-- End of Image Slider -->
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div style="display: block; margin: 30px auto;">
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
Sale order and quotation line views
</h3>
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
Orders -> Quotation line views , this will show all the
quotation lines with product image.Orders -> Order line
views , this will show all the order lines with product image.
</p>
<!-- Image Slider -->
<div id="sliderTenControls" class="carousel slide"
data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets/screenshots/s_kit_37.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_38.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_39.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
</div>
<button class="carousel-control-prev" type="button"
data-target="#sliderTenControls" data-slide="prev">
<span class="carousel-control-prev-icon"
aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</button>
<button class="carousel-control-next" type="button"
data-target="#sliderTenControls" data-slide="next">
<span class="carousel-control-next-icon"
aria-hidden="true"></span>
<span class="sr-only">Next</span>
</button>
</div>
<!-- End of Image Slider -->
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div style="display: block; margin: 30px auto;">
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
Sale order discount approval
</h3>
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
Go to users -> Select Sale order discount approval as Discount
approval manager,Go under Discount control enable discount
control , set discount limit in percentage.While confirming a
sale order if the discount is greater than allowed discount
limit then the order moves to waiting for approval state and
the discount approval manager can decide whether to choose or
cancel the order.
</p>
<!-- Image Slider -->
<div id="sliderElevenControls" class="carousel slide"
data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets/screenshots/s_kit_40.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_41.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_42.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_43.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
</div>
<button class="carousel-control-prev" type="button"
data-target="#sliderElevenControls" data-slide="prev">
<span class="carousel-control-prev-icon"
aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</button>
<button class="carousel-control-next" type="button"
data-target="#sliderElevenControls" data-slide="next">
<span class="carousel-control-next-icon"
aria-hidden="true"></span>
<span class="sr-only">Next</span>
</button>
</div>
<!-- End of Image Slider -->
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div style="display: block; margin: 30px auto;">
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
Out of stock product restriction,Automate orders,Add multiple
products to quotation
</h3>
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
Go to settings -> Choose the grounds on which the stock
restriction should be implemented.While confirming the sale
order if the restriction enabled prevails then error message is
shown.By selecting Add to catalog , we are directed to the
product view and using add quotation button the products are
added to the current sale order lines.
</p>
<!-- Image Slider -->
<div id="sliderTwelveControls" class="carousel slide"
data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets/screenshots/s_kit_44.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_45.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_46.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_47.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_48.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_49.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
</div>
<button class="carousel-control-prev" type="button"
data-target="#sliderTwelveControls" data-slide="prev">
<span class="carousel-control-prev-icon"
aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</button>
<button class="carousel-control-next" type="button"
data-target="#sliderTwelveControls" data-slide="next">
<span class="carousel-control-next-icon"
aria-hidden="true"></span>
<span class="sr-only">Next</span>
</button>
</div>
<!-- End of Image Slider -->
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div style="display: block; margin: 30px auto;">
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
Sales pivot view in customer,Sale order archive,Barcode
scanning for sales
</h3>
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
Orders -> Customer -> sales smart tab we can get sales analysis
of that customer in pivot view also.Select a sale order ->
Action -> archive by using this we can archive a sale order and
using unarchive option under it, we can unarchive the archived
sale orders.In the filters option we can filter archived sale
orders.Products -> General information we can enter the
product's barcode,and we just need to scan the barcode of the
product to enter the product to sale order line.
</p>
<!-- Image Slider -->
<div id="sliderThirteenControls" class="carousel slide"
data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets/screenshots/s_kit_50.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_51.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_52.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_53.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_57.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
<div class="carousel-item">
<img src="assets/screenshots/s_kit_58.png"
class="d-block w-100 img-thumbnail w-100"
alt="Screenshot">
</div>
</div>
<button class="carousel-control-prev" type="button"
data-target="#sliderThirteenControls"
data-slide="prev">
<span class="carousel-control-prev-icon"
aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</button>
<button class="carousel-control-next" type="button"
data-target="#sliderThirteenControls"
data-slide="next">
<span class="carousel-control-next-icon"
aria-hidden="true"></span>
<span class="sr-only">Next</span>
</button>
</div>
<!-- End of Image Slider -->
</div>
</div>
</div>
<!-- END OF SCREENSHOTS SECTION -->
<!-- RELATED PRODUCTS -->
<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"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/categories.png"/>
</div>
<h2 class="mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Related
Products
</h2>
</div>
<div class="row">
<div class="col-sm-12">
<div id="demo1" class="row carousel slide" data-ride="carousel">
<!-- The slideshow -->
<div class="carousel-inner" style="padding: 30px;">
<div class="carousel-item" style="min-height: 198.656px;">
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/16.0/sale_product_image/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/1.png">
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/16.0/barcode_scanning_sale_purchase/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/2.png">
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/16.0/sale_report_advanced/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/3.png">
</div>
</a>
</div>
</div>
<div class="carousel-item active"
style="min-height: 198.656px;">
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/16.0/dynamic_sale_order_fields/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/4.png">
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/16.0/sales_person_signature/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/5.png">
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/16.0/separate_quotation_number_odoo/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/6.png">
</div>
</a>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="carousel-control-prev" href="#demo1" data-slide="prev"
style="width:35px; color:#000"> <span
class="carousel-control-prev-icon"><i
class="fa fa-chevron-left"
style="font-size:24px"></i></span>
</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"
style="font-size:24px"></i></span>
</a>
</div>
</div>
</div>
<!-- END OF RELATED PRODUCTS -->
<!-- OUR SERVICES -->
<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"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/star.png"/>
</div>
<h2 class="mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Our Services
</h2>
</div>
<div class="container my-5">
<div class="row">
<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>
</div>
<!-- END OF OUR SERVICES -->
<!-- OUR INDUSTRIES -->
<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"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/corporate.png"/>
</div>
<h2 class="mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Our
Industries
</h2>
</div>
<div class="container my-5">
<div class="row">
<div class="col-lg-3">
<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;">
<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: 0px; 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: 0px; 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: 0px; 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: 0px; 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 &amp; 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: 0px; 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: 0px; 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: 0px; 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>
</div>
<!-- END OF OUR INDUSTRIES -->
<!-- SUPPORT -->
<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"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/customer-support.png"/>
</div>
<h2 class="mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Support
</h2>
</div>
<div class="container mt-5">
<div class="row">
<div class="col-sm-12 col-md-6">
<div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
<div class="mr-4 d-flex justify-content-center align-items-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;"/>
</div>
<div>
<h4>Need Help?</h4>
<p style="line-height: 100%;">Got questions or need help?
Get in touch.</p>
<a href="mailto:odoo@cybrosys.com">
<p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">
odoo@cybrosys.com</p>
</a>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6">
<div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
<div class="mr-4 d-flex justify-content-center align-items-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;"/>
</div>
<div>
<h4>WhatsApp</h4>
<p style="line-height: 100%;">Say hi to us on WhatsApp!</p>
<a href="https://api.whatsapp.com/send?phone=918606827707">
<p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">
+91 86068
27707</p>
</a>
</div>
</div>
</div>
</div>
<div class="row">
<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"
style="width:144px; height: 31px; margin-top: 40px;"/>
</div>
</div>
</div>
<!-- END OF SUPPORT -->