-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
94 lines (90 loc) · 3.96 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
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
<!DOCTYPE html>
<html>
<head>
<title>Caravan Palace</title>
<meta charset="utf-8">
<meta name="keywords" content="......">
<meta name="description" content="....">
<meta name="author" content="Hestre van Zyl/Pocketfox design">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="stylesheet" href="css/font-awesome.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
</head>
<body>
<header> <!-- Header Start -->
<nav> <!-- NAV Start -->
<ul class="menu-first">
<li><a href="index.html">Home</a></li>
<li><a href="music.html">Music</a></li>
<li><a href="video.html">Video</a></li>
</ul>
<div class="logo-holder">
<a class="logo" href="index.html"><img src="img/logo.svg" alt="Caravan Palace"></a>
</div>
<ul class="menu-last">
<li><a href="photo.html">Photo</a></li>
<li><a href="merch.html">Merch</a></li>
<li><a href="contact.html">Contact us</a></li>
</ul>
<a href="#main-menu" class="menu-toggle" role="button" id="main-menu-toggle" aria-expanded="false" aria-controls="main-menu" aria-label="Open main menu"><span class="sr-only">Open main menu</span><span class="fa fa-bars" aria-hidden="true"></span></a>
<div id="main-menu" class="main-menu" role="navigation" aria-expanded="false" aria-label="Main menu">
<a href="#main-menu-toggle" class="menu-close" role="button" id="main-menu-close" aria-expanded="false" aria-controls="main-menu" aria-label="Close main menu"><span class="sr-only">Close main menu</span><span class="fa fa-close" aria-hidden="true"></span></a>
<ul class="menu">
<li><a href="index.html">Home</a></li>
<li><a href="music.html">Music</a></li>
<li><a href="video.html">Video</a></li>
<li><a href="photo.html">Photo</a></li>
<li><a href="merch.html">Merch</a></li>
<li><a href="contact.html">Contact us</a></li>
</ul>
</div>
<a href="#main-menu-toggle" class="backdrop" tabindex="-1" aria-hidden="true" hidden></a>
</nav>
</header> <!-- Header End -->
<main>
<section>
<div class="page-heading">
<h1>get in touch</h1>
</div>
<p>If you would like to get in touch with us please use one of the emails listed below or contact us directly via the website. We tend to respond within 24hr of receiving your message.</p>
</section>
<section class="contact-holder">
<div class="contact-info">
<div class="contact-detail">
<h2>management</h2>
</div>
<div class="contact-detail">
<h2>booking</h2>
</div>
<div class="contact-detail">
<h2>general info</h2>
</div>
</div>
<div class="form-holder">
<h2>Contact us</h2>
<form action="#" method="post">
<input name="name" id="FullName" type="text" placeholder="Full Name..." required>
<input name="email" id="email" type="email" placeholder="Email..." required>
<textarea placeholder="Your message..."></textarea>
<input type="submit" value="Send message">
</form>
</div>
</section>
</main>
<footer>
<div class="media">
<a href="https://www.facebook.com/CaravanPalace/" target="_blank"><img src="img/facebook.svg"></a>
<a href="https://www.youtube.com/channel/UCKH9HfYY_GEcyltl2mbD5lA" target="_blank"><img src="img/youtube.svg"></a>
<a href="spotify:artist:37J1PlAkhRK7yrZUtqaUpQ" target="_blank"><img src="img/spotify.svg"></a>
<a href="https://www.instagram.com/caravanpalace/" target="_blank"><img src="img/instagram.svg"></a>
<a href="https://twitter.com/caravanpalace" target="_blank"><img src="img/twitter.svg"></a>
</div>
<p>all rights reserved 2018 - caravan palace</p>
</footer>
</body>
</html>