<!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-350 risen 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">Whispers App Login</h5>
                
               
                <br>
                                <%- include('./partials/messages'); -%>
                                <form action="/users/login" method="POST">
                                <div class="form-group">
                                  <label for="email">Email Address</label>
                  <input class="form-control sunken" id="email" type="text" name="email" placeholder="e.g. yourname@example.com">
                                </div><!-- form-group -->
                                <div class="form-group mg-b-20">
                                  <label for="password">Password</label>
                  <input class="form-control sunken" type="password" name="password" id="password" placeholder="**********">
                                  
                                </div><!-- form-group -->

                                <button class="btn btn-primary pd-y-12 btn-block">Sign In</button>

                              </form>

                              <div class="mg-t-30 mg-b-20 tx-12">Forgot Password? <a href="/users/passwordreset">Click Here to Reset</a></div>

                              <div class="mg-t-30 mg-b-20 tx-12">New Here? <a href="/users/eregister">Click Here to Register</a></div>
                              </div>
              </div><!-- card-body -->
            </div><!-- card -->
          </div><!-- d-flex -->
          </div></div>
        
       

   

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

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