<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="description" content="Local form for students to get reinbured in a intelligent way">
<title>Reinbursement Form</title>
<link rel="stylesheet" href="subfolder1/subfolder2/style.css">
</head>
<body>
<nav>
<h1>Reinbursement Form</h1>
</nav>
<div class="MainContent">
<aside></aside>
<article>
<p>
This standardizes all of our reciepts that we recieve and logs them away so that we can easily get the money you spent on the club back to you.
</p>
<p>Please put the amount on the reciept we will split the bill on food for you no need to go through mental gymnatics</p>
<div>
<h4>Name (Last name if there is someone who shares your name)</h4>
<input type="text" placeholder="Scott Webber">
</div>
<div>
<h4>Final Total on reciept $(CAD) </h4>
<input type="number" placeholder="200 (no $ sign needed)">
</div>
<div>
<h4>Reason (optional)</h4>
<input type="text" placeholder="What is it for? (optional)">
</div>
<div>
<h4>Picture or PDF of reciept</h4>
<input id="fileInput" type="file">
</div>
<div id="buttonDiv">
<button id="submitButton" type="button" onclick="buttonClick()">Submit</button>
</div>
</article>
<aside id="rightSide"></aside>
</div>
<footer>
<p>© Schulich Off-Road (BAJA)</p>
</footer>
<script src="subfolder1/subfolder2/JSconertToStandardForm.js"></script>
</body>
</html>