<!DOCTYPE html>
<html lang="en" dir="ltr" data-scompiler-id="0">

<head>
    <meta charSet="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="format-detection" content="telephone=no" />
    <title>Login</title>
    <?php
        include('headerLinks.php');
     ?>
    <style>
        .back-button {
          background-color: #4CAF50;
          border: none;
          color: white;
          padding: 10px 20px;
          text-align: center;
          text-decoration: none;
          display: inline-block;
          font-size: 16px;
          border-radius: 4px;
          cursor: pointer;
          transition: background-color 0.3s ease;
        }
      
        .back-button:hover {
          background-color: #45a049;
        }        
      </style>
</head>

<body>
    <div class="py-5">

    </div>

    <form action="login.php" method="POST">
    <div class="min-h-100 p-0 p-sm-6 d-flex align-items-stretch">
        <div class="card w-25x flex-grow-1 flex-sm-grow-0 m-sm-auto">
            <div class="card-body p-sm-5 m-sm-3 flex-grow-0">
                <h1 class="mb-0 fs-3">Sign In</h1>
                <div class="fs-exact-14 text-muted mt-2 pt-1 mb-5 pb-2"></div>
                <div class="mb-4"><label class="form-label">Email</label><input type="email" name="email"
                        class="form-control form-control-lg" required /></div>
                <div class="mb-4"><label class="form-label">Password</label><input type="password" name="password"
                        class="form-control form-control-lg" required /></div>                                       
                        <br>
                <button type="submit" class="btn btn-outline-info" style="width:100%; height: 45px;">Sign In</button>
                
            </div>

        </div>
    </div>
    
</form>
<div class="py-5">

    </div>

    <?php 
    include('footer.php');
        include('footerLinks.php');
    ?>  
</body>
</html>