<html lang="en">
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link href="/css/style.css" rel="stylesheet" />
	<script type="text/javascript" src="/js/jquery-3.6.0.min.js"></script>
	<script type="text/javascript" src="/js/main.js"></script>
	<title>Bob &amp; Mary Marry</title>
</head>
<body>
	<div id="header">
		<a href="/"><img class="header-img" src="/images/header-icon.png" /></a>
		<h1>Bob &amp; Mary Marry!</h1>
	</div>
	<div id="main-body">
		<p>Welcome to the celebration of the joining of Bob and Mary in Holy Matrimony</p>
		<p id="formErr"></p>
		
		
			<div>
	<p>For directions or date and time details, please input your name and zip code</p>
    <form name="validate" action="/validate" method="post" onsubmit="return validateForm()">
		<label for="first">First Name: </label>
		<input type="text" name="first" id="first" />
		<br />
		<label for="last">Last Name: </label>
		<input type="text" name="last" id="last" />
		<br />
		<label id="zip-label" for="zip">ZIP: </label>
		<input type="text" name="zip" id="zip" />
		<br />
		<input id="submit" type="submit" value="Submit" />
	</form>
</div>
		
	</div>
	
	
		<div id="footer">
	<ul>
		<li><a href="index.html">Home</a></li>
		<li><a href="contact.html">Contact</a></li>
	</ul>
</div>
	
</body>
</html>