templates/landing_page/landing_page_about_section.html.twig line 1

Open in your IDE?
  1. {# <div class="container pb-5 pt-5">
  2.     <h4 class="text-center mt-2 loan-title" data-aos="fade-up">About GAINPF</h4>
  3.     <div class="container-fluid d-flex flex-row gap-4 feature-hold pt-3">
  4.         <div class="container m-0 p-0 featureContainer" data-aos="fade-up">
  5.             <h5 class="text-center mt-2 loan-title" data-aos="fade-up">Features</h5>
  6.             <ul class="list-group list-group-flush mt-3 ">
  7.                 <li class="list-group-item" data-aos="fade-up">✅ Online application processing</li>
  8.                 <li class="list-group-item" data-aos="fade-up">✅ Allows electronic authorization of payments</li>
  9.                 <li class="list-group-item" data-aos="fade-up">✅ Handles monthly subscription, loan recovery, and arrear credits</li>
  10.                 <li class="list-group-item" data-aos="fade-up">✅ Issues credit cards with digital signatures</li>
  11.             </ul>
  12.         </div>
  13.         <div class="container m-0 p-0 featureContainer" data-aos="fade-up">
  14.             <h5 class="text-center mt-2 loan-title" data-aos="fade-up">Services</h5>
  15.         </div>
  16.         <div class="container m-0 p-0 featureContainer" data-aos="fade-up">
  17.             <h5 class="text-center mt-2 loan-title" data-aos="fade-up">Benefits</h5>
  18.         </div>
  19.     </div>
  20. </div> #}
  22. <div class="container pb-5 pt-5">
  23.     <h4 class="text-center mt-2 mb-5 loan-title" data-aos="fade-up">About GAINPF</h4>
  24.     <div class="container-fluid d-flex flex-row justify-content-evenly flex-wrap gap-3">
  25.         <div class="featureAlign d-flex align-items-start">
  26.             <div class="card featureListing pt-5 px-4 text-center shadow-sm border-0 feature2 bg-alert" data-aos="fade-up">
  27.                 <div class="icon-wrapper2 mb-3">
  28.                     <i class="fa-solid fa-file-circle-check fs-4"></i>
  29.                 </div>
  30.                 <h6 class="fw-bold">Online Application Processing</h6>
  31.                 <p class="text-muted">Submit and process applications online with ease and efficiency.</p>
  32.             </div>
  33.         </div>
  34.     
  35.         <div class="featureAlign d-flex align-items-end">
  36.             <div class="card featureListing pt-5 px-4 text-center shadow-sm border-0 feature1 bg-alert" data-aos="fade-up">
  37.                 <div class="icon-wrapper mb-3">
  38.                     <i class="fa-solid fa-credit-card fs-4"></i>
  39.                 </div>
  40.                 <h6 class="fw-bold">Electronic Payment Authorization</h6>
  41.                 <p class="text-muted">Securely authorize payments without paperwork.</p>
  42.             </div>
  43.         </div>
  44.     
  45.         <div class="featureAlign d-flex align-items-start">
  46.             <div class="card featureListing pt-5 px-4 text-center shadow-sm border-0 feature2" data-aos="fade-up">
  47.                 <div class="icon-wrapper2 mb-3">
  48.                     <i class="fa-solid fa-money-bill-transfer fs-4"></i>
  49.                 </div>
  50.                 <h6 class="fw-bold">Subscription & Loan Management</h6>
  51.                 <p class="text-muted">Manage monthly subscriptions, loan recovery, and arrears effortlessly.</p>
  52.             </div>
  53.         </div>
  54.     
  55.         <div class="featureAlign d-flex align-items-end">
  56.             <div class="card featureListing pt-5 px-4 text-center shadow-sm border-0 feature1" data-aos="fade-up">
  57.                 <div class="icon-wrapper mb-3">
  58.                     <i class="fa-solid fa-id-card fs-4"></i>
  59.                 </div>
  60.                 <h6 class="fw-bold">Secure Digital Credit Cards</h6>
  61.                 <p class="text-muted">Issue secure credit cards with digital signatures.</p>
  62.             </div>
  63.         </div>
  64.     </div>
  65.     
  66. </div>