<?php
include('header.php')
?>
    <!-- Header End -->

    <!-- Banner Start -->
    <section id="banner-section" class="">
        <div class="overlay">
            <div class="container">
                <div class="row text-center">
                    <div class="col-md-12 mb-10">
                        <h1 class="text-light">About Us</h1>
                    </div>
                    <div class="col-md-12">
                        <ul class="d-flex justify-content-center">
                            <li><a href="index.php">Home</a></li>
                            <li><a class=""> - </a></li>
                            <li><a class="active" href="#!">About Us</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Banner End -->

    <!-- About Start -->
    <section id="about-section" class="mt-70">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6 col-md-6">
                    <div class="about-img mt-50">
                        <div class="wow fadeInLeft" data-wow-delay=".6s">
                            <img src="images/about/about.png" alt="about image">
                        </div>
                       <div class="experience wow fadeInRight" data-wow-delay=".6s">
                        <h5>25+</h5>
                        <h6>Years of Experience</h6>
                       </div>
                    </div>
                </div>

    <div class="col-lg-6 col-md-6">
    <div class="card mt-50">
    <div class="card-body">
    <div class="section-title mb-30 wow fadeInRight" data-wow-delay=".6s">
    <h6 class="card-subtitle">ABOUT COMPANY</h6>
    <h2 class="card-title">Small Business Loans For a Daily Expenses</h2>
    <p class="card-text">At The CitiUS, we believe that your bank should support your dreams and aspirations. That’s why we have developed convenient mortgage solutions to help make your dream of owning your own business a reality...</p>
    <p>Whether you are a first time investor, or thinking about property purchase as an investment, we have convenient mortgage solutions for you.</p>
                            </div>

    <div class="row g-0">
    <div class="col-md-3 wow fadeInLeft" data-wow-delay=".6s">
    <div class="about-list-icon d-flex justify-content-center align-items-center">
    <i class="flaticon-customer"></i>
                </div>
        </div>
    <div class="col-md-9 wow fadeInRight" data-wow-delay=".6s">
    <div class="card-body about-list-text bg-dark d-flex justify-content-center align-items-center">
    <h5>we are trusted by more than 25,800 clients</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- About End -->

    <!-- Counter Start -->
    <section id="counter-section" class="bg-prefix mt-120">
        <div class="overlay-2">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-3 col-md-3 col-12">
                        <div class="card counter-item text-center mt-15 mb-15 wow fadeInUp" data-wow-delay=".2s">
    <div class="card-body">
    <div class="counter-icon">
    <i class="lni lni-thumbs-up"></i>
                                </div>

    <div class="counter-title">
    <h3>100%</h3>
    </div>
    <p>Success Rate</p>
                            </div>
                        </div>
                    </div>


    <div class="col-lg-3 col-md-3 col-12">
    <div class="card counter-item text-center mt-15 mb-15 wow fadeInUp" data-wow-delay=".4s">
    <div class="card-body">
    <div class="counter-icon">
    <i class="lni lni-users"></i>
                                </div>
    <div class="counter-title">
    <h3>785</h3>
    </div>
    <p>Happy Clients</p>
                            </div>
                        </div>
                    </div>


    <div class="col-lg-3 col-md-3 col-12">
    <div class="card counter-item text-center mt-15 mb-15 wow fadeInUp" data-wow-delay=".6s">
    <div class="card-body">
    <div class="counter-icon">
    <i class="lni lni-investment"></i>
    </div>
    <div class="counter-title">
    <h3>10,524M</h3>
    </div>
    <p>Investments</p>
            </div>
                        </div>
                    </div>
    <div class="col-lg-3 col-md-3 col-12">
    <div class="card counter-item text-center mt-15 mb-15 wow fadeInUp" data-wow-delay=".6s">
    <div class="card-body">
    <div class="counter-icon">
    <i class="lni lni-cup"></i>
        </div>
    <div class="counter-title">
    <h3>199</h3>
                                </div>
        <p>Award Achivement</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>       
    <!-- Counter End -->

    <!-- Loan Process Start -->
    <section id="loan-process-section" class="mt-115">
        <div class="container">
            <div class="row justify-content-center">
    <div class="col-lg-12">
    <div class="section-title process-title">
    <h6>A quick & transparent process</h6>
    <h2 class="mb-0">We have a simple online application</h2>
    <p>Which will give you the adjuct information, how to get loan!</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3 col-md-6">
                    <div class="card process-item text-center mt-50 wow fadeInUp" data-wow-delay=".2s">
                        <div class="card-body process-body">
                            <div class="process-icon">
                                <i class="flaticon-network-1"></i>
                            </div>
<div class="content">
<h5 class="text-dark">Apply From Online</h5>
<p>Download the loan application form, 
fill and email it to </p>
                            </div>

<div class="shape d-none d-lg-block d-xl-block">
<img src="images/curve-arrow-shape.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>


<div class="col-lg-3 col-md-6">
<div class="card process-item text-center mt-50 wow fadeInUp" data-wow-delay=".4s">
<div class="card-body process-body">
<div class="process-icon">
<i class="flaticon-consultation"></i>
                            </div>


<div class="content">
<h5 class="text-dark">Need to Review</h5>
<p>Our management make review of application for loan and consider your request within three working days. </p>
                            </div>
                            <div class="shape d-none d-lg-block d-xl-block">
                                <img src="images/curve-arrow-shape.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="card process-item text-center mt-50 wow fadeInUp" data-wow-delay=".6s">
                        <div class="card-body process-body">
                            <div class="process-icon">
                                <i class="flaticon-operator"></i>
                            </div>
    <div class="content">
    <h5 class="text-dark">Client Communication</h5>
    <p>After the review, you will be notified through the email you provided for further information.</p>
                </div>
    <div class="shape d-none d-lg-block d-xl-block">
    <img src="images/curve-arrow-shape.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>

  <div class="col-lg-3 col-md-6">
  <div class="card process-item text-center mt-50 wow fadeInUp" data-wow-delay=".8s">
  <div class="card-body process-body">
  <div class="process-icon">
  <i class="flaticon-checkmark"></i>
                            </div>

 <div class="content">
 <h5 class="text-dark">Approval</h5>
 <p>Once you meet up with our loan's terms and agreement, you recieve the fund in your account within 24 hours. </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </section>
    <!-- Loan Process End -->

    <!-- Client Start -->
<div id="client-section" class="mt-120">
<div class="overlay-2 bg-prefix">
<div class="container">
<div class="client-logo text-center">
<div class="client-active d-flex align-items-center justify-content-between">
<div class="client-logo  wow fadeInUp" data-wow-delay=".2s">
<img src="images/clients/logo1.jpg" alt="#">
    </div>


<div class="client-logo  wow fadeInUp" data-wow-delay=".4s">
<img src="images/clients/logo2.jpg" alt="#">
                        </div>
<div class="client-logo  wow fadeInUp" data-wow-delay=".6s">
<img src="images/clients/logo3.jpg" alt="#">
                        </div>
<div class="client-logo  wow fadeInUp" data-wow-delay=".8s">
<img src="images/clients/logo4.jpg" alt="#">
                        </div>

<div class="client-logo  wow fadeInUp" data-wow-delay="1s">
<img src="images/clients/logo5.jpg" alt="#">
                        </div>
<div class="client-logo  wow fadeInUp" data-wow-delay="1.2s">
<img src="images/clients/logo3.jpg" alt="#">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Client End -->

    <!-- Testimonial start -->
    <section id="testimonial-section" class="mt-115">
    <div class="container">
    <div class="row justify-content-center">
    <div class="col-lg-12">
    <div class="section-title testimonial-title">
    <h6>Press Coverage</h6>
    <h2>What our clients say about us.</h2>
    <p>CitiUS has the best online features for self service and also Quick Response Team for Customers who may need help in handling any financial issue in their transaction.</p>
                    </div>
                </div>
            </div>
    <div class="row testimonial-slider">
    <div class="col-lg-4">                            
    <div class="mt-20">
    <div class="card testimonial-item">
    <div class="card-body testimonial-body">
    <div class="d-lg-flex align-items-lg-center justify-content-lg-between d-sm-flex align-items-sm-center justify-content-sm-between testimonial-img-item mb-20">
                                    <div class="testimonial-img">
    <img src="images/testimonial/3.jpg" alt="">
                                    </div>
    <div class="testimonial-author">
    <h5>Robert Carbscop</h5>
    <span>Sr. Consultant</span>
    </div>
    <div class="testimonial-rating">
    <ul class="d-flex">
     <li><i class="flaticon-star-1"></i></li>
     <li><i class="flaticon-star-1"></i></li>
     <li><i class="flaticon-star-1"></i></li>
     <li><i class="flaticon-star-1"></i></li>
     <li><i class="flaticon-star-1"></i></li>
            </ul>
                    </div>
            </div>


    <div class="d-flex mt-50 testimonial-content">
    <div class="testimonial-quote d-none d-md-block d-lg-block d-xl-block">
    <i class="flaticon-left-quote"></i>
        </div>


    <div class="testimonial-text">
    <p>They have made it simple and efficient to invest in good causes as they offer financial advice to customers.
    </p>
    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">                            
    <div class="mt-20">
    <div class="card testimonial-item">
    <div class="card-body testimonial-body">
    <div class="d-lg-flex align-items-lg-center justify-content-lg-between d-sm-flex align-items-sm-center justify-content-sm-between testimonial-img-item mb-20">
    <div class="testimonial-img">
    <img src="images/testimonial/2.jpg" alt="">
            </div>
    <div class="testimonial-author">
    <h5> James Martin</h5>
    <span>Marketer</span>
            </div>
    <div class="testimonial-rating">
    <ul class="d-flex">
            <li><i class="flaticon-star-1"></i></li>
            <li><i class="flaticon-star-1"></i></li>
            <li><i class="flaticon-star-1"></i></li>
            <li><i class="flaticon-star-1"></i></li>
            <li><i class="flaticon-star-1"></i></li>
                      </ul>
                       </div>
                 </div>
            <div class="d-flex mt-50 testimonial-content">
            <div class="testimonial-quote d-none d-md-block d-lg-block d-xl-block">
            <i class="flaticon-left-quote"></i>
                                    </div>
            <div class="testimonial-text">
            <p>This is a great financial industry. it's financial market work best because they are competitive, fair, and transparent.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">                            
        <div class="mt-20">
           <div class="card testimonial-item">
          <div class="card-body testimonial-body">
      <div class="d-lg-flex align-items-lg-center justify-content-lg-between d-sm-flex align-items-sm-center justify-content-sm-between testimonial-img-item mb-20">
                 <div class="testimonial-img">
          <img src="images/testimonial/1.jpg" alt="">
         </div>
       <div class="testimonial-author">
                   <h5> Annie Watts</h5>
              <span>Economist</span>
             </div>
         <div class="testimonial-rating">
    <ul class="d-flex">
         <li><i class="flaticon-star-1"></i></li>
               <li><i class="flaticon-star-1"></i></li>
         <li><i class="flaticon-star-1"></i></li>
         <li><i class="flaticon-star-1"></i></li>
        <li><i class="flaticon-star-1"></i></li>
                                        </ul>
                                    </div>
                                </div>
        <div class="d-flex mt-50 testimonial-content">
          <div class="testimonial-quote d-none d-md-block d-lg-block d-xl-block">
        <i class="flaticon-left-quote"></i>
                                    </div>
        <div class="testimonial-text">
        <p>The modern banking system manufactures money out of nothing..</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Testimonial end -->

       <!-- Footer Start  -->
       <?php
       include('footer.php')
       ?>