-
Notifications
You must be signed in to change notification settings - Fork 1
/
testimonials.html
340 lines (322 loc) · 21.4 KB
/
testimonials.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
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
<!DOCTYPE html>
<html lang="en">
<head>
<!-- META TAGS -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="theme-color" content="#5D99C6">
<meta name="Description" content="Developed by: Tim Nelson, Artist: Paul Middleton, Site: Paul M Music">
<!-- LINKS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css">
<link rel="stylesheet" href="assets/css/style.css" type="text/css">
<link rel='icon' sizes="192x192" href="assets/images/favicon.png" type="image/x-icon">
<title>Paul M Music | TESTIMONIALS</title>
</head>
<body>
<!-- HEADER / NAV -->
<header class="navbar-container">
<!-- LOGO -->
<div class="logo">
<a href="index.html">
<img src="assets/images/paul-middleton-logo.png" alt="Paul Middleton" title="Paul Middleton">
</a>
</div>
<!-- MENU -->
<div class="navbar-menu">
<i class="fas fa-bars fa-fw navbar-toggle toggle-open" onclick="navbarOpen()"></i>
</div>
<!-- NAV -->
<nav id="navbar-nav" class="navbar-nav text-upper">
<a href="javascript:void(0)" class="navbar-toggle toggle-close" onclick="navbarClose()">
<i class="fas fa-times fa-fw"></i>
</a>
<ul>
<li>
<a href="index.html" title="Home">Home</a>
</li>
<li>
<a href="music.html" title="Music">Music</a>
</li>
<li>
<a href="videos.html" title="Videos">Videos</a>
</li>
<li>
<a href="photos.html" title="Photos">Photos</a>
</li>
<li>
<a href="testimonials.html" title="Testimonials" class="active">Testimonials</a>
</li>
<li>
<a href="contact.html" title="Contact">Contact</a>
</li>
</ul>
</nav>
</header>
<!-- MAIN SECTION -->
<main class="main-container">
<!-- TOP IMAGE -->
<section class="top-img testimonials-img"></section>
<!-- BODY -->
<section class="body-container">
<header class="body-title">
<h1 class="text-upper">Testimonials</h1>
<h2 class="text-lower">clients | quotes</h2>
</header>
<section class="body-section text-justify">
<p>Paul works closely with several cancer charities, and profits from both
<a href="https://paulmiddleton.bandcamp.com/album/covers" target="_blank" rel="noopener">Covers</a>
and
<a href="https://open.spotify.com/album/7I8QzJHOjWAIU3cV1aDVNb?si=26GxLvTFRTaGVPBfmy9uKQ" target="_blank" rel="noopener">Covers 2</a>
go to Cancer Research. On social media, he has developed quite the following from around
the globe, and has been personally invited to represent numerous charities.
</p>
<p>Paul’s cover of <cite title="Hands to Heaven">“Hands to Heaven”</cite> was nominated for Most Moving Video in the
2014 RightOutTV Music & Video Awards, and his cover of
<cite title="Can't Stop the Feeling">“Can’t Stop the Feeling”</cite> was a huge online success.
</p>
</section>
</section>
<!-- TESTIMONIALS -->
<section class="testimonials-container">
<section class="testimonials">
<section class="testimonial">
<img src="/ci-milestone01-ucfd/assets/images/clients/geoff-saunders-photo.png" alt="Geoff Saunders" title="Geoff Saunders" class="testimonial-img circle-img">
<header class="testimonial-header">Geoff Saunders</header>
<cite title="Geoff Saunders" class="testimonial-text text-justify">"We are so pleased to have
Paul’s song on our soundtrack. It shows he’s as good a songwriter as he is a singer."</cite>
</section>
<section class="testimonial">
<img src="/ci-milestone01-ucfd/assets/images/clients/bw-magazine-logo.png" alt="Bear World Magazine" title="Bear World Magazine" class="testimonial-img circle-img">
<header class="testimonial-header">Bear World Magazine</header>
<cite title="Bear World Magazine" class="testimonial-text text-justify">"It’s great to hear a lot
of dance tracks slowed down, breathing new life to them" ... "a great singer!"</cite>
</section>
<section class="testimonial">
<img src="/ci-milestone01-ucfd/assets/images/clients/eile-magazine-logo.png" alt="EILE Magazine" title="EILE Magazine" class="testimonial-img circle-img">
<header class="testimonial-header">EILE Magazine</header>
<cite title="EILE Magazine" class="testimonial-text text-justify">"One of our favourite artists."</cite>
</section>
<section class="testimonial">
<img src="/ci-milestone01-ucfd/assets/images/clients/hackett-london-logo.png" alt="Hacketts of London" title="Hacketts of London" class="testimonial-img rounded-img">
<header class="testimonial-header">Hacketts of London</header>
<cite title="Hacketts of London" class="testimonial-text text-justify">"Cracking Night!"</cite>
</section>
<section class="testimonial">
<img src="/ci-milestone01-ucfd/assets/images/clients/dublin-bears-logo.png" alt="Dublin Bears" title="Dublin Bears" class="testimonial-img rounded-img">
<header class="testimonial-header">Dublin Bears</header>
<cite title="Dubin Bears" class="testimonial-text text-justify">"... the Toast of Dublin!"</cite>
</section>
<section class="testimonial">
<img src="/ci-milestone01-ucfd/assets/images/clients/gt-mazagine-logo.png" alt="Gay Times Magazine" title="Gay Times Magazine" class="testimonial-img circle-img">
<header class="testimonial-header">Gay Times Magazine</header>
<cite title="Gay Times Magazine" class="testimonial-text text-justify">"Paul - we love you!"</cite>
</section>
<section class="testimonial">
<img src="/ci-milestone01-ucfd/assets/images/clients/panache-audio-logo.png" alt="Panache Audio Systems" title="Panache Audio Systems" class="testimonial-img rounded-img">
<header class="testimonial-header">Panache Audio Systems</header>
<cite title="Panache Audio Systems" class="testimonial-text text-justify">"Brilliant vocals!"</cite>
</section>
</section>
</section>
<hr class="hr-standard">
<!-- CLIENTS -->
<section class="clients-container">
<header class="body-title">
<h3 class="text-upper">Clients</h3>
</header>
<section class="client-slider">
<div class="slider">
<a href="http://adventureisland.co.uk" target="_blank" rel="noopener" title="Adventure Island">
<img src="/ci-milestone01-ucfd/assets/images/clients/adventure-island-logo.png" alt="Adventure Island">
</a>
<a href="http://amsterdamhotelbrighton.com" target="_blank" rel="noopener" title="Amsterdam Hotel Brighton">
<img src="/ci-milestone01-ucfd/assets/images/clients/amsterdam-hotel-brighton-logo.png" alt="Amsterdam Hotel Brighton">
</a>
<a href="http://www.barbroadwayuk.co.uk" target="_blank" rel="noopener" title="Bar Broadway Brighton">
<img src="/ci-milestone01-ucfd/assets/images/clients/bar-broadway-brighton-logo.png" alt="Bar Broadway Brighton">
</a>
<a href="https://www.britanniahotels.com/hotels/the-adelphi-hotel-liverpool" target="_blank" rel="noopener" title="Britannia Adelphi Hotel">
<img src="/ci-milestone01-ucfd/assets/images/clients/britannia-adelphi-hotel-logo.png" alt="Britannia Adelphi Hotel">
</a>
<a href="https://www.britishairways.com" target="_blank" rel="noopener" title="British Airways">
<img src="/ci-milestone01-ucfd/assets/images/clients/british-airways-logo.png" alt="British Airways">
</a>
<a href="https://www.centerparcs.com" target="_blank" rel="noopener" title="Center Parcs">
<img src="/ci-milestone01-ucfd/assets/images/clients/center-parcs-logo.png" alt="Center Parcs">
</a>
<a href="https://www.cromerpier.co.uk" target="_blank" rel="noopener" title="Cromer Pier">
<img src="/ci-milestone01-ucfd/assets/images/clients/cromer-pier-logo.png" alt="Cromer Pier">
</a>
<a href="https://www.eastbournebandstand.com" target="_blank" rel="noopener" title="Eastbourne Bandstand">
<img src="/ci-milestone01-ucfd/assets/images/clients/eastbourne-bandstand-logo.png" alt="Eastbourne Bandstand">
</a>
<a href="https://www.eastbournetheatres.co.uk/venue/winter-garden" target="_blank" rel="noopener" title="Eastbourne Winter Gardens">
<img src="/ci-milestone01-ucfd/assets/images/clients/eastbourne-winter-gardens-logo.png" alt="Eastbourne Winter Gardens">
</a>
<a href="https://www.fontwellpark.co.uk" target="_blank" rel="noopener" title="Fontwell Racecourse">
<img src="/ci-milestone01-ucfd/assets/images/clients/fontwell-park-logo.png" alt="Fontwell Racecourse">
</a>
<a href="http://www.gillinghamgolfclub.co.uk" target="_blank" rel="noopener" title="Gillingham Golf Club">
<img src="/ci-milestone01-ucfd/assets/images/clients/gillingham-golf-club-logo.png" alt="Gillingham Golf Club">
</a>
<a href="https://www.greenrooms.london" target="_blank" rel="noopener" title="Green Rooms London">
<img src="/ci-milestone01-ucfd/assets/images/clients/green-rooms-logo.png" alt="Green Rooms London">
</a>
<a href="https://www.hackett.com/gb" target="_blank" rel="noopener" title="Hackett, London">
<img src="/ci-milestone01-ucfd/assets/images/clients/hackett-london-logo.png" alt="Hackett, London">
</a>
<a href="https://www.havantandwaterloovillefc.co.uk" target="_blank" rel="noopener" title="Havant and Waterlooville FC">
<img src="/ci-milestone01-ucfd/assets/images/clients/havant-and-waterlooville-fc-logo.png" alt="Havant and Waterlooville FC">
</a>
<a href="https://www.ihg.com/holidayinn" target="_blank" rel="noopener" title="Holiday Inn">
<img src="/ci-milestone01-ucfd/assets/images/clients/holiday-inn-logo.png" alt="Holiday Inn">
</a>
<a href="https://hotel-martinez.hyatt.com/en/hotel/home.html" target="_blank" rel="noopener" title="Hotel Martinez Cannes">
<img src="/ci-milestone01-ucfd/assets/images/clients/hotel-martinez-cannes-logo.png" alt="Hotel Martinez Cannes">
</a>
<a href="https://www.itv.com" target="_blank" rel="noopener" title="ITV">
<img src="/ci-milestone01-ucfd/assets/images/clients/itv-logo.png" alt="ITV">
</a>
<a href="https://www.lingfieldpark.co.uk" target="_blank" rel="noopener" title="Lingfield Park Racecourse">
<img src="/ci-milestone01-ucfd/assets/images/clients/lingfield-park-resort-logo.png" alt="Lingfield Park Racecourse">
</a>
<a href="https://themfestival.co.uk" target="_blank" rel="noopener" title="M Festival">
<img src="/ci-milestone01-ucfd/assets/images/clients/m-festival-logo.png" alt="M Festival">
</a>
<a href="https://www.manchesterpride.com" target="_blank" rel="noopener" title="Manchester Pride">
<img src="/ci-milestone01-ucfd/assets/images/clients/manchester-pride-logo.png" alt="Manchester Pride">
</a>
<a href="https://www.marksandspencer.com" target="_blank" rel="noopener" title="Marks and Spencers">
<img src="/ci-milestone01-ucfd/assets/images/clients/marks-and-spencer-logo.png" alt="Marks and Spencers">
</a>
<a href="http://mp-events.be" target="_blank" rel="noopener" title="MP-Events Belgium">
<img src="/ci-milestone01-ucfd/assets/images/clients/mp-events-logo.png" alt="MP-Events Belgium">
</a>
<a href="http://www.oakwoodhousehotel.co.uk" target="_blank" rel="noopener" title="Oakwood House">
<img src="/ci-milestone01-ucfd/assets/images/clients/oakwood-house-logo.png" alt="Oakwood House">
</a>
<a href="https://orchardtheatre.co.uk" target="_blank" rel="noopener" title="Orchard Theatre">
<img src="/ci-milestone01-ucfd/assets/images/clients/orchard-theatre-logo.png" alt="Orchard Theatre">
</a>
<a href="http://www.oscarsbarcanalstreet.co.uk/index.html" target="_blank" rel="noopener" title="Oscars Bar Manchester">
<img src="/ci-milestone01-ucfd/assets/images/clients/oscars-manchester-logo.png" alt="Oscars Bar Manchester">
</a>
<a href="http://www.parliamenthouse.com" target="_blank" rel="noopener" title="Parliament House Orlando">
<img src="/ci-milestone01-ucfd/assets/images/clients/parliament-house-logo.png" alt="Parliament House Orlando">
</a>
<a href="https://prideinlondon.org" target="_blank" rel="noopener" title="Pride in London">
<img src="/ci-milestone01-ucfd/assets/images/clients/pride-in-london-logo.png" alt="Pride in London">
</a>
<a href="https://www.radissonblu.com" target="_blank" rel="noopener" title="Radisson Blu Hotels">
<img src="/ci-milestone01-ucfd/assets/images/clients/radisson-blu-hotels-logo.png" alt="Radisson Blu Hotels">
</a>
<a href="https://brighton.rendezvouscasino.com" target="_blank" rel="noopener" title="Rendezvous Casino">
<img src="/ci-milestone01-ucfd/assets/images/clients/rendezvous-casino-logo.png" alt="Rendezvous Casino">
</a>
<a href="https://www.rockbarnyc.com" target="_blank" rel="noopener" title="Rockbar New York City">
<img src="/ci-milestone01-ucfd/assets/images/clients/rockbar-nyc-logo.png" alt="Rockbar New York City">
</a>
<a href="https://www.shanklintheatre.com" target="_blank" rel="noopener" title="Shanklin Theatre">
<img src="/ci-milestone01-ucfd/assets/images/clients/shanklin-theatre-logo.png" alt="Shanklin Theatre">
</a>
<a href="http://www.bearssitges.org" target="_blank" rel="noopener" title="Sitges Bear Week">
<img src="/ci-milestone01-ucfd/assets/images/clients/sitges-bear-week-logo.png" alt="Sitges Bear Week">
</a>
<a href="http://www.stadiummk.com" target="_blank" rel="noopener" title="Stadium MK">
<img src="/ci-milestone01-ucfd/assets/images/clients/stadium-mk-logo.png" alt="Stadium MK">
</a>
<a href="http://www.thorneybay.co.uk" target="_blank" rel="noopener" title="Thorney Bay Holiday Park">
<img src="/ci-milestone01-ucfd/assets/images/clients/thorney-bay-logo.png" alt="Thorney Bay Holiday Park">
</a>
<a href="http://www.trentham.co.uk/trentham-gardens" target="_blank" rel="noopener" title="Trentham Gardens">
<img src="/ci-milestone01-ucfd/assets/images/clients/trentham-estate-logo.png" alt="Trentham Gardens">
</a>
<a href="https://www.birmingham.ac.uk" target="_blank" rel="noopener" title="University of Birmingham">
<img src="/ci-milestone01-ucfd/assets/images/clients/university-of-birmingham-logo.png" alt="University of Birmingham">
</a>
<a href="https://www.warnerleisurehotels.co.uk" target="_blank" rel="noopener" title="Warner Leisure Hotels">
<img src="/ci-milestone01-ucfd/assets/images/clients/warner-leisure-hotels-logo.png" alt="Warner Leisure Hotels">
</a>
<a href="https://www.worcester-racecourse.co.uk" target="_blank" rel="noopener" title="Worcester Racecourse">
<img src="/ci-milestone01-ucfd/assets/images/clients/worcester-racecourse-logo.png" alt="Worcester Racecourse">
</a>
<a href="http://www.yesevents.com" target="_blank" rel="noopener" title="Yes Events">
<img src="/ci-milestone01-ucfd/assets/images/clients/yes-events-logo.png" alt="Yes Events">
</a>
</div>
</section>
</section>
</main>
<!-- FOOTER -->
<footer class="footer-container">
<div class="footer-social">
<ul>
<li>
<a href="https://www.facebook.com/paulmiddletonofficial" target="_blank" rel="noopener" title="Paul Middleton | Facebook">
<i class="fab fa-facebook-f facebook" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="https://www.youtube.com/user/paulmiddletonmusic" target="_blank" rel="noopener" title="Paul Middleton | YouTube">
<i class="fab fa-youtube youtube" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="https://twitter.com/paulmmusic" target="_blank" rel="noopener" title="Paul Middleton | Twitter">
<i class="fab fa-twitter twitter" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="https://www.instagram.com/paulmmusic" target="_blank" rel="noopener" title="Paul Middleton | Instagram">
<i class="fab fa-instagram instagram" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="https://paulmiddleton.bandcamp.com/merch" target="_blank" rel="noopener" title="Paul Middleton | Bandcamp">
<i class="fab fa-bandcamp bandcamp" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="https://open.spotify.com/artist/5mjRfG1TxOSSXeYOsKQQJh" target="_blank" rel="noopener"
title="Paul Middleton | Spotify">
<i class="fab fa-spotify spotify" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="https://play.google.com/store/music/artist/Paul_Middleton?id=Aldnrb4wcvqju7npbpf5owy4kum"
target="_blank" rel="noopener" title="Paul Middleton | Play Store">
<i class="fab fa-google-play google" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="https://itunes.apple.com/ie/artist/paul-middleton/202782999" target="_blank" rel="noopener"
title="Paul Middleton | iTunes">
<i class="fab fa-itunes itunes" aria-hidden="true"></i>
</a>
</li>
</ul>
</div>
<div class="footer-signature">
<p class="copyright">Copyright © 2018
<a href="index.html">Paul Middleton</a>
</p>
<p class="designer">Website by
<a href="https://github.com/TravelTimN" target="_blank" rel="noopener">Tim Nelson</a>
</p>
</div>
</footer>
<!-- SCRIPTS -->
<script>
// approved by mentor (Ignatius Ukwuoma) to use basic JS to incorporate menu transition
// onClick displays navbar-nav to full 100% height
function navbarOpen() {
document.getElementById("navbar-nav").style.height = "100%";
}
// onClick closes navbar-nav back to 0% height
function navbarClose() {
document.getElementById("navbar-nav").style.height = "0%";
}
</script>
</body>
</html>