<?php include 'header.php'; ?>




    <!-- banner-section start -->
    <section class="banner-section inner-banner account-details">
        <div class="overlay">
            <div class="banner-content d-flex align-items-center">
                <div class="container">
                    <div class="row justify-content-start">
                        <div class="col-lg-7 col-md-10">
                            <div class="main-content">
                                <h1>Saving Account</h1>
                                <div class="breadcrumb-area">
                                    <nav aria-label="breadcrumb">
                                        <ol class="breadcrumb d-flex align-items-center">
                                            <li class="breadcrumb-item"><a href="index-2.html">Home</a></li>
                                            <li class="breadcrumb-item"><a href="javascript:void(0)">Product</a></li>
                                            <li class="breadcrumb-item"><a href="account.html">Account</a></li>
                                            <li class="breadcrumb-item active" aria-current="page">Saving Account</li>
                                        </ol>
                                    </nav>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- banner-section end -->

    <!-- Features In start -->
    <section class="saving-account features-section">
        <div class="overlay pt-120 pb-120">
            <div class="container wow fadeInUp">
                <div class="row align-items-center">
                    <div class="col-lg-6 cus-ord">
                        <div class="img-area">
                            <img src="assets/images/saving-account-Illu.png" alt="image">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="top-section">
                            <h5 class="sub-title">Secure & Grow Your Savings</h5>
                            <h2 class="title">Savings Accounts Made for You</h2>
                            <p>Helping you save for your goals sooner, with accounts free from account keeping,
                                management, and annual fees.</p>
                            <ul class="list">
                                <li class="list-item d-flex align-items-center">
                                    <span class="check d-flex align-items-center justify-content-center">
                                        <img src="assets/images/icon/check.png" alt="icon">
                                    </span>
                                    <span>Free deposits and withdrawals</span>
                                </li>
                                <li class="list-item d-flex align-items-center">
                                    <span class="check d-flex align-items-center justify-content-center">
                                        <img src="assets/images/icon/check.png" alt="icon">
                                    </span>
                                    <span>Your savings are protected at all times</span>
                                </li>
                                <li class="list-item d-flex align-items-center">
                                    <span class="check d-flex align-items-center justify-content-center">
                                        <img src="assets/images/icon/check.png" alt="icon">
                                    </span>
                                    <span>Be eligible for a dividend, when paid</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Features In end -->

    <!-- Call to action In start -->
    <section class="call-action">
        <div class="overlay pt-120">
            <div class="container wow fadeInUp">
                <div class="row d-flex justify-content-center">
                    <div class="col-lg-10">
                        <div class="main-content">
                            <div class="section-header text-center">
                                <h2 class="title">Save With Us</h2>
                                <p><?php echo $sitename ?>’s range of savings account offers tailor made saving solutions for you</p>
                            </div>
                            <div class="bottom-area text-center">
                                <a href="sign_up.php" class="cmn-btn">Open Account</a>
                                <a href="contact.html" class="cmn-btn second">Get in touch</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Call to action In end -->

    <!-- Grow Your Confidence In start -->
    <section class="grow-confidence">
        <div class="overlay pt-120 pb-120">
            <div class="container wow fadeInUp">
                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <div class="section-header text-center">
                            <h5 class="sub-title">Grow Your Confidence</h5>
                            <h2 class="title">Choose the account that matches your needs</h2>
                            <p>We have a fine range of accounts to help you manage your finances seamlessly</p>
                        </div>
                    </div>
                </div>
                <div class="row cus-mar">
                    <div class="col-lg-4 col-md-6">
                        <div class="single-plan text-center">
                            <div class="introd-area">
                                <div class="content">
                                    <p class="mdr">You could earn:</p>
                                    <h4>
                                        <span class="number">0.25</span>
                                        <span class="right">
                                            <span>%</span>
                                            <span class="mdr">p.a</span>
                                        </span>
                                    </h4>
                                </div>
                            </div>
                            <div class="head-area">
                                <h5>Easy Invest</h5>
                            </div>
                            <div class="plan-list">
                                <div class="single">
                                    <h6>Fees</h6>
                                    <p>$0 Account keeping fees</p>
                                </div>
                                <div class="single">
                                    <h6>Interest</h6>
                                    <p>Paid monthly</p>
                                </div>
                                <div class="single">
                                    <h6>Regular Deposits</h6>
                                    <p>No minimum balance</p>
                                </div>
                                <div class="single">
                                    <h6>Access Your Funds</h6>
                                    <p>Online only</p>
                                </div>
                            </div>
                            <div class="btn-area">
                                <a href="sign_up.php" class="cmn-btn">Apply Now</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-plan text-center">
                            <div class="introd-area">
                                <div class="content">
                                    <p class="mdr">You could earn:</p>
                                    <h4>
                                        <span class="number">0.50</span>
                                        <span class="right">
                                            <span>%</span>
                                            <span class="mdr">p.a</span>
                                        </span>
                                    </h4>
                                </div>
                            </div>
                            <div class="head-area">
                                <h5>Bonus Saver</h5>
                            </div>
                            <div class="plan-list">
                                <div class="single">
                                    <h6>Fees</h6>
                                    <p>$0 Account keeping fees</p>
                                </div>
                                <div class="single">
                                    <h6>Interest</h6>
                                    <p>Paid monthly</p>
                                </div>
                                <div class="single">
                                    <h6>Regular Deposits</h6>
                                    <p>No minimum balance</p>
                                </div>
                                <div class="single">
                                    <h6>Access Your Funds</h6>
                                    <p>Online only</p>
                                </div>
                            </div>
                            <div class="btn-area">
                                <a href="sign_up.php" class="cmn-btn">Apply Now</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-plan text-center">
                            <div class="introd-area">
                                <div class="content">
                                    <p class="mdr">You could earn:</p>
                                    <h4>
                                        <span class="number">0.70</span>
                                        <span class="right">
                                            <span>%</span>
                                            <span class="mdr">p.a</span>
                                        </span>
                                    </h4>
                                </div>
                            </div>
                            <div class="head-area">
                                <h5>Pension Plus</h5>
                            </div>
                            <div class="plan-list">
                                <div class="single">
                                    <h6>Fees</h6>
                                    <p>$0 Account keeping fees</p>
                                </div>
                                <div class="single">
                                    <h6>Interest</h6>
                                    <p>Paid monthly</p>
                                </div>
                                <div class="single">
                                    <h6>Regular Deposits</h6>
                                    <p>No minimum balance</p>
                                </div>
                                <div class="single">
                                    <h6>Access Your Funds</h6>
                                    <p>Online only</p>
                                </div>
                            </div>
                            <div class="btn-area">
                                <a href="sign_up.php" class="cmn-btn">Apply Now</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Grow Your Confidence In end -->

    <!-- How it works In start -->
    <section class="how-works">
        <div class="overlay pt-120 pb-120">
            <div class="container wow fadeInUp">
                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <div class="section-header text-center">
                            <h5 class="sub-title">A Better Way to Save</h5>
                            <h2 class="title">How it works</h2>
                            <p>It's easier than you think. Follow the following simple easy steps</p>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-between">
                    <div class="col-md-6">
                        <div class="nav nav-tabs" role="tablist">
                            <div class="nav-link active" id="nav-eligibility-tab" data-bs-toggle="tab"
                                data-bs-target="#nav-eligibility" role="tab" aria-controls="nav-eligibility"
                                aria-selected="true">
                                <div class="row">
                                    <div class="col-lg-2 col-3">
                                        <div class="left-side">
                                            <div class="number">
                                                <h4>1</h4>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-10 col-9">
                                        <div class="right-side">
                                            <h4>Check Your Eligibility</h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi in metus
                                                justo.consectetur
                                                adipiscing elit. Morbi in metus justo.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="nav-link" id="nav-account-tab" data-bs-toggle="tab"
                                data-bs-target="#nav-account" role="tab" aria-controls="nav-account"
                                aria-selected="false">
                                <div class="row">
                                    <div class="col-lg-2 col-3">
                                        <div class="left-side">
                                            <div class="number">
                                                <h4>2</h4>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-10 col-9">
                                        <div class="right-side">
                                            <h4>Open Your Account</h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi in metus
                                                justo.consectetur
                                                adipiscing elit. Morbi in metus justo.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="nav-link" id="nav-saving-tab" data-bs-toggle="tab"
                                data-bs-target="#nav-saving" role="tab" aria-controls="nav-saving"
                                aria-selected="false">
                                <div class="row">
                                    <div class="col-lg-2 col-3">
                                        <div class="left-side">
                                            <div class="number">
                                                <h4>3</h4>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-10 col-9">
                                        <div class="right-side">
                                            <h4>Start Saving</h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi in metus
                                                justo.consectetur
                                                adipiscing elit. Morbi in metus justo.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="nav-link last" id="nav-rewarded-tab" data-bs-toggle="tab"
                                data-bs-target="#nav-rewarded" role="tab" aria-controls="nav-rewarded"
                                aria-selected="false">
                                <div class="row">
                                    <div class="col-lg-2 col-3">
                                        <div class="left-side">
                                            <div class="number">
                                                <h4>4</h4>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-10 col-9">
                                        <div class="right-side">
                                            <h4>Get rewarded and watch your savings grow</h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi in metus
                                                justo.consectetur
                                                adipiscing elit. Morbi in metus justo.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 justify-content-end d-flex align-items-center">
                        <div class="tab-content">
                            <div class="tab-pane fade show active" id="nav-eligibility" role="tabpanel"
                                aria-labelledby="nav-eligibility-tab">
                                <img src="assets/images/how-works-1.png" alt="image">
                            </div>
                            <div class="tab-pane fade" id="nav-account" role="tabpanel" aria-labelledby="nav-account-tab">
                                <img src="assets/images/how-works-2.png" alt="image">
                            </div>
                            <div class="tab-pane fade" id="nav-saving" role="tabpanel" aria-labelledby="nav-saving-tab">
                                <img src="assets/images/how-works-3.png" alt="image">
                            </div>
                            <div class="tab-pane fade" id="nav-rewarded" role="tabpanel" aria-labelledby="nav-rewarded-tab">
                                <img src="assets/images/how-works-4.png" alt="image">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- How it works In end -->

   
    <!-- Get Start In start -->
    <section class="get-start wow fadeInUp">
        <div class="overlay">
            <div class="container">
                <div class="col-12">
                    <div class="get-content">
                        <div class="section-text">
                            <h3 class="title">Ready to get started?</h3>
                            <p>It only takes a few minutes to register your FREE <?php echo $sitename ?> account.</p>
                        </div>
                        <a href="sign_up.php" class="cmn-btn">Open an Account</a>
                        <img src="assets/images/get-start.png" alt="images">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Get Start In end -->

   <?php include 'footer.php'; ?>