|
|
@ -1,174 +1,163 @@ |
|
|
|
<div style="background-color: #714B67; min-height: 600px; width: 100%; padding: 15px; position: relative;"> |
|
|
|
<!-- TITLE BAR --> |
|
|
|
<div |
|
|
|
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: #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"> |
|
|
|
<i class="fa fa-check mr-1"></i>Odoo.sh |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<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: #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"> |
|
|
|
<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;"> |
|
|
|
Customer Image And Tags In POS</h1> |
|
|
|
<p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;"> Images and tags in customer selection session</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> |
|
|
|
<!-- END OF TITLE BAR --> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- APP HERO --> |
|
|
|
<h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;"> |
|
|
|
Customer Image And Tags In POS</h1> |
|
|
|
<p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;"> |
|
|
|
Images and tags in customer selection session</p> |
|
|
|
<!-- END OF APP HERO --> |
|
|
|
<img src="assets/screenshots/hero.gif" |
|
|
|
style="width: 75%; height: auto; position: absolute; margin-left: auto; margin-right: auto; top: 45%; left: 12%; right: auto;"/> |
|
|
|
|
|
|
|
</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 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 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 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 helps you to see images and tags in customer selection page |
|
|
|
<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 helps you to see images and tags in customer selection page |
|
|
|
in POS. |
|
|
|
</div> |
|
|
|
</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 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 and 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;"> Customer Images And Customer Tags in Pos Session</span> |
|
|
|
</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 & |
|
|
|
Enterprise Support.</span> |
|
|
|
</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 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;"> Customer Images And Customer Tags in Pos Session</span> |
|
|
|
</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;"> |
|
|
|
Image And Tags In POS Session.</h3> |
|
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;"> |
|
|
|
We can see customer image and customer tags in pos session |
|
|
|
</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;">Image And Tags In POS Session. |
|
|
|
</h3> |
|
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Go to Inventory -> Reports |
|
|
|
We can see customer image and customer tags in pos session |
|
|
|
while clicking the button "Customer".</p> |
|
|
|
<img src="assets/screenshots/1.png" class="img-thumbnail"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<img src="assets/screenshots/1.png" class="img-thumbnail"> |
|
|
|
</div> |
|
|
|
<!-- END OF SCREENSHOTS SECTION --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- END OF SCREENSHOTS SECTION --> |
|
|
|
|
|
|
|
<!-- RELATED PRODUCTS --> |
|
|
|
<div class="d-flex align-items-center" |
|
|
@ -236,14 +225,17 @@ |
|
|
|
</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/15.0/base_accounting_kit/" 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/customer_product_qrcode/" |
|
|
|
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 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/ecommerce_barcode_search/" |
|
|
|