<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>New Page</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
</head>
<body>

<div class="container">
    <h1 class="text-secondary p-3">New Article</h1>
    <form action="/teacher" method="post">
        <div class="mb-3">
          <p for="exampleInputtitle" class="form-label">Email</p>
          <input required type="email" name="email" class="form-control" id="exampleInputtitle" >
          
        </div>
        <div class="mb-3">
            <p for="exampleInputtitle" class="form-label">Name</p>
          <input required type="text" name="name" class="form-control" id="exampleInputtitle" >
          </div>
          <div class="mb-3">
            <p for="exampleInputatt" class="form-label">Attendence Out Of 30</p>
          <input required type="number" name="attendence" class="form-control" id="exampleInputatt" >
          </div>
        <a href="/" class="btn btn-dark">Cancel</a>
        <button type="submit" class="btn btn-primary">Submit</button>
      </form>

    </div>

    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
</body>
</html>