Untitled

mail@pastecode.io avatar
unknown
html
a year ago
5.5 kB
5
Indexable
<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

    <title>Referee Form</title>
</head>
<body>
    <main class="container">
        <div class="bg-light py-1 mt-2 text-center">
            <h1>Referee Form</h1>
        </div>
        &nbsp;
        <h2>Referee Details</h2>
        <div class="row">
            <div class="col-12">
                <form method="get" action="RefereeForm.html">
                    <div class="row">
                        <div class="col-6 mb-3">
                            <label for="givenName">Given Name:</label>
                            <input type="text" class="form-control" id="givenName" name="givenName" placeholder="given names" required>
                        </div>
                        <div class="col-6 mb-3">
                            <label for="familyName">Family Name:</label>
                            <input type="text" class="form-control" id="familyName" name="familyName" placeholder="family names" required>
                        </div>
                    </div>

                    <div class="mb-3 col-6">
                        <label for="classification">Classification/Title:</label>
                        <input type="text" class="form-control" id="classification" name="classification" placeholder="Classifications/Titles" required>
                    </div>

                    <div class="mb-3">
                        <label for="phoneNo">Phone No:</label>
                        <input type="tel" class="form-control" id="phoneNo" name="phoneNo" placeholder="phone numbers" required>
                    </div>

                    <div class="mb-3">
                        <label for="department">Department/Company:</label>
                        <input type="text" class="form-control" id="department" name="department" placeholder=department/company required>
                    </div>

                    <div class="form-group mt-4">
                        <label>Describe your relationship to the applicant?</label><br>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="checkbox" id="supervisor" name="relationship" value="Supervisor">
                            <label class="form-check-label" for="supervisor">Supervisor</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="checkbox" id="current" name="relationship" value="Current">
                            <label class="form-check-label" for="current">Current</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="checkbox" id="previous" name="relationship" value="Previous">
                            <label class="form-check-label" for="previous">Previous</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="checkbox" id="other" name="relationship" value="Other">
                            <label class="form-check-label" for="other">Other (please specify)</label>
                        </div>
                        <input type="text" class="form-control mt-2" id="otherDescription" name="otherDescription" placeholder="Please specify the other relationship">
                    </div>
                    &nbsp;
                    <div class="mb-3">
                        <label for="classification">Please Confirm the position held by the applicant and the duties required.</label>
                    </div>

                    <div class="input-group">
                        <textarea class="form-control" aria-label="With textarea" placeholder="(e.g yapping yapping yapping blah blah blah)"></textarea>
                    </div>

                    <title>Referee Form</title>

                    <button type="submit" class="btn btn-success mt-2">Submit</button>
                    <button type="reset" class="btn btn-warning mt-2">Clear</button>
                </form>
            </div>
        </div>
    </main>

    <!-- Optional JavaScript; choose one of the two! -->
    <!-- Option 1: Bootstrap Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

    <!-- Option 2: Separate Popper and Bootstrap JS -->
    <!--
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
    -->
</body>
</html>