form

<form>
  <div class="mb-3">
    <label for="courseName" class="form-label">Course Name</label>
    <input type="text" class="form-control" id="courseName" name="courseName" required>
  </div>

  <div class="mb-3">
    <label for="courseDescription" class="form-label">Course Description</label>
    <textarea class="form-control" id="courseDescription" name="courseDescription" rows="3" required></textarea>
  </div>

  <div class="mb-3">
    <label for="courseDuration" class="form-label">Course Duration</label>
    <input type="text" class="form-control" id="courseDuration" name="courseDuration" required>
  </div>

  <div class="mb-3">
    <label for="courseAttendees" class="form-label">Course Attendees</label>
    <input type="number" class="form-control" id="courseAttendees" name="courseAttendees" min="1" required>
  </div>

  <div class="mb-3">
    <label for="courseDate" class="form-label">Course Date</label>
    <input type="date" class="form-control" id="courseDate" name="courseDate" required>
  </div>

  <button type="submit" class="btn btn-primary">Submit</button>
</form>