<?php
include('header.php')
?>
<!-- Slider Area -->
<section class="slider">
    <div class="hero-slider">
        <!-- Start Single Slider -->
        <div class="single-slider" style="background-image:url('img/slider2.jpg')">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7">
                        <div class="text">
                            <h1>Empowering Your <span>Financial</span> Future with <span>Trust!</span></h1>
                            <p><i class="icon fa fa-shield"></i> Secure banking solutions tailored for you. <i class="icon fa fa-check-circle"></i> Easy, fast, and reliable services.</p>
                            <div class="button">
                                <a href="account/index" class="btn"><i class="icon fa fa-calendar"></i> Login now</a>
                                <a href="#" class="btn primary"><i class="icon fa fa-info-circle"></i> Learn More</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Single Slider -->

        <!-- Start Single Slider -->
        <div class="single-slider" style="background-image:url('img/slider.png')">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7">
                        <div class="text">
                            <h1>Banking Made <span>Simple</span> for Your <span>Success!</span></h1>
                            <p><i class="icon fa fa-chart-line"></i> Manage your finances with ease. <i class="icon fa fa-thumbs-up"></i> Trusted by thousands of customers.</p>
                            <div class="button">
                                <a href="account/index" class="btn"><i class="icon fa fa-handshake"></i> Login now</a>
                                <a href="blog-single.php" class="btn primary"><i class="icon fa fa-users"></i> About Us</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Start End Slider -->

        <!-- Start Single Slider -->
        <div class="single-slider" style="background-image:url('img/slider3.jpg')">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7">
                        <div class="text">
                            <h1>Your <span>Banking</span> Partner for a <span>Brighter Future!</span></h1>
                            <p><i class="icon fa fa-university"></i> Innovative solutions for all your banking needs. <i class="icon fa fa-envelope"></i> We're here to support you every step of the way.</p>
                            <div class="button">
                                <a href="account/index" class="btn"><i class="icon fa fa-phone"></i> Login now</a>
                                <a href="contact.php" class="btn primary"><i class="icon fa fa-comment-dots"></i> Talk to Us</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Single Slider -->
    </div>
</section>
<!--/ End Slider Area -->

		
		<!-- Start Schedule Area -->
<section class="schedule">
    <div class="container">
        <div class="schedule-inner">
            <div class="row">
                <div class="col-lg-4 col-md-6 col-12">
                    <!-- single-schedule -->
                    <div class="single-schedule first">
                        <div class="inner">
                            <div class="icon">
                                <i class="fa fa-piggy-bank"></i> <!-- Savings Icon -->
                            </div>
                            <div class="single-content">
                                <span>Financial Growth</span>
                                <h4>Savings Plans</h4>
                                <p>Secure your future with tailored savings plans designed to help you achieve financial freedom.</p>
                                <a href="#">LEARN MORE<i class="fa fa-long-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-12">
                    <!-- single-schedule -->
                    <div class="single-schedule middle">
                        <div class="inner">
                            <div class="icon">
                                <i class="fa fa-credit-card"></i> <!-- Credit Card Icon -->
                            </div>
                            <div class="single-content">
                                <span>Convenient Solutions</span>
                                <h4>Credit Services</h4>
                                <p>Explore flexible credit options that empower your financial decisions and purchases.</p>
                                <a href="#">LEARN MORE<i class="fa fa-long-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-12 col-12">
                    <!-- single-schedule -->
                    <div class="single-schedule last">
                        <div class="inner">
                            <div class="icon">
                                <i class="fa fa-clock"></i> <!-- Clock Icon -->
                            </div>
                            <div class="single-content">
                                <span>Banking Hours</span>
                                <h4>Operating Schedule</h4>
                                <ul class="time-sidual">
                                    <li class="day">Monday - Friday <span>8:00 AM - 8:00 PM</span></li>
                                    <li class="day">Saturday <span>9:00 AM - 6:30 PM</span></li>
                                    <li class="day">Sunday <span>Closed</span></li>
                                </ul>
                                <a href="#">LEARN MORE<i class="fa fa-long-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--/End Start Schedule Area -->


		<!-- Start Feautes -->
<section class="Feautes section">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title">
                    <h2>Bank securely countrywide.</h2>
                    <img src="img/section-img.png" alt="#">
                    <p>Our secure online banking services ensure you can manage your finances confidently from anywhere in the country.</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-4 col-12">
                <!-- Start Single features -->
                <div class="single-features">
                    <div class="signle-icon">
                        <i class="icofont icofont-lock"></i>
                    </div>
                    <h3>Secure Transactions</h3>
                    <p>Enjoy peace of mind with safe, encrypted online banking for all your financial activities.</p>
                </div>
                <!-- End Single features -->
            </div>
            <div class="col-lg-4 col-12">
                <!-- Start Single features -->
                <div class="single-features">
                    <div class="signle-icon">
                        <i class="icofont icofont-credit-card"></i>
                    </div>
                    <h3>Quick Loans</h3>
                    <p>Apply for loans and access funds swiftly through our streamlined digital banking platform.</p>
                </div>
                <!-- End Single features -->
            </div>
            <div class="col-lg-4 col-12">
                <!-- Start Single features -->
                <div class="single-features last">
                    <div class="signle-icon">
                        <i class="icofont icofont-money"></i>
                    </div>
                    <h3>Flexible Payments</h3>
                    <p>Manage payments with ease using features designed for convenience and flexibility.</p>
                </div>
                <!-- End Single features -->
            </div>
        </div>
    </div>
</section>
<!--/ End Feautes -->


		
		<!-- Start Fun-facts -->
<div id="fun-facts" class="fun-facts section overlay">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-6 col-12">
                <!-- Start Single Fun -->
                <div class="single-fun">
                    <i class="icofont icofont-home"></i>
                    <div class="content">
                        <span class="counter">3468</span>
                        <p>Branches Nationwide</p>
                    </div>
                </div>
                <!-- End Single Fun -->
            </div>
            <div class="col-lg-3 col-md-6 col-12">
                <!-- Start Single Fun -->
                <div class="single-fun">
                    <i class="icofont icofont-user-alt-3"></i>
                    <div class="content">
                        <span class="counter">557</span>
                        <p>Financial Experts</p>
                    </div>
                </div>
                <!-- End Single Fun -->
            </div>
            <div class="col-lg-3 col-md-6 col-12">
                <!-- Start Single Fun -->
                <div class="single-fun">
                    <i class="icofont-simple-smile"></i>
                    <div class="content">
                        <span class="counter">4379</span>
                        <p>Satisfied Customers</p>
                    </div>
                </div>
                <!-- End Single Fun -->
            </div>
            <div class="col-lg-3 col-md-6 col-12">
                <!-- Start Single Fun -->
                <div class="single-fun">
                    <i class="icofont icofont-table"></i>
                    <div class="content">
                        <span class="counter">32</span>
                        <p>Years of Trust</p>
                    </div>
                </div>
                <!-- End Single Fun -->
            </div>
        </div>
    </div>
</div>
<!--/ End Fun-facts -->

		
		<!-- Start Why choose -->
<section class="why-choose section">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title">
                    <h2>We Offer Exceptional Services To Simplify Your Banking</h2>
                    <img src="img/section-img.png" alt="#">
                    <p>Enjoy cutting-edge online banking services designed to make managing your finances secure and seamless.</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-6 col-12">
                <!-- Start Choose Left -->
                <div class="choose-left">
                    <h3>Who We Are</h3>
                    <p>We are a trusted financial institution dedicated to providing innovative banking solutions tailored to your needs. With years of expertise, we ensure secure and user-friendly services.</p>
                    <p>Our commitment to excellence drives us to offer tools and resources that make your financial journey smooth and successful.</p>
                    <div class="row">
                        <div class="col-lg-6">
                            <ul class="list">
                                <li><i class="fa fa-caret-right"></i>Secure transactions for peace of mind.</li>
                                <li><i class="fa fa-caret-right"></i>24/7 customer support.</li>
                                <li><i class="fa fa-caret-right"></i>Accessible banking from anywhere.</li>
                            </ul>
                        </div>
                        <div class="col-lg-6">
                            <ul class="list">
                                <li><i class="fa fa-caret-right"></i>Customizable financial solutions.</li>
                                <li><i class="fa fa-caret-right"></i>Easy-to-use mobile app.</li>
                                <li><i class="fa fa-caret-right"></i>Dedicated financial advisors.</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- End Choose Left -->
            </div>
            <div class="col-lg-6 col-12">
                <!-- Start Choose Rights -->
                <div class="choose-right">
                    <div class="video-image">
                        <!-- Video Animation -->
                        <div class="promo-video">
                            <div class="waves-block">
                                <div class="waves wave-1"></div>
                                <div class="waves wave-2"></div>
                                <div class="waves wave-3"></div>
                            </div>
                        </div>
                        <!--/ End Video Animation -->
                        <a href="https://www.youtube.com/watch?v=RFVXy6CRVR4" class="video video-popup mfp-iframe"><i class="fa fa-play"></i></a>
                    </div>
                </div>
                <!-- End Choose Rights -->
            </div>
        </div>
    </div>
</section>
<!--/ End Why choose -->

		
		<!-- Start Call to action -->
<section class="call-action overlay" data-stellar-background-ratio="0.5">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-12">
                <div class="content">
                    <h2>Looking for Secure Online Banking Solutions? email us at: info@puffyglobalonline.com</h2>
                    <p>Enjoy financial convenience and security with our trusted banking services. Quisque porttitor dictum turpis nec gravida.</p>
                    <div class="button">
                        <a href="#" class="btn">Get Started</a>
                        <a href="#" class="btn second">Explore<i class="fa fa-long-arrow-right"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--/ End Call to action -->

		
		<!-- Start portfolio -->
<section class="portfolio section">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title">
                    <h2>Explore Our Comprehensive Online Banking Solutions</h2>
                    <img src="img/section-img.png" alt="#">
                    <p>We offer a range of services designed to make managing your finances effortless and secure.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12 col-12">
                <div class="owl-carousel portfolio-slider">
                    <div class="single-pf">
                        <img src="img/pf1.jpg" alt="#">
                        <a href="portfolio-details.php" class="btn">Learn About Savings Accounts</a>
                    </div>
                    <div class="single-pf">
                        <img src="img/pf2.jpg" alt="#">
                        <a href="portfolio-details.php" class="btn">Learn About Loan Options</a>
                    </div>
                    <div class="single-pf">
                        <img src="img/pf3.jpg" alt="#">
                        <a href="portfolio-details.php" class="btn">Discover Investment Plans</a>
                    </div>
                    <div class="single-pf">
                        <img src="img/pf4.jpg" alt="#">
                        <a href="portfolio-details.php" class="btn">Explore Mobile Banking</a>
                    </div>
                    <div class="single-pf">
                        <img src="img/pf1.jpg" alt="#">
                        <a href="portfolio-details.php" class="btn">Learn About Credit Cards</a>
                    </div>
                    <div class="single-pf">
                        <img src="img/pf2.jpg" alt="#">
                        <a href="portfolio-details.php" class="btn">Understand Business Accounts</a>
                    </div>
                    <div class="single-pf">
                        <img src="img/pf3.jpg" alt="#">
                        <a href="portfolio-details.php" class="btn">Explore Digital Wallets</a>
                    </div>
                    <div class="single-pf">
                        <img src="img/pf4.jpg" alt="#">
                        <a href="portfolio-details.php" class="btn">Find Out About Online Transfers</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--/ End portfolio -->

		<!-- Start service -->
<section class="services section">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title">
                    <h2>We Offer Comprehensive Services To Meet Your Financial Needs</h2>
                    <img src="img/section-img.png" alt="#">
                    <p>Explore a wide range of banking solutions designed to simplify your financial journey and provide peace of mind.</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-4 col-md-6 col-12">
                <!-- Start Single Service -->
                <div class="single-service">
                    <i class="icofont icofont-bank"></i>
                    <h4><a href="service-details.html">Personal Banking</a></h4>
                    <p>Manage your personal finances effortlessly with secure and user-friendly online tools.</p>   
                </div>
                <!-- End Single Service -->
            </div>
            <div class="col-lg-4 col-md-6 col-12">
                <!-- Start Single Service -->
                <div class="single-service">
                    <i class="icofont icofont-piggy-bank"></i>
                    <h4><a href="service-details.html">Savings Accounts</a></h4>
                    <p>Grow your savings with competitive rates and flexible options tailored to your goals.</p>    
                </div>
                <!-- End Single Service -->
            </div>
            <div class="col-lg-4 col-md-6 col-12">
                <!-- Start Single Service -->
                <div class="single-service">
                    <i class="icofont icofont-money-bag"></i>
                    <h4><a href="service-details.html">Loan Services</a></h4>
                    <p>Access quick and secure loans to meet your immediate financial needs.</p>    
                </div>
                <!-- End Single Service -->
            </div>
            <div class="col-lg-4 col-md-6 col-12">
                <!-- Start Single Service -->
                <div class="single-service">
                    <i class="icofont icofont-chart-bar-graph"></i>
                    <h4><a href="service-details.html">Investment Plans</a></h4>
                    <p>Secure your future with expert investment advice and diverse portfolio options.</p>  
                </div>
                <!-- End Single Service -->
            </div>
            <div class="col-lg-4 col-md-6 col-12">
                <!-- Start Single Service -->
                <div class="single-service">
                    <i class="icofont icofont-smart-phone"></i>
                    <h4><a href="service-details.html">Mobile Banking</a></h4>
                    <p>Bank anytime, anywhere with our secure and user-friendly mobile app.</p> 
                </div>
                <!-- End Single Service -->
            </div>
            <div class="col-lg-4 col-md-6 col-12">
                <!-- Start Single Service -->
                <div class="single-service">
                    <i class="icofont icofont-businessman"></i>
                    <h4><a href="service-details.html">Business Accounts</a></h4>
                    <p>Streamline your business transactions with our tailored solutions and expert support.</p>    
                </div>
                <!-- End Single Service -->
            </div>
        </div>
    </div>
</section>
<!--/ End service -->


		
<!-- Pricing Table -->
<section class="pricing-table section">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title">
                    <h2>Affordable Banking Solutions Tailored to You</h2>
                    <img src="img/section-img.png" alt="#">
                    <p>Explore our range of financial services designed to fit your needs at competitive rates.</p>
                </div>
            </div>
        </div>
        <div class="row">
            <!-- Single Table -->
            <div class="col-lg-4 col-md-12 col-12">
                <div class="single-table">
                    <!-- Table Head -->
                    <div class="table-head">
                        <div class="icon">
                            <i class="icofont icofont-bank"></i>
                        </div>
                        <h4 class="title">Basic Savings Plan</h4>
                        <div class="price">
                            <p class="amount">$19<span>/ Per Month</span></p>
                        </div>  
                    </div>
                    <!-- Table List -->
                    <ul class="table-list">
                        <li><i class="icofont icofont-ui-check"></i>Low minimum balance</li>
                        <li><i class="icofont icofont-ui-check"></i>Free online transfers</li>
                        <li class="cross"><i class="icofont icofont-ui-close"></i>No overdraft protection</li>
                        <li class="cross"><i class="icofont icofont-ui-close"></i>Limited withdrawals</li>
                        <li class="cross"><i class="icofont icofont-ui-close"></i>Basic account features</li>
                    </ul>
                    <div class="table-bottom">
                        <a class="btn" href="#">Sign Up</a>
                    </div>
                    <!-- Table Bottom -->
                </div>
            </div>
            <!-- End Single Table-->
            <!-- Single Table -->
            <div class="col-lg-4 col-md-12 col-12">
                <div class="single-table">
                    <!-- Table Head -->
                    <div class="table-head">
                        <div class="icon">
                            <i class="icofont icofont-wallet"></i>
                        </div>
                        <h4 class="title">Premium Savings Plan</h4>
                        <div class="price">
                            <p class="amount">$49<span>/ Per Month</span></p>
                        </div>  
                    </div>
                    <!-- Table List -->
                    <ul class="table-list">
                        <li><i class="icofont icofont-ui-check"></i>Higher interest rates</li>
                        <li><i class="icofont icofont-ui-check"></i>Unlimited withdrawals</li>
                        <li><i class="icofont icofont-ui-check"></i>Overdraft protection</li>
                        <li class="cross"><i class="icofont icofont-ui-close"></i>Basic rewards program</li>
                        <li class="cross"><i class="icofont icofont-ui-close"></i>No special offers</li>
                    </ul>
                    <div class="table-bottom">
                        <a class="btn" href="#">Sign Up</a>
                    </div>
                    <!-- Table Bottom -->
                </div>
            </div>
            <!-- End Single Table-->
            <!-- Single Table -->
            <div class="col-lg-4 col-md-12 col-12">
                <div class="single-table">
                    <!-- Table Head -->
                    <div class="table-head">
                        <div class="icon">
                            <i class="icofont icofont-money-bag"></i>
                        </div>
                        <h4 class="title">Business Savings Plan</h4>
                        <div class="price">
                            <p class="amount">$99<span>/ Per Month</span></p>
                        </div>  
                    </div>
                    <!-- Table List -->
                    <ul class="table-list">
                        <li><i class="icofont icofont-ui-check"></i>Dedicated account manager</li>
                        <li><i class="icofont icofont-ui-check"></i>Exclusive offers</li>
                        <li><i class="icofont icofont-ui-check"></i>Advanced rewards program</li>
                        <li><i class="icofont icofont-ui-check"></i>Unlimited features</li>
                        <li><i class="icofont icofont-ui-check"></i>Priority support</li>
                    </ul>
                    <div class="table-bottom">
                        <a class="btn" href="#">Sign Up</a>
                    </div>
                    <!-- Table Bottom -->
                </div>
            </div>
            <!-- End Single Table-->
        </div>  
    </div>  
</section>  
<!--/ End Pricing Table -->

		
		
		
<!-- Start Blog Area -->
<section class="blog section" id="blog">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title">
                    <h2>Stay Updated With Our Latest Financial News</h2>
                    <img src="img/section-img.png" alt="#">
                    <p>Explore articles and insights to help you make the most of your financial journey.</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-4 col-md-6 col-12">
                <!-- Single Blog -->
                <div class="single-news">
                    <div class="news-head">
                        <img src="img/blog1.jpg" alt="#">
                    </div>
                    <div class="news-body">
                        <div class="news-content">
                            <div class="date">22 May, 2025</div>
                            <h2><a href="blog-single.html">Introducing Our Latest Loan Offers</a></h2>
                            <p class="text">Discover how our new loan packages can help you achieve your financial goals quickly and easily.</p>
                        </div>
                    </div>
                </div>
                <!-- End Single Blog -->
            </div>
            <div class="col-lg-4 col-md-6 col-12">
                <!-- Single Blog -->
                <div class="single-news">
                    <div class="news-head">
                        <img src="img/blog2.jpg" alt="#">
                    </div>
                    <div class="news-body">
                        <div class="news-content">
                            <div class="date">15 Feb, 2025</div>
                            <h2><a href="blog-single.html">Tips to Maximize Your Savings</a></h2>
                            <p class="text">Learn the top strategies for saving effectively and growing your wealth over time.</p>
                        </div>
                    </div>
                </div>
                <!-- End Single Blog -->
            </div>
            <div class="col-lg-4 col-md-6 col-12">
                <!-- Single Blog -->
                <div class="single-news">
                    <div class="news-head">
                        <img src="img/blog3.jpg" alt="#">
                    </div>
                    <div class="news-body">
                        <div class="news-content">
                            <div class="date">05 Jan, 2025</div>
                            <h2><a href="blog-single.html">Business Banking Solutions You Can Trust</a></h2>
                            <p class="text">Explore our cutting-edge services designed to help businesses thrive financially.</p>
                        </div>
                    </div>
                </div>
                <!-- End Single Blog -->
            </div>
        </div>
    </div>
</section>
<!-- End Blog Area -->

		
		<!-- Start clients -->
		<div class="clients overlay">
			<div class="container">
				<div class="row">
					<div class="col-lg-12 col-md-12 col-12">
						<div class="owl-carousel clients-slider">
							<div class="single-clients">
								<img src="img/client1.jpg" alt="#">
							</div>
							<div class="single-clients">
								<img src="img/client2.jpg" alt="#">
							</div>
							<div class="single-clients">
								<img src="img/client3.jpg" alt="#">
							</div>
							<div class="single-clients">
								<img src="img/client4.jpg" alt="#">
							</div>
							<div class="single-clients">
								<img src="img/client5.jpg" alt="#">
							</div>
							<div class="single-clients">
								<img src="img/client1.jpg" alt="#">
							</div>
							<div class="single-clients">
								<img src="img/client2.jpg" alt="#">
							</div>
							<div class="single-clients">
								<img src="img/client3.jpg" alt="#">
							</div>
							<div class="single-clients">
								<img src="img/client4.jpg" alt="#">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--/Ens clients -->
		
		<!-- Start Appointment -->
<section class="appointment">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title">
                    <h2>We're Here to Support Your Financial Needs. Schedule a Service</h2>
                    <img src="img/section-img.png" alt="#">
                    <p>Take charge of your financial future today. Book a session to access expert guidance and personalized banking solutions.</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-6 col-md-12 col-12">
                <form class="form" action="#">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-12">
                            <div class="form-group">
                                <input name="name" type="text" placeholder="Full Name">
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-12">
                            <div class="form-group">
                                <input name="email" type="email" placeholder="Email Address">
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-12">
                            <div class="form-group">
                                <input name="phone" type="text" placeholder="Phone Number">
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-12">
                            <div class="form-group">
                                <div class="nice-select form-control wide" tabindex="0"><span class="current">Service</span>
                                    <ul class="list">
                                        <li data-value="1" class="option selected ">Select Service</li>
                                        <li data-value="2" class="option">New Account Setup</li>
                                        <li data-value="3" class="option">Loan Application</li>
                                        <li data-value="4" class="option">Investment Advice</li>
                                        <li data-value="5" class="option">Debit/Credit Card Issues</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-12">
                            <div class="form-group">
                                <div class="nice-select form-control wide" tabindex="0"><span class="current">Bank Officer</span>
                                    <ul class="list">
                                        <li data-value="1" class="option selected ">Select Bank Officer</li>
                                        <li data-value="2" class="option">Mr. Tunde Adeola</li>
                                        <li data-value="3" class="option">Ms. Grace Okafor</li>
                                        <li data-value="4" class="option">Mr. Daniel Obi</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-12">
                            <div class="form-group">
                                <input type="text" placeholder="Preferred Date" id="datepicker">
                            </div>
                        </div>
                        <div class="col-lg-12 col-md-12 col-12">
                            <div class="form-group">
                                <textarea name="message" placeholder="Let us know how we can assist you..."></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-5 col-md-4 col-12">
                            <div class="form-group">
                                <div class="button">
                                    <button type="submit" class="btn">Schedule Now</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-7 col-md-8 col-12">
                            <p>( You will receive a confirmation via SMS shortly )</p>
                        </div>
                    </div>
                </form>
            </div>
            <div class="col-lg-6 col-md-12 ">
                <div class="appointment-image">
                    <img src="img/contact-img.png" alt="#">
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Appointment -->
	
		<!-- Start Newsletter Area -->
<section class="newsletter section">
    <div class="container">
        <div class="row ">
            <div class="col-lg-6 col-12">
                <!-- Start Newsletter Form -->
                <div class="subscribe-text">
                    <h6>Stay Updated with Banking News</h6>
                    <p class="">Receive the latest updates on financial services, tips, and opportunities directly to your inbox.<br> Subscribe today!</p>
                </div>
                <!-- End Newsletter Form -->
            </div>
            <div class="col-lg-6 col-12">
                <!-- Start Newsletter Form -->
                <div class="subscribe-form">
                    <form action="mail/mail.php" method="get" target="_blank" class="newsletter-inner">
                        <input name="EMAIL" placeholder="Your email address" class="common-input" onfocus="this.placeholder = ''"
                            onblur="this.placeholder = 'Your email address'" required="" type="email">
                        <button class="btn">Subscribe Now</button>
                    </form>
                </div>
                <!-- End Newsletter Form -->
            </div>
        </div>
    </div>
</section>
<!-- /End Newsletter Area -->

<?php
include('footer.php')
?>