<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Get Email App Password Steps</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body class="bg-light">
    <div class="container">
        <section class="my-4">
            <a href="{{ route('register') }}" class="btn btn-primary">Back</a>
        </section>
        <section class="my-4">
            <h2>Step 1</h2>
            <p>Open Gmail, Click on top right circle with your name/initial in it.
                Click on manage Google Account or visit  Google Account.</p>
            <img src="{{ asset('steps/1.jpg') }}" class="img-fluid w-100" style="height: 400px; object-fit: contain;" alt="Step 1 Image">
        </section>
        <section class="my-4">
            <h2>Step 2</h2>
            <p>In the left sidebar, click on <b>Security.</b></p>
            <img src="{{ asset('steps/2.jpg') }}" class="img-fluid w-100" style="height: 400px; object-fit: contain;" alt="Step 2 Image">
        </section>
        <section class="my-4">
            <h2>Step 3</h2>
            <p>Under <b>"How you sign in to Google,"</b> click on 2-Step Verification.</p>
            <img src="{{ asset('steps/3.jpg') }}" class="img-fluid w-100" style="height: 400px; object-fit: contain;" alt="Step 3 Image">
        </section>
        <section class="my-4">
            <h2>Step 4</h2>
            <p>Click on <b>Turn on 2-Step Verification button.</b></p>
            <img src="{{ asset('steps/4.jpg') }}" class="img-fluid w-100" style="height: 400px; object-fit: contain;" alt="Step 4 Image">
        </section>
        <section class="my-4">
            <h2>Step 5</h2>
            <p>Click on <b>Done</b> button. </p>
            <p>2-Step Verification will be enabled</p>
            <img src="{{ asset('steps/5.jpg') }}" class="img-fluid w-100" style="height: 400px; object-fit: contain;" alt="Step 5 Image">
        </section>
        <section class="my-4">
            <h2>Step 6</h2>
            <p>Go to browser and type <b>Get app email password </b>or click on this image you will get the respected link.</p>
            <a href="https://www.google.com/search?q=Get+App+Email+password&rlz=1C1CHBF_enIN1139IN1139&oq=get+&gs_lcrp=EgZjaHJvbWUqBggAEEUYOzIGCAAQRRg7Mg8IARAuGEMYsQMYgAQYigUyBggCEEUYOTIMCAMQABhDGIAEGIoFMg0IBBAAGIMBGLEDGIAEMg0IBRAAGIMBGLEDGIAEMgoIBhAAGLEDGIAEMg0IBxAAGIMBGLEDGIAEMgcICBAAGIAEMgcICRAAGI8C0gEIMjU0NWowajeoAgCwAgA&sourceid=chrome&ie=UTF-8" target="_blank">
            <img src="{{ asset('steps/6.jpg') }}" class="img-fluid w-100" style="height: 400px; object-fit: contain;" alt="Step 5 Image">
        </a>
        </section>
        <section class="my-4">
            <h2>Step 7</h2>
            <p>After searching on browser scroll down and find out the link which is mentioned in image or or click on this image you will get the respected link.</p>
            <a href="https://accounts.google.com/v3/signin/challenge/pwd?TL=ADBLaQAgy01bBdsshR9NHZT9JbtLNfdlWhiQR0Ye4qFhVNr3yvXB69BthqgiTROc&cid=2&continue=https%3A%2F%2Fmyaccount.google.com%2Fapppasswords&flowName=GlifWebSignIn&followup=https%3A%2F%2Fmyaccount.google.com%2Fapppasswords&ifkv=AXH0vVtb1XcUoph2AKMMCX5ELbFkpElKC7v-HIOLoiRUWQa2TzUIsGiiKMIr-Te-bwPUAP0-2WpPAw&osid=1&rart=ANgoxcfE52Zp-zJcyOddyAMERfmIBGR2DVpqT-cjdEuxo-DfiA6IlAkjq3aaQI2VjVCR1n3Rb0Cufnv9lHn-OL1hUm934etz1o8AGSWtrXJyCTN7ZI8DO_w&rpbg=1&service=accountsettings" target="_blank">
            <img src="{{ asset('steps/7.jpg') }}" class="img-fluid w-100" style="height: 400px; object-fit: contain;" alt="Step 5 Image">
        </a>
        </section>
        <section class="my-4">
            <h2>Step 8</h2>
            <p>Enter your Email Id and click on next button.</p>
            <img src="{{ asset('steps/8.jpg') }}" class="img-fluid w-100" style="height: 400px; object-fit: contain;" alt="Step 5 Image">
        </section>
        <section class="my-4">
            <h2>Step 9</h2>
            <p>Enter your email password and click on next button.</p>
            <img src="{{ asset('steps/9.jpg') }}" class="img-fluid w-100" style="height: 400px; object-fit: contain;" alt="Step 5 Image">
        </section>
        <section class="my-4">
            <h2>Step 10</h2>
            <p>Enter your App name and click on create button.</p>
            <img src="{{ asset('steps/10.jpg') }}" class="img-fluid w-100" style="height: 400px; object-fit: contain;" alt="Step 5 Image">
        </section>
        <section class="my-4">
            <h2>Step 11</h2>
            <p>Copy the app password and save it in your device.</p>
            <p>Click on <b>Done button.</b></p>
            <img src="{{ asset('steps/11.jpg') }}" class="img-fluid w-100" style="height: 400px; object-fit: contain;" alt="Step 5 Image">
        </section>
        <p>You have done with the 2-Step Verification and app password.</p>
        <p>Thank you for following these steps!</p>
        <section class="my-4">
            <a href="{{ route('register') }}" class="btn btn-primary">Back</a>
        </section>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

