You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
110 lines
2.7 KiB
HTML
110 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>HTML Table and Forms</title>
|
|
</head>
|
|
<body>
|
|
|
|
<header>
|
|
|
|
<h1>Zuitt IT Solutions</h1>
|
|
|
|
</header>
|
|
|
|
<section>
|
|
|
|
<h2>
|
|
Products Offered
|
|
</h2>
|
|
<table border="1">
|
|
<thead>
|
|
<tr>
|
|
<th>Package</th>
|
|
<th>Price</th>
|
|
<th>Description</th>
|
|
</thead>
|
|
</tr>
|
|
|
|
<tbody>
|
|
<tr>
|
|
<td>Basic</td>
|
|
<td>₱ 500.00</td>
|
|
<td>Package includes a fully functional website with deired
|
|
specifications. </td>
|
|
</tr>
|
|
<td>Premium</td>
|
|
<td>₱ 100.00</td>
|
|
<td>Enjoy all the benifits of the basic package and also includes
|
|
site support and maintainance.</td>
|
|
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<th colspan="3">Additional features after initial project
|
|
is inclusive chargers
|
|
</th>
|
|
</tr>
|
|
</tfoot>
|
|
|
|
</table>
|
|
|
|
</section>
|
|
|
|
<section>
|
|
|
|
<h2>CONTACT FORM</h2>
|
|
|
|
<form action="https://google.com">
|
|
<label for="firstName">First Name:<br>
|
|
<input type="text" name="firstName" id="firstName" required autocomplete /><br>
|
|
|
|
<label for="lastName">last Name:<br>
|
|
<input type="text" name="lastName" id="lastName" required autocomplete /><br>
|
|
|
|
<label for="email">Email:<br>
|
|
<input type="email" name="email" id="email" required autocomplete /><br>
|
|
|
|
<label for="contactNum">Contact Number:<br>
|
|
<input type="number" name="contactNum" id="contactNum" required autocomplete /><br>
|
|
|
|
|
|
<label for="serviceType">Service Type:</label><br>
|
|
<select name="serviceType "id="serviceType">
|
|
<option value="Front End Programming">Front End Programming</option>
|
|
<option value="BAck End Programming">Back End Programming</option>
|
|
<option value="Full Stack Programming">Full Stack Programming</option>
|
|
</select><br>
|
|
|
|
<label>Prefered Contact:</label><br>
|
|
|
|
<input type="checkbox" name="check1" id="check1" value="email" />
|
|
<label for="check1">email</label><br>
|
|
|
|
<input type="checkbox" name="check2" id="check2" value="phone" />
|
|
<label for="check2">Phone</label><br>
|
|
|
|
<label>Package:</label><br>
|
|
|
|
<input type="radio" name="num1" id="check_package" value="now" />
|
|
<label for="check_package">Basic</label><br>
|
|
|
|
<input type="radio" name="num1" id="check_package2" value="end" />
|
|
<label for="check_package2">Premium</label><br>
|
|
|
|
<label>Message</label><br>
|
|
|
|
<textarea name="notes" id="notes" rows="5"></textarea> <br>
|
|
|
|
<button type="submit">Send Inquiry</button><br>
|
|
<button type="reset">Reset</button>
|
|
|
|
|
|
</form>
|
|
</section>
|
|
|
|
|
|
|
|
</body>
|
|
</html> |