Untitled

mail@pastecode.io avatar
unknown
html
a year ago
13 kB
5
Indexable
Never
<!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>
                            <div class="row">
                                <div class="col-12">
                                    <input type="text" class="form-control" id="givenName" name="givenName" placeholder="given names" required>
                                </div>
                            </div>
                        </div>
                        <div class="col-6 mb-3">
                            <label for="familyName">Family Name:</label>
                            <div class="row">
                                <div class="col-12">
                                    <input type="text" class="form-control" id="familyName" name="familyName" placeholder="family names" required>
                                </div>
                            </div>
                        </div>
                    </div>

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

                    <div class="row">
                        <div class="col-6 mb-3">
                            <label for="phoneNo">Phone No:</label>
                            <input type="tel" class="form-control" id="phoneNo" name="phoneNo" placeholder="phone numbers" required>
                        </div>
                    </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><strong>Describe your relationship to the applicant?</strong></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"><strong>Please Confirm the position held by the applicant and the duties required.</strong></label>
                    </div>

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

                    <div class="mb-3 bg-light p-4 rounded">
                        <p>
                            <strong>Employer assessment against selection criteria. Please note: if a question cannot be answered, please insert "A response to this question cannot be provided because (include reason)." </strong>
                        </p>
                    </div>

                    <div class="mb-3">
                        <h4>Criterion 1: Communication Skills</h4>
                        <ul>
                            <li>Describe the applicant's ability to express oneself clearly and logically.</li>
                            <li>Does the applicant demonstrate the ability to negotiate effectively?</li>
                            <li>How would you describe the applicant's ability to adapt to the audience?</li>
                            <li>How would you describe the applicant's listening skills?</li>
                            <li>How would you describe the applicant's communication style?</li>
                        </ul>
                    </div>

                    <div>
                        <label class="form-label">Rating:</label>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="rating" id="rating5" value="5">
                            <label class="form-check-label" for="rating5">5</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="rating" id="rating4" value="4">
                            <label class="form-check-label" for="rating4">4</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="rating" id="rating3" value="3">
                            <label class="form-check-label" for="rating3">3</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="rating" id="rating2" value="2">
                            <label class="form-check-label" for="rating2">2</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="rating" id="rating1" value="1">
                            <label class="form-check-label" for="rating1">1</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="rating" id="notRanked" value="Not Ranked">
                            <label class="form-check-label" for="notRanked">Not Ranked</label>
                        </div>
                    </div>

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

                    <div class="mb-3">
                        <h4>Criterion 2: Supports Productive Working Relationships</h4>
                        <ul>
                            <li>Does the applicant understanding own role within team</li>
                            <li>Does the applicant demonstrate the ability to share and recieve feedback</li>
                            <li>Does the applicant show commitment to team objectives? If so, How?</li>
                            <li>Does the applicant take the time to develop positive working relationships with other team members?</li>
                        </ul>
                    </div>

                    <div>
                        <label class="form-label">Rating:</label>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="rating" id="rating5" value="5">
                            <label class="form-check-label" for="rating5">5</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="rating" id="rating4" value="4">
                            <label class="form-check-label" for="rating4">4</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="rating" id="rating3" value="3">
                            <label class="form-check-label" for="rating3">3</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="rating" id="rating2" value="2">
                            <label class="form-check-label" for="rating2">2</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="rating" id="rating1" value="1">
                            <label class="form-check-label" for="rating1">1</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="rating" id="notRanked" value="Not Ranked">
                            <label class="form-check-label" for="notRanked">Not Ranked</label>
                        </div>
                    </div>

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

                    <div class="mb-3">
                        <class>
                            Describe the applicant's learning ability (e.g. flexibility, adaptability, learning new procedures, adapting to change).
                        </class>
                    </div>

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

                    <div class="mb-3">
                        <class>
                            Is the applicant a good ambassador for your oganisation? Would you feel confident allowing them to represent your organisation?
                        </class>
                    </div>

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

                    <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>