BrotherWolves/contact.html at master · Scuddha/BrotherWolves · GitHub

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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!doctype html>
<html>

	<head>
		<meta charset="utf-8"/>
		<title>Brother Wolves | the band</title>
		<link rel="stylesheet" href="css/normalize.css">
		<link href='https://fonts.googleapis.com/css?family=Berkshire+Swash|Fredoka+One|Comfortaa:400,700,300' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" href="css/main.css">
		<link rel="stylesheet" href="css/responsive.css">
	</head>
	<body>
		<header>
			<a href="contact.html" id="logo">
				<h1>Brother Wolves</h1>
				<h2>the band</h2>
			</a>
 			<nav>
 				<ul>
 					<li><a href="index.html">Home</a></li>
 					<li><a href="music.html">Music</a></li>
 					<li><a href="shows.html">Shows</a></li>
 					<li><a href="merch.html">Merch</a></li>
 					<li><a href="contact.html" class="selected">Contact</a></li>
 				</ul>
 			</nav>
 		</header>

 		<div id="wrapper">
 			<section id="merchorder">
 			   <form action="index.html" method="post">


 			    <h1>Need to hire us for a show?</h1>
 			   	<fieldset class="backEndForm">

 			   		<legend><span class="number"></span>Give us some info </legend>

	 			   	<label for="name">Name:</label>
	 			   	<input type="text" id="name" name="user_name" tabindex="1"><br>
 			   	<br>
	 			   	<label for="email">Email:</label>
	 			   	<input type="email" id="email" name="user_email" tabindex="2"><br>
	 			<br>
	 			   	<label for="howl">Gig Date:</label>
	 			   	<input type="text" id="date" name="user_date" tabindex="3">

	 			</fieldset>
	 			<fieldset class="backEndForm">

	 				<legend><span class="number"></span> Additional Info </legend>

	 			   	<label for="bio">Details:</label>
	 			   	<textarea id="details" name="user_details" tabindex="4"></textarea>

	 			</fieldset>

	 			<button type="submit">Submit</button>


	 		</form>

	 		</section>
 		<div id="home">
 			<a href="javascript:AlertIt();">
 			<img src="img/IMGwill2.jpg" alt="Will in the studio">
 			</a>
 		<p>
 			Click on Will's picture to see his art!
 		</p>
 		</div>

 		</div>
 		<div>


	 		<footer id="footer">
	 			<a href="http://facebook.com/brotherwolveshowl"><img src="img/facebook-logo.png" alt="Facebook Logo" class="socialIcon"></a>
	 			<a href="http://twitter.com/brotherwolves"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="socialIcon"></a>
	 			<a href="http://instagram.com/brotherwolves"><img src="img/instagram.png" alt="Instagram Logo" class="socialIcon"></a>

	 			<p>&copy; 2015 Brother Wolves</p>

	 		</footer>

	 	<script type="text/javascript">
					function AlertIt() {
						var answer = confirm ("Click on OK if you want to visit our lead singer's personal art page.")
						if (answer)
						window.open("http://theartcartel.org");
					}
 		</script>

 		</div>


	</body>


</html>