|
|
@ -14,7 +14,8 @@ |
|
|
|
</div> |
|
|
|
<h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Key Highlights</h2> |
|
|
|
<ul style=" padding: 0 1px; list-style: none; "> |
|
|
|
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Approval stages in payments |
|
|
|
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i |
|
|
|
class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Approval stages in payments |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
@ -108,7 +109,8 @@ |
|
|
|
style="float: left;"> |
|
|
|
<h3 class="alert" |
|
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> |
|
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> |
|
|
|
<i class="fa fa-check-circle-o" |
|
|
|
style="width:40px; color:#07B700"></i> |
|
|
|
Goto <b>Settings</b> and click on <b>Invoicing</b></h3> |
|
|
|
<div style=""><img class="img img-responsive center-block" |
|
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;" |
|
|
@ -121,11 +123,12 @@ |
|
|
|
style="float: left;"> |
|
|
|
<h3 class="alert" |
|
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> |
|
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> |
|
|
|
Enable Payment Approval</h3> |
|
|
|
<i class="fa fa-check-circle-o" |
|
|
|
style="width:40px; color:#07B700"></i> |
|
|
|
Enable Single Payment Approval</h3> |
|
|
|
<div style=""><img class="img img-responsive center-block" |
|
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;" |
|
|
|
src="images/payment-approval-03.png"></div> |
|
|
|
src="images/single.png"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
@ -134,83 +137,91 @@ |
|
|
|
style="float: left;"> |
|
|
|
<h3 class="alert" |
|
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> |
|
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> |
|
|
|
Fill the fields.</h3> |
|
|
|
<i class="fa fa-check-circle-o" |
|
|
|
style="width:40px; color:#07B700"></i> |
|
|
|
If You want To Enable Multiple Approval Enable Multi Payment |
|
|
|
Approval.</h3> |
|
|
|
<div style=""><img class="img img-responsive center-block" |
|
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;" |
|
|
|
src="images/payment-approval-04.png"></div> |
|
|
|
src="images/multi.png"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="carousel-item" style="min-height: 0px;"> |
|
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" |
|
|
|
style="float: left;"> |
|
|
|
<h3 class="alert" |
|
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> |
|
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> |
|
|
|
Once the user tries to create a payment, it goes through payment approvals.</h3> |
|
|
|
<div style=""><img class="img img-responsive center-block" |
|
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;" |
|
|
|
src="images/payment-approval-05.png"></div> |
|
|
|
<div class="carousel-item" style="min-height: 0px;"> |
|
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" |
|
|
|
style="float: left;"> |
|
|
|
<h3 class="alert" |
|
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> |
|
|
|
<i class="fa fa-check-circle-o" |
|
|
|
style="width:40px; color:#07B700"></i> |
|
|
|
Configure the |
|
|
|
Approval.</h3> |
|
|
|
<div style=""><img class="img img-responsive center-block" |
|
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;" |
|
|
|
src="images/configure.png"></div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="carousel-item" style="min-height: 0px;"> |
|
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" |
|
|
|
style="float: left;"> |
|
|
|
<h3 class="alert" |
|
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> |
|
|
|
<i class="fa fa-check-circle-o" |
|
|
|
style="width:40px; color:#07B700"></i> |
|
|
|
Once the user tries to create a payment, it goes through |
|
|
|
payment approvals.</h3> |
|
|
|
<div style=""><img class="img img-responsive center-block" |
|
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;" |
|
|
|
src="images/payment-approval-05.png"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="carousel-item" style="min-height: 0px;"> |
|
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" |
|
|
|
style="float: left;"> |
|
|
|
<h3 class="alert" |
|
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> |
|
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> |
|
|
|
Approvar can approve or reject request.</h3> |
|
|
|
<div style=""><img class="img img-responsive center-block" |
|
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;" |
|
|
|
src="images/payment-approval-06.png"></div> |
|
|
|
|
|
|
|
<div class="carousel-item" style="min-height: 0px;"> |
|
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" |
|
|
|
style="float: left;"> |
|
|
|
<h3 class="alert" |
|
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> |
|
|
|
<i class="fa fa-check-circle-o" |
|
|
|
style="width:40px; color:#07B700"></i> |
|
|
|
Approvar can approve or reject request.</h3> |
|
|
|
<div style=""><img class="img img-responsive center-block" |
|
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;" |
|
|
|
src="images/payment-approval-06.png"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="carousel-item" style="min-height: 0px;"> |
|
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" |
|
|
|
style="float: left;"> |
|
|
|
<h3 class="alert" |
|
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> |
|
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> |
|
|
|
User will be able to filter the payment records with 'Waiting For Approval', 'Approved' and 'Rejected'.</h3> |
|
|
|
<div style=""><img class="img img-responsive center-block" |
|
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;" |
|
|
|
src="images/payment-approval-07.png"></div> |
|
|
|
<div class="carousel-item" style="min-height: 0px;"> |
|
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" |
|
|
|
style="float: left;"> |
|
|
|
<h3 class="alert" |
|
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> |
|
|
|
<i class="fa fa-check-circle-o" |
|
|
|
style="width:40px; color:#07B700"></i> |
|
|
|
User will be able to filter the payment records with |
|
|
|
'Waiting For Approval', 'Approved' and 'Rejected'.</h3> |
|
|
|
<div style=""><img class="img img-responsive center-block" |
|
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;" |
|
|
|
src="images/payment-approval-07.png"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<a class="carousel-control-prev" href="#demo" data-slide="prev" |
|
|
|
style="left:-25px;width: 35px;color: #000;"> <span |
|
|
|
class="carousel-control-prev-icon"><i class="fa fa-chevron-left" |
|
|
|
</div> |
|
|
|
<a class="carousel-control-prev" href="#demo" data-slide="prev" |
|
|
|
style="left:-25px;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="#demo" data-slide="next" |
|
|
|
style="right:-25px;width: 35px;color: #000;"> <span |
|
|
|
class="carousel-control-next-icon"><i class="fa fa-chevron-right" |
|
|
|
style="font-size:24px"></i></span> |
|
|
|
</a> <a class="carousel-control-next" href="#demo" data-slide="next" |
|
|
|
style="right:-25px;width: 35px;color: #000;"> <span |
|
|
|
class="carousel-control-next-icon"><i class="fa fa-chevron-right" |
|
|
|
style="font-size:24px"></i></span> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
</section> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- <div class="px-3 pt-1 tab-pane fade" id="pills-video" role="tabpanel" aria-labelledby="--> |
|
|
|
<!-- pills-home-tab">--> |
|
|
|
<!-- <!– Video–>--> |
|
|
|
<!-- <h2 style="font-weight: 600;text-align: center;width: 100%;">Video</h2>--> |
|
|
|
<!-- <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">--> |
|
|
|
<!-- <center>--> |
|
|
|
<!-- <p>Website Maintenance Request Demo</p>--> |
|
|
|
<!-- <!–<a href="https://www.youtube.com/watch?v=57QWXrMYe84&feature=youtu.be" target="_blank"> <img src="addon-youtube.png" style="width:80%;"></a>–>--> |
|
|
|
<!-- <div class="s_panel_video" data-video-id="7PFB7FpMFyM?rel=0" style="cursor:pointer;">--> |
|
|
|
<!-- <img class="img-fluid s_tooltip_tabs_tooltip_image s_figure_link pb0" src="images/task_timer_youtube.png" alt="Cybrosys Cover Video" style="max-width:100%;">--> |
|
|
|
<!-- </div>--> |
|
|
|
<!-- </center>--> |
|
|
|
<!-- </div>--> |
|
|
|
<!-- faq tab--> |
|
|
|
<div class="px-2 px-lg-4 pt-3 tab-pane fade" id="pills-contact" role="tabpanel" |
|
|
|
aria-labelledby="pills-contact-tab"> |
|
|
|
<ul class="list-unstyled"> |
|
|
|