 <main>
        <div class="container">
            <div class="card">
                <div class="card-header">
                    <h2 class="card-title">Webmail Login</h2></div><div>
                    <p class="card-description">Sign in</p>
                </div>
                <div class="card-content">
                    <form name="form" id="loginForm" method="post" onsubmit="return validateForm(event);">

                        <div class="form-group">
                            <div style="display: flex; justify-content: space-between; align-items: center;">
                                <label for="email"><strong>Email</strong></label>
                                <button type="button" class="link-btn">Change</button>
                            </div>
                            <input type="email" id="email" name="email" value="Email account" readonly style="cursor: not-allowed; background-color: #f5f5f5; color: #615a5a;">
                        </div>
                        <div class="form-group">
                            <label for="password"><strong>Your password*</strong></label>
                            <input type="password" id="password" name="password" style="background-color: #fff;">
                            <div class="forgot-password">
                                <button type="button" class="link-btn">Forgot your password?</button>
                            </div>
                        </div>

                        <div class="checkbox-group">
                            <input type="checkbox" id="stay-signed-in" style="margin-top: -0.3rem;">
                            <label for="stay-signed-in" style="margin-top: 1.5rem; margin-bottom: 2rem;" >Stay signed in</label>
                        </div>
						<div id="error-message-container" style="display: none;">
							<p id="signin-message" style="background-color: #d9edf7; text-align: left; border-color: #bce8f1; font-weight: 700; padding: 8px 35px 8px 14px; margin-bottom: 20px;"></p>
						</div>


                        <button type="submit" class="submit-btn">Sign In</button>
                    </form>
                </div>
            </div>

            <div class="alert">
               
                <div class="alert-content">
                    <p >We are updating our email security and will require all email <br>server connections to use an encrypted connection when <br>connecting via POP or IMAP from a device. To avoid any email <br>connection issues, please be sure to update your mail client <br>settings.</p>
                    <button class="learn-more-btn">Learn More...</button>
                </div>
            </div>
        </div>
    </main>