apply html
unknown
html
a year ago
15 kB
2
Indexable
Never
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Nhu Gia Bao Nguyen">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<!-- link added for the social-icons used in our presentation -->
<link rel="stylesheet" href="./styles/style.css">
<link rel="icon" href="./images/rocket.png">
<!-- Link for web icon -->
<title>SpaceY Job Application Form</title>
</head>
<body class="apply">
<header>
<h1><a href="./index.html">SPACEY</a></h1>
<nav class="header-nav">
<ul>
<li><a class="non-active" href="./index.html#motos">Home
<span></span>
<span></span>
<span></span>
<span></span>
</a></li>
<li><a class="non-active" href="./about.html#abt">About
<span></span>
<span></span>
<span></span>
<span></span>
</a></li>
<li><a class="non-active" href="./jobs.html#jobsCareersSpacey">Jobs
<span></span>
<span></span>
<span></span>
<span></span>
</a></li>
<li><a class="active" href="./apply.html#app-form">Apply now!!
<span></span>
<span></span>
<span></span>
<span></span>
</a></li>
<li><a class="non-active" href="./about.html#contact">Contact Us
<span></span>
<span></span>
<span></span>
<span></span>
</a></li>
<li><a class="non-active" href="./enhancements.html#enc">Enhancements
<span></span>
<span></span>
<span></span>
<span></span>
</a></li>
</ul>
</nav>
</header>
<form id="app-form" method="post" action="http://mercury.swin.edu.au/it000000/formtest.php" class="apply">
<h1 class="apply_title">Job Application</h1>
<fieldset class="personal-info">
<legend>Personal information</legend>
<p>
<label class="required" for="firstname">First Name:</label>
<input class="texts" type="text" name="firstname" id="firstname" maxlength="20" size="20" placeholder="maximum 20 alpha characters" pattern="[a-zA-Z]+" required>
<label class="required" for="lastname">Last Name:</label>
<input class="texts" type="text" name="lastname" id="lastname" maxlength="20" size="20" placeholder="maximum 20 alpha characters" pattern="[a-zA-Z]+" required>
</p>
<p>
<label class="required" for="dob">Date of birth:</label>
<input class="texts" type="date" name="dob" id="dob" required>
</p>
<p class="required">Gender:</p>
<p>
<label for="male">Male</label>
<input type="radio" name="gender" id="male" value="male" required>
<label for="female">Female</label>
<input type="radio" name="gender" value="female" id="female">
</p>
<p>
<label class="required" for="email">Email:</label>
<input class="texts" type="email" name="email" id="email" placeholder="abcxyz@gmail.com" required>
</p>
<p>
<label class="required" for="phone">Phone number:</label>
<input class="texts" type="text" name="phone" id="phone" minlength="8" maxlength="12" placeholder="only 8-12 digits" pattern="[0-9\s]+" required>
</p>
</fieldset>
<fieldset class="address-info">
<legend>Housing information</legend>
<p>
<label class="required" for="address">Street Address:</label>
<input class="texts" type="text" name="address" id="address" maxlength="40" placeholder="maximum 40 characters" required>
<label class="required" for="suburb">Suburb/Town</label>
<input class="texts" type="text" name="suburb" id="suburb" maxlength="40" placeholder="maximum 40 characters" required>
</p>
<p>
<label class="required" 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 class="required" for="postcode">Postcode:</label>
<input class="texts" type="tel" name="postcode" id="postcode" maxlength="4" placeholder="Only put 4 digits" required pattern="[0-9\s]{4}">
</p>
</fieldset>
<fieldset class="job-info">
<legend>Position information</legend>
<p>
<label class="required" for="jobnumber">Job reference number:</label>
<input class="texts" type="text" name="jobnumber" id="jobnumber" maxlength="5" placeholder="Only put 5 characters" required pattern="[a-zA-Z0-9\s]{5}">
</p>
<hr>
<p class="required">Skills List:</p>
<p class="skills">
<label for="decisive">Judgement and decision making</label>
<input type="checkbox" id="decisive" name="skill_decisive" checked>
</p>
<p class="skills">
<label for="crthink">Critical Thinking</label>
<input type="checkbox" id="crthink" name="skill_crthink">
</p>
<p class="skills">
<label for="time">Time management</label>
<input type="checkbox" id="time" name="skill_time">
</p>
<p class="skills">
<label for="tech">Monitoring performance</label>
<input type="checkbox" id="tech" name="skill_tech">
</p>
<p class="skills">
<label for="prob">Complex problem solving</label>
<input type="checkbox" id="prob" name="skill_prob">
</p>
<p>
<label for="others"> Other Skills:</label><br>
<textarea id="others" name="skill_others" rows="4" cols="50" placeholder="Please write other skills that you good at in here..."></textarea>
</p>
</fieldset>
<fieldset class="file-submit">
<legend>Submit your file</legend>
<div id="apply">
<label class="required" for="resume">Resume:</label>
<input name="resume" id="resume" type="file" class="upload-box" required>
</div>
</fieldset>
<hr>
<div class="tacbox">
<h2 class="rules-title">Code of Conduct </h2>
</div>
<ul class="rules">
<li>
<input type="checkbox" id="first">
<label class="header" for="first" id="one">1. Attendance policy</label>
<div class="content">
<p> We require employees to follow their assigned work schedules based on their work status
as determined by a contract of employment or based on decisions made by supervising staff members.
<br><br>Employees should arrive at work at the correct time and maintain a consistent work schedule.
Employees must communicate when they will not be at work due to illness or emergency situations.
<br><br>Communication is key to maintaining an honest work environment where employees notify
leadership of their situation when they cannot report to work. </p>
</div>
</li>
<li>
<input type="checkbox" id="second">
<label class="header" for="second" id="two">2. Employee dress code</label>
<div class="content">
<p> While our office environment maintains a professional but casual atmosphere,
we expect employees to take care in presenting a neat and clean appearance while at work.
<br><br>Appropriate professional attire includes tops, sweaters, jackets, slacks, skirts,
dresses and jeans free from rips, holes and inappropriate messaging and improper coverage of the body.
<br><br>Jewellery and accessories should allow employees to complete their normal activities without distracting or
hindering themselves or others. Business casual or business formal dress may be necessary for some occasions. </p>
</div>
</li>
<li>
<input type="checkbox" id="third">
<label class="header" for="third" id="three">3. Technology use</label>
<div class="content">
<p> Our company provides computer hardware and software for all employees.
<br>While using this equipment to perform daily job duties, it is the employee's responsibility to take due care and
caution to maintain the technological tools assigned and to use these tools in a manner appropriate for work.
<br><br>This includes portable devices like laptop computers that employees may transport in and out of the office.
<br><br>
Regarding personal technology, employees may use personal devices for the duration of breaks and mealtimes.
During work hours, employees may use personal mobile phones with discretion for short amounts of time.
<br><br>Employees may post on social media during break periods while at work.
If posting about the company or work-related situations, employees should use respectful language and indicate that
their opinions do not represent the company. </p>
</div>
</li>
<li>
<input type="checkbox" id="fourth">
<label class="header" for="fourth" id="four">4. Conflict of interest</label>
<div class="content">
<p> Although we encourage employees to explore talents and business opportunities beyond their role within our company,
certain practices could result in a conflict of interest between confidential business practices and or
competing efforts between the employer and employee.
<br><br>This includes personal actions that can affect the company in a negative way such as loss of revenue,
customers or company ideas.
<br>
Conflicts of interest also occur when outside opportunities influence the way an employee performs their job
responsibilities.
<br><br>If you are unsure whether a personal venture would constitute a conflict of interest,
schedule a time to discuss the situation with your supervisor and explain the situation. </p>
</div>
</li>
<li>
<input type="checkbox" id="fith">
<label class="header" for="fith" id="five">5. Leave policy</label>
<div class="content">
<p> We provide each employee with fifteen days of paid leave. This includes sick and holiday time.
To activate paid leave, please notify your supervisor.
Sick leave can be requested immediately once symptoms prevent you from working.
<br><br>After three consecutive days of sick leave, employees must provide documentation from a medical professional
to continue receiving paid sick leave.
For extended time off for holidays, employees should fill out a request form to be approved by their supervisor.
<br><br>
We also offer paid leave for maternity, paternity, bereavement, fostering and adoption. </p>
</div>
</li>
<li>
<input type="checkbox" id="sixth">
<label class="header" for="sixth" id="six">6. Break and mealtime policies</label>
<div class="content">
<p> Employees working for eight hours a day receive a 30-minute paid meal break and two 15-minute breaks
that can be taken in intervals throughout the day.
<br><br>Employees have the option to extend their meal break to an additional unpaid 30 minutes after clocking out.
You may stay on the property to eat during mealtimes or leave to purchase food.
<br><br>However, any travel time to a restaurant is counted as part of your mealtime.
If you are in a situation where coverage is needed for certain job responsibilities to customers or other employees,
please communicate with fellow staff members to coordinate and vary mealtimes. </p>
</div>
</li>
<li>
<input type="checkbox" id="seventh">
<label class="header" for="seventh" id="seven">7. Confidentiality</label>
<div class="content">
<p> Because our organisation stores, analyses and processes sensitive information regarding our customers,
it is our responsibility to maintain the privacy of our clients.
<br><br>
All employees are expected to maintain the confidentiality of our records and business practices to ensure
the safety of all parties involved.
Confidential records should be accessed and shared solely for work purposes with the appropriate recipients. </p>
</div>
</li>
<li>
<input type="checkbox" id="eighth">
<label class="header" for="eighth" id="eight">8. Public holidays</label>
<div class="content">
<p> Throughout the year, we provide paid leave for nationally observed public holidays.
Human resources will provide a yearly guide defining the days that we observe as public holidays,
with reminders throughout the year as we approach a scheduled day off.
<br><br>On these days, the office will be closed and normal company operations will be suspended
until employees return to work on the next regularly scheduled workday.
If employees choose to complete work on a public holiday, it is voluntary and not required or expected. </p>
</div>
</li>
</ul>
<!-- Code of Conduct reference: https://au.indeed.com/career-advice/career-development/code-of-conduct-examples -->
<div class="agree">
<input id="checkbox" type="checkbox" name="agree" required>
<label class="required" for="checkbox">I agree with the SpaceY's Code of Conduct</label>
</div>
<button class="submit">Apply</button>
<button type="reset" class="redo">Reset form</button>
</form>
<hr class="foot">
<footer>
<div class="footer-container">
<div class="social-icons">
<a href="https://www.facebook.com/swinburneuniversityoftechnology/" class="fab fa-facebook" target="_blank"><h3>.</h3></a>
<a href="https://twitter.com/Swinburne" class="fab fa-twitter" target="_blank"><h3>.</h3></a>
<a href="https://au.linkedin.com/school/swinburne-university-of-technology/" class="fab fa-linkedin" target="_blank"><h3>.</h3></a>
<a href="https://www.instagram.com/swinburne/" class="fab fa-instagram" target="_blank"><h3>.</h3></a>
<a href="https://www.youtube.com/user/swinburne" class="fab fa-youtube" target="_blank"><h3>.</h3></a>
</div>
<div class="footer-nav">
<ul>
<li><a class="active" href="./index.html#motos">Home
<span></span>
<span></span>
<span></span>
<span></span>
</a></li>
<li><a href="./about.html#abt">About
<span></span>
<span></span>
<span></span>
<span></span>
</a></li>
<li><a href="./jobs.html#jobsCareersSpacey">Jobs
<span></span>
<span></span>
<span></span>
<span></span>
</a></li>
<li><a href="./apply.html#app-form">Apply now!!
<span></span>
<span></span>
<span></span>
<span></span>
</a></li>
<li><a href="./about.html#contact">Contact Us
<span></span>
<span></span>
<span></span>
<span></span>
</a></li>
<li><a href="./enhancements.html#enc">Enhancements
<span></span>
<span></span>
<span></span>
<span></span>
</a></li>
</ul>
</div>
</div>
<div class="footer-bot">
<p>Copyright ©2023; Designed by <span class="design-name">SpaceY's team</span></p>
</div>
</footer>
</body>
</html>