-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmusic.html
115 lines (110 loc) · 5.28 KB
/
music.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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!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>
<main>
<section>
<div class="page-heading">
<h1>Albums to watch out for</h1>
<h2>Listen to us on <span class="thick">spotify</span> or <span class="thick">youtube</span></h2>
</div>
</section>
<section class="album-holder">
<div class="album">
<div class="album-image">
<img src="img/album1.png">
</div>
<div class="album-title">Robot Face <|°_°|></div>
</div>
<div class="album">
<div class="album-image">
<img src="img/album2.png">
</div>
<div class="album-title">Panic</div>
</div>
<div class="album">
<div class="album-image">
<img src="img/album3.png">
</div>
<div class="album-title">Caravan Palace</div>
</div>
</section>
<section class="album-holder-mobile">
<div class="album">
<div class="album-image">
<img src="img/album1big.png">
</div>
<div class="album-title">Robot Face <|°_°|></div>
</div>
<div class="album">
<div class="album-image">
<img src="img/album2.png">
</div>
<div class="album-title">Panic</div>
</div>
<div class="album">
<div class="album-image">
<img src="img/album3.png">
</div>
<div class="album-title">Caravan Palace</div>
</div>
</section>
<section class="about">
<p>
The band formed as a three-piece. Loïc Barrouk took an interest in the project and booked the band a recording studio and a series of gigs. More performers were required for the live concerts and the other three current band members were found after searching on MySpace. The band became popular on the internet after releasing a number of demos and promo singles. From 2006 to 2007 they spent a year touring around France, and their first festival appearance came at the Django Reinhardt Jazz Festival in 2007. Following this emergence, the group were signed by the Paris-based Wagram Music record label. They spent the next year recording material for their debut studio album.
</p>
</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>