title = "forgetpass"
url = "/forgetpass"
layout = "default"
is_hidden = 0
==
<div class="login-page-wrapper">
    <div class="login-form">
        <div class="login-form-title">
            Reset password to client area
        </div>
        <p>Forgotten your password? No problem, simply enter your email below and we will send you instructions on how to reset it.</p>

        <form data-request="{{ __SELF__ }}::onRestorePassword"
               data-request-update="'{{ __SELF__ }}::reset': '#partialUserResetForm'" id="userForm">
            <label for="userSigninLogin" class="login-field-label login-row">*Email</label>
            <input name="email" type="email"
            class="form-control user-control"
            id="userSigninLogin" placeholder="Enter your email">

            <div class="login-row">
                <div class="login-ext-link forgot-password-link">
                    <a href="{{ 'user/account'|page }}">Return to sign in page</a>
                </div>
            </div>
            <div style="clear: both"></div>
            <div class="login-row login-actions">
                <button type="submit" class="login-button" data-aos="fade-up" data-aos-delay="800">Restore password</button>
            </div>
        </form>
    </div>
</div>

<section class="contact-form-section section-padding" style="background-color: #000000;">
<div class="row">
    <div class="container">
        <div class="row">
  <div class="column left" style="width: 50%;">
    <div class="column left logo" style="width: 25%;">
      <i class="fa fa-envelope" aria-hidden="true" style="color:#454545;font-size:50px;text-align:right;"></i>
    </div>
    <div class="column left txtx" style="width: 75%;">
      Email support<br><span><a href="mailto:support@oceaus.net"  style="color:#FF0068;">support@oceaus.net</a></Span>
    </div>
  </div>
  <div class="column right" style="width: 50%;">
    <div class="column right logo" style="width: 25%;">
      <i class="fa fa-phone" aria-hidden="true" style="color:#454545;font-size:50px;"></i>
    </div>
    <div class="column right txtx" style="width: 75%;">
      Time: 08 - 20 hrs<br><span><a href="tel:888323344599" style="color:#FF0068;">88 832 - 334 - 4599</a></Span>
    </div>
  </div>
</div>
    </div> 
</div> 
</section>
<style>
* {
  box-sizing: border-box;
}
.column .left span{color:#FF0068;}

.column .right span{color:#FF0068;}
.container{
    max-width: 50%;}
/* Create two equal columns that floats next to each other */
.column {color:#ffffff;
  float: left;
  width: 50%;
  padding: 10px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 600px) {
  .column {width: 100%;}}
</style>