diff --git a/bank_reconciliation/static/description/index.html b/bank_reconciliation/static/description/index.html
index 555d055a2..349e86881 100644
--- a/bank_reconciliation/static/description/index.html
+++ b/bank_reconciliation/static/description/index.html
@@ -37,7 +37,7 @@
              <!--Features-->
         <!--</h2>-->
          <!--<h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">-->
-            <!--<img src="https://www.cybrosys.com/images/ico-tick.png">-->
+            <!--<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>-->
              <!--Modify database selector page-->
          <!--</h3>-->
     <!--</div>-->
@@ -49,21 +49,21 @@
             Screenshots
         </h2>
         <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             When You click on "New Statement" a window will open
          </h3>
         <div class="oe_row oe_spaced">
             <img src="bank-reconciliation-cybrosys-1.png" alt="" style="width: 95%;"/>
         </div>
         <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             There you can see the list on journal items that are 'not reconciled'
         </h3>
         <div class="oe_row oe_spaced">
             <img src="bank-reconciliation-cybrosys-2.png" alt="" style="width: 95%;"/>
         </div>
         <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             There you can see the list on journal items that are 'not reconciled'
             <ul>
             <li>You can see the details about the current balance as per company books, bank balance based on already reconciled journal entries as 'Balance as per bank'
@@ -74,7 +74,7 @@
             <img src="bank-reconciliation-cybrosys-3.png" alt="" style="width: 95%;"/>
         </div>
         <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Fill the dates mentioned in bank statement in 'Bank.St Date' column of respective line. Click on 'Save' button before closing the window.
         </h3>
         <ul>
@@ -84,7 +84,7 @@
             <img src="bank-reconciliation-cybrosys-4.png" alt="" style="width: 95%;"/>
         </div>
         <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             One more thing to point out is, this will also mark the bank payments as 'Reconciled'
         </h3>
         <div class="oe_row oe_spaced">
diff --git a/developer_mode/static/description/index.html b/developer_mode/static/description/index.html
index fbce0a5eb..0772f631d 100644
--- a/developer_mode/static/description/index.html
+++ b/developer_mode/static/description/index.html
@@ -41,15 +41,15 @@
              Features
         </h2>
          <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
              Automatically Trigger Developer Mode.
          </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
              Separate Group for 'Odoo Developers'.
          </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Upgrade Modules Easily.
          </h3>
     </div>
@@ -61,14 +61,14 @@
             Screenshots
         </h2>
         <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             As shown here, Simply automate the developer mode. It helps developer in several perspective.
         </h3>
         <div class="oe_row oe_spaced">
             <img src="cybrosys-developer-mode-2.jpg" alt="" style="width: 95%;"/>
         </div>
         <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Easily upgrade any module without going the module form.
         </h3>
         <div class="oe_row oe_spaced">
diff --git a/employee_orientation/static/description/index.html b/employee_orientation/static/description/index.html
index a691a9076..755f79aba 100644
--- a/employee_orientation/static/description/index.html
+++ b/employee_orientation/static/description/index.html
@@ -37,21 +37,21 @@
              Features
         </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
              Makes the Employee Orientation Program easier.
          </h3>
          <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Systematical Workflow.
          </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
              Allows to Create Employee Training Programs.
          </h3>
          <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
               Email Notification for each Responsible person.</h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
               Certificates for training program attendees
         </h3>
     </div>
@@ -62,7 +62,7 @@
             Orientation Checklist
         </h2>
 <!--        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">-->
-<!--            <img src="https://www.cybrosys.com/images/ico-tick.png">-->
+<!--            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>-->
 <!--            Create checklist for selected departments-->
 <!--         </h3>-->
         <div class="oe_row oe_spaced">
@@ -72,7 +72,7 @@
              Orientation Checklist Line
         </h2>
 <!--        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">-->
-<!--            <img src="https://www.cybrosys.com/images/ico-tick.png">-->
+<!--            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>-->
 <!--            Checklist lines for a added checklist-->
 <!--         </h3>-->
         <div class="oe_row oe_spaced">
@@ -82,7 +82,7 @@
              Employee Orientation
         </h2>
 <!--        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">-->
-<!--            <img src="https://www.cybrosys.com/images/ico-tick.png">-->
+<!--            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>-->
 <!--            Employee orientation for selected employee-->
 <!--         </h3>-->
         <div class="oe_row oe_spaced">
@@ -92,7 +92,7 @@
            Automatic creation of checklist lines
         </h2>
 <!--        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">-->
-<!--            <img src="https://www.cybrosys.com/images/ico-tick.png">-->
+<!--            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>-->
 <!--            On confirming employee orientation, creates orientation lines from corresponding orientation checklist.-->
 <!--        </h3>-->
         <div class="oe_row oe_spaced">
@@ -102,14 +102,14 @@
               Orientation Request
         </h2>
         <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Confirming orientation will create orientation requests automatically.
         </h3>
         <div class="oe_row oe_spaced">
                 <img src="employee-orientation-cybrosys-5.jpg" alt="" style="width: 95%;"/>
         </div>
         <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Orientation requests with the corresponding employee orientation are added
         </h3>
         <div class="oe_row oe_spaced">
@@ -119,7 +119,7 @@
             Email Template
         </h2>
 <!--        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">-->
-<!--            <img src="https://www.cybrosys.com/images/ico-tick.png">-->
+<!--            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>-->
 <!--            Email for requesting to conduct the orientation-->
 <!--        </h3>-->
         <div class="oe_row oe_spaced">
@@ -129,7 +129,7 @@
            Employee Training
         </h2>
 <!--        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">-->
-<!--            <img src="https://www.cybrosys.com/images/ico-tick.png">-->
+<!--            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>-->
 <!--            Training for selected departments can be conducted.-->
 <!--        </h3>-->
         <div class="oe_row oe_spaced">
@@ -139,7 +139,7 @@
            Email Template
         </h2>
 <!--        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">-->
-<!--            <img src="https://www.cybrosys.com/images/ico-tick.png">-->
+<!--            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>-->
 <!--             Email for requesting to conduct the training program-->
 <!--        </h3>-->
         <div class="oe_row oe_spaced">
@@ -149,7 +149,7 @@
            Print Certificates
         </h2>
 <!--        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">-->
-<!--            <img src="https://www.cybrosys.com/images/ico-tick.png">-->
+<!--            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>-->
 <!--             Issuing certificates for training attended employees-->
 <!--        </h3>-->
         <div class="oe_row oe_spaced">
diff --git a/login_user_detail/static/description/index.html b/login_user_detail/static/description/index.html
index e02fe7d4f..495e37dbe 100755
--- a/login_user_detail/static/description/index.html
+++ b/login_user_detail/static/description/index.html
@@ -33,7 +33,7 @@
             Screenshots
         </h2>
         <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Login Details
          </h3>
         <div class="oe_row oe_spaced">
diff --git a/salon_management/static/description/index.html b/salon_management/static/description/index.html
index 8e70c79f2..e0213bd28 100644
--- a/salon_management/static/description/index.html
+++ b/salon_management/static/description/index.html
@@ -47,27 +47,27 @@
              Features
         </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Online booking facility.
          </h3>
          <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Accounting facility.
          </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
              Customer notification via email.
          </h3>
          <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
              User interactive dashboard.</h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
              Customer can view the available chairs and order details.</h3>
 <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
              Different access levels for users and administrator.</h3>
 <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
              Track the chair user by date.
          </h3>
     </div>
diff --git a/timesheets_by_employee/static/description/index.html b/timesheets_by_employee/static/description/index.html
index 393594f65..9d8d8fba2 100644
--- a/timesheets_by_employee/static/description/index.html
+++ b/timesheets_by_employee/static/description/index.html
@@ -39,11 +39,11 @@
              Features
         </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Print the timesheets of selected employees.
          </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
               Perform period wise grouping of timesheet lines.
          </h3>
     </div>
@@ -55,21 +55,21 @@
             Screenshots
         </h2>
         <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
           Timesheets -> Reporting -> Print Timesheets
          </h3>
         <div class="oe_row oe_spaced">
             <img src="timesheet-by-employee-cybrosys-1.png" alt="" style="width: 95%;"/>
         </div>
         <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
              Generate Timesheet Report Wizard with Dates.
          </h3>
         <div class="oe_row oe_spaced">
             <img src="timesheet-by-employee-cybrosys-2.png" alt="" style="width: 95%;"/>
         </div>
         <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             PDF Report of Employee Timesheet.
          </h3>
         <div class="oe_row oe_spaced">