-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
551 lines (548 loc) · 27.1 KB
/
index.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
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
<!DOCTYPE html>
<html lang="en-GB">
<head>
<!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
w[l] = w[l] || []; w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
}); var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-NRXZG83');</script>
<!-- End Google Tag Manager -->
<meta charset="UTF-8">
<meta name="description"
content="Colonel Spanky's Love Ensemble is a 10-piece brass and funk band available for hire in Cambridge for parties, weddings and more!">
<meta name="keywords"
content="Cambridge bands, colonel spankeys, university band, pop funk jazz band, wedding band, party band, brass band, trumpets sax, female singer, hire a band">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Colonel Spanky's Love Ensemble | Book us here!</title>
<script src="index.js"></script>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Fredoka+One|Titillium+Web" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Nunito:400,700" rel="stylesheet">
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NRXZG83" height="0" width="0"
style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header>
<h1 id="home">Colonel Spanky's Love Ensemble</h1>
<div id="navbar" class="">
<nav>
<a href="#home">Home</a>
<a href="#about-us">About</a>
<a href="#press-kit" class="disposable">Press</a>
<a href="#line-up">Line-Up</a>
<a href="#gallery">Gallery</a>
<a href="#how-to-book">Book Us</a>
<a href="#songlist">Song List</a>
<a href="#faqs">FAQ</a>
<a href="#testimonials">Testimonials</a>
<a href="#links" class="disposable">Connect</a>
<a href="mailto:[email protected]" id="email-link">
Email Us
<div id="email-us"></div>
</a>
</nav>
</div>
</header>
<section id="front-4-pics">
<img src="images/am-front-2.jpg" alt="Anna-Maria playing bass at a Cambridge May Ball">
<img src="images/matt-front.jpg" alt="Matt playing saxophone at a live gig">
<img src="images/zoe-front.jpg" alt="Zoe holding the Colonel Spanky's logo on a drum skin">
<img src="images/noah-front-3.jpg" alt="Noah playing guitar on stage">
</section>
<section id="about-us">
<h2>About Us</h2>
<p>If you think the best thing to come out of Cambridge is 107 Nobel Prize winners, you've clearly never seen
Colonel Spanky's Love Ensemble. Formed in 2009, the brainchild of the city's ten finest funk-mongers came to
life within the hallowed halls of Clare College, Cambridge, when a group of undergrads spotted their mutual
appreciation for bombastic Riot Jazz and the infectious rhythms of New Orleans Brass bands. Having spent
their first years making a name for themselves at gigs in the private student bars and lavish society balls,
they have come to form an integral part of the music scene that bridges the town/gown divide in the
country's academic capital. </p>
<p>With memorably high energy cover performances that span genres as diverse as pop, rap, jazz, funk and ska,
the Love Ensemble have appeared on stages alongside the likes of Tinie Tempah, Basshunter, Laura Mvula and
Gentleman's Dub Club.</p>
<p>Specialising in knees-up dancing, sing-alongs, raucous rapping and sexy saxophone solos, the Love Ensemble
will twist anything from 80s pop to smooth soul into the unique Colonel Spanky's sound.</p>
</section>
<section class="banner" id="get-the-party-started">
<h2>Get the party started</h2>
<h3>We're available to hire!</h3>
</section>
<section id="what-we-do">
<h2>What We Do</h2>
<h3>We've played at hundreds of events, including...</h3>
<div id="events">
<div class="event" id="event-weddings">
<div class="event-img-container">
<img src="images/wedding.jpg"
alt="The bride and groom singing at one of our wedding gigs in Norfolk" id="wedding-img">
</div>
<div class="event-text">
<h4>Weddings</h4>
<p>Church weddings, marquee weddings, festival weddings, we love 'em all!</p>
</div>
</div>
<div class="event">
<div class="event-img-container">
<img src="images/bop.jpeg" alt="A bop at Clare College, c.2013" id="bop-img">
</div>
<div class="event-text">
<h4>Bops</h4>
<p>Cambridge colleges are renowned for their student socials, known as "bops".</p>
</div>
</div>
<div class="event" id="event-balls">
<div class="event-img-container">
<img src="images/ball.webp" alt="Masked ball-goers" id="ball-img">
</div>
<div class="event-text">
<h4>May Balls</h4>
<p>A typical "May Week" (usually in June) will see us play up to 25 gigs in one week!</p>
</div>
</div>
<div class="event">
<div class="event-img-container">
<img src="images/club.webp" alt="A club night" id="club-img">
</div>
<div class="event-text">
<h4>Club Nights</h4>
<p>There's nothing like the sweaty thrill of live music to bring a night out to another level!</p>
</div>
</div>
<div class="event" id="event-festivals">
<div class="event-img-container">
<img src="images/festival.jpeg" alt="Hands pumping in front of a festival stage" id="fest-img">
</div>
<div class="event-text">
<h4>Festivals</h4>
<p>The roar of the crowd under the stars...need we say more?</p>
</div>
</div>
<div class="event">
<div class="event-img-container">
<img src="images/work-socials.jpeg" alt="3 women clinking glasses at a Christmas party"
id="work-img">
</div>
<div class="event-text">
<h4>Work Socials</h4>
<p>The perfect way to let off some steam with your colleagues!</p>
</div>
</div>
</div>
</section>
<section class="banner" id="press-kit">
<!-- background image -->
<h2>Press Kit</h2>
<h3><a href="mailto:[email protected]">Email us for more information!</a></h3>
</section>
<section id="line-up">
<!-- background image -->
<h2>Line Up</h2>
<h3>We're a 10-piece band, comprising:</h3>
<div id="band-members">
<div class="band-member">
<h4>1 x Trombone</h4>
<p>Lois Logan</p>
</div>
<div class="band-member">
<h4>2 x Alto Sax</h4>
<p>Alice Durand and Fingal Plumpton</p>
</div>
<div class="band-member">
<h4>2 x Trumpet</h4>
<p>Ella Mason and Hugh McDowell</p>
</div>
<div class="band-member">
<h4>1 x Tenor Sax</h4>
<p>Callum Madeley</p>
</div>
<div class="band-member">
<h4>1 x Vocals</h4>
<p>Zoe Starling</p>
</div>
<div class="band-member">
<h4>1 x Electric Guitar</h4>
<p>Noah Turner</p>
</div>
<div class="band-member">
<h4>1 x Bass Guitar</h4>
<p>Peter Scott</p>
</div>
<div class="band-member">
<h4>1 x Drums</h4>
<p>Jo Humphrey</p>
</div>
</div>
</section>
<section id="gallery">
<h2>Gallery</h2>
<h3>Photos & Videos from recent performances</h3>
<div id="gallery-container">
<img src="images/gallery-nick.jpg" alt="Nick playing the trombone at Trinity Hall June Event in Cambridge">
<img src="images/gallery-pride.jpg"
alt="Our singer, Jazz, sings on stage at Cambridge Pride while draped in a flag representing bisexuality">
</div>
<!-- <div class="snapwidget"> -->
<!-- SnapWidget -->
<!-- <script src="https://snapwidget.com/js/snapwidget.js"></script>
<iframe src="https://snapwidget.com/embed/915432" class="snapwidget-widget" title="Recent photos from Instagram" allowtransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:100%; "></iframe> -->
<!-- </div> -->
<div class="youtube-video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/Xt3pao8K8x8" frameborder="0"
title="Spanky's play Video Killed the Radiostar"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
</section>
<section id="how-to-book">
<h2>How to Book Us</h2>
<div id="booking-steps">
<div class="book-step">
<div class="number">1</div>
<div class="booking-step-text">
<h3>Pick a date and time</h3>
<p>Check your calendar and figure out how a band is going to fit in at your event.</p>
</div>
<div class="line-step"></div>
</div>
<div class="book-step">
<div class="number">2</div>
<div class="booking-step-text">
<h4>Decide the set length</h4>
<p>We can play for up to 2 hours. This can split up however you like, e.g. 2 x 1 hour.</p>
</div>
<div class="line-step"></div>
</div>
<div class="book-step">
<div class="number">3</div>
<div class="booking-step-text">
<h4>Contact Us</h4>
<p>Email us at <a href="mailto:[email protected]">[email protected]</a>!</p>
</div>
</div>
</div>
</section>
<section id="songlist">
<h2>Song List</h2>
<div id="list-songs">
<ul>
<li>-- Modern Pop --</li>
<li>Sax - Fleur East</li>
<li>Shut Up and Dance With Me - Walk the Moon</li>
<li>This Girl - Kungs</li>
<li>Ride - 21 Pilots</li>
<li>Bad Guy - Billie Eilish</li>
<li>Treasure - Bruno Mars</li>
<li>Love Never Felt So Good - Michael Jackson and Justin Timberlake</li>
<li>Titanium - David Guetta ft Sia</li>
<li>Forget You - Cee Lo Green</li>
<li>Lean On - Major Lazer & DJ Snake</li>
<li>Think About Things - Dadi Freyr</li>
<li>Blinding Lights - The Weeknd</li>
<li>Rude - MAGIC!</li>
<li>Cake By The Ocean - DNCE</li>
<li>My Type - Saint Motel</li>
<li>Closer - Lemaitre</li>
<li>Take You Dancing - Jason Derulo</li>
<li>Don't Start Now - Dua Lipa</li>
<li>Paradise - George Ezra</li>
<li>Cuff It - Beyonce</li>
<li>Watermelon Sugar - Harry Styles</li>
<li>XS - Rina Sawayama</li>
<li>Vroom Vroom - Charlie XCX</li>
<br>
<li>--Modern Rock--</li>
<li>Mr Brightside - The Killers</li>
<li>Take Me Out - Franz Ferdinand</li>
<br>
<li>--Latin Fusion--</li>
<li>Livin' La Vida Loca - Ricky Martin</li>
<li>Smooth - Santana</li>
<br>
<li>--2000s--</li>
<li>Put Your Records On - Corinne Bailey Rae</li>
<li>Love Machine - Girls Aloud</li>
<li>10/10 - Paolo Nutini</li>
<li>Stacey's Mom - Fountains of Wayne</li>
<li>Accidentally In Love - Counting Crows</li>
<li>5 Colours In Her Hair - McFly</li>
<li>Goodbye Mr A - The Hoosiers</li>
<li>LDN - Lily Allen</li>
<li>Move Your Feet - Junior Senior</li>
<li>Crazy In Love - Beyonce</li>
<li>Toxic - Britney Spears</li>
<li>F*** You - Lily Allen</li>
<li>Murder On The Dancefloor - Sophie Ellis-Bextor</li>
<li>Foundations - Kate Nash</li>
<li>Grace Kelly - Mika</li>
<li>American Boy - Estelle</li>
<br>
<li>--1990s--</li>
<li>Man! I Feel Like A Woman - Shania Twain </li>
<li>Can't Get You Out Of My Head - Kylie Minogue</li>
<li>The Vengabus/Boom Boom Boom Boom - Vengaboys</li>
<li>Don't Speak - No Doubt</li>
<li>All Star - Smash Mouth</li>
<li>Hey Arthur theme song - Ziggy Marley</li>
<li>Angels - Robbie Williams</li>
<li>Barbie Girl - Aqua</li>
<br>
<li>--1980s--</li>
<li>Don't You Want Me - The Human League</li>
<li>It Must Be Love - Madness</li>
<li>Walking On Sunshine - Katrina and the Waves</li>
<li>9 to 5 - Dolly Parton</li>
<li>Call Me Al - Paul Simon</li>
<li>Come On Eileen - Dexy's Midnight Runners</li>
<li>We Built This City - Starship</li>
<li>Living On A Prayer - Bon Jovi</li>
<li>Take On Me - A-Ha</li>
<li>Sweet Dreams (Are Made Of This) - Eurythmics</li>
<li>It's Raining Men - The Weather Girls</li>
<li>The Time of My Life - from Dirty Dancing</li>
<li>I Wanna Dance With Somebody - Whitney Houston</li>
<li>99 Luftballons - Nena</li>
<li>Holding Out For a Hero - Bonnie Tyler</li>
<li>Funky Town - Lipps Inc.</li>
<li>Kiss - Prince</li>
<br>
<li>--1970s--</li>
<li>Video Killed the Radio Star - The Buggles</li>
<li>Grease - Frankie Valli</li>
<li>December, 1963 - The Four Seasons</li>
<li>Blame It On The Boogie - Jackson 5</li>
<li>Mr Blue Sky - Electric Light Orchestra</li>
<li>Escape (Pina Colada song)- Rupert Holmes</li>
<li>I Will Survive - Gloria Gaynor</li>
<li>Are You Ready for Love - Elton John</li>
<li>Pasttime Paradise - Stevie Wonder</li>
<li>Gimme! Gimme! Gimme! (A Man After Midnight) - Abba </li>
<li>Tragedy - The Bee Gees</li>
<li>September - Earth, Wind & Fire</li>
<li>Ra Ra Rasputin - Boney M.</li>
<li>Come and Get Your Love - Redbone</li>
<li>Voulez-Vous - Abba</li>
<li>Wonderful Tonight - Eric Clapton</li>
<li>Ballroom Blitz - The Sweet</li>
<li>Changes - David Bowie</li>
<li>Killing Me Softly With His Song - in the style of Youngblood Brass Band</li>
<li>(This Will Be) An Everlasting Love - Natalie Cole</li>
<br>
<li>--1960s--</li>
<li>I Want You Back - Jackson 5</li>
<li>Can't Take My Eyes Off You - Frankie Valli</li>
<li>Ain't Got No (I Got Life) - Nina Simone</li>
<li>Twist and Shout - The Beatles</li>
<li>Brown Eyed Girl - Van Morrison/Reel Big Fish</li>
<li>Build Me Up Buttercup - The Foundations</li>
<li>Higher and Higher - Jackie Wilson</li>
<li>I'm A Believer - The Monkees (in the style of Smash Mouth)</li>
<li>Eight Days A Week - The Beatles</li>
<br>
<li>--Soul--</li>
<li>I'm Coming Out - Diana Ross</li>
<li>Redbone - Childish Gambino</li>
<li>Son Of A Preacher Man - Dusty Springfield</li>
<li>Tears Dry On Their Own - Amy Winehouse</li>
<li>Back to Black - Amy Winehouse</li>
<br>
<li>--Hip-Hop--</li>
<li>Thrift Shop - Macklemore</li>
<br>
<li>--Ska--</li>
<li>Sell Out - Reel Big Fish</li>
<li>She Has a Girlfriend Now - Reel Big Fish</li>
<li>In The Mood For Ska - The Skatalites</li>
<br>
<li>--Swing--</li>
<li>Pencil Full Of Lead - Paolo Nutini</li>
<li>This Must Be The Place - Talking Heads/Post Modern Jukebox</li>
<br>
<li>--Alternative/Various--</li>
<li>Hello - The Cat Empire</li>
<li>Brooklyn - Youngblood Brass Band</li>
<li>Tu Vuo Fa L'Americano - Yolanda Be Cool/Renato Carosone</li>
<li>Friend Like Me - from "Aladdin"</li>
<li>Tous Les Memes - Stromae</li>
<li>You Are The Best Thing - Ray LaMontagne</li>
<li>All I Want For Christmas Is You - Mariah Carey</li>
<li>"Shregamix" - a compilation of iconic tunes from the "Shrek" movies</li>
<li>Dumbest Girl Alive - 100 gecs</li>
<li>S&M/Creep - a mashup of Radiohead and Rihanna</li>
<li>Tiggle Diggle Tiggle Miggle - a mashup of Talk Dirty To Me and Wiggle Wiggle Wiggle</li>
<li>Tracy Beaker's Dilemma - a mashup</li>
<li>Can't Stop Feeling Billie Jean's Face - Pomplamoose (a mashup of Michael Jackson and Justin Timberlake)</li>
<li>Big Bottomed Girls - a Mika/Queen mashup</li>
<li>Zach's Song from School of Rock</li>
</ul>
</div>
</section>
<section class="banner" id="faq-title">
<!-- background image -->
<h2>FAQs</h2>
</section>
<section id="faqs">
<h2>FAQs</h2>
<div id="questions">
<div class="question">
<div class="faq-img-container">
<img src="images/line-up-faqs.jpg" alt="The band posing for a photo at Peterhouse May Ball"
id="pose-img">
</div>
<div class="question-text">
<h3 class="md-faq">Line-Up</h3>
<h4 class="expandable sm-faq">Do you have different line-up options?</h4>
<p>We operate best as a 10-piece, and as such we never deliberately "shrink" the band. However,
there are occasions when we do not have full duplication of horn players due to absences, and in
those circumstances we can perform with fewer people. We never perform with less than 7 players
though!</p>
</div>
</div>
<div class="question">
<div class="question-text">
<h3 class="md-faq">Gigs</h3>
<h4 class="expandable sm-faq">What is the most high profile gig you've performed?</h4>
<p>St. John's College May Ball is allegedly the 7th best party in the world...and we've played at it
every single year for the past 7 years!</p>
</div>
<div class="faq-img-container">
<img src="images/faqs-gigs.jpg" alt="Spanky's playing on the main stage at St. John's May Ball">
</div>
</div>
<div class="question">
<div class="faq-img-container">
<img src="images/setup-faqs.jpg" id="setup-img" alt="The band's drum kit">
</div>
<div class="question-text">
<h3 class="md-faq">Setup</h3>
<h4 class="expandable sm-faq">How much time do you need to set up?</h4>
<p>We need at least 30 minutes to set up, but we usually try to leave at least an hour to allow for
last minute changes.</p>
</div>
</div>
<div class="question">
<div class="question-text">
<h3 class="md-faq">Equipment</h3>
<h4 class="expandable sm-faq">Do you have all of your own equipment (e.g. PA & lighting)?</h4>
<p>Yes! We can provide everything we need for performing (amps, microphones, lighting, PA, drum
kit), though we may need to charge extra for transportation of the gear and occasional hire
fees.</p>
</div>
<div class="faq-img-container">
<img src="images/bullingdon.jpg" id="medsoc-img" alt="Spanky's playing at The Bullingdon, Oxford">
</div>
</div>
<div class="question">
<div class="faq-img-container">
<img src="images/whole-band-triangle-2.jpg" alt="Spanky's posing in 2023">
</div>
<div class="question-text">
<h3 class="md-faq">Venues</h3>
<h4 class="expandable sm-faq">Which venues have you performed at in the past?</h4>
<p>Cambridge Corn Exchange, almost every single Cambridge college's May Ball, Relevant Records
(Cambridge), The Blue Moon (Cambridge) Knebworth House (Stevenage), Cambridge Pride, Strawberry
Fair, Strawberries & Creem Festival, Ace Hotel London, Cambridge Junction, Henley Rowing Museum,
De Vere Grand Connaught Rooms (London), Anstey Hall Hotel (Trumpington), + hundreds of others!
</p>
</div>
</div>
</div>
</section>
<section id="testimonials">
<h2>Testimonials</h2>
<h3>What people have said about us...</h3>
<div id="testimonials-container">
<div class="testimonial">
<i class="fas fa-heart fa-3x" style="color:#ea4c44"></i>
<h4>“I loved your set and it went down really well!”</h4>
<h5>2019</h5>
<p>Greg Butler - Pigs Big Ballroom, Camp Bestival</p>
</div>
<div class="testimonial">
<i class="fas fa-smile-beam fa-3x" style="color: #7c31b2"></i>
<h4>‘Spank my Colonel's lovely ensemble, you were amazing!’</h4>
<h5>2019</h5>
<p>Mark Littlewood - CEO, Business Leaders Network</p>
</div>
<div class="testimonial">
<i class="fas fa-music fa-3x" style="color: #3f9afc"></i>
<h4>"That set really was perfect for getting the entire park singing along!"</h4>
<h5>2019</h5>
<p>Rob Ferguson -Stage Manager, Cambridge Pride 2019</p>
</div>
</div>
</section>
<section class="banner" id="links">
<!-- background image -->
<h2>Connect With Us</h2>
<div id="social-media-links">
<a href="https://www.facebook.com/Colonel.Spankys.Love.Ensemble">
<p class="sr-only">Connect via Facebook</p>
<div class="black-circle">
<i class="fab fa-facebook-f fa-3x" alt="Facebook logo"></i>
</div>
</a>
<a href="https://www.twitter.com/colonelspankys">
<p class="sr-only">Connect via Twitter</p>
<div class="black-circle">
<i class="fab fa-twitter fa-3x" alt="Twitter logo"></i>
</div>
</a>
<a href="https://www.instagram.com/colonelspankysloveensemble">
<p class="sr-only">Connect via Instagram</p>
<div class="black-circle">
<i class="fab fa-instagram fa-3x" alt="Instagram logo"></i>
</div>
</a>
<a href="https://soundcloud.com/user-469963949">
<p class="sr-only">Connect via Soundcloud</p>
<div class="black-circle">
<i class="fab fa-soundcloud fa-3x" alt="Soundcloud logo"></i>
</div>
</a>
<a href="https://www.youtube.com/user/ColonelSpankys">
<p class="sr-only">Connect via Youtube</p>
<div class="black-circle">
<i class="fab fa-youtube fa-3x" alt="Youtube logo"></i>
</div>
</a>
<a href="https://colonelspankys.bandcamp.com">
<p class="sr-only">Connect via Bandcamp</p>
<div class="black-circle">
<i class="fab fa-bandcamp fa-3x" alt="Bandcamp logo"></i>
</div>
</a>
</div>
</section>
<footer>
<div id="footer-content">
<div id="logo-container">
<img src="images/logo.png" id="footer-logo"
alt="Colonel Spanky's Love Ensemble's logo, designed by BloodFlower">
</div>
<div id="contact-us">
<div id="contact-details">
<p><strong>Contact Us:</strong></p>
<p><strong>t: </strong>07707393272</p>
<p><strong>e: </strong><a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
</div>
<div id="divider">
<p>© 2024</p>
<p>Web design: <a href="https://www.github.com/jamdelion">jamdelion</a></p>
</div>
</footer>
</body>
</html>