<!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>