58 lines
1.9 KiB
HTML
58 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head lang="en">
|
|
<title>Pet Showcase - Contact</title>
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<h1>Contact Page</h1>
|
|
<small>Contact the owner of the page with questions or concerns below</small>
|
|
|
|
<!-- Nav that matches one from homepage-->
|
|
<nav>
|
|
<ul>
|
|
<li>
|
|
<a href="index.html">Home</a>
|
|
</li>
|
|
<li>
|
|
<a href="contact.html">Contact</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
<strong>Contact requests will be answered within ∞ business days</strong>
|
|
|
|
<!-- Form with 5 inputs and 2 buttons (assuming textarea counts as input)-->
|
|
<form>
|
|
<fieldset>
|
|
<legend>Enter personal Information Below</legend>
|
|
<label for="firstName">First Name:</label><br>
|
|
<input type="text" name="firstName"><br>
|
|
<label for="lastName">Last Name:</label><br>
|
|
<input type="text" name="lastName"><br>
|
|
<label for="email">Email:</label><br>
|
|
<input type="email" name="email"><br>
|
|
<label for="phone">Phone:</label><br>
|
|
<input type="tel" name="phone"><br>
|
|
<label for="message">Message:</label><br>
|
|
<textarea name="message" rows="4" cols="50"></textarea><br>
|
|
<button type="submit">Submit</button>
|
|
<button type="reset">Reset</button>
|
|
</fieldset>
|
|
</form>
|
|
</main>
|
|
</body>
|
|
|
|
<!-- Footer to complete semantic elements, same as homepage-->
|
|
<footer>
|
|
<p><strong>© 2025</strong> | Created by <strong>Levi McLean</strong></p>
|
|
</footer>
|
|
|
|
</html> |