title = "Account"
url = "/account/:code?"
layout = "default"
is_hidden = 0

[viewBag]
localeUrl[gr] = "/account"

[account]
redirect = "account/dashboard"
paramCode = "code"
forceSecure = 1

[sociallogin]
==
<div class="login-page-wrapper">
    <div class="login-form">
        <div class="login-form-title">
            Log into Your Account
        </div>
        <form data-request="onSignin" id="userForm">
            <label for="userSigninLogin"
                   class="login-field-label login-row">*Username or Email</label>
            <input name="login" type="text"
                   class="login-field"
                   id="userSigninLogin" placeholder="Email">

            <label for="userSigninPassword"
                   class="login-field-label login-row">*Password</label>
            <input name="password" type="password"
                   class="login-field"
                   id="userSigninPassword"
                   placeholder="Enter your password">
        
            <div class="login-row">
                <!--<div class="field Rememberme col-6">
                <input type="checkbox" id="RememberMe" value="Remember Me"> Remember me
                </div> -->
                <div class="login-ext-link forgot-password-link">
                    <a href="{{ 'user/forgot-password'|page }}">Forgotten your password?</a>
                </div>
            </div>
            <div style="clear: both"></div>
            <div class="login-row login-actions">
                <button type="submit" class="login-button">Log in</button>

                <span class="additional-login-actions">
                    {% for name, link in social_login_links %}
                        <button type="button"
                                class="social-login-button login-button">
                            <a href="{{ link }}" class='login {{ name|lower }}'>
                                {% if name|lower == 'google' %}
                                    <img src="/themes/ketikidis-octobercms-success/assets/images/ext/agent-account/google.svg"
                                         width="30"/>
                                {% else %}
                                    <i class="fa fa-2 fa-{{ name|lower }}"></i>
                                {% endif %}
                                
                                <span class="social-login-button-title">
                                    Sign in with {{ name }}
                                </span>
                            </a>
                        </button>
                    {% endfor %}
                </span>
            </div>
            
            <div class="login-row login-ext-link">
                Don't have an account? <a href="/account/register">
                    Register Now
                </a>
            </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>