Apply.html (Ngoc Huy)
unknown
html
a year ago
9.8 kB
1
Indexable
<!--
Group Name : FIVE
Group Number : 5
Author : Pattarapol Tantechasa Student ID: 103883220
Author : Sam Anderson Student ID: 104465030
Author : Ngoc Huy Duong Student ID: 104471956
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="description" content="Apply Page"/>
<meta name="keywords" content="HTML, Form, tags"/>
<meta name="author" content="FIVE"/>
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="customUploadStyle.css">
<link rel="stylesheet" href="https://font.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Apply Form</title>
</head>
<body>
<!-- Navbar -->
<nav id="main-nav" class="container">
<h1 id="logo">Five-5</h1>
<ul>
<li><a href="/index.html" >Home</a></li>
<li><a href="/about.html" >About Us</a></li>
<li><a href="/jobs.html">Jobs Description</a></li>
<li><a href="/apply.html" class="active">Apply Now</a></li>
<li><a href="/enhancement.html">Our Website Enhancement</a></li>
</ul>
</nav>
<div class="container">
<h1>Job Application</h1>
<form method="post" action="http://mercury.swin.edu.au/it000000/formtest.php">
<fieldset>
<legend><strong> Personal information </strong></legend>
<p><label for="first name"><strong>First Name:</strong></label>
<input type="text" name="Firstname" id="firstname" maxlength="20" size="20" placeholder="max is 20 alpha characters" pattern="[A-Z\s]+" required>
</p>
<p>
<label for="last name">Last Name:</label>
<input type="text" name="Lastname" id="lastname" maxlength="20" size="20" placeholder="max is 20 alpha characters" pattern="[A-Z]]+" required>
</p>
<p>
<label for="dob">Date of birth:</label>
<input type="date" name="Dob" id="dob" required>
<p> Gender:
<label for="male">Male</label>
<input type="radio" name="Gender" value="Male" required>
<label for="female">Female</label>
<input type="radio" name="Gender" Value="Female" required>
</p>
</p>
<p>
<label for="email">Email:</label>
<input type="email" id="email" name="Email" placeholder="username@gmail.com" required>
</p>
<p> <label for="phone">Phone number:</label>
<input type="text" id="phone" maxlength="12" name="Phone" placeholder="only 8-12 digits" pattern=[0-9]+ required>
</p>
</fieldset>
<fieldset>
<legend><strong>Housing information</strong></legend>
<p>
<label for="address">Street Address:</label>
<input type="text" id="address" maxlength="40" name="Address" placeholder="max is 40 characters" required>
<label for="suburb">Suburb/Town</label>
<input type="text" id="suburb" maxlength="40" name="Suburb/Town" placeholder="max is 40 characters" required>
</p>
<p>
<label for="state">State:</label>
<select name="State" id="state" required>
<option value="">Please select</option>
<option value="vic">VIC</option>
<option value="nsw">NSW</option>
<option value="qld">QLD</option>
<option value="nt">NT</option>
<option value="wa">WA</option>
<option value="sa">SA</option>
<option value="tas">TAS</option>
<option value="act">ACT</option>
</select>
</p>
<p>
<label for="postcode">Postcode:</label>
<input type="tel" id="postcode" maxlength="4" name="Postcode" placeholder="Only put 4 digits" required pattern="[0-9\s]{4}">
</p>
</fieldset>
<fieldset>
<legend><strong>Position information</strong></legend>
<p>
<p> Are you currently undertaking study/training (yes/no):
<label for="yes">Yes</label>
<input type="radio" value="Yes" name="Study" required>
<label for="no">No</label>
<input type="radio" value="No" name="Study" required>
</p><hr>
</p>
<p>
<label for="jobnumber">Job reference number:</label>
<input type="text" id="jobnumber" maxlength="5" name="Job number" placeholder="Only put 5 characters" required pattern="[a-zA-Z0-9\s]+">
</p><hr>
<p> Which programming languague you have most experience with (required): </p>
<p>
<label for="python">Python</label>
<input type="checkbox" name="Programming Language[]" value="Python" id="python" >
<label for="java">Java</label>
<input type="checkbox" value="Java" name="Programming Language[]" id="java">
</p>
<p>
<label for="html">Html</label>
<input type="checkbox" id="html" name="Programming Language[]" value="Html">
<label for="c">C/C++</label>
<input type="checkbox" id="c" name="Programming Language[]" value="C/C+">
</p>
<p>
<label for="other">Other programming languague:</label>
<input type="text" id="other" size="20">
</p><hr>
<p>Skill List (required):</p>
<p>
<label for="maths">Math and numerical reasoning skills</label>
<input type="checkbox" id="maths" name="Skills[]" value="Math and numerical reasoning skills">
</p>
<p>
<label for="tech">Technology knowledge and skills</label>
<input type="checkbox" id="tech" name="Skills[]" value="Technology knowledge and skills">
</p>
<p>
<label for="prob">Analyse and trace problems</label>
<input type="checkbox" id="prob" name="Skills[]" value="Analyse and trace problems">
</p>
<p>
<label for="detail">Meticulous attention to details</label>
<input type="checkbox" id="detail" name="Skills[]" value="Meticulous attention to details">
</p>
<p>
<label for="organise">Organise and classify large amounts of information</label>
<input type="checkbox" id="organise" name="Skills[]" value="Organise and classify large amounts of information">
</p>
<p>
<label for="others"> Other Skills:</label><br>
<textarea id="others" name="Skills[]" rows="4" cols="50" placeholder="Please write other skills that you good at in here..."></textarea>
</p>
</fieldset>
<fieldset>
<legend><strong>Submit your resume</strong></legend>
<div>
<input type="file" class="upload-box" required>
</div>
</fieldset>
<hr>
<div class="tacbox">
<input id="check" type="checkbox" required/>
<label for="check"><strong>Please tick the box after read the terms and conditions below</strong></label>
</div>
<ul class="accordion">
<li>
<input type="radio" name="accordion" id="first">
<label for="first" id="one">1.Before starting work</label>
<div class="content">
<p>After you accept an offer of employment, your employer should ask you to complete a Tax File Number Declaration and provide some personal/contact details for your employment records.</p>
</div>
</li>
<li>
<input type="radio" name="accordion" id="second">
<label for="second" id="two">2.Salary and benefits</label>
<div class="content">
<p>There will be a private online meeting (arranged by the company and will be announced later) to discuss salary. Every holiday or corporate event, every employee gets a small reward.</p>
</div>
</li>
<li>
<input type="radio" name="accordion" id="three">
<label for="three" id="three">3.Paid public holidays</label>
<div class="content">
<p>Employees get a paid day off on gazetted public holidays if the holiday falls on a day they would normally go to work. Employees don’t have to work on a public holiday. Employees can ask their manager to work on a public holiday, if the request is reasonable.</p>
</div>
</li>
<li>
<input type="radio" name="accordion" id="four">
<label for="four" id="four">4.Work schedule</label>
<div class="content">
<p>This will also be discussed online and will depend on whether the work is remote, internship or full-time. But usually in interviews, we will always prioritize working full time. If you want to take a day off, you must report it to your manager and, of course, have a good reason.</p>
</div>
</li>
<li>
<input type="radio" name="accordion" id="five">
<label for="five" id="five">5.Notice of termination and redundancy pay</label>
<div class="content">
<p>To terminate an employee's employment, a manager must notify them. There is a minimum amount of notice period depending on how long the employee has worked in their job. There are minimum amounts of notice periods depending on how long an employee has worked in their job.</p>
</div>
</li>
<li>
<input type="radio" name="accordion" id="six">
<label for="six" id="six">6.Code of conduct and behavior</label>
<div class="content">
<p>At this company, there will be a specific uniform policy on weekdays, it is not necessary to wear a uniform, but it is also not allowed to dress inappropriately, making the company's image bad. In addition, at company events, employees are required to wear uniforms such as vests. In addition, the attitude of employees is something that the company expects, for example, when working in groups, no one should be left behind, but should help each other or meet people with higher positions should show respect.</p>
</div>
</li>
</ul>
<button class="submit">Apply</button>
<button type="reset" class="redo">Reset form</button>
</form>
</div>
<!-- Footer -->
<footer>
<div class="container">
<p>Copyright © 2023 Five-5. All rights reserved</p>
<p>Australia</p>
</div>
</footer>
</body>
</html>