From d1e40a4ae52228f48dbff2db67198e59cb233d57 Mon Sep 17 00:00:00 2001
From: Ajmal Cybro <ajmal@cybrosys.in>
Date: Mon, 17 May 2021 19:01:44 +0530
Subject: [PATCH] [UPDT] Index Updated

---
 .../static/description/index.html             | 228 +++++++++++++-----
 1 file changed, 163 insertions(+), 65 deletions(-)

diff --git a/base_accounting_kit/static/description/index.html b/base_accounting_kit/static/description/index.html
index 5b220a91d..9c4a14333 100644
--- a/base_accounting_kit/static/description/index.html
+++ b/base_accounting_kit/static/description/index.html
@@ -275,7 +275,8 @@
                                 ;>
                             <p class="lead"
                                 style="font-style: Roboto, 'sans-serif'; color: #636e72; font-size: 0.9125rem;">
-                                The Dashboard support report overview for Invoices,Income/Expense,Aged and for other Reports
+                                The Dashboard support report overview for Invoices,Income/Expense,Aged and for other
+                                Reports
                             </p>
                         </div>
                         <div class="col-lg-5"
@@ -334,7 +335,7 @@
 </div>
 
 
-    <!-- REPORT SECTION -->
+<!-- REPORT SECTION -->
 <section class="container oe_container mt-4">
     <div class="row" style="display: flex;">
         <div class="col-lg-12 my-4">
@@ -415,83 +416,182 @@
 </section>
 <!-- END OF REPORT SECTION -->
 
-  
+
 
 <!-- SCREENSHOTS BLOCK -->
 
-<section class="container oe_container">
-    <div class="row mt-4">
-        <div class="col-lg-12 mt-4">
-            <h5 class="text-center" style="font-family: Montserrat, 'sans-serif';">Screenshots</h5>
-            <hr style="background-color: #0984e3; border: 2px solid #0984e3; width: 50px;" class="mb-4">
-            <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
+<section class="oe_container mt-4" style="padding:2rem 3rem 1rem">
+    <h5 class="text-center" style="font-family: Montserrat, 'sans-serif';">Screenshots</h5>
+    <hr style="background-color: #0984e3; border: 2px solid #0984e3; width: 50px;" ;>
+    <div>
+        <section class="oe_container">
+            <div id="demo" class="row carousel slide  mb32" data-ride="carousel">
                 <div class="carousel-inner">
-                    <div class="carousel-item active">
-                        <img class="d-block w-100" src="./images/screenshots/screenshot1.png" alt="First slide">
-                        <p style="margin-top: 1rem; font-weight: bold;">Dashboard with Necessary Details.</p>
+                    <div class="carousel-item" style="min-height: 557.312px;">
+                        <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; text-align:left; border-radius:0; font-size:18px">
+                                <i class="fa fa-check-circle"
+                                    style="width:auto; color:#6AC259; font-size:25px; padding-right:10px"></i>
+                                Dashboard with Necessary Details.
+                            </h3>
+                            <div style=""> <img class="img img-responsive center-block"
+                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                    src="./images/screenshots/screenshot1.png">
+                            </div>
+                        </div>
                     </div>
-                    <div class="carousel-item">
-                        <img class="d-block w-100" src="./images/screenshots/screenshot2.png" alt="Second slide">
-                        <p style="margin-top: 1rem; font-weight: bold;">Aged Receivable, Payable and Top Customer Details in Dashboard.</p>
+                    <div class="carousel-item" style="min-height: 557.312px;">
+                        <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; text-align:left; border-radius:0; font-size:18px">
+                                <i class="fa fa-check-circle"
+                                    style="width:auto; color:#6AC259; font-size:25px; padding-right:10px"></i>
+                                Aged Receivable, Payable and Top Customer Details in Dashboard.
+                            </h3>
+                            <div style=""> <img class="img img-responsive center-block"
+                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                    src="./images/screenshots/screenshot2.png">
+                            </div>
+                        </div>
                     </div>
-
-
-
-                    <div class="carousel-item">
-                        <img class="d-block w-100" src="./images/screenshots/screenshot9.png" alt="Third slide">
-                        <p style="margin-top: 1rem; font-weight: bold;">Create Assets from Accounting > Accounting > Assets > Create.</p>
+                    <div class="carousel-item" style="min-height: 557.312px;">
+                        <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; text-align:left; border-radius:0; font-size:18px">
+                                <i class="fa fa-check-circle"
+                                    style="width:auto; color:#6AC259; font-size:25px; padding-right:10px"></i>
+                                Create Assets from Accounting > Accounting > Assets > Create.
+                            </h3>
+                            <div style=""> <img class="img img-responsive center-block"
+                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                    src="./images/screenshots/screenshot9.png">
+                            </div>
+                        </div>
                     </div>
-                    <div class="carousel-item active">
-                        <img class="d-block w-100" src="./images/screenshots/base_accounting_kit-4.png" alt="First slide">
-                        <p style="margin-top: 1rem; font-weight: bold;">Create Asset categories from Accounting > Configuration > Asset
-                            Types > Create.</p>
+                    <div class="carousel-item" style="min-height: 557.312px;">
+                        <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; text-align:left; border-radius:0; font-size:18px">
+                                <i class="fa fa-check-circle"
+                                    style="width:auto; color:#6AC259; font-size:25px; padding-right:10px"></i>
+                                Create Asset categories from Accounting > Configuration > Asset
+                                Types > Create.
+                            </h3>
+                            <div style=""> <img class="img img-responsive center-block"
+                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                    src="./images/screenshots/base_accounting_kit-4.png">
+                            </div>
+                        </div>
                     </div>
-                    <div class="carousel-item">
-                        <img class="d-block w-100" src="./images/screenshots/base_accounting_kit-5.png" alt="Second slide">
-                        <p style="margin-top: 1rem; font-weight: bold;">Create Asset from vendor bill.</p>
+                    <div class="carousel-item" style="min-height: 557.312px;">
+                        <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; text-align:left; border-radius:0; font-size:18px">
+                                <i class="fa fa-check-circle"
+                                    style="width:auto; color:#6AC259; font-size:25px; padding-right:10px"></i>
+                                Create Asset from vendor bill.
+                            </h3>
+                            <div style=""> <img class="img img-responsive center-block"
+                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                    src="./images/screenshots/base_accounting_kit-5.png">
+                            </div>
+                        </div>
                     </div>
-                    <div class="carousel-item">
-                        <img class="d-block w-100" src="./images/screenshots/base_accounting_kit-21.png" alt="Third slide">
-                        <p style="margin-top: 1rem; font-weight: bold;">Manage post dated checks.</p>
+                    <div class="carousel-item" style="min-height: 557.312px;">
+                        <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; text-align:left; border-radius:0; font-size:18px">
+                                <i class="fa fa-check-circle"
+                                    style="width:auto; color:#6AC259; font-size:25px; padding-right:10px"></i>
+                                Manage post dated checks.
+                            </h3>
+                            <div style=""> <img class="img img-responsive center-block"
+                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                    src="./images/screenshots/base_accounting_kit-21.png">
+                            </div>
+                        </div>
                     </div>
-                    <div class="carousel-item active">
-                        <img class="d-block w-100" src="./images/screenshots/base_accounting_kit-18.png" alt="Fourth slide">
-                        <p style="margin-top: 1rem; font-weight: bold;">Accounting lock dates for community edition.</p>
+                    <div class="carousel-item" style="min-height: 557.312px;">
+                        <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; text-align:left; border-radius:0; font-size:18px">
+                                <i class="fa fa-check-circle"
+                                    style="width:auto; color:#6AC259; font-size:25px; padding-right:10px"></i>
+                                Accounting lock dates for community edition.
+                            </h3>
+                            <div style=""> <img class="img img-responsive center-block"
+                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                    src="./images/screenshots/base_accounting_kit-18.png">
+                            </div>
+                        </div>
                     </div>
-                    <div class="carousel-item">
-                        <img class="d-block w-100" src="./images/screenshots/base_accounting_kit-25.png" alt="Fifth slide">
-                        <p style="margin-top: 1rem; font-weight: bold;">Create recurring templates from Accounting > Configuration >
-                            Recurring Templates.</p>
+                    <div class="carousel-item" style="min-height: 557.312px;">
+                        <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; text-align:left; border-radius:0; font-size:18px">
+                                <i class="fa fa-check-circle"
+                                    style="width:auto; color:#6AC259; font-size:25px; padding-right:10px"></i>
+                                Create recurring templates from Accounting > Configuration >
+                                Recurring Templates
+                            </h3>
+                            <div style=""> <img class="img img-responsive center-block"
+                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                    src="./images/screenshots/base_accounting_kit-25.png">
+                            </div>
+                        </div>
                     </div>
-                    <div class="carousel-item">
-                        <img class="d-block w-100" src="./images/screenshots/base_accounting_kit-24.png" alt="Sixth slide">
-                        <p style="margin-top: 1rem; font-weight: bold;">Create recurring entries.</p>
+                    <div class="carousel-item" style="min-height: 557.312px;">
+                        <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; text-align:left; border-radius:0; font-size:18px">
+                                <i class="fa fa-check-circle"
+                                    style="width:auto; color:#6AC259; font-size:25px; padding-right:10px"></i>
+                                Create recurring entries.
+                            </h3>
+                            <div style=""> <img class="img img-responsive center-block"
+                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                    src="./images/screenshots/base_accounting_kit-24.png">
+                            </div>
+                        </div>
                     </div>
-
-
-                    <div class="carousel-item">
-                        <img class="d-block w-100" src="./images/screenshots/base_accounting_kit-11.png" alt="Seventh slide">
-                        <p style="margin-top: 1rem; font-weight: bold;">Manage Customer Follow-ups from Accounting > Customers >
-                            Follow-up Reports</p>
+                    <div class="carousel-item" style="min-height: 557.312px;">
+                        <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; text-align:left; border-radius:0; font-size:18px">
+                                <i class="fa fa-check-circle"
+                                    style="width:auto; color:#6AC259; font-size:25px; padding-right:10px"></i>
+                                Manage Customer Follow-ups from Accounting > Customers >
+                                Follow-up Reports
+                            </h3>
+                            <div style=""> <img class="img img-responsive center-block"
+                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                    src="./images/screenshots/base_accounting_kit-11.png">
+                            </div>
+                        </div>
                     </div>
-                    <div class="carousel-item">
-                        <img class="d-block w-100" src="./images/screenshots/base_accounting_kit-43.png" alt="Eighth slide">
-                        <p style="margin-top: 1rem; font-weight: bold;">Generate accounting PDF reports from Accounting > Reporting.</p>
+                    <div class="carousel-item" style="min-height: 557.312px;">
+                        <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; text-align:left; border-radius:0; font-size:18px">
+                                <i class="fa fa-check-circle"
+                                    style="width:auto; color:#6AC259; font-size:25px; padding-right:10px"></i>
+                                Generate accounting PDF reports from Accounting > Reporting.
+                            </h3>
+                            <div style=""> <img class="img img-responsive center-block"
+                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                    src="./images/screenshots/base_accounting_kit-43.png">
+                            </div>
+                        </div>
                     </div>
-
                 </div>
-                <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
-                    <span style="background-color: #000; border-radius: 5px; padding: 10px 15px;" aria-hidden="true"> <i
-                            class="fa fa-chevron-left"></i></span>
-                    <span class="sr-only">Previous</span>
-                </a>
-                <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
-                    <span style="background-color: #000; border-radius: 5px; padding: 10px 15px;" aria-hidden="true"> <i
-                            class="fa fa-chevron-right"></i></span>
-                    <span class="sr-only">Next</span>
-                </a>
+                <a class="carousel-control-prev" href="#demo" data-slide="prev" style="width:35px; color:#000">
+                    <span class="carousel-control-prev-icon"><i class="fa fa-chevron-left"
+                            style="font-size:24px"></i></span> </a> <a class="carousel-control-next" href="#demo"
+                    data-slide="next" style="width:35px; color:#000"> <span class="carousel-control-next-icon"><i
+                            class="fa fa-chevron-right" style="font-size:24px"></i></span> </a>
             </div>
-        </div>
+        </section>
     </div>
 </section>
 
@@ -820,6 +920,4 @@ style="background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1)
         </div>
         <!-- End of Contact Cards -->
     </div>
-</section>
-
-</div>
\ No newline at end of file
+</section>
\ No newline at end of file