-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcontact.html
60 lines (60 loc) · 3.11 KB
/
contact.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html>
<html lang="en">
<head>
<title>Toffee Talk</title>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="./static/css/style.css">
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="index.html">Toffee Talk</a>
</div>
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">Home</a></li>
<li><a href="fixt.html">Fixtures and Results</a></li>
<li><a href="ticket.html">Ticket Info</a></li>
<li><a href="fanart.html">Fan Articles</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
</nav>
<!-- Contact form -->
<div class="container">
<form method="GET" action="myformsubmit.html">
<h1>Contact Us</h1>
<fieldset class="input-boxes">
<p><label for="Name" class="field">Name:</label>
<input id="text" id="name" placeholder="required field"/></p>
<p><label for="Age" class="field">Age:</label>
<input type="number" min="0" max="100" name="Age" placeholder="Enter your Age"/></p>
<p><label for="email" class="field">Email:</label>
<input id="email" name="email" type="email" autofocus placeholder="required field"/></p>
<p><label for="tel" class="field">Tel No:</label>
<input name="Mobile number" id="tel" pattern="[0-9]{11}" title="Mobile telephone number expected beginning 07*********" placeholder="Mobile number"/></p>
<p><label for="postcode" class="field">Postcode:</label>
<input name="postcode" name="Postcode" pattern="[A-Z][A-Z][0-9] [0-9][A-Z][A-Z]" placeholder="required field"/></p>
<p><label for="date" class="field">Date:</label>
<input id="date" name="Date" type="date"/></p>
</fieldset>
<fieldset id="checkbox">
<p><label for="Enquiry" class="field">Enquiry:</label>
<input id="ticket" type="checkbox" value="Ticket"/>
<label for="Ticket">Ticketing</label>
<input id="commercial" type="checkbox" value="commercial"/>
<label for="commercial">Commercial</label>
<input id="General" type="checkbox" value="General"/>
<label for="General">General</label>
</fieldset>
<fieldset id="input-boxes">
<p><label for="Enquiry" class="field">Description of Enquiry:</label>
<input type="text" id="Enquiry" placeholder="required field" name="enquiry"/></p>
</fieldset>
<input type="submit" value="Submit"/>
</div>
</form>
</body>
</html>