Server : nginx/1.18.0 System : Linux localhost 6.14.3-x86_64-linode168 #1 SMP PREEMPT_DYNAMIC Mon Apr 21 19:47:55 EDT 2025 x86_64 User : www-data ( 33) PHP Version : 8.0.16 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory :  /var/www/ewebsite/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

<?php
$pageTitle = 'How it works';
include 'partials/header.php';
?>

    <div class="header greendient" style="padding-bottom: 0;">
        <div class="container-fluid">
            <h2 class="inner-header-style">
                Postpone it, Postpay it
            </h2>
        </div> <!-- end of container -->
    </div>


    <div class="page-body-wrapper">

        <section class="" id="how-it-works">
            <div class="col text-center">
                <div class="section-title">
                    <span>Postpay it in 4 easy steps.</span>
                    <h3>Shop online</h3>
                </div>
            </div>

            <div class="container features pt-4">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="features-content">
                            <div class="row">
                                <div class="col-lg-3">
                                    <div class="features-item first-feature">
                                        <div class="first-number number">
                                            <h6 class="greendient">01</h6>
                                        </div>
                                        <span style="font-size: 80px; color: #52ce9c" class="mdi mdi-basket"></span>
                                        <h4>Checkout with Etiqa</h4>
                                        <div class="line-dec"></div>
                                        <p>Add items to cart online on our e-commerce platform, after you are set
                                            checkout.</p>
                                    </div>
                                </div>
                                <div class="col-lg-3">
                                    <div class="features-item second-feature">
                                        <div class="second-number number">
                                            <h6 class="greendient">02</h6>
                                        </div>
                                        <span style="font-size: 80px; color: #52ce9c"
                                            class="mdi mdi-selection"></span>
                                        <h4>Select a payment process</h4>
                                        <div class="line-dec"></div>
                                        <p>Select your preferred payment plan. No catch. No Interest. No hidden fees.
                                        </p>
                                    </div>
                                </div>
                                <div class="col-lg-3">
                                    <div class="features-item first-feature">
                                        <div class="third-number number">
                                            <h6 class="greendient">03</h6>
                                        </div>
                                        <span style="font-size: 80px; color: #52ce9c"
                                            class="mdi mdi-bell-alert-outline"></span>
                                        <h4>Receive confirmation</h4>
                                        <div class="line-dec"></div>
                                        <p>Get approval in your inbox. That easy, no further steps required to proceed.
                                        </p>
                                    </div>
                                </div>
                                <div class="col-lg-3">
                                    <div class="features-item second-feature last-features-item">
                                        <div class="fourth-number number">
                                            <h6 class="greendient">04</h6>
                                        </div>
                                        <span style="font-size: 80px; color: #52ce9c"
                                            class="mdi mdi-account-clock"></span>
                                        <h4>Follow payment updates</h4>
                                        <div class="line-dec"></div>
                                        <p>We will keep you notified about your payment plan via your inbox.
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </section>

        <!-- <section class="testimonial" id="testimonial">
            <div class="container">
                <div class="row  mt-md-0 mt-lg-4">
                    <div class="col-sm-6 text-white" data-aos="fade-up">
                        <p class="font-weight-bold mb-3">Testimonials</p>
                        <h3 class="font-weight-medium">Our customers are our <br>biggest fans</h3>
                        <ul class="flipster-custom-nav">
                            <li class="flipster-custom-nav-item">
                                <a href="javascript:;" class="flipster-custom-nav-link" title="0"></a>
                            </li>
                            <li class="flipster-custom-nav-item">
                                <a href="javascript:;" class="flipster-custom-nav-link" title="1"></a>
                            </li>
                            <li class="flipster-custom-nav-item">
                                <a href="javascript:;" class="flipster-custom-nav-link active" title="2"></a>
                            </li>
                            <li class="flipster-custom-nav-item">
                                <a href="javascript:;" class="flipster-custom-nav-link" title="3"></a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-sm-6" data-aos="fade-up">
                        <div id="testimonial-flipster">
                            <ul>
                                <li>
                                    <div class="testimonial-item">
                                        <img src="assets/images/testimonial/testimonial1.jpg" alt="icon"
                                            class="testimonial-icons">
                                        <p>Lorem ipsum dolor sit amet, consectetur
                                            pretium pretium tempor.Lorem ipsum dolor sit amet, consectetur adipiscing
                                            elit. Ut pretium
                                        </p>
                                        <h6 class="testimonial-author">Mark Spenser</h6>
                                        <p class="testimonial-destination">Accounts</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="testimonial-item">
                                        <img src="assets/images/testimonial/testimonial2.jpg" alt="icon"
                                            class="testimonial-icons">
                                        <p>Lorem ipsum dolor sit amet, consectetur
                                            pretium pretium tempor.Lorem ipsum dolor sit amet, consectetur adipiscing
                                            elit. Ut pretium
                                        </p>
                                        <h6 class="testimonial-author">Tua Manuera</h6>
                                        <p class="testimonial-destination">Director,Dj market</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="testimonial-item">
                                        <img src="assets/images/testimonial/testimonial3.jpg" alt="icon"
                                            class="testimonial-icons">
                                        <p>Lorem ipsum dolor sit amet, consectetur
                                            pretium pretium tempor.Lorem ipsum dolor sit amet, consectetur adipiscing
                                            elit. Ut pretium
                                        </p>
                                        <h6 class="testimonial-author">Sarah Philip</h6>
                                        <p class="testimonial-destination">Chief Accountant</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="testimonial-item">
                                        <img src="assets/images/testimonial/testimonial4.jpg" alt="icon"
                                            class="testimonial-icons">
                                        <p>Lorem ipsum dolor sit amet, consectetur
                                            pretium pretium tempor.Lorem ipsum dolor sit amet, consectetur adipiscing
                                            elit. Ut pretium
                                        </p>
                                        <h6 class="testimonial-author">Mark Spenser</h6>
                                        <p class="testimonial-destination">Director,Dj market</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section> -->
    </div>

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