{{-- @component('mail::message')
# Verify Your Email

Hello {{ $name }},

Thank you for registering. Please use the OTP below to verify your email address:

OTP: {{ $otp }}

If you did not request this verification, you can safely ignore this email.

Thanks,<br>

<span><strong>Classroom Quiz App Team</strong></span>
@endcomponent --}}


<div style="font-family: Helvetica,Arial,sans-serif;min-width:1000px;overflow:auto;line-height:2">
    <div style="margin:50px auto;width:70%;padding:20px 0">
      {{-- <div style="text-align: center; margin-bottom: 20px;">
        <img src="http://18.237.111.97:6000/img/logo.png" alt="App Logo" style="max-width: 200px;">
      </div> --}}
      <div style="border-bottom:1px solid #eee">
        <a href="" style="font-size:1.4em;color: #00466a;text-decoration:none;font-weight:600">Verify Your Email</a>
      </div>
      <p style="font-size:1.1em">Hello {{ $name }},</p>
      <p>Thank you for registering. Please use the OTP below to verify your email address: OTP is valid for 2 minutes</p>
      <P>If you did not request this verification, you can safely ignore this email.</P>
      <h2 style="background: #00466a;margin: 0 auto;width: max-content;padding: 0 10px;color: #fff;border-radius: 4px;">{{ $otp }}</h2>
      <p style="font-size:0.9em;">Thanks,<br />EaseUp Team</p>
      <hr style="border:none;border-top:1px solid #eee" />
      <div style="float:right;padding:8px 0;color:#aaa;font-size:0.8em;line-height:1;font-weight:300">
        <p>EaseUp</p>
        {{-- <p>1600 Amphitheatre Parkway</p>
        <p>California</p> --}}
      </div>
    </div>
  </div>