<!-- Project built for Project Administrator position. This is a form/app idea for technicians to use in the field for setting ETAs, checking into site, sending updates onsite, checking out of site, ordering parts, or sending in closing notes. 

<!DOCTYPE html>
	<link href="https://fonts.googleapis.com/css?family=Roboto|Merriweather" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="tech.css">
<h3>Technician Form</h3>
<div class="form">
	<form action="\action_page.php" target="_self" method="POST">
	<input type="text" name="name" required></div><br>
	<input type="text" name="incident" required></div><br>

		<label>Update Type:</label>
		<select name="update" required>
			<option value="ETA">Setting ETA</option>
			<option value="Check-in">Check-in</option>
			<option value="Check-out">Check-out</option>
			<option value="Part Update">Part Update</option>
			<option value="Closing">Closing</option>

		<label>For ETA:</label>
		<input type="datetime-local" name="etatime">

		<label>For Parts:</label><br>
		<textarea name="message" rows="10" cols="30"></textarea>

    <label id="checkio"><b>For Check In/Out:</b></label>
		<div>Check In:
		<input type="time" name="in"></div>
		<div>Check Out:
		<input type="time" name="out"></div>
		<div>Update: <br>
		<textarea name="message" rows="10" cols="30"></textarea></div>

	<input type="submit" name="submit">

body {
  max-width: 500px;
  margin: auto;

.form {
	font-family: Roboto;
	margin-right: 1px;

#checkio {
	text-transform: uppercase;

h3 {
  font-family: Merriweather;
  font-size: 2.0em;

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.