<!DOCTYPE html>
<html lang="en">
  

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

   

    <!-- Facebook -->
    
    <meta property="og:title" content="WhispersApp | The Ultimate Consultancy Portal">
    <meta property="og:description" content="Button, link and a portal to sell remote consultative services. Specifically designed for lawyers, doctors, accountants, business consultants, architects, IT specialists, engineers and insurance specialists">


<meta name="description" content="Button, link and a portal to sell remote consultative services. Specifically designed for lawyers, doctors, accountants, business consultants, architects, IT specialists, engineers and insurance specialists">

<meta property="og:image" content="https://www.whispersapp.com/landing/assets/images/whis/og.jpg">
<link rel="icon" type="image/png" href="../landing/assets/images/whis/fav.png">
    
    
    <meta name="author" content="Techmetic">

    <title>WhispersApp | The Ultimate Consultant-Client Portal</title>

    <!-- vendor css -->
    <link href="../lib/%40fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet">
    <link href="../lib/ionicons/css/ionicons.min.css" rel="stylesheet">
    <link href="../lib/highlightjs/styles/github.css" rel="stylesheet">
    <link href="../lib/select2/css/select2.min.css" rel="stylesheet">
    <link href="../lib/timepicker/jquery.timepicker.css" rel="stylesheet">
    <link href="../lib/spectrum-colorpicker/spectrum.css" rel="stylesheet">
    <link href="../lib/bootstrap-tagsinput/bootstrap-tagsinput.css" rel="stylesheet">
    <link href="../lib/ion-rangeslider/css/ion.rangeSlider.css" rel="stylesheet">
    <link href="../lib/ion-rangeslider/css/ion.rangeSlider.skinFlat.css" rel="stylesheet">
    <!-- <link href="../lib/%40fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"> -->
    <link href="../lib/mfonts/fontawesome/fontawesome-free/css/all.min.css" rel="stylesheet">
    <link href="../lib/ionicons/css/ionicons.min.css" rel="stylesheet">
    <link href="../lib/rickshaw/rickshaw.min.css" rel="stylesheet">
       <link href="../lib/select2/css/select2.min.css" rel="stylesheet">
    <link href="../lib/datatables.net-dt/css/jquery.dataTables.min.css" rel="stylesheet">
    <link href="../lib/datatables.net-responsive-dt/css/responsive.dataTables.min.css" rel="stylesheet">

    <!-- Bracket CSS -->
    <link rel="stylesheet" href="../css/bracket.css">
    <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-9HE1G2WDPD"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-9HE1G2WDPD');
</script>
  </head>

  <body>

  




  <!-- ########## START: MAIN PANEL ########## -->
   <!-- ########## START: MAIN PANEL ########## -->
    <div class="br-mainpanel pd-x-20 pd-sm-x-30" style="margin-left: 1px; margin-top: 1px; background-image: url(../img/bg2.jpg); background-size:100% 100%;">
      




      <div class="br-pagetitle">
        
        <div class="col-12" style="text-align: center;">
          <h4>Whispers App</h4>
          <p class="mg-b-0">The Ultimate Consultant-Client Portal</p>
        </div>
      </div><!-- d-flex -->



      <div class="br-pagebody pd-x-20 pd-sm-x-30" style="padding-top: 1px; margin-top: 2px;">



     
       

     

          

           <div class="d-flex align-items-center justify-content-center bg-gray-300 ht-600 pd-x-20 pd-xs-x-0"   style="background-image: url(../img/bg.jpg); background-size:100% ; border-radius:15px">
            <div class="card wd-450 shadow-base">
              <div class="card-body pd-x-20 pd-xs-40">
                <h5 class="tx-xs-24 tx-normal tx-gray-900 mg-b-15 text-center">Step 2/5</h5>
                
               
                <br>
                                
                                <div class="col-xl-12" style="padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px;">
              <div class="alert alert-info alert-solid pd-20" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
                <div class="d-sm-flex align-items-center justify-content-start">
                  <i class="icon ion-ios-checkmark-outline lh-0 tx-52"></i>
                  <div class="mg-sm-l-15 mg-t-15 mg-sm-t-0">
                    <h5 class="mg-b-2 pd-t-2">Thank You!</h5>
                    <p class="mg-b-0 tx-xs op-8">You'll receive an email with set up instructions after you make the payment</p>
                  </div>
                </div><!-- d-flex -->
              </div><!-- alert -->
            </div><!-- col-xl-6 -->

            <h5 class="tx-xs-24 tx-normal tx-gray-900 mg-b-5" style="font-size: 16px">We have sent you an automatic payment request to your phone number. If it doesn't appear in 30 Seconds.</h5>
            
            <p class="mg-b-0 tx-xs op-8 mg-b-15">Kindly send the 1100Kes to Paybill No: 4022879 Account: 322<%= account %></p>

             <p class="mg-b-0 tx-xs-24 tx-normal tx-gray-900 mg-b-5 mg-b-15">In case of any challenge, call us on: +254722898480</p>


                               






              </div><!-- card-body -->
            </div><!-- card -->
          </div><!-- d-flex -->
          </div></div>
        
       

   

      </div><!-- br-pagebody -->

<%- include('partials/footer'); -%>