Differences

This shows you the differences between two versions of the page.

--- home [2023/06/04 22:12] – Iain Hallam
+++ home [2026/08/23 19:13] (current) – Iain Hallam
@@ Line 1: / Line 1: @@
 <html>
-<div class="message is-primary is-medium">
+<div class="fixed-grid has-3-cols has-1-cols-mobile">
-    <!--<div class="message-header">Next new singers evening: Tuesday 13th June</div>-->
+    <div class="grid">
-    <div class="message-body content">
+        <div class="cell">
-        <p><strong>Next <a href="/visit">new singers' evening</a>: Tuesday 13<sup>th</sup> June 2023</strong></p>
-        <p><strong>Join our mailing list</strong> for info about our upcoming new singers evenings and concerts; you can unsubscribe at any time.</p>
-<!-- Begin Mailchimp Signup Form -->
-<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
-    <div id="mc_embed_signup">
-    <form action="https://bristolacappella.us17.list-manage.com/subscribe/post?u=48f603dbdbd997ceada5eb155&amp;id=52d1c3dfca" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate style="padding: 0;">
-        <div id="mc_embed_signup_scroll">
-	    <div class="mc-field-group" style="width: 100%;">
-	        <label for="mce-EMAIL">Email Address <sup style="color: #e85c41;">(required)</sup></label>
-	        <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
-            </div>
-            <div class="mc-field-group input-group" style="display:none">
-                <strong>Interests </strong>
-                <ul>
-                    <li><input type="checkbox" value="1" name="group[167430][1]" id="mce-group[167430]-167430-0"><label for="mce-group[167430]-167430-0">BAC News</label></li>
-                    <li><input type="checkbox" value="2" name="group[167430][2]" id="mce-group[167430]-167430-1" checked><label for="mce-group[167430]-167430-1">BAC Open Rehearsals</label></li>
-                </ul>
-            </div>
-	    <div id="mce-responses" class="clear">
-	        <div class="response" id="mce-error-response" style="display:none"></div>
-	        <div class="response" id="mce-success-response" style="display:none"></div>
-	    </div>
-            <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
-            <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_48f603dbdbd997ceada5eb155_52d1c3dfca" tabindex="-1" value=""></div>
-            <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
-        </div>
-    </form>
-</div>
-<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='ADDRESS';ftypes[3]='address';fnames[4]='PHONE';ftypes[4]='phone';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-<!--End mc_embed_signup-->
-    </div>
-</div>
-<div class="tile is-ancestor">
-    <div class="tile is-parent is-vertical">
-        <div class="tile is-child">
             <h2>Who are we?</h2>
-            <p>We're an award-winning mixed barbershop chorus of around thirty members who love to sing close harmony a cappella. Apart from our tune-up pitch, all our sound comes from human voices.</p>
+            <p>Bristol A Cappella is an <strong>award-winning mixed voices barbershop chorus</strong> of around thirty members who love to sing close harmony a cappella. Apart from our tune-up pitch, all our sound comes from human voices.</p>
+            <p>We're affiliated to the <a href="https://www.singbarbershop.com/">British Association of Barbershop Singers</a> and compete there at least every two years; we were the <strong>2023 national mixed chorus champions</strong>.</p>
         </div>
-        <div class="tile is-child">
+        <div class="cell is-row-start-2-tablet">
-            <p class="has-text-centered"><a class="button is-medium is-primary is-outlined" href="https://allvoice.ticketco.events/"><span class="icon"><i class="fas fa-microphone" aria-hidden="true"></i></span><span><strong>See a show</strong></span></a></p>
+            <p class="has-text-centered"><a class="button is-medium is-primary is-outlined" href="https://allvoice.ticketco.events/"><span class="icon"><i class="fas fa-calendar-plus" aria-hidden="true"></i></span><span><strong>See a show</strong></span></a></p>
             <img src="/_media/home/2018-10-06_iabs-baseball.jpg" />
             <p class="is-italic has-text-centered"><a href="http://www.irishbarbershop.com/">IABS</a> convention 2018</p>
         </div>
-    </div>
+        <div class="cell">
-    <div class="tile is-parent is-vertical">
-        <div class="tile is-child">
             <h2>What do we do?</h2>
-            <p>Our songs are mainly from pop music, with a bit of rock and some musicals. We're big on storytelling with our performances, and we aim to compete each year.</p>
+            <p>Our songs are mainly from <strong>pop</strong> music, with a bit of <strong>rock</strong> and some <strong>musicals</strong>, and we strongly feature storytelling and acting in our performances.</p>
-            <p>All our groups are available to hire for your events; let us entertain you!</p>
+            <p>We put on <strong>our own large shows</strong>, and <strong>all our groups are available to hire</strong> for your events; let us entertain you!</p>
         </div>
-        <div class="tile is-child">
+        <div class="cell is-row-start-2-tablet">
             <p class="has-text-centered"><a class="button is-medium is-primary is-outlined" href="/bookings"><span class="icon"><i class="fas fa-ticket-alt" aria-hidden="true"></i></span><span><strong>Hire our groups</strong></span></a></p>
             <img src="/_media/home/2017-08-28_magic-at-clevedon-pier.jpg" />
             <p class="is-italic has-text-centered"><a href="/magic">Bristol mAgiC</a> at Clevedon Pier</p>
         </div>
-    </div>
+        <div class="cell">
-    <div class="tile is-parent is-vertical">
-        <div class="tile is-child">
             <h2>Come and sing!</h2>
-            <p>If you want to improve your vocal craft and are ready to work hard while having lots of fun, join us at an open rehearsal on the second Tuesday of every month at Victoria Methodist church at 7:30 pm or come along to our next New Singers Evening.</p>
+            <p><strong>Next taster session: Tuesday 8th September</strong></p>
-            <p>If you can't make weekly rehearsals, perhaps you'd like our occasional weekend <a href="/outbac"><strong>OutBAC</strong></a> sessions, ending at BABS 2023 mixed chorus contest?
+            <p>We <strong>sing at a high level</strong>, and if you're ready to learn notes independently and work with our educators on your <strong>vocal/performance skills</strong> in a supportive group, join us at an <strong>open rehearsal</strong> on the second Tuesday of every month at Victoria Methodist church at 7:30 pm.</p>
+            <p>If you can't make weekly rehearsals, perhaps you'd like our <strong>intensive weekend <a href="/outbac"><strong>OutBAC</strong></a> sessions</strong>, leading to the BABS 2027 mixed chorus contest?</p>
         </div>
-        <div class="tile is-child">
+        <div class="cell is-row-start-2-tablet">
-            <p class="has-text-centered"><a class="button is-medium is-primary" href="/visit"><span class="icon"><i class="fas fa-calendar-plus" aria-hidden="true"></i></span><span><strong>Visit or join us</strong></span></a></p>
+            <p class="has-text-centered"><a class="button is-medium is-primary" href="/visit"><span class="icon"><i class="fas fa-microphone" aria-hidden="true"></i></span><span><strong>Visit or join us</strong></span></a></p>
             <img src="/_media/home/2016-01-12_new-singers-circle.jpg" />
             <p class="is-italic has-text-centered">Rehearsal night</p>
         </div>
     </div>
+</div>
+<div id="mc_embed_shell" class="message is-primary is-medium">
+  <div class="message-body content">
+    <p><strong>Join our mailing list</strong> for info about our upcoming new singers evenings and concerts; you can unsubscribe at any time.</p>
+    <link href="//cdn-images.mailchimp.com/embedcode/classic-061523.css" rel="stylesheet" type="text/css">
+    <style type="text/css">
+      #mc_embed_signup {background: #fff; font-size: medium;}
+      #mc_embed_signup .foot {width: 100%;}
+      #mc_embed_signup .mc-field-group {width: 100%; padding-bottom: 0;}
+      #mc_embed_signup .mc-field-group.input-group label {padding-left: 0.5em; padding-right: 1em;}
+      #mc_embed_signup .mc-field-group.input-group ul li {display: inline-block;}
+    </style>
+    <div id="mc_embed_signup">
+      <form action="https://bristolacappella.us17.list-manage.com/subscribe/post?u=48f603dbdbd997ceada5eb155&amp;id=52d1c3dfca&amp;f_id=00b906e0f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
+        <div id="mc_embed_signup_scroll">
+          <div class="mc-field-group"><label for="mce-EMAIL">Email Address <sup style="color: #e85c41;">(required)</sup></label>
+          <input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required="" value=""><span id="mce-EMAIL-HELPERTEXT" class="helper_text"></span></div>
+          <div class="mc-field-group input-group">
+            <ul>
+              <li style="padding-right: 2em;">Interests</li>
+              <li><input type="checkbox" name="group[167430][1]" id="mce-group[167430]-167430-0" value="" checked><label for="mce-group[167430]-167430-0">BAC News & Upcoming Shows</label></li>
+              <li><input type="checkbox" name="group[167430][2]" id="mce-group[167430]-167430-1" value="" checked><label for="mce-group[167430]-167430-1">BAC Open Rehearsals</label></li>
+            </ul>
+          </div>
+          <div id="mce-responses" class="clear foot">
+            <div class="response" id="mce-error-response" style="display: none;"></div>
+            <div class="response" id="mce-success-response" style="display: none;"></div>
+          </div>
+          <div aria-hidden="true" style="position: absolute; left: -5000px;">
+            /* real people should not fill this in and expect good things - do not remove this or risk form bot signups */
+            <input type="text" name="b_48f603dbdbd997ceada5eb155_52d1c3dfca" tabindex="-1" value="">
+          </div>
+          <div class="optionalParent">
+            <div class="clear foot">
+              <input type="submit" name="subscribe" id="mc-embedded-subscribe" class="button" value="Subscribe">
+            </div>
+          </div>
+        </div>
+      </form>
+    </div>
+    <script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script><script type="text/javascript">(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='ADDRESS';ftypes[3]='address';fnames[4]='PHONE';ftypes[4]='phone';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
+  </div>
 </div>
 </html>