Mahalaxmi Bikas Bank

<div class="cardcontainer col-12 col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xxl-3">
<div class="card position-relative h-100">
<div class="back pcolor">
<div class="back-top sticky-top w-100">
<button class="backbtn flipbtn sticky-top">
<i class="bi bi-caret-left-square"></i>
                                        </button>
<h6 class="text-center">Account Details</h6>
                                    </div>

<div class="accordion shadow-none accordion-flush h-100"
     id="accordionFlushExample">
<div class="accordion-item shadow-none">
<h2 class="accordion-header" id="flush-headingOne">
<button class="accordion-button collapsed shadow-none"
        type="button"
        data-bs-toggle="collapse"
        data-bs-target="#flush-collapseOne"
        aria-expanded="false"
        aria-controls="flush-collapseOne">
                                                    Feature #1
                                                </button>
                                            </h2>
<div id="flush-collapseOne"
     class="accordion-collapse collapse shadow-none"
     aria-labelledby="flush-headingOne"
     data-bs-parent="#accordionFlushExample">
<div class="accordion-body">
                                                    Placeholder content for this accordion, which is
                                                    intended to demonstrate the
<code>.accordion-flush</code>
                                                    class. This is the first item's accordion body.
                                                </div>
                                            </div>
                                        </div>
<div class="accordion-item shadow-none">
<h2 class="accordion-header" id="flush-headingTwo">
<button class="accordion-button collapsed shadow-none"
        type="button"
        data-bs-toggle="collapse"
        data-bs-target="#flush-collapseTwo"
        aria-expanded="false"
        aria-controls="flush-collapseTwo">
                                                    Feature #2
                                                </button>
                                            </h2>
<div id="flush-collapseTwo"
     class="accordion-collapse collapse shadow-none"
     aria-labelledby="flush-headingTwo"
     data-bs-parent="#accordionFlushExample">
<div class="accordion-body shadow-none">
                                                    Placeholder content for this accordion, which is
                                                    intended to demonstrate the
<code>.accordion-flush</code>
                                                    class. This is the second item's accordion body.
                                                    Let's imagine this being filled with some actual
                                                    content.
                                                </div>
                                            </div>
                                        </div>
<div class="accordion-item shadow-none">
<h2 class="accordion-header shadow-none"
    id="flush-headingThree">
<button class="accordion-button collapsed shadow-none"
        type="button"
        data-bs-toggle="collapse"
        data-bs-target="#flush-collapseThree"
        aria-expanded="false"
        aria-controls="flush-collapseThree">
                                                    Feature #3
                                                </button>
                                            </h2>
<div id="flush-collapseThree"
     class="accordion-collapse collapse shadow-none"
     aria-labelledby="flush-headingThree"
     data-bs-parent="#accordionFlushExample">
<div class="accordion-body shadow-none">
                                                    Placeholder content for this accordion, which is
                                                    intended to demonstrate the
<code>.accordion-flush</code>
                                                    class. This is the third item's accordion body.
                                                    Nothing more exciting happening here in terms of
                                                    content, but just filling up the space to make it
                                                    look, at least at first glance, a bit more
                                                    representative of how this would look in a
                                                    real-world application.
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

<div class="front h-100 d-flex flex-column justify-content-between">
<div class="tag-container d-flex justify-content-end mt-1">
<div class="intrest-tag text-white text-center d-flex flex-column justify-content-center align-content-center ps-4">
                                            {AnnualIntrest}
                                        </div>
                                    </div>
<div class="c-name d-flex flex-column text-center justify-content-center align-content-center h-100 p-2">
                                        {Title}
                                    </div>
<div class="card-body d-flex flex-column justify-content-end pt-0">
<div class="cardimg">
<img src="/images/saving_acc.jpg" class="card-img" alt="..." />
                                        </div>

<div class="key-points">
<ul class="ps-0">
<li class="">Minimum Balance: {minblc}</li>
<li class="">
                                                    Free Mobile Banking for First Year.
                                                </li>

<li class="">
                                                    {Discount}% discount on Safe Deposit Lockers
                                                </li>
<li class="">Connect IPS Facility</li>
                                            </ul>
                                        </div>
<div class="cardfooter d-flex flex-column mb-0">
<a href="/savingaccountform"
   class="d-flex flex-column justify-content-center rounded-0 openaccount text-decoration-none text-center">
                                                Open Account
                                            </a>
<button class="flipbtn viewdetails bg-white">
                                                View Details
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

<div class="cardcontainer col-8 col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xxl-3">
<div class="card position-relative h-100">
<div class="back pcolor">
<div class="back-top sticky-top w-100">
<button class="backbtn flipbtn sticky-top">
<i class="bi bi-caret-left-square"></i>
                        </button>
<h6 class="text-center">Account Details</h6>
                      </div>

<div class="accordion shadow-none accordion-flush h-100"
     id="accordionFlushExamplefd">
<div class="accordion-item shadow-none">
<h2 class="accordion-header" id="flush-headingOnefd">
<button class="accordion-button collapsed shadow-none"
        type="button"
        data-bs-toggle="collapse"
        data-bs-target="#flush-collapseOnefd"
        aria-expanded="false"
        aria-controls="flush-collapseOne">
                              Feature #1
                            </button>
                          </h2>
<div id="flush-collapseOnefd"
     class="accordion-collapse collapse shadow-none"
     aria-labelledby="flush-headingOne"
     data-bs-parent="#accordionFlushExample">
<div class="accordion-body">
                              Placeholder content for this accordion, which is
                              intended to demonstrate the
<code>.accordion-flush</code>
                              class. This is the first item's accordion body.
                            </div>
                          </div>
                        </div>
<div class="accordion-item shadow-none">
<h2 class="accordion-header" id="flush-headingTwofd">
<button class="accordion-button collapsed shadow-none"
        type="button"
        data-bs-toggle="collapse"
        data-bs-target="#flush-collapseTwofd"
        aria-expanded="false"
        aria-controls="flush-collapseTwo">
                              Feature #2
                            </button>
                          </h2>
<div id="flush-collapseTwofd"
     class="accordion-collapse collapse shadow-none"
     aria-labelledby="flush-headingTwo"
     data-bs-parent="#accordionFlushExample">
<div class="accordion-body shadow-none">
                              Placeholder content for this accordion, which is
                              intended to demonstrate the
<code>.accordion-flush</code>
                              class. This is the second item's accordion body.
                              Let's imagine this being filled with some actual
                              content.
                            </div>
                          </div>
                        </div>
<div class="accordion-item shadow-none">
<h2 class="accordion-header shadow-none"
    id="flush-headingThreefd">
<button class="accordion-button collapsed shadow-none"
        type="button"
        data-bs-toggle="collapse"
        data-bs-target="#flush-collapseThreefd"
        aria-expanded="false"
        aria-controls="flush-collapseThree">
                              Feature #3
                            </button>
                          </h2>
<div id="flush-collapseThreefd"
     class="accordion-collapse collapse shadow-none"
     aria-labelledby="flush-headingThree"
     data-bs-parent="#accordionFlushExample">
<div class="accordion-body shadow-none">
                              Placeholder content for this accordion, which is
                              intended to demonstrate the
<code>.accordion-flush</code>
                              class. This is the third item's accordion body.
                              Nothing more exciting happening here in terms of
                              content, but just filling up the space to make it
                              look, at least at first glance, a bit more
                              representative of how this would look in a
                              real-world application.
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

<div class="front h-100 d-flex flex-column justify-content-between">
<div class="tag-container d-flex justify-content-end mt-1">
<div class="intrest-tag text-white text-center d-flex flex-column justify-content-center align-content-center ps-4">
                          {IntrestRate}
                        </div>
                      </div>
<div class="c-name d-flex flex-column text-center justify-content-center align-content-center h-100 p-2">
        {AccountName}
<br />
         {MonthScheme}
                      </div>
<div class="card-body d-flex flex-column justify-content-end pt-0">
<div class="cardimg">
<img src="/images/saving_acc.jpg"
     class="card-img"
     alt="..." />
                        </div>

<div class="key-points">
<ul class="ps-0">
<li class=""> Interest Rate: {MinBal}</li>
<li class="">Interest Payment: Monthly</li>
<li class="">Duration 3 Month and above</li>
                          </ul>
                        </div>
<div class="cardfooter d-flex flex-column mb-0">
<a href="/fixedaccountform"
   class="d-flex flex-column justify-content-center rounded-0 openaccount text-decoration-none text-center">
                            Open Account
                          </a>
<button class="flipbtn viewdetails bg-white">
                            View Details
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>