From 8edf4994c5c0504f084692798c770900feaedd06 Mon Sep 17 00:00:00 2001
From: Ajmal JK <ajmal@cybrosys.in>
Date: Tue, 7 Jul 2020 11:54:41 +0530
Subject: [PATCH] [UPDT] Index Updated 'base_accounting_kit'

---
 .../static/description/index.html             | 145 ++++++++++--------
 1 file changed, 78 insertions(+), 67 deletions(-)

diff --git a/base_accounting_kit/static/description/index.html b/base_accounting_kit/static/description/index.html
index edb4019b9..c881ce89e 100644
--- a/base_accounting_kit/static/description/index.html
+++ b/base_accounting_kit/static/description/index.html
@@ -1,5 +1,5 @@
 <div class="row"
-     style="margin: 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4;text-align: center; margin: auto; display: flex;justify-content: center;">
+     style="margin: 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4;text-align: center; margin: auto; display: flex; justify-content: center !important;">
     <a href="https://www.cybrosys.com/" target="_blank">
         <img src="images/cybrosys.png" style=" width: 293px; padding: 1rem 0rem; margin: auto" alt="cybrosys-logo">
     </a>
@@ -10,16 +10,23 @@
     <div class="col-md-7 col-sm-12 col-xs-12" style="padding: 0px">
         <h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;"><i>Latest Updates</i></h2>
         <ul style=" padding: 0 1px; list-style: none;">
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 19px;"><img src="images/checked.png" style=" width: 19px; margin-right: 6px; " alt="check">
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 19px; list-style: none;">
+				
+				<i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
+				
+				
+				
                 Comma separator added in Dashboard
             </li>
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 19px;"><img src="images/checked.png" style=" width: 19px; margin-right: 6px; " alt="check">
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 19px; list-style: none;">
+				<i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                 Updated currency symbol position in Dashboard
             </li>
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 19px;"><img src="images/checked.png" style=" width: 19px; margin-right: 6px; " alt="check">
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 19px; list-style: none;">
+				<i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                 Accounting Dashboard.
             </li>
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"></li>
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px; list-style: none;"></li>
         </ul>
         <div style=" margin: 0 0 0px;padding: 20px 0 10;font-size: 23px;line-height: 35px;font-weight: 400;color: #000;border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.11);text-align: left;">
             <h1 style="font-size: 39px;font-weight: 600;margin: 0px !important;">Odoo 13 Accounting</h1>
@@ -29,25 +36,32 @@
         </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;"><img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px; list-style: none;">
+				<i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                 Asset management system.
             </li>
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px; list-style: none;">
+				<i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                 Handle Post Dated Cheques.
             </li>
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px; list-style: none;">
+				<i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                 Accounting lock dates.
             </li>
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px; list-style: none;">
+				<i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                 Handle Recurring payments.
             </li>
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px; list-style: none;">
+				<i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                 Customer credit limit and customer follow-up.
             </li>
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px; list-style: none;">
+				<i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                 All Accounting reports.
             </li>
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px; list-style: none;">
+				<i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                 Day book, Bank book and Cash book reports.
             </li>
 
@@ -108,8 +122,7 @@
                                             <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;">
-                                                    <img src="images/checked.png"
-                                                         style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Dashboard with Necessary Details.
                                                 </h3>
                                                 <div style="">
@@ -122,8 +135,7 @@
                                             <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;">
-                                                    <img src="images/checked.png"
-                                                         style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Aged Receivable, Payable and Top Customer Details in Dashboard.
                                                 </h3>
                                                 <div style="">
@@ -136,8 +148,7 @@
                                             <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;">
-                                                    <img src="images/checked.png"
-                                                         style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Create Assets from Accounting > Accounting > Assets > Create.
                                                 </h3>
                                                 <div style="">
@@ -149,7 +160,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Create Asset categories from Accounting > Configuration > Asset Types > Create.
                                                 </h3>
                                                 <div style="">
@@ -161,7 +172,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Create Asset from vendor bill.
                                                 </h3>
                                                 <div style="">
@@ -173,7 +184,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Manage post dated checks.
                                                 </h3>
                                                 <div style="">
@@ -185,7 +196,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Accounting lock dates for community edition.
                                                 </h3>
                                                 <div style="">
@@ -197,7 +208,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Create recurring templates from Accounting > Configuration > Recurring Templates.
                                                 </h3>
                                                 <div style="">
@@ -209,7 +220,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Create recurring entries.
                                                 </h3>
                                                 <div style="">
@@ -221,7 +232,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Manage Customer Follow-ups from Accounting > Customers > Follow-up Reports
                                                 </h3>
                                                 <div style="">
@@ -233,7 +244,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Generate accounting PDF reports from Accounting > Reporting
                                                 </h3>
                                                 <div style="">
@@ -245,7 +256,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                  <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Day book reporting.
                                                 </h3>
                                                 <div style="">
@@ -257,7 +268,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Day book report.
                                                 </h3>
                                                 <div style="">
@@ -269,7 +280,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                   <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Bank book reporting.
                                                 </h3>
                                                 <div style="">
@@ -281,7 +292,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Bank book report.
                                                 </h3>
                                                 <div style="">
@@ -293,7 +304,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Cash book reporting.
                                                 </h3>
                                                 <div style="">
@@ -305,7 +316,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Cash book report.
                                                 </h3>
                                                 <div style="">
@@ -317,7 +328,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Financial reports.</br>
                                                     Profit and Loss reporting.
                                                 </h3>
@@ -330,7 +341,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Profit and Loss report.
                                                 </h3>
                                                 <div style="">
@@ -342,7 +353,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Balance sheet reporting.
                                                 </h3>
                                                 <div style="">
@@ -354,7 +365,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Balance sheet report.
                                                 </h3>
                                                 <div style="">
@@ -366,7 +377,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                   <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Trial balance reporting.
                                                 </h3>
                                                 <div style="">
@@ -378,7 +389,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Trial balance report.
                                                 </h3>
                                                 <div style="">
@@ -390,7 +401,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Journal Audit reporting.
                                                 </h3>
                                                 <div style="">
@@ -402,7 +413,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Journal Audit report.
                                                 </h3>
                                                 <div style="">
@@ -414,7 +425,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     General Ledger reporting.
                                                 </h3>
                                                 <div style="">
@@ -426,7 +437,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     General Ledger report.
                                                 </h3>
                                                 <div style="">
@@ -438,7 +449,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Partner Ledger reporting.
                                                 </h3>
                                                 <div style="">
@@ -450,7 +461,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Partner Ledger report.
                                                 </h3>
                                                 <div style="">
@@ -462,7 +473,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Aged Partner Balance reporting.
                                                 </h3>
                                                 <div style="">
@@ -474,7 +485,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Aged Partner Balance report.
                                                 </h3>
                                                 <div style="">
@@ -486,7 +497,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Tax reporting.
                                                 </h3>
                                                 <div style="">
@@ -498,7 +509,7 @@
                                         <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;">
-                                                    <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                                                    <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                                                     Tax report.
                                                 </h3>
                                                 <div style="">
@@ -534,68 +545,68 @@
                     <!-- feature tab-->
                     <h2 style="font-weight: 600;text-align: center;width: 100%;">Odoo 13 Accounting</h2>
                     <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
-                    <ul>
+                    
                         <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
-                            <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                            <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                             Accounting Dashboard with all necessary details.
                         </li>
                         <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
-                            <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                            <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                             Asset management system for Odoo 13 community edition.
                         </li>
                         <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
-                            <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                           <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                             PDC management is now in.
                         </li>
                         <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
-                            <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                           <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                             Accounting lock dates for Odoo 13 community edition.
                         </li>
                         <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
-                            <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                            <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                             Customer credit limit.
                         </li>
                         <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
-                            <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                            <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                             Handle Recurring payments in Odoo.
                         </li>
                         <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
-                            <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                            <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                             Manage Customer follow-ups.
                         </li>
                         <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
-                            <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                            <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                             Day book, Bank book and Cash book reports.
                         </li>
                         <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
-                            <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                            <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                             Financial reports.
                         </li>
                         <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
-                            <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                            <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                             Trial balance report.
                         </li>
                         <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
-                            <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                            <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                             Journal audit report.
                         </li>
                         <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
-                            <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                            <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                             General ledger report.
                         </li>
                         <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
-                            <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                            <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                             Partner ledger report.
                         </li>
                         <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
-                            <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                            <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                             Aged partner balance.
                         </li>
                         <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
-                            <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+                            <i class="fa fa-check-circle-o"  style="width:40px; color:#07B700;"></i>
                             Tax reports.
                         </li>
-                    </ul>
+                   
                 </div>
 
 
@@ -718,7 +729,7 @@
     <section class="row" style="padding: 2rem 3rem 1rem;margin:0px">
         <h2 style="font-weight: 600;margin-bottom: 20px;text-align: center;width: 100%;">Our Service</h2>
         <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
-        <div class="row" style=" display: flex; justify-content: center; flex-wrap: wrap;width: 100%; ">
+        <div class="row justify-content-between" style=" display: flex; justify-content: center; flex-wrap: wrap;width: 100%; ">
             <!-- <div style="display:flex;padding-top: 20px;justify-content: space-between;"> -->
             <div class="col-md-2 col-sm-6 col-xs-12">
                 <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"><a
@@ -783,7 +794,7 @@
             <h2 style="font-weight: 600;margin-bottom: 20px;text-align: center;width: 100%;">Our Industries</h2>
             <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
             <!-- <div style="display:flex;justify-content: space-between;flex-wrap:wrap;"> -->
-            <div class="row" style="width: 100%">
+            <div class="row justify-content-between" style="width: 100%">
                 <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
                     <div>
                         <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">