<!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="Whispers App | Whispering Your Feelings to Them">
    <meta name="twitter:description" content="Let those you love, those who helped you, and those important to you, hear your heart's whispers... in a unique, effective and cost efficient way">
    <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="Whispers App | Whispering Your Feelings to Them">
    <meta property="og:description" content="Let those you love, those who helped you, and those important to you, hear your heart's whispers... in a unique, effective and cost efficient way">

 

    <!-- Meta -->
    <meta name="description" content="Let those you love, those who helped you, and those important to you, hear your heart's whispers... in a unique, effective and cost efficient way">
    <meta name="author" content="Techmetic Solutions">

    <title>Whispers App | Whispering Your Feelings to Them</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>Let those you love, those who helped you, and those important to you, hear your heart's whispers</h4>
          <p class="mg-b-0">In a unique, effective and cost efficient way</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="pd-y-20 bg-gray-700 mg-t-10" style="background-image: url(../img/bg.jpg); background-size:100% 100%;">
              <div class="modal d-block pos-static">
                <div class="modal-dialog modal-lg" role="document">
                  <div class="modal-content bd-0 bg-transparent rounded overflow-hidden">
                    <div class="modal-body pd-0">
                      <div class="row no-gutters">
                         <div class="col-lg-8 bg-white" style="margin: auto;">
                            <div class="pd-y-30 pd-xl-x-30">
                              
                              <div class="pd-x-30 pd-y-10">
                             
                                <h3 class="tx-teal  mg-b-5">Well done <%=user.firstName%>...</h3>
                               
                                <p>You're now fully registered on Whispers App</p>
                                 <% include ./partials/messages %>
                                


                                <br>
                                 
                               

                       

                              <a class="btn btn-primary pd-y-12 btn-block" href="/addloved">Add People You Value Most Now</a>
                             


                                <div class="mg-t-30 mg-b-20 tx-12">Done for now? <a href="/dashboard">Go back home</a></div>
                               

                                


                              </div>
                            </div><!-- pd-20 -->
                          </div><!-- col-6 -->
                    <!--     <div class="col-lg-6 bg-primary">
                          <div class="pd-40" style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);">>
                            <h4 class="tx-white mg-b-10">What Shall Happen?</h4>
                            <p class="tx-white op-7 mg-b-10">We shall send a message to the person you specify notifying them that they're one of your EIGHT most valuable people.</p>
                            <p class="tx-white op-7 mg-b-10">We shall also give the main reason as to why you value them that much.</p>
                            
                          </div>
                        </div> --><!-- col-6 -->
                       
                        </div><!-- row -->

                      </div><!-- modal-body -->
                    </div><!-- modal-content -->
                  </div><!-- modal-dialog -->
                </div><!-- modal -->
              </div><!-- pd-y-50 -->
            
         


        
       

   

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

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