-
Notifications
You must be signed in to change notification settings - Fork 0
/
epk.html
210 lines (205 loc) · 16.2 KB
/
epk.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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" href="favicon.ico">
<title>Leigh & Liam: E-Press Kit</title>
<link href="https://fonts.googleapis.com/css?family=Rubik|Unica+One" rel="stylesheet">
<link href="vendor/bootstrap.css" rel="stylesheet">
<link href="styles.css" rel="stylesheet">
</head>
<body>
<nav class="press-navbar">
<h2 class="press-text">
<a href="#live-vid-jump" class="press-nav">»Live Video</a>
<a href="#tour-dates-jump" class="press-nav">»Live Dates</a>
<a href="#music-jump" class="press-nav">»Downloadable Music</a>
<a href="#video-jump" class="press-nav">»Video</a>
<a href="#press-jump" class="press-nav">»Press</a>
<a href="#bio-jump" class="press-nav">»Bio</a>
<a href="#photos-jump" class="press-nav">»Photos</a>
<a href="http://leighandliam.com/" class="press-nav" target="_blank">»Home Page</a>
</h2>
</nav>
<div id="press-head">
<h1 id="press-header">Leigh & Liam</h1>
<a href="https://www.youtube.com/channel/UCH3takQ_qOMFFtZdYOATEyg" target="_blank" class="press-sm-link">
<img src="icons/youtube.svg" class="social-icon press-socials" alt="youtube"> <h3 class="social-count press-text">1,690 Subscribers</h3>
</a>
<a href="https://www.instagram.com/leighandliam/" target="_blank" class="press-sm-link">
<img src="icons/instagram.svg" class="social-icon press-socials" alt="instagram"> <h3 class="social-count press-text">3,275 Followers</h3>
</a>
<a href="https://www.facebook.com/leighandliam" target="_blank" class="press-sm-link">
<img src="icons/facebook.svg" class="social-icon press-socials" alt="facebook"> <h3 class="social-count press-text" style="padding: 0;">251,820 Page Likes</h3>
</a><br>
<h3 class="press-text">
<strong>Contact:</strong>
<a href="mailto:[email protected]" class="press-email">Amber Trask / [email protected]</a><br>
</h3><br>
</div>
<div id="content">
<div id="press-book-cta">
<br>
<h2 class="press-section">Currently Booking for 2021!</h2>
<a href="mailto:[email protected]?subject=Booking%20Enquiry"><button id="press-book" class="button btn-primary">Click here to book! »</button></a><br><br><br>
</div><br id="photos-jump"><br><br><br>
<h2 class="press-section">Photos & Artwork</h2>
<a href="/resources/logo.png" download>
<img src="/resources/SQlogo.png" class="press-preview" style="background-color: #363d5c;">
</a>
<a href="/resources/smile1.jpg" download>
<img src="/resources/SQsmile1.png" class="press-preview">
</a>
<a href="/resources/CATW-11.jpg" download>
<img src="/resources/SQCATW-11.png" class="press-preview">
</a>
<a href="/resources/smile2.jpg" download>
<img src="/resources/SQsmile2.png" class="press-preview">
</a>
<a href="/resources/logo-white.png" download>
<img src="/resources/SQlogo-white.png" class="press-preview" style="background-color: #363d5c; margin-right: 0;">
</a><br><br>
<p><em>(Click image to download)</em></p><br><br>
<a href="#" class="to-top press-text">» Back to Top</a>
<hr class="content-rule" id="bio-jump">
<div class="half-column" style="margin-right: 3%;">
<h2 class="press-section">Bio</h2>
<div class="css">
<p class="press-text">Amber <em>Leigh</em> & Andrew <em>Liam</em> Trask are based out of their narrowboat home in Oxford, England. With their epic piano pop songs they mix together influences from classical to classic blues to create a tone that backs a genuine story of the vulnerability and strength of the human condition.</p><br>
<input id="id" type="checkbox" />
<label id="bio-length" for="id" data-more="» Longer Bio" data-less="» Shorter Bio" class="press-text"></label>
<p class="press-text">They met whilst making music in Nashville, Tennessee, and were married in May of 2015. Now that they're in the UK, don't be surprised if the video sways or you hear birdsong, as they do the majority of their music videos from their narrowboat home, somewhere in the English countryside.<br><br><strong>Sounds Like:</strong> The Civil Wars, Demi Lovato, Us the Duo</p><br>
</div><br><br>
<a href="#" class="to-top press-text">» Back to Top</a>
<hr class="content-rule" id="press-jump">
<h2 class="press-section">Press</h2>
<p class="press-text">
<em>"They got us in a reflective mood with their own breathtakingly performed songs ... and a heartfelt cover of Radio Head’s “Creep” ... But there was also lots of laughter ... and there was a magically uplifting and humorous moment where we all accompanied them with kazoos! They set the tone for Social Space perfectly."</em><br>
<strong class="news-source">Archway Foundation</strong>
<em><a href="https://archwayfoundation.org.uk/2019/03/15/an-exciting-moving-start-to-social-space-archways-young-adults-project/" target="_blank">» Read Article</a></em>
</p><br><br>
<p class="press-text">
<em>"[They] are a fantastic duo ... They bring forward their own classical, yet bluesy kind of sound."</em><br>
<strong class="news-source">Switching Styles</strong>
<em><a href="https://switchingstyles.wordpress.com/2017/09/24/cover-artists-leigh-and-liam/" target="_blank">» Read Article</a></em>
</p><br><br>
<p class="press-text">
<strong>Interview w/ Amber Leigh: </strong><em>"Our Musical Journey"</em><br>
<strong class="news-source">Switching Styles</strong>
<em><a href="https://switchingstyles.wordpress.com/2018/10/22/leigh-liam/" target="_blank">» Read Article</a></em>
</p><br><br>
<p class="press-text">
<strong>Featured In:</strong> <em>"Major & Minor Key Covers"</em><br>
<strong class="news-source">Switching Styles</strong>
<em><a href="https://switchingstyles.wordpress.com/2017/09/16/major-and-minor-key-covers/" target="_blank">» Read Article</a></em>
</p><br><br>
<a href="mailto:[email protected]?subject=Press%20Enquiry"><button class="button btn-primary small-button">Contact for press »</button></a><br><br><br>
<a href="#" class="to-top press-text">» Back to Top</a>
<hr class="content-rule" id="tour-dates-jump">
<h2 class="press-section">Live Dates</h2>
<p class="press-text">
<span class="text-muted">
<em>26 June, 2019</em> .... <strong>Love's Company, London, UK</strong> .... <em><a href="https://www.facebook.com/events/793848947682919/" target="_blank">Details</a></em><br>
</span>
<span class="text-muted">
<em>26 March, 2019</em> .... <strong>The Wheatsheaf, Oxford, UK</strong> .... <em><a href="https://www.facebook.com/events/378806099638242/" target="_blank">Details</a></em><br>
</span>
<span class="text-muted">
<em>12 March, 2019</em> .... <strong>The Handle Bar, Oxford, UK</strong> .... <em><a href="https://www.facebook.com/events/350799162191904/" target="_blank">Details</a></em><br>
</span>
<span class="text-muted">
<em>8 March, 2019</em> .... <strong>The Half Moon, Oxford, UK</strong> .... <em><a href="" target="_blank">Details</a></em><br>
</span>
<span class="text-muted">
<em>26 Feb, 2019</em> .... <strong>Sandy's Piano Bar, Oxford, UK</strong> .... <em><a href="https://www.facebook.com/events/1458005377670452/" target="_blank">Details</a></em><br>
</span>
<span class="text-muted">
<em>21 Feb, 2019</em> .... <strong>The Bullingdon, Oxford, UK</strong> .... <em><a href="https://www.facebook.com/events/357751241729404/" target="_blank">Details</a></em><br>
</span>
<span class="text-muted">
<em>29 Jan, 2019</em> .... <strong>Sandy's Piano Bar, Oxford, UK</strong> .... <em><a href="https://www.facebook.com/events/799350837086684/" target="_blank">Details</a></em><br>
</span>
<span class="text-muted">
<em>18 Jan, 2019</em> .... <strong>The Wheatsheaf, Oxford, UK</strong> .... <em><a href="https://www.facebook.com/events/307609339871869/" target="_blank"> Details</a></em><br>
</span>
<span class="text-muted">
<em>28 Nov, 2018</em> .... <strong>The Cellar, Oxford, UK</strong> .... <em><a href="https://www.facebook.com/events/2059713860745508/" target="_blank">Details</a></em><br>
</span>
<span class="text-muted">
<em>17 Oct, 2018</em> .... <strong>The Wheatsheaf, Oxford, UK</strong> .... <em><a href="https://www.facebook.com/events/286908715250295/" target="_blank">Details</a></em><br>
</span>
<span class="text-muted">
<em>27 July, 2018</em> .... <strong>Common Ground Workspace, Oxford, UK</strong> .... <em><a href="https://www.facebook.com/events/2167363716834481/" target="_blank">Details</a></em><br>
</span>
<span class="text-muted">
<em>3 July, 2018</em> .... <strong>Sandy's Piano Bar, Oxford, UK</strong> .... <em><a href="https://www.facebook.com/events/1834436843317059/" target="_blank">Details</a></em><br>
</span>
<br>
<a href="mailto:[email protected]?subject=Booking%20Enquiry"><button class="button btn-primary small-button">Contact for booking »</button></a>
</p>
<a href="#" class="to-top press-text">» Back to Top</a>
</div>
<div class="half-column">
<h2 class="press-section" id="video-jump">Video</h2>
<iframe width="100%" height="345px" src="https://www.youtube.com/embed/ov0CDsnPMKE" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
<iframe width="100%" height="345px" src="https://www.youtube.com/embed/_9qXbZl92kc" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
<iframe width="100%" height="346px" src="https://www.youtube.com/embed/3IsPEEp8fmA" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
<br>
<a href="https://www.youtube.com/c/leighliam" class="press-text" target="_blank"><em><strong>» More Videos on YouTube</strong></em></a>
<a href="#" class="to-top press-text">» Back to Top</a>
</div>
<div id="press-music">
<hr class="content-rule" id="music-jump"><br><br>
<h2 class="press-section">Music</h2>
<iframe class="sc-player" width="50%" height="130" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/506047428&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe>
<iframe class="sc-player" width="49%" height="130" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/403538505&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe>
<br>
<a href="https://open.spotify.com/artist/5ga9bvx0rA1qPqvKETWxFg?si=Sy5ZLWjhRv-7FOkQOLXI3g" class="press-text" target="_blank"><em><strong>» More Music on Spotify</strong></em></a>
<a href="#" class="to-top press-text">» Back to Top</a>
</div>
<hr id="live-vid-jump" class="content-rule"><br><br>
<h2 class="press-section">Live Video</h2>
<div class="live-vid">
<p>"Shake it Out" by Florence & The Machine (Cover) <span class="text-muted">(Live at The Bullingdon)</span></p>
<iframe width="100%" height="400px" src="https://www.youtube.com/embed/D2mq_rUn2rk" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
<div class="live-vid">
<p>"Creep" by Radiohead (Cover) <span class="text-muted">(Live at The Cellar)</span></p>
<iframe width="100%" height="400px" src="https://www.youtube.com/embed/oboyA42YIKw" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
<div class="live-vid vid-end">
<p>"One Small Step" by Leigh & Liam <span class="text-muted">(Live at The Cellar)</span></p>
<iframe width="100%" height="400px" src="https://www.youtube.com/embed/HYYj1t36xUs" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
<div class="live-vid vid-end">
<p>"Give & Take" by Leigh & Liam <span class="text-muted">(Live at The Wheatsheaf)</span></p>
<iframe width="100%" height="400px" src="https://www.youtube.com/embed/6_i0Zee-1bU" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div><br>
<a href="https://www.youtube.com/c/leighliam" class="press-text" target="_blank"><em><strong>» More Videos on YouTube</strong></em></a>
<a href="#" class="to-top press-text">» Back to Top</a>
<hr class="content-rule">
</div>
<footer class="container text-blue foot-contain press-footer">
<a href="https://www.youtube.com/channel/UCH3takQ_qOMFFtZdYOATEyg" target="_blank" class="social-link">
<img src="icons/youtube-blue.svg" class="social-icon footer-social" alt="youtube">
</a>
<a href="https://www.instagram.com/leighandliam" target="_blank" class="social-link">
<img src="icons/instagram-blue.svg" class="social-icon footer-social" alt="instagram">
</a>
<a href="https://twitter.com/leighandliam" target="_blank" class="social-link">
<img src="icons/twitter-blue.svg" class="social-icon footer-social" alt="twitter">
</a>
<a href="https://www.facebook.com/leighandliam" target="_blank" class="social-link">
<img src="icons/facebook-blue.svg" class="social-icon footer-social" alt="facebook">
</a>
<p>© Leigh & Liam 2020, <a href="https://leighandliam.com/">leighandliam.com</a></p>
</footer>
</body>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script><!--
<script>window.jQuery || document.write('<script src="vendor/jquery-slim.min.js"><\/script>')</script> -->
<script src="vendor/popper.min.js"></script>
<script src="vendor/bootstrap.min.js"></script>
<script src="script.js"></script>
<link href="end-styles.css" rel="stylesheet">
</html>