<!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">

    <!-- Twitter -->
    <meta name="twitter:site" content="@whispersapp">
    <meta name="twitter:creator" content="@whispersapp">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="UB Connect | The Ultimate Business Kit">
    <meta name="twitter:description" content="Effective tech to conveniently connect with your customers">
    <meta name="twitter:image" content="/img/ogimage.jpg">

    <!-- Facebook -->
    <meta property="og:image" content="/img/ogimage.jpg"/>
    <meta property="og:url" content="http://whispersapp.com">
    <meta property="og:title" content="UB Connect | The Ultimate Business Kit">
    <meta property="og:description" content="Effective tech to conveniently connect with your customers">

 

    <!-- Meta -->
    <meta name="description" content="We connect you, efficiently and effectively, with your customers">
    <meta name="author" content="Techmetic Solutions">

    <title>UB Connect | The Ultimate Business Kit</title>

    <!-- vendor css -->
    <!-- favicon icon -->
<link href="/img/fav.png" rel="shortcut icon" type="image/jpg">
<link href="/img/fav.png" rel="icon">
<link href="/img/fav.png" rel="icon" sizes="72x72">
<link href="/img/fav.png" rel="icon" sizes="114x114">
<link href="/img/fav.png" rel="icon" sizes="144x144">
    <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/ionicons/css/ionicons.min.css" rel="stylesheet">
    <link href="../lib/rickshaw/rickshaw.min.css" rel="stylesheet">

    <!-- Bracket CSS -->
    <link rel="stylesheet" href="../css/bracket.css">
  </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 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">Password Reset</h5>
                
               
                <br>
                                <%- include('./partials/messages'); -%>
                                <form action="/users/passwordReset" method="POST">
                                <div class="form-group">
                                  <label for="email">Email Address</label>
                  <input class="form-control" id="email" type="text" name="email" placeholder="e.g. yourname@example.com">
                                </div><!-- form-group -->
                            

                                <button class="btn btn-primary pd-y-12 btn-block">Send a Reset Token</button>

                              </form>

                              <div class="mg-t-30 mg-b-20 tx-12">You've the password? <a href="/users/login">Click Here to Login</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'); -%>