Order_Form_HTML

 <!Doctype html>
<html>
<head>
<title>Ticket Order Form</title>
<link rel="stylesheet" href="CSS.css">
<link rel="icon" img="image/png" href="Images/Sundown-Logo-Favicon.png" >
</head>
<body>
<ul class="topnav" id="TopNavigation">
    <li><a href="Index.html">Home</a></li>
    <li><a href="Artists.html">Artists</a></li>
    <li><a href="Map-of-Festival.html">Map of Festival</a></li>
    <li><a href="Merchandise.html">Merchandise</a></li>
    <li><a href="Order-Form.html">Order Page</a></li>
    <li class="icon">
        <a href="javascript:void(0);" onclick="myFunction()">&#9776;</a>
    </li>
</ul>
<script>
function myFunction() {
    var x = document.getElementById("myTopnav");
    if (x.className === "topnav") {
        x.className += " responsive";
    } else {
        x.className = "topnav";
    }
}


function popupFunction() {
    alert("You're ticket order has been sent.")
}


var myVar = setInterval(myTimer, 1000);

function myTimer() {
    var d = new Date();
    document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
</script>

</body>
</html>


</script>


<h1>Ticket Order Form</h1>
<p>We have three different tickets available for Sundown Festival, these include:<br>Saturday Ticket - £49.99;<br>Sunday Ticket - £59.99<br>and<br>Weekend Ticket - £99.99</p>

<form action="mailto:Sundown.order@gmail.com" onsubmit="return validateForm()" method="post" align="middle" enctype="text/plain">
    First name:<br>

    <input type="text" name="firstname" required>
    <br>
    Last name:<br>
    <input type="text" name="lastname" required>
    <br>
    House name/number:<br>
    <input type="text" name="housename" required>
    <br>
    Street name:<br>
    <input type="text" name="streetname"required>
    <br>
    Town/City name:<br>
    <input type="text" name="townname" required>
    <br>
    County name:<br>
    <input type="text" name="countyname" required>
    <br>
    Postcode:<br>
    <input type="text" name="postcode" required>
    <br>
    Email address:<br>
    <input type="text" name="email" required>
    <br>
    Amount of Tickets:<br>
<select name="Amount of Tickets"required>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>
<br>
    Type of Tickets:<br>
<select name="Type of Tickets" required>
    <option value="saturday">Saturday Ticket</option>
    <option value="sunday">Sunday Ticket</option>
    <option value="weekend">Weekend Ticket</option>
</select>


    <br><br>
<input type="submit" value="Submit">
<br>
<input type="reset" value="Reset">

</form>


</body>
</html>