Untitled
unknown
html
2 years ago
13 kB
13
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>
<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>
<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>
Editor is loading...