CINXE.COM

Edwin-Bélanger Bandstand: Musical Performances and Family Activities – Plains of Abraham

<!doctype html> <html lang="en-CA" class=""> <head><meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="referrer" content="origin-when-cross-origin"> <link rel="icon" type="image/png" href="https://www.plainsofabraham.ca/cpresources/6cfc8029/favicon.png?v=1742489196" > <link rel="icon" type="image/svg+xml" href="https://www.plainsofabraham.ca/cpresources/6cfc8029/favicon.svg?v=1742489196" > <script> const shoebox = { siteHandle: "en", cookieConsent: { necessary: Boolean(1), functional: Boolean(), statistics: Boolean(), marketing: Boolean(), } } window.shoebox = shoebox; </script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } (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-P32BZZDS'); </script> <link rel="home" href="https://www.plainsofabraham.ca/"> <link rel="canonical" href="https://www.plainsofabraham.ca/locations-historical-monuments/edwin-belanger-bandstand"> <meta property="og:url" content="https://www.plainsofabraham.ca/locations-historical-monuments/edwin-belanger-bandstand"><meta name="twitter:url" content="https://www.plainsofabraham.ca/locations-historical-monuments/edwin-belanger-bandstand"><meta property="og:locale" content="en-CA"> <title>Edwin-Bélanger Bandstand: Musical Performances and Family Activities – Plains of Abraham</title> <meta name="description" content="Enjoy free musical performances and family activities at the Edwin-Bélanger Bandstand, in the heart of the Plains of Abraham, throughout June, July and August."> <meta name="image" content="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dintérêt/Kiosque-Edwin-Bélanger/_1200x675_crop_center-center_none/JSCHPphoto__KEB_MarcHervieux__img0001_2024-09-10-173948_ffmr.jpg"> <meta name="twitter:card" content="summary_large_image"> <meta property="og:site_name" content="Plains of Abraham"> <meta property="og:type" content="website"> <meta property="og:title" content="Edwin-Bélanger Bandstand: Musical Performances and Family Activities"> <meta property="og:description" content="Enjoy free musical performances and family activities at the Edwin-Bélanger Bandstand, in the heart of the Plains of Abraham, throughout June, July and August."> <meta property="og:image" content="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dintérêt/Kiosque-Edwin-Bélanger/_1200x630_crop_center-center_none/JSCHPphoto__KEB_MarcHervieux__img0001_2024-09-10-173948_ffmr.jpg"> <meta name="twitter:title" content="Edwin-Bélanger Bandstand: Musical Performances and Family Activities"> <meta name="twitter:description" content="Enjoy free musical performances and family activities at the Edwin-Bélanger Bandstand, in the heart of the Plains of Abraham, throughout June, July and August."> <meta name="twitter:image" content="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dintérêt/Kiosque-Edwin-Bélanger/_1200x600_crop_center-center_none/JSCHPphoto__KEB_MarcHervieux__img0001_2024-09-10-173948_ffmr.jpg"> <meta property="og:image:type" content="image/jpeg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <link rel="alternate" href="https://www.plainesdabraham.ca/lieux-monuments-historiques/kiosque-edwin-bélanger" hreflang="fr-ca"> <link rel="alternate" href="https://www.plainsofabraham.ca/locations-historical-monuments/edwin-belanger-bandstand" hreflang="en-ca"> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/www.plainsofabraham.ca\/","name":"Home"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/www.plainsofabraham.ca\/locations-historical-monuments","name":"Locations and historical monuments"}},{"@type":"ListItem","position":3,"item":{"@id":"https:\/\/www.plainsofabraham.ca\/locations-historical-monuments\/edwin-belanger-bandstand","name":"Edwin-Bélanger Bandstand"}}]}</script> <script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script> <script type="module" src="/dist/assets/app-de400cc6.js" crossorigin onload="e=new CustomEvent(&#039;vite-script-loaded&#039;, {detail:{path: &#039;resources/js/app.ts&#039;}});document.dispatchEvent(e);"></script> <link href="/dist/assets/app-46c541a3.css" rel="stylesheet"> <link href="https://www.plainsofabraham.ca/cpresources/2a4d7dc4/css/formie-theme.css?v=1741046123" rel="stylesheet"></head> <body class="bg-beige-100" x-data :class="$store.megaMenu.open ? 'overflow-hidden' : ''"> <noscript ><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P32BZZDS" height="0" width="0" style="display:none;visibility:hidden" ></iframe ></noscript> <div class="flex min-h-dvh flex-col justify-between"> <div> <div class="sticky top-0 z-50" x-data="{activeId: null}" x-show="!$store.fullscreenMap.fullscreen"> <nav class="relative hidden border-b bg-beige-100 md:block"> <div class="mx-auto flex flex-wrap items-center justify-end p-3"> <ul class="flex flex-col gap-4 md:mt-0 md:flex-row md:items-center md:space-x-4"> <li> <a href="https://www.plainsofabraham.ca/blog" class="block hover:font-semibold" >Blog</a> </li> <li> <a href="https://www.plainsofabraham.ca/plains-abraham-map" class="block hover:font-semibold" >Interactive Map</a> </li> <li> <a href="https://www.plainsofabraham.ca/careers" class="block hover:font-semibold" >Career</a> </li> <li> <a href="https://www.plainsofabraham.ca/contact" class="block hover:font-semibold" >Contact</a> </li> <li> <div class="z-1 pointer-events-none relative" > <svg class="size-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20" role="presentation" > <path d="M1.01563 8.82812C1.01562 9.85408 1.2177 10.87 1.61032 11.8178C2.00293 12.7657 2.5784 13.6269 3.30385 14.3524C4.02931 15.0779 4.89055 15.6533 5.83841 16.0459C6.78627 16.4385 7.80217 16.6406 8.82812 16.6406C9.85408 16.6406 10.87 16.4385 11.8178 16.0459C12.7657 15.6533 13.6269 15.0779 14.3524 14.3524C15.0779 13.6269 15.6533 12.7657 16.0459 11.8178C16.4385 10.87 16.6406 9.85408 16.6406 8.82812C16.6406 7.80217 16.4385 6.78627 16.0459 5.83841C15.6533 4.89055 15.0779 4.02931 14.3524 3.30385C13.6269 2.5784 12.7657 2.00293 11.8178 1.61032C10.87 1.2177 9.85408 1.01563 8.82812 1.01562C7.80217 1.01563 6.78627 1.2177 5.83841 1.61032C4.89055 2.00293 4.02931 2.5784 3.30385 3.30385C2.5784 4.02931 2.00293 4.89055 1.61032 5.83841C1.2177 6.78627 1.01562 7.80217 1.01563 8.82812Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.9836 18.9836L14.3516 14.3516" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <div x-data="search" x-trap.noscroll="shown" data-url="https://www.plainsofabraham.ca/search/results" data-target="quick-search-desktop" class="z-30 mx-auto hidden max-w-3xl normal-case" :class="shown ? 'fixed inset-0 w-full px-3 pt-16 pb-12 !flex flex-col h-dvh' : 'relative !block'" > <div :class="shown ? 'fixed inset-0 w-full h-dvh bg-beige-100' : ''" class="z-10" @click="close()"></div> <form x-ref="form" class="relative z-20" action="https://www.plainsofabraham.ca/search"> <input x-ref="filterQuery" @keyup.escape="close" @click="open" @keyup.debounce.400ms="submit" @keyup.enter="$event.target.form.submit()" name="q" autocomplete="off" placeholder="Search for a location, activity, event, etc." class="font-semibold placeholder:truncate placeholder:font-normal placeholder:text-black/60 focus:border focus:border-b-0 focus:border-black focus:shadow-none focus:outline-0 focus:ring-0" :class="shown ? 'w-full bg-beige-300 border-b-0 py-4 pl-4 pr-10' : 'cursor-pointer opacity-0 absolute w-[22px] h-[22px]'" type="text" > <div x-show="shown" class="pointer-events-none absolute right-4 top-5 h-[20px] w-[20px] opacity-40" aria-hidden="true" > <svg class="size-4" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20' > <path d="M1.01563 8.82812C1.01562 9.85408 1.2177 10.87 1.61032 11.8178C2.00293 12.7657 2.5784 13.6269 3.30385 14.3524C4.02931 15.0779 4.89055 15.6533 5.83841 16.0459C6.78627 16.4385 7.80217 16.6406 8.82812 16.6406C9.85408 16.6406 10.87 16.4385 11.8178 16.0459C12.7657 15.6533 13.6269 15.0779 14.3524 14.3524C15.0779 13.6269 15.6533 12.7657 16.0459 11.8178C16.4385 10.87 16.6406 9.85408 16.6406 8.82812C16.6406 7.80217 16.4385 6.78627 16.0459 5.83841C15.6533 4.89055 15.0779 4.02931 14.3524 3.30385C13.6269 2.5784 12.7657 2.00293 11.8178 1.61032C10.87 1.2177 9.85408 1.01563 8.82812 1.01562C7.80217 1.01563 6.78627 1.2177 5.83841 1.61032C4.89055 2.00293 4.02931 2.5784 3.30385 3.30385C2.5784 4.02931 2.00293 4.89055 1.61032 5.83841C1.2177 6.78627 1.01562 7.80217 1.01563 8.82812Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.9836 18.9836L14.3516 14.3516" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <div x-show="shown" class="fixed right-3 top-3"> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all bg-black text-beige-100 hover:bg-black/70 px-2 py-2 gap-1 [&amp;_.animate-arrow]:transition-transform [&amp;:hover_.animate-arrow]:translate-x-1" @click="close" > <svg class="size-6" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M18 6 6 18"/><path d="m6 6 12 12"/> </svg> </a> </div> </form> <div x-show="!shown" class="pointer-events-none relative z-20 -mt-[22px] h-[22px] w-5" ></div> <div x-show="shown" class="z-20 max-h-[calc(100dvh-100px)] overflow-y-auto overscroll-contain border border-t-0 border-black bg-beige-100" > <div x-data="htmlGet" data-source="quick-search-desktop" class="max-w-4xl" @html-get-clear.window="clear" @html-get-load.window="load" > <div x-show="error" class="p-4 text-sm font-normal opacity-60">Search error. Try again later.</div> <div x-show="loading" class="p-4"><svg class="size-5 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="quick-search group p-4 transition-opacity" x-show="ready" ></div> </div> </div> </div> </li> <li> <a class="group flex items-center justify-between gap-2 rounded-full bg-black py-1 pl-2 pr-3 text-xs font-medium uppercase text-white" href="https://www.plainesdabraham.ca/lieux-monuments-historiques/kiosque-edwin-bélanger" > <svg class="h-[18px] w-[18px] transition-all group-hover:translate-x-1" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' > <path d="M19.5849 9.95084C19.5856 11.2135 19.3375 12.4639 18.8549 13.6307C18.3724 14.7975 17.6647 15.8578 16.7723 16.7511C15.8799 17.6444 14.8203 18.3532 13.6541 18.837C12.4878 19.3208 11.2376 19.5702 9.97493 19.5708C7.4127 19.5283 4.97097 18.4755 3.18116 16.6415C1.39136 14.8075 0.398352 12.3409 0.418262 9.77834C0.420314 7.32896 1.38123 4.97772 3.09527 3.22801C4.80932 1.47829 7.14028 0.469166 9.5891 0.416677C9.72743 0.410843 9.86576 0.408343 10.0058 0.408343C11.2625 0.401526 12.5082 0.643428 13.6711 1.12012C14.834 1.5968 15.8911 2.29886 16.7815 3.18584C17.6719 4.07282 18.378 5.1272 18.8591 6.28824C19.3403 7.44929 19.5869 8.69405 19.5849 9.95084Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.58594 0.416748C4.58594 5.83341 4.58594 12.9001 9.58594 19.5667" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.4219 0.416748C15.4219 5.83341 15.4219 12.8976 10.4219 19.5642" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.98828 4.56982H17.9333" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M0.421875 9.56982H19.586" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.65234 14.5698H18.4023" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> </svg> fr</a> </li> </ul> </div> </nav> <nav class="relative border-b bg-beige-100" x-data="mainNav"> <div class="mx-auto flex w-full flex-wrap items-center justify-between p-4 py-2 md:p-0"> <a href="https://www.plainsofabraham.ca/" style="--nav-logo-width: 280px;" class="flex items-center md:hidden" > <img src="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Logos-Plaines/logo-mobile-en.png" class="block h-[40px] w-auto p-1 md:w-[var(--nav-logo-width)]" alt="Logo" > </a> <div id="mega-menu" x-ref="megaMenu" x-cloak class="absolute start-0 top-[var(--nav-height)] order-2 hidden h-[calc(100dvh_-_var(--nav-height))] w-full flex-col justify-between overflow-y-auto overscroll-contain bg-beige-100 md:static md:order-1 md:flex md:h-auto" > <ul class="mx-4 flex flex-col justify-between divide-y divide-black overflow-hidden overflow-y-auto transition-all motion-reduce:transition-none md:mx-0 md:flex md:w-full md:flex-row md:divide-y-0" > <li x-trap="activeId == 26285" class="items-center bg-beige-100 transition-colors first-of-type:justify-start last-of-type:justify-end md:flex md:justify-center md:first-of-type:pl-4 md:last-of-type:pr-4" > <button @click="activeId = activeId == 26285 ? null : 26285" class="overflow-hidden group z-20 flex w-full items-center gap-2 py-6 text-center text-base font-semibold transition-opacity hover:opacity-70 hover:outline-0 focus:outline-0 focus-visible:outline-none md:w-auto md:justify-between md:border-0 md:px-3 md:text-sm xl:text-base" :aria-expanded="activeId == 26285" > The Plains <svg class="pointer-events-none ms-1 h-2.5 w-2.5 transition-transform group-aria-expanded:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.125 3.36328L5.7484 7.73985C5.60936 7.87891 5.38394 7.87891 5.24491 7.73985L0.868304 3.36328" /> </svg> </button> <div class="start-0 top-0 z-10 w-full overflow-y-auto border-b border-beige-300 pb-3 transition-all md:absolute md:top-[var(--nav-height)] md:max-h-[calc(100dvh-var(--nav-height))] md:bg-beige-100 md:px-12 md:py-20 md:shadow-sm" @mouseover.outside.throttle.500ms="!('ontouchstart' in window) && (activeId = null)" x-show="activeId == 26285" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" > <div x-data="{activeId: null}" class="flex gap-20 md:px-3 md:py-4"> <ul class="-mt-3 w-full divide-black md:mt-0 md:w-1/2 md:max-w-[430px] md:divide-y" > <li> <a href="https://www.plainsofabraham.ca/about-us" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26804" @mouseover="activeId = 26804" @blur="activeId = null" >About us </a> </li> <li> <a href="https://www.plainsofabraham.ca/plan-your-visit" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26302" @mouseover="activeId = 26302" @blur="activeId = null" >Plan your visit </a> </li> <li> <a href="https://www.plainsofabraham.ca/locations-historical-monuments/plains-of-abraham-museum" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26293" @mouseover="activeId = 26293" @blur="activeId = null" >Plains of Abraham Museum </a> </li> <li> <a href="https://www.plainsofabraham.ca/locations-historical-monuments/edwin-belanger-bandstand" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26305" @mouseover="activeId = 26305" @blur="activeId = null" >Edwin-Bélanger Bandstand </a> </li> <li> <a href="https://www.plainsofabraham.ca/locations-historical-monuments/maison-smith-cafe" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26296" @mouseover="activeId = 26296" @blur="activeId = null" >Maison Smith Café </a> </li> <li> <a href="https://www.plainsofabraham.ca/plains-abraham-map" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26805" @mouseover="activeId = 26805" @blur="activeId = null" >Interactive Map </a> </li> <li> <a href="https://www.plainsofabraham.ca/parking" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 48693" @mouseover="activeId = 48693" @blur="activeId = null" >Parking </a> </li> </ul> <div class="relative hidden aspect-[8/6] max-h-[500px] w-1/2 grow md:block"> <ul> <li class="relative flex w-full justify-end" :class="activeId == 26804 ? 'visible' : 'invisible'" > <img x-show="activeId == 26804" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Accueil/home-image-hero_2024-09-10-174054_xstc.png" > </li> <li class="relative flex w-full justify-end" :class="activeId == 26302 ? 'visible' : 'invisible'" > <img x-show="activeId == 26302" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/plaines_hiver_21.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 26293 ? 'visible' : 'invisible'" > <img x-show="activeId == 26293" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Mus%C3%A9e-des-plaines-dAbraham/20211013_112649_v2-2.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 26305 ? 'visible' : 'invisible'" > <img x-show="activeId == 26305" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/JSCHPphoto__KEB_MarcHervieux__img0004_2025-03-25-153741_wlmh_2025-03-26-144151_ttcu.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 26296 ? 'visible' : 'invisible'" > <img x-show="activeId == 26296" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Caf%C3%A9-Maison-Smith/IMG_7422.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 26805 ? 'visible' : 'invisible'" > <img x-show="activeId == 26805" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Les-Plaines/CCBN-7644_web.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 48693 ? 'visible' : 'invisible'" > <img x-show="activeId == 48693" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Terrasse-Grey/CCBN_TraditionHorticole_C04_Credit-MaximeGatinois-04100.jpg" > </li> </ul> </div> </div> </div> </li> <li x-trap="activeId == 26286" class="items-center bg-beige-100 transition-colors first-of-type:justify-start last-of-type:justify-end md:flex md:justify-center md:first-of-type:pl-4 md:last-of-type:pr-4" > <button @click="activeId = activeId == 26286 ? null : 26286" class="overflow-hidden group z-20 flex w-full items-center gap-2 py-6 text-center text-base font-semibold transition-opacity hover:opacity-70 hover:outline-0 focus:outline-0 focus-visible:outline-none md:w-auto md:justify-between md:border-0 md:px-3 md:text-sm xl:text-base" :aria-expanded="activeId == 26286" > Activities and Events <svg class="pointer-events-none ms-1 h-2.5 w-2.5 transition-transform group-aria-expanded:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.125 3.36328L5.7484 7.73985C5.60936 7.87891 5.38394 7.87891 5.24491 7.73985L0.868304 3.36328" /> </svg> </button> <div class="start-0 top-0 z-10 w-full overflow-y-auto border-b border-beige-300 pb-3 transition-all md:absolute md:top-[var(--nav-height)] md:max-h-[calc(100dvh-var(--nav-height))] md:bg-beige-100 md:px-12 md:py-20 md:shadow-sm" @mouseover.outside.throttle.500ms="!('ontouchstart' in window) && (activeId = null)" x-show="activeId == 26286" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" > <div x-data="{activeId: null}" class="flex gap-20 md:px-3 md:py-4"> <ul class="-mt-3 w-full divide-black md:mt-0 md:w-1/2 md:max-w-[430px] md:divide-y" > <li> <a href="https://www.plainsofabraham.ca/activities-events?category%5B%5D=events-and-shows" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 51614" @mouseover="activeId = 51614" @blur="activeId = null" >Events and Shows </a> </li> <li> <a href="https://www.plainsofabraham.ca/activities-events?category%5B%5D=exhibitions-and-interpretive-activities" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 51613" @mouseover="activeId = 51613" @blur="activeId = null" >Exhibitions and Interpretive Activities </a> </li> <li> <a href="https://www.plainsofabraham.ca/activities-events?category%5B%5D=sports-leisure" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 51615" @mouseover="activeId = 51615" @blur="activeId = null" >Sports and Leisure </a> </li> <li> <a href="https://www.plainsofabraham.ca/activities-events" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26308" @mouseover="activeId = 26308" @blur="activeId = null" >All Activities and Events </a> </li> </ul> <div class="relative hidden aspect-[8/6] max-h-[500px] w-1/2 grow md:block"> <ul> <li class="relative flex w-full justify-end" :class="activeId == 51614 ? 'visible' : 'invisible'" > <img x-show="activeId == 51614" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/JSCHPphoto__KEB_MarcHervieux__img0004_2025-03-25-153741_wlmh.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 51613 ? 'visible' : 'invisible'" > <img x-show="activeId == 51613" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Mus%C3%A9e-des-plaines-dAbraham/Bus-dAbraham/180_CCBN_PARCS_Credits_AmyGagnon_9367.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 51615 ? 'visible' : 'invisible'" > <img x-show="activeId == 51615" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Activit%C3%A9s-et-%C3%A9v%C3%A9nements/Cachette-de-larchitecte/ChristianGomez-CCBN-0460_web.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 26308 ? 'visible' : 'invisible'" > <img x-show="activeId == 26308" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Activit%C3%A9s-et-%C3%A9v%C3%A9nements/Dernier-verre-du-condamn/KOOPE%CC%81_DernierVerreDuCondamne_03-11-2023-56.jpg" > </li> </ul> </div> </div> </div> </li> <li class="hidden items-center focus:outline-none focus-visible:outline-none md:block" > <div :class="$store.navLogo.shown ? 'w-[var(--nav-logo-width)]' : 'w-0'" class="transition-all duration-300 ease-in-out motion-reduce:transition-none" x-cloak > <a :class="$store.navLogo.shown ? 'opacity-100 translate-y-0 will-change-transform pointer-events-auto' : 'opacity-0 translate-y-3 will-change-auto pointer-events-none'" href="https://www.plainsofabraham.ca/" class="absolute left-[calc(50%-var(--nav-logo-half-width))] top-0 flex h-full items-center transition-all duration-500 ease-in-out motion-reduce:transition-none" > <img src="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Logos-Plaines/L_PLAINS_1-line_Black_RGB-1.png" class="hidden h-auto w-[var(--nav-logo-width)] lg:block" alt="Logo" > <img src="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Logos-Plaines/a.svg" class="hidden h-[40px] w-auto p-1 md:block md:w-[var(--nav-logo-width)] lg:hidden" alt="Logo" > </a> </div> </li> <li x-trap="activeId == 26287" class="items-center bg-beige-100 transition-colors first-of-type:justify-start last-of-type:justify-end md:flex md:justify-center md:first-of-type:pl-4 md:last-of-type:pr-4" > <button @click="activeId = activeId == 26287 ? null : 26287" class="overflow-hidden group z-20 flex w-full items-center gap-2 py-6 text-center text-base font-semibold transition-opacity hover:opacity-70 hover:outline-0 focus:outline-0 focus-visible:outline-none md:w-auto md:justify-between md:border-0 md:px-3 md:text-sm xl:text-base" :aria-expanded="activeId == 26287" > Group Visits <svg class="pointer-events-none ms-1 h-2.5 w-2.5 transition-transform group-aria-expanded:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.125 3.36328L5.7484 7.73985C5.60936 7.87891 5.38394 7.87891 5.24491 7.73985L0.868304 3.36328" /> </svg> </button> <div class="start-0 top-0 z-10 w-full overflow-y-auto border-b border-beige-300 pb-3 transition-all md:absolute md:top-[var(--nav-height)] md:max-h-[calc(100dvh-var(--nav-height))] md:bg-beige-100 md:px-12 md:py-20 md:shadow-sm" @mouseover.outside.throttle.500ms="!('ontouchstart' in window) && (activeId = null)" x-show="activeId == 26287" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" > <div x-data="{activeId: null}" class="flex gap-20 md:px-3 md:py-4"> <ul class="-mt-3 w-full divide-black md:mt-0 md:w-1/2 md:max-w-[430px] md:divide-y" > <li> <a href="https://www.plainsofabraham.ca/group-visits/elementary-schools" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26290" @mouseover="activeId = 26290" @blur="activeId = null" >Elementary Schools </a> </li> <li> <a href="https://www.plainsofabraham.ca/group-visits/high-schools" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26291" @mouseover="activeId = 26291" @blur="activeId = null" >High Schools - Grade 7 to 12 </a> </li> <li> <a href="https://www.plainsofabraham.ca/group-visits/groups-adults" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26288" @mouseover="activeId = 26288" @blur="activeId = null" >Adult Groups </a> </li> <li> <a href="https://www.plainsofabraham.ca/group-visits/group-visits-info" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26289" @mouseover="activeId = 26289" @blur="activeId = null" >General Information </a> </li> </ul> <div class="relative hidden aspect-[8/6] max-h-[500px] w-1/2 grow md:block"> <ul> <li class="relative flex w-full justify-end" :class="activeId == 26290 ? 'visible' : 'invisible'" > <img x-show="activeId == 26290" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/R%C3%A9servations-de-groupe/JSChP_CCBN_activit%C3%A9_scolaire_img8574_LR-2.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 26291 ? 'visible' : 'invisible'" > <img x-show="activeId == 26291" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/R%C3%A9servations-de-groupe/JSChP_CCBN_activit%C3%A9_scolaire_img9047_LR.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 26288 ? 'visible' : 'invisible'" > <img x-show="activeId == 26288" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Mus%C3%A9e-des-plaines-dAbraham/Batailles-1759-1760/C.Gomez_CCBN_0884.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 26289 ? 'visible' : 'invisible'" > <img x-show="activeId == 26289" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/R%C3%A9servations-de-groupe/C.Gomez_CCBN_0703_2024-07-29-195721_jeff.jpg" > </li> </ul> </div> </div> </div> </li> <li x-trap="activeId == 26292" class="items-center bg-beige-100 transition-colors first-of-type:justify-start last-of-type:justify-end md:flex md:justify-center md:first-of-type:pl-4 md:last-of-type:pr-4" > <button @click="activeId = activeId == 26292 ? null : 26292" class="overflow-hidden group z-20 flex w-full items-center gap-2 py-6 text-center text-base font-semibold transition-opacity hover:opacity-70 hover:outline-0 focus:outline-0 focus-visible:outline-none md:w-auto md:justify-between md:border-0 md:px-3 md:text-sm xl:text-base" :aria-expanded="activeId == 26292" > History and Heritage <svg class="pointer-events-none ms-1 h-2.5 w-2.5 transition-transform group-aria-expanded:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.125 3.36328L5.7484 7.73985C5.60936 7.87891 5.38394 7.87891 5.24491 7.73985L0.868304 3.36328" /> </svg> </button> <div class="start-0 top-0 z-10 w-full overflow-y-auto border-b border-beige-300 pb-3 transition-all md:absolute md:top-[var(--nav-height)] md:max-h-[calc(100dvh-var(--nav-height))] md:bg-beige-100 md:px-12 md:py-20 md:shadow-sm" @mouseover.outside.throttle.500ms="!('ontouchstart' in window) && (activeId = null)" x-show="activeId == 26292" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" > <div x-data="{activeId: null}" class="flex gap-20 md:px-3 md:py-4"> <ul class="-mt-3 w-full divide-black md:mt-0 md:w-1/2 md:max-w-[430px] md:divide-y" > <li> <a href="https://www.plainsofabraham.ca/locations-historical-monuments" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26301" @mouseover="activeId = 26301" @blur="activeId = null" >Historical Buildings and Monuments </a> </li> <li> <a href="https://www.plainsofabraham.ca/history-and-heritage/history-of-the-park" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26294" @mouseover="activeId = 26294" @blur="activeId = null" >History of the Park </a> </li> <li> <a href="https://www.plainsofabraham.ca/history-and-heritage/natural-heritage" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26300" @mouseover="activeId = 26300" @blur="activeId = null" >Natural Heritage </a> </li> </ul> <div class="relative hidden aspect-[8/6] max-h-[500px] w-1/2 grow md:block"> <ul> <li class="relative flex w-full justify-end" :class="activeId == 26301 ? 'visible' : 'invisible'" > <img x-show="activeId == 26301" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Tour-Martello-1/plaines_banquephotosautomne_JPEG79.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 26294 ? 'visible' : 'invisible'" > <img x-show="activeId == 26294" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Les-Plaines/shotsae%CC%81riennes_plaines_automneJPEG_14_2024-09-10-174920_arod.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 26300 ? 'visible' : 'invisible'" > <img x-show="activeId == 26300" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Jardin-Jeanne-dArc/jeannedarc_soir15_2024-07-22-142117_ntln.jpg" > </li> </ul> </div> </div> </div> </li> </ul> <div class="sticky bottom-0 left-0 w-full bg-beige-100 md:hidden"> <div class="mb-2 mt-4 px-4 py-2 md:hidden"> <ul class="flex flex-col space-y-4"> <li> <a href="https://www.plainsofabraham.ca/blog" class="block" >Blog</a> </li> <li> <a href="https://www.plainsofabraham.ca/plains-abraham-map" class="block" >Interactive Map</a> </li> <li> <a href="https://www.plainsofabraham.ca/careers" class="block" >Career</a> </li> <li> <a href="https://www.plainsofabraham.ca/contact" class="block" >Contact</a> </li> </ul> </div> <ul class="flex w-full items-center justify-between gap-4 space-x-4 border-t border-beige-300 px-4 py-4"> <div class="flex items-center justify-between gap-8"> </div> <div> <li> <a class="group flex items-center justify-between gap-2 rounded-full bg-black py-1 pl-2 pr-3 text-xs font-medium uppercase text-white" href="https://www.plainesdabraham.ca/lieux-monuments-historiques/kiosque-edwin-bélanger" > <svg class="h-[18px] w-[18px] transition-all group-hover:translate-x-1" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' > <path d="M19.5849 9.95084C19.5856 11.2135 19.3375 12.4639 18.8549 13.6307C18.3724 14.7975 17.6647 15.8578 16.7723 16.7511C15.8799 17.6444 14.8203 18.3532 13.6541 18.837C12.4878 19.3208 11.2376 19.5702 9.97493 19.5708C7.4127 19.5283 4.97097 18.4755 3.18116 16.6415C1.39136 14.8075 0.398352 12.3409 0.418262 9.77834C0.420314 7.32896 1.38123 4.97772 3.09527 3.22801C4.80932 1.47829 7.14028 0.469166 9.5891 0.416677C9.72743 0.410843 9.86576 0.408343 10.0058 0.408343C11.2625 0.401526 12.5082 0.643428 13.6711 1.12012C14.834 1.5968 15.8911 2.29886 16.7815 3.18584C17.6719 4.07282 18.378 5.1272 18.8591 6.28824C19.3403 7.44929 19.5869 8.69405 19.5849 9.95084Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.58594 0.416748C4.58594 5.83341 4.58594 12.9001 9.58594 19.5667" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.4219 0.416748C15.4219 5.83341 15.4219 12.8976 10.4219 19.5642" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.98828 4.56982H17.9333" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M0.421875 9.56982H19.586" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.65234 14.5698H18.4023" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> </svg> fr</a> </li> </div> </ul> </div> </div> <div class="relative order-1 flex items-center gap-2 space-x-1 md:hidden md:space-x-2"> <div class="relative" x-transition:enter="transition motion-reduce:transition-none ease-in-out duration-300" x-transition:enter-start="opacity-0 translate-x-10" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition motion-reduce:transition-none ease-in-out duration-200" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-6" x-show="$store.megaMenu.open" > <div class="z-1 pointer-events-none relative" > <svg class="size-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20" role="presentation" > <path d="M1.01563 8.82812C1.01562 9.85408 1.2177 10.87 1.61032 11.8178C2.00293 12.7657 2.5784 13.6269 3.30385 14.3524C4.02931 15.0779 4.89055 15.6533 5.83841 16.0459C6.78627 16.4385 7.80217 16.6406 8.82812 16.6406C9.85408 16.6406 10.87 16.4385 11.8178 16.0459C12.7657 15.6533 13.6269 15.0779 14.3524 14.3524C15.0779 13.6269 15.6533 12.7657 16.0459 11.8178C16.4385 10.87 16.6406 9.85408 16.6406 8.82812C16.6406 7.80217 16.4385 6.78627 16.0459 5.83841C15.6533 4.89055 15.0779 4.02931 14.3524 3.30385C13.6269 2.5784 12.7657 2.00293 11.8178 1.61032C10.87 1.2177 9.85408 1.01563 8.82812 1.01562C7.80217 1.01563 6.78627 1.2177 5.83841 1.61032C4.89055 2.00293 4.02931 2.5784 3.30385 3.30385C2.5784 4.02931 2.00293 4.89055 1.61032 5.83841C1.2177 6.78627 1.01562 7.80217 1.01563 8.82812Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.9836 18.9836L14.3516 14.3516" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <div x-data="search" x-trap.noscroll="shown" data-url="https://www.plainsofabraham.ca/search/results" data-target="quick-search-mobile" class="z-30 mx-auto hidden max-w-3xl normal-case" :class="shown ? 'fixed inset-0 w-full px-3 pt-16 pb-12 !flex flex-col h-dvh' : 'relative !block'" > <div :class="shown ? 'fixed inset-0 w-full h-dvh bg-beige-100' : ''" class="z-10" @click="close()"></div> <form x-ref="form" class="relative z-20" action="https://www.plainsofabraham.ca/search"> <input x-ref="filterQuery" @keyup.escape="close" @click="open" @keyup.debounce.400ms="submit" @keyup.enter="$event.target.form.submit()" name="q" autocomplete="off" placeholder="Search for a location, activity, event, etc." class="font-semibold placeholder:truncate placeholder:font-normal placeholder:text-black/60 focus:border focus:border-b-0 focus:border-black focus:shadow-none focus:outline-0 focus:ring-0" :class="shown ? 'w-full bg-beige-300 border-b-0 py-4 pl-4 pr-10' : 'cursor-pointer opacity-0 absolute w-[22px] h-[22px]'" type="text" > <div x-show="shown" class="pointer-events-none absolute right-4 top-5 h-[20px] w-[20px] opacity-40" aria-hidden="true" > <svg class="size-4" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20' > <path d="M1.01563 8.82812C1.01562 9.85408 1.2177 10.87 1.61032 11.8178C2.00293 12.7657 2.5784 13.6269 3.30385 14.3524C4.02931 15.0779 4.89055 15.6533 5.83841 16.0459C6.78627 16.4385 7.80217 16.6406 8.82812 16.6406C9.85408 16.6406 10.87 16.4385 11.8178 16.0459C12.7657 15.6533 13.6269 15.0779 14.3524 14.3524C15.0779 13.6269 15.6533 12.7657 16.0459 11.8178C16.4385 10.87 16.6406 9.85408 16.6406 8.82812C16.6406 7.80217 16.4385 6.78627 16.0459 5.83841C15.6533 4.89055 15.0779 4.02931 14.3524 3.30385C13.6269 2.5784 12.7657 2.00293 11.8178 1.61032C10.87 1.2177 9.85408 1.01563 8.82812 1.01562C7.80217 1.01563 6.78627 1.2177 5.83841 1.61032C4.89055 2.00293 4.02931 2.5784 3.30385 3.30385C2.5784 4.02931 2.00293 4.89055 1.61032 5.83841C1.2177 6.78627 1.01562 7.80217 1.01563 8.82812Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.9836 18.9836L14.3516 14.3516" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <div x-show="shown" class="fixed right-3 top-3"> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all bg-black text-beige-100 hover:bg-black/70 px-2 py-2 gap-1 [&amp;_.animate-arrow]:transition-transform [&amp;:hover_.animate-arrow]:translate-x-1" @click="close" > <svg class="size-6" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M18 6 6 18"/><path d="m6 6 12 12"/> </svg> </a> </div> </form> <div x-show="!shown" class="pointer-events-none relative z-20 -mt-[22px] h-[22px] w-5" ></div> <div x-show="shown" class="z-20 max-h-[calc(100dvh-100px)] overflow-y-auto overscroll-contain border border-t-0 border-black bg-beige-100" > <div x-data="htmlGet" data-source="quick-search-mobile" class="max-w-4xl" @html-get-clear.window="clear" @html-get-load.window="load" > <div x-show="error" class="p-4 text-sm font-normal opacity-60">Search error. Try again later.</div> <div x-show="loading" class="p-4"><svg class="size-5 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="quick-search group p-4 transition-opacity" x-show="ready" ></div> </div> </div> </div> </div> <button @click="toggleNav" type="button" class="inline-flex size-10 items-center justify-center p-2 text-sm text-black focus:outline-none md:hidden" aria-controls="mega-menu" aria-expanded="false" > <span class="sr-only">Open main menu</span> <svg class="size-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14" > <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15" /> </svg> </button> </div> </div> </nav> </div> <div class="flex flex-col flex-wrap justify-between md:flex-row"> <div class="spacing-x spacing-x-md my-9 flex flex-wrap items-start gap-y-2 text-sm md:my-12"> <a class="[&:last-of-type_>_svg]:hidden " href="https://www.plainsofabraham.ca/locations-historical-monuments"> Locations and historical monuments <svg class="mx-1 inline-block size-2 text-black" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10" > <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="m1 9 4-4-4-4"/> </svg> </a> <a class="[&:last-of-type_>_svg]:hidden font-bold" href="https://www.plainsofabraham.ca/locations-historical-monuments/edwin-belanger-bandstand"> Edwin-Bélanger Bandstand <svg class="mx-1 inline-block size-2 text-black" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10" > <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="m1 9 4-4-4-4"/> </svg> </a> </div> <div class="spacing-x spacing-x-md mb-9 flex items-center text-sm md:mb-0"> <ul class="flex flex-wrap items-center gap-3 text-sm"> <li class="border border-black px-3 py-1">Sports and Leisure</li> <li class="border border-black px-3 py-1">Building</li> </ul> </div> </div><article class="mb-12 w-full"> <div class="spacing-x spacing-x-md motion-safe:animate-coming-in"> <div class="flex flex-col gap-5 md:gap-8"> <h1 class="max-w-7xl text-[clamp(2rem,_8vw,_8vw)] font-bold !leading-[1.1] sm:text-5xl md:text-6xl lg:text-7xl"> Edwin-Bélanger Bandstand </h1> <div class="flex w-max items-center border border-black px-2 py-1"> <svg class="" xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' > <path d="M8.625 3.4502C8.625 4.08008 8.87522 4.68417 9.32062 5.12957C9.76602 5.57497 10.3701 5.8252 11 5.8252C11.6299 5.8252 12.234 5.57497 12.6794 5.12957C13.1248 4.68417 13.375 4.08008 13.375 3.4502C13.375 2.82031 13.1248 2.21622 12.6794 1.77082C12.234 1.32542 11.6299 1.0752 11 1.0752C10.3701 1.0752 9.76602 1.32542 9.32062 1.77082C8.87522 2.21622 8.625 2.82031 8.625 3.4502Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.4203 9.14961C12.4203 8.77168 12.2702 8.40922 12.0029 8.14198C11.7357 7.87474 11.3732 7.72461 10.9953 7.72461C10.6174 7.72461 10.2549 7.87474 9.98769 8.14198C9.72045 8.40922 9.57031 8.77168 9.57031 9.14961V16.7496C9.57031 17.1275 9.72045 17.49 9.98769 17.7572C10.2549 18.0245 10.6174 18.1746 10.9953 18.1746H15.2703C15.3509 18.1746 15.4301 18.1951 15.5006 18.2342C15.571 18.2732 15.6304 18.3295 15.6731 18.3979L17.4895 21.3049C17.5887 21.4635 17.7182 21.6011 17.8705 21.7098C18.0229 21.8185 18.1951 21.896 18.3775 21.9381C18.5598 21.9802 18.7487 21.986 18.9332 21.955C19.1178 21.9241 19.2945 21.8572 19.4532 21.758C19.6119 21.6588 19.7495 21.5294 19.8581 21.377C19.9668 21.2246 20.0443 21.0524 20.0864 20.87C20.1285 20.6877 20.1343 20.4988 20.1034 20.3143C20.0724 20.1297 20.0055 19.953 19.9063 19.7944L18.0899 16.8874C17.7924 16.4079 17.3771 16.0126 16.8835 15.739C16.39 15.4655 15.8346 15.3228 15.2703 15.3246H12.8953C12.7693 15.3246 12.6485 15.2746 12.5594 15.1855C12.4704 15.0964 12.4203 14.9756 12.4203 14.8496V9.14961Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.4485 20.1785C13.9707 20.9662 13.3092 21.6263 12.5205 22.1023C11.7318 22.5783 10.8394 22.8561 9.91991 22.9119C9.00037 22.9676 8.08103 22.7996 7.24061 22.4224C6.40019 22.0451 5.66373 21.4697 5.09431 20.7456C4.52488 20.0214 4.13947 19.17 3.97106 18.2643C3.80265 17.3586 3.85627 16.4256 4.12732 15.5452C4.39838 14.6647 4.87879 13.8631 5.52742 13.2089C6.17606 12.5548 6.97358 12.0676 7.85169 11.7891" stroke="black" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span class="h-4 pl-1 text-sm">Accessible site</span> </div> <div class="items-top flex flex-col justify-between gap-5 lg:flex-row lg:gap-20"> <div class="prose max-w-4xl text-xl"><p><strong>From June 19 to August 23</strong>, enjoy more than 20 free outdoor musical performances and family activities in the enchanting landscape of the Edwin-Bélanger Bandstand!</p></div> </div> <div x-data="{open: false}"> <div class="relative grid aspect-[2/1] md:aspect-[8/2] overflow-y-hidden grid-cols-2 grid-rows-2 gap-6 md:grid-cols-4"> <div class="col-span-4 row-span-2"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/JSCHPphoto__KEB_MarcHervieux__img0001_2024-09-19-154549_oryg.jpg" loading="lazy" class="h-full w-full object-cover"> </div> </div> <div x-show="open" x-trap="open" x-cloak x-transition:enter="transition motion-reduce:transition-none ease-in-out duration-500" x-transition:enter-start="opacity-0 translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in-out duration-300" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-3" class="fixed inset-0 z-50 h-dvh w-full overflow-y-auto overscroll-contain bg-beige-100 p-6 sm:p-12 md:p-20" @keyup.window.escape="open = false" > <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all bg-black text-beige-100 hover:bg-black/70 px-2 py-2 gap-1 absolute right-3 top-3 [&amp;_.animate-arrow]:transition-transform [&amp;:hover_.animate-arrow]:translate-x-1" @click="open = false" > <svg class="size-4" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M18 6 6 18"/><path d="m6 6 12 12"/> </svg> </a> <div class="grid grid-cols-1 gap-2 sm:gap-4 md:grid-cols-6 md:gap-6"> <div class="sm:col-span-4"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/JSCHPphoto__KEB_MarcHervieux__img0001_2024-09-19-154549_oryg.jpg" loading="lazy" class="h-full w-full object-cover"> </div> </div> </div> </div> </div> </div> <div class="grid grid-cols-4 md:grid-cols-8"> <div x-data="{shown: true}" x-intersect.once.margin.-100px="shown = true" :class="shown ? 'opacity-100' : 'opacity-50 translate-y-10'" class=" mx-auto block w-full transition duration-500 motion-reduce:transition-none spacing-x spacing-x-md spacing-y spacing-y-md col-span-4 md:col-span-4 " > <div data-type="wysiwyg" class=" group block-theme-current " > <article class="prose max-w-5xl"> <h2 style="margin-left:0px;"><strong>An Accessible Stage for All</strong></h2><p style="margin-left:0px;">The Bandstand comes alive with a variety of musical styles, from country and rock to pop, blues, jazz, and folk, as well as Indigenous traditional music.</p><p style="margin-left:0px;">Among the artists who will surprise audiences with an intimate performance are Christian Marc Gendron and Manon Séguin, Andréanne A. Malette, Guylaine Tanguay, Yvan Pedneault, Génération Crooners, LBA Band, Coco Country Band, Mike DeWay, Kawandak, Gabrielle Destroismaisons, as well as Patrick Norman and Nathalie Lord.</p><p style="margin-left:0px;">Enjoy homemade treats and refreshing drinks from <a href="https://www.plainsofabraham.ca/locations-historical-monuments/maison-smith-cafe?token=CXrlL_mEXxK_HEgHU8Hw1R3n-ulN6dOl&amp;x-craft-preview=2796b95ee064417f9c9260cbaea074b94640962d69d5f94f6d138c4a617610b3xsgyvokhgz"><strong><u>Maison Smith Café</u></strong></a>, just a few steps from the Kiosque in the central pavilion.</p> </article> </div> </div> <div x-data="{shown: false}" x-intersect.once.margin.-100px="shown = true" :class="shown ? 'opacity-100' : 'opacity-50 translate-y-10'" class=" mx-auto block w-full transition duration-500 motion-reduce:transition-none not-prose spacing-x spacing-x-md spacing-y spacing-y-md col-span-4 md:col-span-3 col-start-1 md:col-start-6 " > <div data-type="mapPreview" class=" group block-theme-black-on-beige " > <div class="@container"> <div ax-load x-data="mapPreview" class="map relative w-full border border-b-0 border-beige-300 group-[.block-theme-current]:border-b" > <ul id="map-locations" class="hidden"> <li data-marker-image="location-map-preview" data-position="{&quot;id&quot;:null,&quot;ownerId&quot;:1152,&quot;ownerSiteId&quot;:2,&quot;fieldId&quot;:48,&quot;zoom&quot;:17,&quot;distance&quot;:null,&quot;lat&quot;:46.79978467996885,&quot;lng&quot;:-71.22152460715502,&quot;address&quot;:&quot;15, Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm, Qu\u00e9bec, G1R 5H3, Qu\u00e9bec, Qu\u00e9bec, Canada&quot;,&quot;parts&quot;:{&quot;number&quot;:&quot;15&quot;,&quot;address&quot;:&quot;Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm&quot;,&quot;city&quot;:&quot;Qu\u00e9bec&quot;,&quot;postcode&quot;:&quot;G1R 5H3&quot;,&quot;county&quot;:&quot;Qu\u00e9bec&quot;,&quot;state&quot;:&quot;Qu\u00e9bec&quot;,&quot;country&quot;:&quot;Canada&quot;,&quot;planet&quot;:&quot;Earth&quot;,&quot;system&quot;:&quot;the Solar System&quot;,&quot;arm&quot;:&quot;Orion Arm&quot;,&quot;galaxy&quot;:&quot;Milky Way&quot;,&quot;group&quot;:&quot;the Local Group&quot;,&quot;cluster&quot;:&quot;Virgo Cluster&quot;,&quot;supercluster&quot;:&quot;Laniakea Supercluster&quot;},&quot;what3words&quot;:null}" ></li> <li data-marker-image="location-map-preview" data-position='{"lng": "", "lat": "" }' ></li> </ul> <div class="relative flex w-full overflow-y-hidden overscroll-contain"> <div x-ref="map" class="absolute h-[300px] shrink-0 grow @xl:h-[400px] lg:static" data-api-key="DTcn1FJWsuONNJgvHx2a" data-markers-images="{ &quot;location-default&quot;: &quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABJCAMAAAC9+g4xAAABAlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACMk1gjJRZGSiw1NyF7gE0SEwsSEguDilNpbkJgZT0JCQYJCQVyd0jT08JGSSzx8d4PDw5YXDcaHBF7gU0JCgWEilNpb0KEiVPExLSIiH1XXDc9QSc+QCYeHhxPUzI+QCfi4tA9QCd4eG9yd0dhZTw0NyE8PDh5eW8sLhxPUzG1taZhZT00OCEbGxEREwtqamE1OCFbW1SXl4tbW1MbHBG1taempphLS0ZaWlNLS0VMTEWXl4qHh31yeEgsLhu4/I4QAAAAFnRSTlMA3yDPEO9AUHCAv2CPkKBfMK+fsG9/pfHhSgAAAtBJREFUeF61ltdy2zAQRQmxqFiSS5ILdqp3ufee2nv5/19JIFsG7VlYAmZ8XjlnsXsJkLCeCqdY3bAZALDKernoaMneiwoeYFcLy668IuSxf7hzGvH/RFkj8MeixMoy+nMXGB9mE36fLIwBtrCCxwB/MOEUA1HBe7T1KhBn0qAqVNVRFhjGXf4oXYCpgiy6+DziCxjFcIukvgqcT/hC0mNglda7fCm6VIEipasLPByh4FK6uoB7P0SH4ZhrcA7m5P0q4omOnw5RvT/8iGsxasGTPkOXaxKA3ekriLk2MUpy+YG+n8F15PIG+PMGbAxM/AEqM33NbHme3r6CGkKFMA3fAsNwyml2Ub5pPyPtyMctV5EiQVvsfDRJ/bSF/mWn19va3kfS5hQtOGLv+eTqCT4c9WZ0fiAhO/DFMSwjoPwQP3t3XOCKDqBmWes4o5YHOtLv9MnzsYNnqvgCfOrleIcDwm+LABlZ2sfXvP+RfMcjcYYAOpovef8lHTLwVP57bOf9beyq/ZSM9iLv7+OM9lX5pS38kvpvxFyVn40/nOAA/a25vtWnT/hUnOA6/YyfAycz++hE9Wu5FvunhFD5l+l/u7z83lfpPBRfIA8Jp2n4mOFnnCaZfUBcZFzBqBEEOxFX0Aa7+f4E3IgQG8L30Ew1Tdm+oILA+Ptr3kCUYH6bq2DPZPr13OWhod895BWihGak2X0LJUtSRxJpDl+zcjg2hhoZbiawnYdXz2G0tP5GXkJlAXoEunmhUwX0dUnBRrOxWH/VErOT1LB4JwdA3VJRBsL00eReA2VLTdGVIdCju55ClSk21KPL5FQ4dSBQj04kR4SwpzE6GcIwIvacanR6K5GbxqiA1LULSN2mdDUOwzAlzptGB/LO9VfqOgXmrzEQuj5rLg6Efg2sWSaUgDbnEVCyzKghSTcTlC1TbOyFYJYxBRfyN2EYgejeHLag+38mdSXL9ZHSGwAAAABJRU5ErkJggg==&quot;, &quot;location-blue&quot;: &quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABJCAMAAAC9+g4xAAAA+VBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACGor0TFxtNXWwKCw5zi6JgdIePrsscIymZudjT08JDUF8KDA4PDw5DUV/x8d4nLzY6RVHExLSPrcswOkRpgJWIiH1NXGxWaHomLzZ8l69DUl8eHhw6RlHi4tBqf5Q5RVF9lq88PDh4eG9pf5R5eW9MXGw5RlFMXWy1tacnLjZLS0VbW1MmLjYdIylbW1RqamGXl4t9l6+mpphWaXq1taZLS0ZXaHpMTEVaWlOXl4qHh30wOUTWkfRSAAAAFnRSTlMA3yAQz+9AUIBwv49gkKBfMK+fsG9/76kSzgAAAslJREFUeF61l+dy4zAMhEVLco2dcndLqruW9N5zvffy/g9zoZPQckJEImeyv/2BwJKAYOep5NZaax4DANZcrddcI7j6ool78lqVsicvSTgc78enPLsWjy6CcShDLJXBn/tAuB8l2aKiQwGwwghVBozjJNMplhGqj6beAkSkAG2EFm1lhSEMskcVAIwysuYj5VmBuIBf0+LLwCTJCrU+BJb1+HZWSoEuQI3AiQD3S6j4BE4E8BdNdBmGmYEmYG6eb0EkJvz6B7QWi+eZkXiI3EtkdPG0BUzhSxCZsQQa8+Njcz6C79ocr7R7l4CH2IaP0ZzhK3bHZ+u3V9DGS6rElwJIT6iBMET9Jn39D/h73GqDEw568uWjr8VPQwwuu6PRdOsA4os2QAhXNt4bYk58PBrN1H0LwbU3INuwjkDfIb9GSmfY0BvQdpxVHOuOB7pzvjsA197gM8q+AO9GOX3CjobfkwYycG1pX/P8Z+0dc9lDgN6a13n+u95k4Kn4Q2zl+S0MaT7RWnuW5w9wTPEMXN8cf+b4X4iM8s+D9nF+w2B6h08H+g6PZAd3iO6fAOcz+uic+rT8lO+nQbVvAAx+XF7+HlB4NpETqEqOj4sxZhpH5AiVA8QHuTHwiyCIeUZoD+xm/mxnVppgTfJV9BNTVKUv1cS29fy1T4AL3G1zTfRsql/NLQ+b5tljvkI00Df/fjecuToQ3LD4tpOT6yE18DAR8Nz7q2fKS+OpWkLzAQQvnbzEiQDGuArgoV/iGjdDWbtWbeCqCH8FdBxKdeAkedS5E6Du0Kr5ygRqea9SrHJxky5dOUfK7QBXdOl552gTeqalF/+PSVKydOIpEY/GIoDCzQMo3CNwQi5Dmmj6zSQDtXP9U7hZgN7tvUvcXCv+zdK1A6w4NmpArgYcaDh2akMkiUDdsZWH3gTMsVbFh/pM2Fogs7cXK8j+PxeAaYIEhEBAAAAAAElFTkSuQmCC&quot;, &quot;location-black&quot;: &quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABJCAMAAAC9+g4xAAAAilBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADT08IPDw7x8d55eW/i4tDExLSIiH08PDh4eG8eHhxLS0VbW1NqamGmppiXl4u1taZbW1SXl4qHh31MTEW1tadLS0ZaWlMd9FkbAAAAFnRSTlMA3yAQz+9AUHCAv5Bgj6BfrzCfsH9vOk+8NQAAAadJREFUeNq11ulS6zAMBWDJS/aEFu49TUoL3H3l/V+Pmc4UBaZyY2X4/p9YcrzRR/FlfxsYALjZ1KWnHMWnBu+E3tEyvmtwUehogc8RKu6uVs5I4oISfI+rek8ax1iAnRIvIxaJJQlxg8VutLj9AyWylPSWi8gSHc15Rib2NNMjW29rXhSSZxgwnXUwqWR4k+hl+DUFBBg1p/gWwvILWpjVUr5JICIH1bjfTdPh+ASVT629X/fTye5LahvWUPydXj1A0RJtoNhJfjfisjt9+r5OM9/0CWRc9n2a+aHvISj+TTM/ofi4/HGaOebnH6aZJz3PUPyW+B8oOLH8x8M5fhgTO3iA6vGUvn+E6o6ogm78v98/j+kTqADWHSARZrzy/LklkgbMV1Cz7vy1F9ARrSlgY3o8CEdnFQwqEgOytTTjAzIFrz49TY9Qx6a4cGyKCxdsvYsWiwykqRdf+uYnfCwoxbFh5ub8gITB01W1rXVRRlPrwrHWuu0DErd/IDjK4dk0unBsigvHprjYRpxtyaKSk9KmlVVnEwCAyUIuFkd2lVRvw1eqfwHLGQQsMhunXAAAAABJRU5ErkJggg==&quot;, &quot;location-green&quot;: &quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABJCAMAAAC9+g4xAAAA21BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAARGBCGwH4IDAhDYD9+tHdlkF9+tHYiMCAaJBhUeE8ySDBtnGd2qG7T08JdhFfx8d52qG87VDg7VDcPDw5LbEd1qG4qPCiIiH0zSDDExLQySC/i4tAeHhxchFc8PDh5eW94eG8zSC9tnGZ1qG9LS0VqamG1tadbW1NMTEWXl4u1taaXl4qHh31MbEdbW1SmpphLS0ZaWlPCrZk8AAAAFnRSTlMA3yAQz+9AUHCAv5Bgj6BfrzCfsH9vOk+8NQAAAsJJREFUeF61luV2GzEQRldeMMUOtP0Ey2YIMpS57/9ErZw62uSMYmvPyf3tO5r5VpLlvRZ+s3cQMABgnb1203eSo7cdPCPoNbZdeUfLMpsXd0Pxj2EyVpnUJXa20d+FgJwnqXhKcsYBtrFCxICsSAVFoStEL7beA3hiDKpCzx5lg0Eq8SIKYLYgmyHyodjAIUfYJPVdoEzFRtI5sEvrSmyFogo0Kd1e4PkIjZDWaRTCpyH6DDPhQAnmV/0eeOripzl6T4cfCicOJSLjMyjhiAJ71HfAhTMcLbN84e4nCH2zfA2ydQMBijp+gc5K36+3vEj/f4Iubm0j3nIgP0kEzRzth/bpH9xn+M/R1JJgoHc+JKkPJBbXo8nk9PgCfCAoJHy99zJydY6f55MVo/fgZAeZPoZtKPqEfJ48coUjOoCu5+3hkloeGBl/tCDPR4E3tvgUPk0qfMCSikgHyMjSGX5V/S/kNz7UZwigo/lY9b/SIQOv5Z/huOofY2b3YzLaq6p/gUvat+WXSnwz+ndwYcsvwJ0g+IHF6Vo/XdAnPNEnuG85/SVws7LPb2x/LUu9f1q246uAxe/r6z8Lmy5KfQNF1utjnGFFlggavrpAQiTWW36sVDEUFgZgD/ePErUocaD9CDJ2NE37mg5U7fu3fgP3HOvXXAezOtPvVR4PY/fuYZ4QLcipY/cSLc/QB586Dt/1KvgBcocMY47Af/70zKdb67l5hJoC9Ah081qnCrjrhkYAOd6sj6WenaS7xRtUAX3PRhs4iV9MrgTanp1maEKgRw8ji2pSHNtHN8nZ8PuAso9OJEeEMHMYnQqB2Itxbh+d3kr0pnEv4K6bAkYPKN2Oz5DHxHlz6MC8uY6M7lJg/RmV1t3ZD7HU+hLY9+rQAgarl2DLq0cXPI452l5dAsxKMK82jRDmb6JmBLr7+rAN3f8F+1AqZtptphAAAAAASUVORK5CYII=&quot; }" data-custom-map-id="d90b9c77-79ff-40eb-8897-463475cd8e98" ></div> </div> </div> <div class="flex flex-col items-start justify-between gap-2 px-4 py-3 group-[.block-theme-current]:px-0 @sm:flex-row @sm:items-center @sm:gap-8"> <p class="max-w-6xl text-lg">Edwin-Bélanger Bandstand</p> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all bg-black text-beige-100 hover:bg-black/70 group-[.block-theme-beige-on-black]:text-black group-[.block-theme-beige-on-black]:bg-beige-100 group-[.block-theme-beige-on-black]:hover:bg-beige-300 px-6 py-4 text-base gap-4 shrink-0 [&amp;_.animate-arrow]:transition-transform [&amp;:hover_.animate-arrow]:translate-x-1" target="_blank" href="https://maps.app.goo.gl/TaucAqAsJywGqgex5" @click="gtag(&#039;event&#039;, &#039;bloc_CTA_clic&#039;, { &#039;titre_bloc&#039;: &#039;Carte\u0020interactive&#039; });" > Get there <svg class="size-4 animate-arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" stroke-width="2" fill="none" role="presentation" > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </a> </div> </div> </div> </div> <div x-data="{shown: false}" x-intersect.once.margin.-100px="shown = true" :class="shown ? 'opacity-100' : 'opacity-50 translate-y-10'" class=" mx-auto block w-full transition duration-500 motion-reduce:transition-none not-prose spacing-x spacing-x-md spacing-y spacing-y-md col-span-4 md:col-span-8 " > <div data-type="image" class=" group block-theme-current " > <div x-data="{open: false}"> <div class="relative grid aspect-[2/1] md:aspect-[8/2] overflow-y-hidden grid-cols-2 grid-rows-2 gap-6 md:grid-cols-4"> <div class="col-span-2 row-span-2"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/2024/JSCHP_KarmaKameleon_img7891-Avec-accentuation-Bruit.jpg" loading="lazy" class="h-full w-full object-cover"> </div> <div class="col-span-1 row-span-2 hidden md:block"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/JSCHPphoto__KEB_MarcHervieux__img0002.jpg" loading="lazy" class="h-full w-full object-cover"> </div> <div class="col-span-1 row-span-2 hidden md:block"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/2024/JSCHP_LesCousins_img0300.jpg" loading="lazy" class="h-full w-full object-cover"> </div> <button @click="open = true" class="absolute bottom-3 right-3 col-span-1 row-span-1 flex gap-3 bg-black text-beige-100 md:hidden" > <span class="flex flex-col items-center justify-center p-3"> <svg class="size-5" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M12 5v14M5 12h14"/> </svg> </span> </button> </div> <div x-show="open" x-trap="open" x-cloak x-transition:enter="transition motion-reduce:transition-none ease-in-out duration-500" x-transition:enter-start="opacity-0 translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in-out duration-300" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-3" class="fixed inset-0 z-50 h-dvh w-full overflow-y-auto overscroll-contain bg-beige-100 p-6 sm:p-12 md:p-20" @keyup.window.escape="open = false" > <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all bg-black text-beige-100 hover:bg-black/70 px-2 py-2 gap-1 absolute right-3 top-3 [&amp;_.animate-arrow]:transition-transform [&amp;:hover_.animate-arrow]:translate-x-1" @click="open = false" > <svg class="size-4" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M18 6 6 18"/><path d="m6 6 12 12"/> </svg> </a> <div class="grid grid-cols-1 gap-2 sm:gap-4 md:grid-cols-6 md:gap-6"> <div class="sm:col-span-4"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/2024/JSCHP_KarmaKameleon_img7891-Avec-accentuation-Bruit.jpg" loading="lazy" class="h-full w-full object-cover"> </div> <div class="sm:col-span-2"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/JSCHPphoto__KEB_MarcHervieux__img0002.jpg" loading="lazy" class="h-full w-full object-cover"> </div> <div class="sm:col-span-3"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/2024/JSCHP_LesCousins_img0300.jpg" loading="lazy" class="h-full w-full object-cover"> </div> </div> </div> </div> </div> </div> <div x-data="{shown: false}" x-intersect.once.margin.-100px="shown = true" :class="shown ? 'opacity-100' : 'opacity-50 translate-y-10'" class=" mx-auto block w-full transition duration-500 motion-reduce:transition-none not-prose overflow-x-hidden spacing-x spacing-x-md spacing-y spacing-y-md col-span-4 md:col-span-8 " > <div data-type="listEvents" class=" group block-theme-current " > <div ax-load x-data="eventsCarousel"> <h2 class="block-title mb-8 block text-4xl font-bold">2025 Program</h2> <div class="swiper swiper__events-carousel !overflow-visible mb-20"> <ul class="swiper-wrapper flex flex-row"> <li class="swiper-slide"> <div class="@container" x-data="{ tileColor: $store.tilesColors.getNextColor() }"> <a href="https://www.plainsofabraham.ca/activities-events/loveu2" class="group/tile flex h-full flex-col items-stretch justify-between overflow-hidden bg-beige-300 transition-colors hover:bg-[var(--bg-color)] group-[.block-theme-black-on-beige]:bg-beige-100 group-[.block-theme-black-on-beige]:hover:bg-[var(--bg-color)] @xs:h-[33rem] @lg:min-h-[14rem] @xl:h-auto @xl:flex-row" :style="{'--bg-color': 'var(--tile-color-' + tileColor + ')'}" @click="gtag(&#039;event&#039;, &#039;carrousel_tuile_clic&#039;, { &#039;item&#039;: &#039;LOVEU2&#039; });" > <div class="flex flex-1 flex-col justify-between px-6 @xl:w-2/3"> <div> <span class="flex w-full items-baseline justify-between gap-2 border-b border-black pb-3 pt-5 font-semibold"> June 19 <div class="shrink-0 text-right"> <span class="text-base font-semibold">Free</span> </div> </span> <span class="block truncate pt-3.5"> Edwin-Bélanger Bandstand </span> <span class="my-5 line-clamp-2 max-h-20 overflow-ellipsis text-2xl font-bold @xl:mb-4 sm:text-4xl mt-3.5 "> LOVEU2 </span> </div> <span class="flex items-center justify-between gap-3 pb-5 font-medium"> Learn more <svg class="size-5" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </span> </div> <div class="@xl:w-1/3 w-full shrink-0 h-[250px] overflow-hidden @xl:h-[240px]"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/Prog-2025/LOVEU2/IMG_0695.JPG" class="h-full w-full object-cover transition-transform duration-500 ease-in-out group-hover/tile:scale-105" > </div> </a> </div> </li> <li class="swiper-slide"> <div class="@container" x-data="{ tileColor: $store.tilesColors.getNextColor() }"> <a href="https://www.plainsofabraham.ca/activities-events/tennessee-whiskey" class="group/tile flex h-full flex-col items-stretch justify-between overflow-hidden bg-beige-300 transition-colors hover:bg-[var(--bg-color)] group-[.block-theme-black-on-beige]:bg-beige-100 group-[.block-theme-black-on-beige]:hover:bg-[var(--bg-color)] @xs:h-[33rem] @lg:min-h-[14rem] @xl:h-auto @xl:flex-row" :style="{'--bg-color': 'var(--tile-color-' + tileColor + ')'}" @click="gtag(&#039;event&#039;, &#039;carrousel_tuile_clic&#039;, { &#039;item&#039;: &#039;Tennessee\u0020Whiskey&#039; });" > <div class="flex flex-1 flex-col justify-between px-6 @xl:w-2/3"> <div> <span class="flex w-full items-baseline justify-between gap-2 border-b border-black pb-3 pt-5 font-semibold"> June 21 <div class="shrink-0 text-right"> <span class="text-base font-semibold">Free</span> </div> </span> <span class="block truncate pt-3.5"> Edwin-Bélanger Bandstand </span> <span class="my-5 line-clamp-2 max-h-20 overflow-ellipsis text-2xl font-bold @xl:mb-4 sm:text-4xl mt-3.5 "> Tennessee Whiskey </span> </div> <span class="flex items-center justify-between gap-3 pb-5 font-medium"> Learn more <svg class="size-5" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </span> </div> <div class="@xl:w-1/3 w-full shrink-0 h-[250px] overflow-hidden @xl:h-[240px]"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/Prog-2025/Tennessee-Whiskey/Tennessee-Whiskey-2023%C2%A9cvezphoto-378.jpeg" class="h-full w-full object-cover transition-transform duration-500 ease-in-out group-hover/tile:scale-105" > </div> </a> </div> </li> <li class="swiper-slide"> <div class="@container" x-data="{ tileColor: $store.tilesColors.getNextColor() }"> <a href="https://www.plainsofabraham.ca/activities-events/chico-band" class="group/tile flex h-full flex-col items-stretch justify-between overflow-hidden bg-beige-300 transition-colors hover:bg-[var(--bg-color)] group-[.block-theme-black-on-beige]:bg-beige-100 group-[.block-theme-black-on-beige]:hover:bg-[var(--bg-color)] @xs:h-[33rem] @lg:min-h-[14rem] @xl:h-auto @xl:flex-row" :style="{'--bg-color': 'var(--tile-color-' + tileColor + ')'}" @click="gtag(&#039;event&#039;, &#039;carrousel_tuile_clic&#039;, { &#039;item&#039;: &#039;Chico\u0020Band&#039; });" > <div class="flex flex-1 flex-col justify-between px-6 @xl:w-2/3"> <div> <span class="flex w-full items-baseline justify-between gap-2 border-b border-black pb-3 pt-5 font-semibold"> June 26 <div class="shrink-0 text-right"> <span class="text-base font-semibold">Free</span> </div> </span> <span class="block truncate pt-3.5"> Edwin-Bélanger Bandstand </span> <span class="my-5 line-clamp-2 max-h-20 overflow-ellipsis text-2xl font-bold @xl:mb-4 sm:text-4xl mt-3.5 "> Chico Band </span> </div> <span class="flex items-center justify-between gap-3 pb-5 font-medium"> Learn more <svg class="size-5" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </span> </div> <div class="@xl:w-1/3 w-full shrink-0 h-[250px] overflow-hidden @xl:h-[240px]"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/Prog-2025/Chico-Band/IMG_2728.jpeg" class="h-full w-full object-cover transition-transform duration-500 ease-in-out group-hover/tile:scale-105" > </div> </a> </div> </li> <li class="swiper-slide"> <div class="@container" x-data="{ tileColor: $store.tilesColors.getNextColor() }"> <a href="https://www.plainsofabraham.ca/activities-events/christian-marc-gendron" class="group/tile flex h-full flex-col items-stretch justify-between overflow-hidden bg-beige-300 transition-colors hover:bg-[var(--bg-color)] group-[.block-theme-black-on-beige]:bg-beige-100 group-[.block-theme-black-on-beige]:hover:bg-[var(--bg-color)] @xs:h-[33rem] @lg:min-h-[14rem] @xl:h-auto @xl:flex-row" :style="{'--bg-color': 'var(--tile-color-' + tileColor + ')'}" @click="gtag(&#039;event&#039;, &#039;carrousel_tuile_clic&#039;, { &#039;item&#039;: &#039;Christian\u0020Marc\u0020Gendron\u0020et\u0020Manon\u0020S\u00E9guin&#039; });" > <div class="flex flex-1 flex-col justify-between px-6 @xl:w-2/3"> <div> <span class="flex w-full items-baseline justify-between gap-2 border-b border-black pb-3 pt-5 font-semibold"> June 28 <div class="shrink-0 text-right"> <span class="text-base font-semibold">Free</span> </div> </span> <span class="block truncate pt-3.5"> Edwin-Bélanger Bandstand </span> <span class="my-5 line-clamp-2 max-h-20 overflow-ellipsis text-2xl font-bold @xl:mb-4 sm:text-4xl mt-3.5 "> Christian Marc Gendron et Manon Séguin </span> </div> <span class="flex items-center justify-between gap-3 pb-5 font-medium"> Learn more <svg class="size-5" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </span> </div> <div class="@xl:w-1/3 w-full shrink-0 h-[250px] overflow-hidden @xl:h-[240px]"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/Prog-2025/Christian-Marc-Gendron/CMGManon_2021_midrez-2-2_2025-03-25-200642_paop.jpeg" class="h-full w-full object-cover transition-transform duration-500 ease-in-out group-hover/tile:scale-105" > </div> </a> </div> </li> <li class="swiper-slide"> <div class="@container" x-data="{ tileColor: $store.tilesColors.getNextColor() }"> <a href="https://www.plainsofabraham.ca/activities-events/andreanne-a-malette" class="group/tile flex h-full flex-col items-stretch justify-between overflow-hidden bg-beige-300 transition-colors hover:bg-[var(--bg-color)] group-[.block-theme-black-on-beige]:bg-beige-100 group-[.block-theme-black-on-beige]:hover:bg-[var(--bg-color)] @xs:h-[33rem] @lg:min-h-[14rem] @xl:h-auto @xl:flex-row" :style="{'--bg-color': 'var(--tile-color-' + tileColor + ')'}" @click="gtag(&#039;event&#039;, &#039;carrousel_tuile_clic&#039;, { &#039;item&#039;: &#039;Andr\u00E9anne\u0020A.\u0020Malette&#039; });" > <div class="flex flex-1 flex-col justify-between px-6 @xl:w-2/3"> <div> <span class="flex w-full items-baseline justify-between gap-2 border-b border-black pb-3 pt-5 font-semibold"> July 17 <div class="shrink-0 text-right"> <span class="text-base font-semibold">Free</span> </div> </span> <span class="block truncate pt-3.5"> Edwin-Bélanger Bandstand </span> <span class="my-5 line-clamp-2 max-h-20 overflow-ellipsis text-2xl font-bold @xl:mb-4 sm:text-4xl mt-3.5 "> Andréanne A. Malette </span> </div> <span class="flex items-center justify-between gap-3 pb-5 font-medium"> Learn more <svg class="size-5" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </span> </div> <div class="@xl:w-1/3 w-full shrink-0 h-[250px] overflow-hidden @xl:h-[240px]"> <img alt="Image d&#039;Andréanne A. Malette portant ses bras devant elle et couvrant une partie de son visage." src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/Prog-2025/Andr%C3%A9anne-A-Malette/Andreanne-A.Malette_creditCatherineDeslauriers-1-2_2025-03-11-171605_gqnr.jpeg" class="h-full w-full object-cover transition-transform duration-500 ease-in-out group-hover/tile:scale-105" > </div> </a> </div> </li> <li class="swiper-slide"> <div class="@container" x-data="{ tileColor: $store.tilesColors.getNextColor() }"> <a href="https://www.plainsofabraham.ca/activities-events/duo-phoenix" class="group/tile flex h-full flex-col items-stretch justify-between overflow-hidden bg-beige-300 transition-colors hover:bg-[var(--bg-color)] group-[.block-theme-black-on-beige]:bg-beige-100 group-[.block-theme-black-on-beige]:hover:bg-[var(--bg-color)] @xs:h-[33rem] @lg:min-h-[14rem] @xl:h-auto @xl:flex-row" :style="{'--bg-color': 'var(--tile-color-' + tileColor + ')'}" @click="gtag(&#039;event&#039;, &#039;carrousel_tuile_clic&#039;, { &#039;item&#039;: &#039;Duo\u0020Phoenix&#039; });" > <div class="flex flex-1 flex-col justify-between px-6 @xl:w-2/3"> <div> <span class="flex w-full items-baseline justify-between gap-2 border-b border-black pb-3 pt-5 font-semibold"> July 24 <div class="shrink-0 text-right"> <span class="text-base font-semibold">Free</span> </div> </span> <span class="block truncate pt-3.5"> Edwin-Bélanger Bandstand </span> <span class="my-5 line-clamp-2 max-h-20 overflow-ellipsis text-2xl font-bold @xl:mb-4 sm:text-4xl mt-3.5 "> Duo Phoenix </span> </div> <span class="flex items-center justify-between gap-3 pb-5 font-medium"> Learn more <svg class="size-5" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </span> </div> <div class="@xl:w-1/3 w-full shrink-0 h-[250px] overflow-hidden @xl:h-[240px]"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/Prog-2025/Pehonix/DSC4041.jpeg" class="h-full w-full object-cover transition-transform duration-500 ease-in-out group-hover/tile:scale-105" > </div> </a> </div> </li> <li class="swiper-slide"> <div class="@container" x-data="{ tileColor: $store.tilesColors.getNextColor() }"> <a href="https://www.plainsofabraham.ca/activities-events/guylaine-tanguay" class="group/tile flex h-full flex-col items-stretch justify-between overflow-hidden bg-beige-300 transition-colors hover:bg-[var(--bg-color)] group-[.block-theme-black-on-beige]:bg-beige-100 group-[.block-theme-black-on-beige]:hover:bg-[var(--bg-color)] @xs:h-[33rem] @lg:min-h-[14rem] @xl:h-auto @xl:flex-row" :style="{'--bg-color': 'var(--tile-color-' + tileColor + ')'}" @click="gtag(&#039;event&#039;, &#039;carrousel_tuile_clic&#039;, { &#039;item&#039;: &#039;Guylaine\u0020Tanguay&#039; });" > <div class="flex flex-1 flex-col justify-between px-6 @xl:w-2/3"> <div> <span class="flex w-full items-baseline justify-between gap-2 border-b border-black pb-3 pt-5 font-semibold"> July 24 <div class="shrink-0 text-right"> <span class="text-base font-semibold">Free</span> </div> </span> <span class="block truncate pt-3.5"> Edwin-Bélanger Bandstand </span> <span class="my-5 line-clamp-2 max-h-20 overflow-ellipsis text-2xl font-bold @xl:mb-4 sm:text-4xl mt-3.5 "> Guylaine Tanguay </span> </div> <span class="flex items-center justify-between gap-3 pb-5 font-medium"> Learn more <svg class="size-5" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </span> </div> <div class="@xl:w-1/3 w-full shrink-0 h-[250px] overflow-hidden @xl:h-[240px]"> <img alt="Guylaine Tanguay" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/Prog-2025/Guylaine-Tanguay/cid_f_m6tnzjxr0-1.jpeg" class="h-full w-full object-cover transition-transform duration-500 ease-in-out group-hover/tile:scale-105" > </div> </a> </div> </li> <li class="swiper-slide"> <div class="@container" x-data="{ tileColor: $store.tilesColors.getNextColor() }"> <a href="https://www.plainsofabraham.ca/activities-events/yvan-pedneault" class="group/tile flex h-full flex-col items-stretch justify-between overflow-hidden bg-beige-300 transition-colors hover:bg-[var(--bg-color)] group-[.block-theme-black-on-beige]:bg-beige-100 group-[.block-theme-black-on-beige]:hover:bg-[var(--bg-color)] @xs:h-[33rem] @lg:min-h-[14rem] @xl:h-auto @xl:flex-row" :style="{'--bg-color': 'var(--tile-color-' + tileColor + ')'}" @click="gtag(&#039;event&#039;, &#039;carrousel_tuile_clic&#039;, { &#039;item&#039;: &#039;Yvan\u0020Pedneault&#039; });" > <div class="flex flex-1 flex-col justify-between px-6 @xl:w-2/3"> <div> <span class="flex w-full items-baseline justify-between gap-2 border-b border-black pb-3 pt-5 font-semibold"> July 26 <div class="shrink-0 text-right"> <span class="text-base font-semibold">Free</span> </div> </span> <span class="block truncate pt-3.5"> Edwin-Bélanger Bandstand </span> <span class="my-5 line-clamp-2 max-h-20 overflow-ellipsis text-2xl font-bold @xl:mb-4 sm:text-4xl mt-3.5 "> Yvan Pedneault </span> </div> <span class="flex items-center justify-between gap-3 pb-5 font-medium"> Learn more <svg class="size-5" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </span> </div> <div class="@xl:w-1/3 w-full shrink-0 h-[250px] overflow-hidden @xl:h-[240px]"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/Prog-2025/Yvan-Pedneault/Yvan_Pedneault_Queen_Photo_2025-03-12-200552_jnag.jpg" class="h-full w-full object-cover transition-transform duration-500 ease-in-out group-hover/tile:scale-105" > </div> </a> </div> </li> <li class="swiper-slide"> <div class="@container" x-data="{ tileColor: $store.tilesColors.getNextColor() }"> <a href="https://www.plainsofabraham.ca/activities-events/generation-crooners" class="group/tile flex h-full flex-col items-stretch justify-between overflow-hidden bg-beige-300 transition-colors hover:bg-[var(--bg-color)] group-[.block-theme-black-on-beige]:bg-beige-100 group-[.block-theme-black-on-beige]:hover:bg-[var(--bg-color)] @xs:h-[33rem] @lg:min-h-[14rem] @xl:h-auto @xl:flex-row" :style="{'--bg-color': 'var(--tile-color-' + tileColor + ')'}" @click="gtag(&#039;event&#039;, &#039;carrousel_tuile_clic&#039;, { &#039;item&#039;: &#039;G\u00E9n\u00E9ration\u0020Crooners&#039; });" > <div class="flex flex-1 flex-col justify-between px-6 @xl:w-2/3"> <div> <span class="flex w-full items-baseline justify-between gap-2 border-b border-black pb-3 pt-5 font-semibold"> July 31 <div class="shrink-0 text-right"> <span class="text-base font-semibold">Free</span> </div> </span> <span class="block truncate pt-3.5"> Edwin-Bélanger Bandstand </span> <span class="my-5 line-clamp-2 max-h-20 overflow-ellipsis text-2xl font-bold @xl:mb-4 sm:text-4xl mt-3.5 "> Génération Crooners </span> </div> <span class="flex items-center justify-between gap-3 pb-5 font-medium"> Learn more <svg class="size-5" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </span> </div> <div class="@xl:w-1/3 w-full shrink-0 h-[250px] overflow-hidden @xl:h-[240px]"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/Prog-2025/Generation-Crooners/Ge%CC%81ne%CC%81ration-Crooners3-1.jpg" class="h-full w-full object-cover transition-transform duration-500 ease-in-out group-hover/tile:scale-105" > </div> </a> </div> </li> <li class="swiper-slide"> <div class="@container" x-data="{ tileColor: $store.tilesColors.getNextColor() }"> <a href="https://www.plainsofabraham.ca/activities-events/coco-country-band" class="group/tile flex h-full flex-col items-stretch justify-between overflow-hidden bg-beige-300 transition-colors hover:bg-[var(--bg-color)] group-[.block-theme-black-on-beige]:bg-beige-100 group-[.block-theme-black-on-beige]:hover:bg-[var(--bg-color)] @xs:h-[33rem] @lg:min-h-[14rem] @xl:h-auto @xl:flex-row" :style="{'--bg-color': 'var(--tile-color-' + tileColor + ')'}" @click="gtag(&#039;event&#039;, &#039;carrousel_tuile_clic&#039;, { &#039;item&#039;: &#039;Coco\u0020Country\u0020Band&#039; });" > <div class="flex flex-1 flex-col justify-between px-6 @xl:w-2/3"> <div> <span class="flex w-full items-baseline justify-between gap-2 border-b border-black pb-3 pt-5 font-semibold"> August 7 <div class="shrink-0 text-right"> <span class="text-base font-semibold">Free</span> </div> </span> <span class="block truncate pt-3.5"> Edwin-Bélanger Bandstand </span> <span class="my-5 line-clamp-2 max-h-20 overflow-ellipsis text-2xl font-bold @xl:mb-4 sm:text-4xl mt-3.5 "> Coco Country Band </span> </div> <span class="flex items-center justify-between gap-3 pb-5 font-medium"> Learn more <svg class="size-5" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </span> </div> <div class="@xl:w-1/3 w-full shrink-0 h-[250px] overflow-hidden @xl:h-[240px]"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/Prog-2025/Coco-Country-Band/CCB46539.jpeg" class="h-full w-full object-cover transition-transform duration-500 ease-in-out group-hover/tile:scale-105" > </div> </a> </div> </li> <li class="swiper-slide"> <div class="@container" x-data="{ tileColor: $store.tilesColors.getNextColor() }"> <a href="https://www.plainsofabraham.ca/activities-events/arthur-l-aventurier" class="group/tile flex h-full flex-col items-stretch justify-between overflow-hidden bg-beige-300 transition-colors hover:bg-[var(--bg-color)] group-[.block-theme-black-on-beige]:bg-beige-100 group-[.block-theme-black-on-beige]:hover:bg-[var(--bg-color)] @xs:h-[33rem] @lg:min-h-[14rem] @xl:h-auto @xl:flex-row" :style="{'--bg-color': 'var(--tile-color-' + tileColor + ')'}" @click="gtag(&#039;event&#039;, &#039;carrousel_tuile_clic&#039;, { &#039;item&#039;: &#039;Arthur\u0020l\u0027Aventurier&#039; });" > <div class="flex flex-1 flex-col justify-between px-6 @xl:w-2/3"> <div> <span class="flex w-full items-baseline justify-between gap-2 border-b border-black pb-3 pt-5 font-semibold"> August 9 <div class="shrink-0 text-right"> <span class="text-base font-semibold">Free</span> </div> </span> <span class="block truncate pt-3.5"> Edwin-Bélanger Bandstand </span> <span class="my-5 line-clamp-2 max-h-20 overflow-ellipsis text-2xl font-bold @xl:mb-4 sm:text-4xl mt-3.5 "> Arthur l&#039;Aventurier </span> </div> <span class="flex items-center justify-between gap-3 pb-5 font-medium"> Learn more <svg class="size-5" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </span> </div> <div class="@xl:w-1/3 w-full shrink-0 h-[250px] overflow-hidden @xl:h-[240px]"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/Prog-2025/Arthur-Aventurier/Photo-Arthur-et-dromadaire_Maroc_1.2.18.jpg" class="h-full w-full object-cover transition-transform duration-500 ease-in-out group-hover/tile:scale-105" > </div> </a> </div> </li> <li class="swiper-slide"> <div class="@container" x-data="{ tileColor: $store.tilesColors.getNextColor() }"> <a href="https://www.plainsofabraham.ca/activities-events/gabrielle-destroismaisons" class="group/tile flex h-full flex-col items-stretch justify-between overflow-hidden bg-beige-300 transition-colors hover:bg-[var(--bg-color)] group-[.block-theme-black-on-beige]:bg-beige-100 group-[.block-theme-black-on-beige]:hover:bg-[var(--bg-color)] @xs:h-[33rem] @lg:min-h-[14rem] @xl:h-auto @xl:flex-row" :style="{'--bg-color': 'var(--tile-color-' + tileColor + ')'}" @click="gtag(&#039;event&#039;, &#039;carrousel_tuile_clic&#039;, { &#039;item&#039;: &#039;Gabrielle\u0020Destroismaisons&#039; });" > <div class="flex flex-1 flex-col justify-between px-6 @xl:w-2/3"> <div> <span class="flex w-full items-baseline justify-between gap-2 border-b border-black pb-3 pt-5 font-semibold"> August 21 <div class="shrink-0 text-right"> <span class="text-base font-semibold">Free</span> </div> </span> <span class="block truncate pt-3.5"> Edwin-Bélanger Bandstand </span> <span class="my-5 line-clamp-2 max-h-20 overflow-ellipsis text-2xl font-bold @xl:mb-4 sm:text-4xl mt-3.5 "> Gabrielle Destroismaisons </span> </div> <span class="flex items-center justify-between gap-3 pb-5 font-medium"> Learn more <svg class="size-5" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </span> </div> <div class="@xl:w-1/3 w-full shrink-0 h-[250px] overflow-hidden @xl:h-[240px]"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/Prog-2025/Gabrielle-Destroismaisons/GD3M-3-1.jpg" class="h-full w-full object-cover transition-transform duration-500 ease-in-out group-hover/tile:scale-105" > </div> </a> </div> </li> <li class="swiper-slide"> <div class="@container" x-data="{ tileColor: $store.tilesColors.getNextColor() }"> <a href="https://www.plainsofabraham.ca/activities-events/kawandak" class="group/tile flex h-full flex-col items-stretch justify-between overflow-hidden bg-beige-300 transition-colors hover:bg-[var(--bg-color)] group-[.block-theme-black-on-beige]:bg-beige-100 group-[.block-theme-black-on-beige]:hover:bg-[var(--bg-color)] @xs:h-[33rem] @lg:min-h-[14rem] @xl:h-auto @xl:flex-row" :style="{'--bg-color': 'var(--tile-color-' + tileColor + ')'}" @click="gtag(&#039;event&#039;, &#039;carrousel_tuile_clic&#039;, { &#039;item&#039;: &#039;Kawandak&#039; });" > <div class="flex flex-1 flex-col justify-between px-6 @xl:w-2/3"> <div> <span class="flex w-full items-baseline justify-between gap-2 border-b border-black pb-3 pt-5 font-semibold"> August 16 <div class="shrink-0 text-right"> <span class="text-base font-semibold">Free</span> </div> </span> <span class="block truncate pt-3.5"> Edwin-Bélanger Bandstand </span> <span class="my-5 line-clamp-2 max-h-20 overflow-ellipsis text-2xl font-bold @xl:mb-4 sm:text-4xl mt-3.5 "> Kawandak </span> </div> <span class="flex items-center justify-between gap-3 pb-5 font-medium"> Learn more <svg class="size-5" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </span> </div> <div class="@xl:w-1/3 w-full shrink-0 h-[250px] overflow-hidden @xl:h-[240px]"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/Prog-2025/Kawandak/Kawandak_2.jpeg" class="h-full w-full object-cover transition-transform duration-500 ease-in-out group-hover/tile:scale-105" > </div> </a> </div> </li> <li class="swiper-slide"> <div class="@container" x-data="{ tileColor: $store.tilesColors.getNextColor() }"> <a href="https://www.plainsofabraham.ca/activities-events/patrick-norman" class="group/tile flex h-full flex-col items-stretch justify-between overflow-hidden bg-beige-300 transition-colors hover:bg-[var(--bg-color)] group-[.block-theme-black-on-beige]:bg-beige-100 group-[.block-theme-black-on-beige]:hover:bg-[var(--bg-color)] @xs:h-[33rem] @lg:min-h-[14rem] @xl:h-auto @xl:flex-row" :style="{'--bg-color': 'var(--tile-color-' + tileColor + ')'}" @click="gtag(&#039;event&#039;, &#039;carrousel_tuile_clic&#039;, { &#039;item&#039;: &#039;Patrick\u0020Norman\u0020and\u0020Nathalie\u0020Lord&#039; });" > <div class="flex flex-1 flex-col justify-between px-6 @xl:w-2/3"> <div> <span class="flex w-full items-baseline justify-between gap-2 border-b border-black pb-3 pt-5 font-semibold"> August 23 <div class="shrink-0 text-right"> <span class="text-base font-semibold">Free</span> </div> </span> <span class="block truncate pt-3.5"> Edwin-Bélanger Bandstand </span> <span class="my-5 line-clamp-2 max-h-20 overflow-ellipsis text-2xl font-bold @xl:mb-4 sm:text-4xl mt-3.5 "> Patrick Norman and Nathalie Lord </span> </div> <span class="flex items-center justify-between gap-3 pb-5 font-medium"> Learn more <svg class="size-5" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </span> </div> <div class="@xl:w-1/3 w-full shrink-0 h-[250px] overflow-hidden @xl:h-[240px]"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/Prog-2025/Patrick-Norman/IMG_1191-1.jpeg" class="h-full w-full object-cover transition-transform duration-500 ease-in-out group-hover/tile:scale-105" > </div> </a> </div> </li> </ul> <div class="swiper-scrollbar "></div> </div> <div class="mt-5 flex flex-col items-center justify-between gap-8 md:flex-row"> <p class="text-xl"></p> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all bg-black text-beige-100 hover:bg-black/70 group-[.block-theme-beige-on-black]:text-black group-[.block-theme-beige-on-black]:bg-beige-100 group-[.block-theme-beige-on-black]:hover:bg-beige-300 px-6 py-4 text-base gap-4 w-full self-start max-w-[330px] [&amp;_.animate-arrow]:transition-transform [&amp;:hover_.animate-arrow]:translate-x-1" href="https://www.plainsofabraham.ca/activities-events?category%5B%5D=events-and-shows" @click="gtag(&#039;event&#039;, &#039;bloc_CTA_clic&#039;, { &#039;titre_bloc&#039;: &#039;2025\u0020Program&#039; });" > Check the complete program <svg class="size-4 animate-arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" stroke-width="2" fill="none" role="presentation" > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </a> </div> </div> </div> </div> <div x-data="{shown: false}" x-intersect.once.margin.-100px="shown = true" :class="shown ? 'opacity-100' : 'opacity-50 translate-y-10'" class=" mx-auto block w-full transition duration-500 motion-reduce:transition-none not-prose spacing-x spacing-x-none spacing-y spacing-y-md col-span-4 md:col-span-8 " > <div data-type="duoTextGrid" class=" group block-theme-black-on-beige " > <div class="py-8 md:py-12"> <h2 class="spacing-x spacing-x-md mb-10 block text-4xl font-bold">Frequently Asked Questions</h2> <div class="flex flex-col "> <div class="spacing-x spacing-x-md flex flex-col gap-1 border-t border-black/10 py-5 group-[.block-theme-current]:border-beige-300 md:flex-row"> <h3 class="block flex-grow font-semibold md:w-[300px]">Are events cancelled when it rains?</h3> <div class="md:w-[calc(100%_-_300px)] [&_figure_+_figure]:mt-3 [&_img]:max-h-14 [&_img]:w-auto"> <p style="margin-left:0px;">Events will take place rain or shine. They are cancelled only as a last resort when weather conditions constitute a threat to the artist and public. They cannot be relocated or postponed. <br /><br />When possible, the cancellation is announced on the Plains of Abraham <a href="https://www.facebook.com/plainsabraham/"><strong><u>Facebook</u></strong></a> page. Please note that the decision can be made at the last minute.</p> </div> </div> <div class="spacing-x spacing-x-md flex flex-col gap-1 border-t border-black/10 py-5 group-[.block-theme-current]:border-beige-300 md:flex-row"> <h3 class="block flex-grow font-semibold md:w-[300px]">How much are the events?</h3> <div class="md:w-[calc(100%_-_300px)] [&_figure_+_figure]:mt-3 [&_img]:max-h-14 [&_img]:w-auto"> <p style="margin-left:0px;">Cultural events at the Edwin-Bélanger Bandstand are free.</p> </div> </div> <div class="spacing-x spacing-x-md flex flex-col gap-1 border-t border-black/10 py-5 group-[.block-theme-current]:border-beige-300 md:flex-row"> <h3 class="block flex-grow font-semibold md:w-[300px]">Are there bathroom facilities on site?</h3> <div class="md:w-[calc(100%_-_300px)] [&_figure_+_figure]:mt-3 [&_img]:max-h-14 [&_img]:w-auto"> <p style="margin-left:0px;">Bathrooms are available at the Pavilion, near the Edwin-Bélanger Bandstand.</p> </div> </div> <div class="spacing-x spacing-x-md flex flex-col gap-1 border-t border-black/10 py-5 group-[.block-theme-current]:border-beige-300 md:flex-row"> <h3 class="block flex-grow font-semibold md:w-[300px]">What time are the events?</h3> <div class="md:w-[calc(100%_-_300px)] [&_figure_+_figure]:mt-3 [&_img]:max-h-14 [&_img]:w-auto"> <p style="margin-left:0px;">It depends. See the program for more information about the cultural events.</p> </div> </div> <div class="spacing-x spacing-x-md flex flex-col gap-1 border-t border-black/10 py-5 group-[.block-theme-current]:border-beige-300 md:flex-row"> <h3 class="block flex-grow font-semibold md:w-[300px]">Can I bring a chair?</h3> <div class="md:w-[calc(100%_-_300px)] [&_figure_+_figure]:mt-3 [&_img]:max-h-14 [&_img]:w-auto"> <p>Yes, absolutely. You can bring chairs and blankets to comfortably enjoy the show.</p> </div> </div> <div class="spacing-x spacing-x-md flex flex-col gap-1 border-t border-black/10 py-5 group-[.block-theme-current]:border-beige-300 md:flex-row"> <h3 class="block flex-grow font-semibold md:w-[300px]">Can I eat on site?</h3> <div class="md:w-[calc(100%_-_300px)] [&_figure_+_figure]:mt-3 [&_img]:max-h-14 [&_img]:w-auto"> <p>Of course! You are welcome to bring a picnic or enjoy foods and drinks from <a href="https://www.plainsofabraham.ca/locations-historical-monuments/maison-smith-cafe"><strong><u>La Maison Smith Café</u></strong></a> at the central pavilion.</p> </div> </div> <div class="spacing-x spacing-x-md flex flex-col gap-1 border-t border-black/10 py-5 group-[.block-theme-current]:border-beige-300 md:flex-row"> <h3 class="block flex-grow font-semibold md:w-[300px]">Can I submit my application as an artist?</h3> <div class="md:w-[calc(100%_-_300px)] [&_figure_+_figure]:mt-3 [&_img]:max-h-14 [&_img]:w-auto"> <p>Spontaneous applications are not accepted for the Edwin-Bélanger Bandstand.</p> </div> </div> <div class="spacing-x spacing-x-md flex flex-col gap-1 border-t border-black/10 py-5 group-[.block-theme-current]:border-beige-300 md:flex-row"> <h3 class="block flex-grow font-semibold md:w-[300px]">Access and Parking</h3> <div class="md:w-[calc(100%_-_300px)] [&_figure_+_figure]:mt-3 [&_img]:max-h-14 [&_img]:w-auto"> <p style="margin-left:0px;">You can either walk, take a bus, car pool or park your vehicle in the <a href="https://www.plainsofabraham.ca/plains-abraham-map"><strong><u>parking lots</u></strong></a> on the Plains of Abraham. For evening evenings, parking is also available next to the Edwin-Bélanger Bandstand starting at 5 p.m. at a cost of $9 (until 11 p.m.).</p> </div> </div> <div class="spacing-x spacing-x-md flex flex-col gap-1 border-t border-black/10 py-5 group-[.block-theme-current]:border-beige-300 md:flex-row"> <h3 class="block flex-grow font-semibold md:w-[300px]">Notice about show cancellations</h3> <div class="md:w-[calc(100%_-_300px)] [&_figure_+_figure]:mt-3 [&_img]:max-h-14 [&_img]:w-auto"> <p style="margin-left:0px;">The National Battlefields Commission would like to remind the Edwin-Bélanger Bandstand enthusiasts that the events will only be cancelled if the weather poses a threat to the artists or the spectators. Such a decision will be taken during the evening, at the time the show would be scheduled to begin, to give Mother Nature a fighting chance to cooperate.</p><p style="margin-left:0px;"> </p><p style="margin-left:0px;">The NBC makes a point to present quality entertainment according to the schedule, and cannot postpone a cancelled event, nor host it elsewhere.</p> </div> </div> </div> </div> </div> </div> <div x-data="{shown: false}" x-intersect.once.margin.-100px="shown = true" :class="shown ? 'opacity-100' : 'opacity-50 translate-y-10'" class=" mx-auto block w-full transition duration-500 motion-reduce:transition-none not-prose spacing-x spacing-x-2xl spacing-y spacing-y-lg col-span-4 md:col-span-8 " > <div data-type="heroText" class=" group block-theme-current " > <div class="p-6 group-[.block-theme-current]:p-0 " ax-load x-cloak x-data="textReveal" > <div class="mb-3 block text-lg font-bold"> Edwin Bélanger (1910-2005) </div> <div aria-label="The musicians may come and go, but the music remains..." class="text-reveal !leading-none text-4xl md:text-5xl xl:text-6xl"> The musicians may come and go, but the music remains... </div> </div> </div> </div> <div x-data="{shown: false}" x-intersect.once.margin.-100px="shown = true" :class="shown ? 'opacity-100' : 'opacity-50 translate-y-10'" class=" mx-auto block w-full transition duration-500 motion-reduce:transition-none spacing-x spacing-x-md spacing-y spacing-y-lg col-span-4 md:col-span-4 " > <div data-type="wysiwyg" class=" group block-theme-current " > <article class="prose max-w-5xl"> <h2 style="margin-left:0px;"><strong>About Edwin Bélanger</strong></h2><p style="margin-left:0px;">Inaugurated in 1993, this musical bandstand was named after a distinguished personality who greatly contributed to the growth of Québec City’s musical scene: Captain Edwin Bélanger.</p><p style="margin-left:0px;">A violinist, viola player, conductor, arranger, composer and teacher, this Montmagny native was one of the founders of the Cercle Philharmonique de Québec, an institution he brilliantly directed for seven years. For nine years he also held the reins of the Orchestre Symphonique de Québec, brightening its repertoire with variety and boldness. It was also during this mandate that this inspired man with a heart of gold set up the Matinées symphoniques de l'OSQ, to arouse in children a taste for the magic of music. His 24-year involvement in La Musique du Royal 22e Régiment helped publicize the pieces played by this regiment throughout the world. He was also president of the Association des musicians de Québec.</p><p style="margin-left:0px;">After enjoying a long-standing, rewarding career, Mr. Bélanger passed away on January 14, 2005, at the age of 94. Many musicians and music lovers will treasure lasting memories of this great man who left his mark on Québec City’s musical and cultural landscape.    </p> </article> </div> </div> <div x-data="{shown: false}" x-intersect.once.margin.-100px="shown = true" :class="shown ? 'opacity-100' : 'opacity-50 translate-y-10'" class=" mx-auto block w-full transition duration-500 motion-reduce:transition-none not-prose spacing-x spacing-x-md spacing-y spacing-y-lg col-span-4 md:col-span-3 col-start-1 md:col-start-6 " > <div data-type="image" class=" group block-theme-current " > <div x-data="{open: false}"> <div class="relative grid grid-cols-2 grid-rows-2 gap-6 md:grid-cols-4"> <div class="col-span-4 row-span-2"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/Edwin-B%C3%A9langer_2025-02-05-140551_zrno.jpg" loading="lazy" class="h-full w-full object-cover"> </div> </div> <div x-show="open" x-trap="open" x-cloak x-transition:enter="transition motion-reduce:transition-none ease-in-out duration-500" x-transition:enter-start="opacity-0 translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in-out duration-300" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-3" class="fixed inset-0 z-50 h-dvh w-full overflow-y-auto overscroll-contain bg-beige-100 p-6 sm:p-12 md:p-20" @keyup.window.escape="open = false" > <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all bg-black text-beige-100 hover:bg-black/70 px-2 py-2 gap-1 absolute right-3 top-3 [&amp;_.animate-arrow]:transition-transform [&amp;:hover_.animate-arrow]:translate-x-1" @click="open = false" > <svg class="size-4" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M18 6 6 18"/><path d="m6 6 12 12"/> </svg> </a> <div class="grid grid-cols-1 gap-2 sm:gap-4 md:grid-cols-6 md:gap-6"> <div class="sm:col-span-4"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/Edwin-B%C3%A9langer_2025-02-05-140551_zrno.jpg" loading="lazy" class="h-full w-full object-cover"> </div> </div> </div> </div> </div> </div> </div> </article> </div> <div> <div class="spacing-x spacing-x-md flex w-full justify-end text-accent-500" x-data x-show="!$store.fullscreenMap.fullscreen" > <img src="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Illustrations/Flower-1.svg" alt=""> </div> <footer class="bg-accent-500 pt-12" x-data x-show="!$store.fullscreenMap.fullscreen"> <div class="grid grid-cols-4 md:grid-cols-8"> <div x-data="{shown: true}" x-intersect.once.margin.-100px="shown = true" :class="shown ? 'opacity-100' : 'opacity-50 translate-y-10'" class=" mx-auto block w-full transition duration-500 motion-reduce:transition-none not-prose col-span-4 md:col-span-8 " > <div data-type="form" class="" > <div> <div class="flex flex-col gap-4 sm:gap-8 lg:gap-12 lg:mx-8 mx-4 lg:py-20 py-12 border-y border-current"> <h2 class="text-2xl font-bold sm:text-5xl">Keep up with the latest news</h2> <div class="block-form-horizontal grid lg:grid-cols-8 grid-cols-1 gap-8"> <div class="prose col-span-3 max-w-md leading-tight"> <p>Subscribe to the Plains of Abraham newsletter to keep up to date on activities and news.</p> </div> <div class="col-span-5"> <div class="fui-i"><form id="fui-newsletter-fxrupd" class="fui-form fui-labels-above-input" method="post" enctype="multipart/form-data" accept-charset="utf-8" data-fui-form="{&quot;formHashId&quot;:&quot;fui-newsletter-fxrupd&quot;,&quot;formId&quot;:1457,&quot;formHandle&quot;:&quot;newsletter&quot;,&quot;registeredJs&quot;:[{&quot;src&quot;:&quot;https:\/\/www.plainsofabraham.ca\/cpresources\/2a4d7dc4\/js\/captchas\/duplicate.js?v=1741046123&quot;,&quot;module&quot;:&quot;FormieDuplicateCaptcha&quot;,&quot;settings&quot;:{&quot;formId&quot;:&quot;fui-newsletter-fxrupd&quot;,&quot;sessionKey&quot;:&quot;__DUP_14579&quot;,&quot;value&quot;:&quot;67e73c531a8c55.89011267&quot;}},{&quot;src&quot;:&quot;https:\/\/www.plainsofabraham.ca\/cpresources\/2a4d7dc4\/js\/captchas\/javascript.js?v=1741046123&quot;,&quot;module&quot;:&quot;FormieJSCaptcha&quot;,&quot;settings&quot;:{&quot;formId&quot;:&quot;fui-newsletter-fxrupd&quot;,&quot;sessionKey&quot;:&quot;__JSCHK_14579&quot;,&quot;value&quot;:&quot;67e73c531b5955.00020754&quot;}}],&quot;settings&quot;:{&quot;submitMethod&quot;:&quot;ajax&quot;,&quot;submitActionMessage&quot;:&quot;&lt;p&gt;We have received your subscription request. Please confirm your registration by e-mail. (Verify your spam folder)&lt;\/p&gt;&quot;,&quot;submitActionMessageTimeout&quot;:null,&quot;submitActionMessagePosition&quot;:&quot;bottom-form&quot;,&quot;submitActionFormHide&quot;:false,&quot;submitAction&quot;:&quot;message&quot;,&quot;submitActionTab&quot;:null,&quot;errorMessage&quot;:&quot;&lt;p&gt;An error has occurred. Please verify the information entered and try again.&lt;\/p&gt;&quot;,&quot;errorMessagePosition&quot;:&quot;top-form&quot;,&quot;loadingIndicator&quot;:null,&quot;loadingIndicatorText&quot;:null,&quot;validationOnSubmit&quot;:true,&quot;validationOnFocus&quot;:false,&quot;scrollToTop&quot;:true,&quot;hasMultiplePages&quot;:false,&quot;pages&quot;:[{&quot;id&quot;:9,&quot;label&quot;:&quot;Page 1&quot;,&quot;settings&quot;:{&quot;submitButtonLabel&quot;:&quot;Subscribe&quot;,&quot;backButtonLabel&quot;:&quot;Back&quot;,&quot;showBackButton&quot;:false,&quot;saveButtonLabel&quot;:&quot;Save&quot;,&quot;showSaveButton&quot;:false,&quot;saveButtonStyle&quot;:&quot;link&quot;,&quot;buttonsPosition&quot;:&quot;left&quot;,&quot;cssClasses&quot;:null,&quot;containerAttributes&quot;:[],&quot;inputAttributes&quot;:[],&quot;enableNextButtonConditions&quot;:false,&quot;nextButtonConditions&quot;:[],&quot;enablePageConditions&quot;:false,&quot;pageConditions&quot;:[],&quot;enableJsEvents&quot;:false,&quot;jsGtmEventOptions&quot;:[]}}],&quot;themeConfig&quot;:{&quot;loading&quot;:{&quot;class&quot;:&quot;fui-loading&quot;},&quot;errorMessage&quot;:{&quot;class&quot;:&quot;fui-error-message&quot;},&quot;disabled&quot;:{&quot;class&quot;:&quot;fui-disabled&quot;},&quot;tabError&quot;:{&quot;class&quot;:&quot;fui-tab-error&quot;},&quot;tabActive&quot;:{&quot;class&quot;:&quot;fui-tab-active&quot;},&quot;tabComplete&quot;:{&quot;class&quot;:&quot;fui-tab-complete&quot;},&quot;successMessage&quot;:{&quot;class&quot;:&quot;fui-success-message&quot;},&quot;alert&quot;:{&quot;class&quot;:&quot;fui-alert&quot;},&quot;alertError&quot;:{&quot;class&quot;:&quot;fui-alert fui-alert-error fui-alert-top-form&quot;,&quot;role&quot;:&quot;alert&quot;,&quot;data-fui-alert&quot;:true,&quot;data-fui-alert-error&quot;:true},&quot;alertSuccess&quot;:{&quot;class&quot;:&quot;fui-alert fui-alert-success fui-alert-bottom-form&quot;,&quot;role&quot;:&quot;alert&quot;,&quot;data-fui-alert&quot;:true,&quot;data-fui-alert-success&quot;:true},&quot;page&quot;:{&quot;id&quot;:&quot;fui-newsletter-fxrupd-p-9&quot;,&quot;class&quot;:&quot;fui-page&quot;,&quot;data-index&quot;:&quot;0&quot;,&quot;data-id&quot;:&quot;9&quot;,&quot;data-fui-page&quot;:true},&quot;progress&quot;:{&quot;class&quot;:&quot;fui-progress&quot;,&quot;data-fui-progress&quot;:true},&quot;tab&quot;:{&quot;class&quot;:&quot;fui-tab&quot;},&quot;success&quot;:{&quot;class&quot;:&quot;fui-success&quot;},&quot;error&quot;:{&quot;class&quot;:&quot;fui-error-message&quot;},&quot;fieldContainerError&quot;:{&quot;class&quot;:&quot;fui-error&quot;},&quot;fieldInputError&quot;:{&quot;class&quot;:&quot;fui-error&quot;},&quot;fieldErrors&quot;:{&quot;class&quot;:&quot;fui-errors&quot;,&quot;data-field-error-messages&quot;:true},&quot;fieldError&quot;:{&quot;class&quot;:&quot;fui-error-message&quot;,&quot;data-field-error-message&quot;:true}},&quot;redirectUrl&quot;:&quot;&quot;,&quot;currentPageId&quot;:9,&quot;outputJsTheme&quot;:true,&quot;enableUnloadWarning&quot;:true,&quot;enableBackSubmission&quot;:true,&quot;ajaxTimeout&quot;:10,&quot;baseActionUrl&quot;:&quot;https:\/\/www.plainsofabraham.ca\/index.php?p=actions&quot;,&quot;refreshTokenUrl&quot;:&quot;https:\/\/www.plainsofabraham.ca\/index.php?p=actions\/formie\/forms\/refresh-tokens&amp;form=FORM_PLACEHOLDER&quot;,&quot;scriptAttributes&quot;:[]}}" data-form-submit-method="ajax" data-form-submit-action="message"><craft-csrf-input></craft-csrf-input><input type="hidden" name="action" value="formie/submissions/submit"><input type="hidden" name="submitAction" value="submit"><input type="hidden" name="handle" value="newsletter"><input type="hidden" name="siteId" value="2"><div class="fui-form-container"><div id="fui-newsletter-fxrupd-p-9" class="fui-page" data-index="0" data-id="9" data-fui-page><div class="fui-page-container"><div class="fui-row fui-page-row" data-fui-field-count="2"><div class="fui-field fui-type-single-line-text fui-label-above-input fui-subfield-label-above-input fui-instructions-above-input fui-page-field" data-field-handle="name" data-field-type="single-line-text"><div class="fui-field-container"><label class="fui-label" for="fui-newsletter-fxrupd-fields-name" data-field-label>Name</label><div class="fui-input-wrapper"><input type="text" id="fui-newsletter-fxrupd-fields-name" class="fui-input" name="fields[name]" data-fui-id="newsletter-name"></div></div></div><div class="fui-field fui-type-email fui-label-above-input fui-subfield-label-above-input fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="courriel" data-field-type="email" data-validation="required|email"><div class="fui-field-container"><label class="fui-label" for="fui-newsletter-fxrupd-fields-courriel" data-field-label>Email&nbsp;<span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><input type="email" id="fui-newsletter-fxrupd-fields-courriel" class="fui-input" name="fields[courriel]" value="" placeholder="Email address" autocomplete="email" required data-fui-id="newsletter-courriel" data-required-message="Required field"></div></div></div></div><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-agree fui-label-hidden fui-subfield-label-hidden fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="consent" data-field-type="agree" data-validation="required"><fieldset class="fui-fieldset"><legend class="fui-legend" data-field-label data-fui-sr-only>Consent&nbsp;<span class="fui-required" aria-hidden="true">*</span></legend><div class="fui-input-wrapper"><input type="hidden" name="fields[consent]" value="" data-fui-input-type="agree"><div class="fui-checkbox"><input type="checkbox" id="fui-newsletter-fxrupd-fields-consent" class="fui-input fui-checkbox-input" name="fields[consent]" value="1" required data-fui-id="newsletter-consent" data-fui-input-type="agree" data-required-message="Consent is required to complete your subscription"><label class="fui-checkbox-label" for="fui-newsletter-fxrupd-fields-consent">I consent to receiving occasional email communications from the Plains of Abraham.</label></div></div></fieldset></div></div><div class="fui-row fui-page-row fui-row-empty" data-fui-field-count="0"><div class="fui-field fui-type-single-line-text fui-label-above-input fui-subfield-label-above-input fui-instructions-above-input fui-hidden fui-page-field" data-field-handle="langue" data-field-type="single-line-text"><div class="fui-field-container"><label class="fui-label" for="fui-newsletter-fxrupd-fields-langue" data-field-label>Langue</label><div class="fui-input-wrapper"><input type="text" id="fui-newsletter-fxrupd-fields-langue" class="fui-input" name="fields[langue]" data-fui-id="newsletter-langue"></div></div></div></div></div><div class="formie-duplicate-captcha-placeholder" data-duplicate-captcha-placeholder></div><div id="beesknees_14579_wrapper" style="display:none;"><label for="beesknees_14579">Leave this field blank</label><input type="text" id="beesknees_14579" name="beesknees" style="display:none;" /></div><div class="formie-jscaptcha-placeholder" data-jscaptcha-placeholder></div><div class="fui-btn-wrapper fui-btn-left"><button type="submit" class="fui-btn fui-submit" data-submit-action="submit">Subscribe</button></div></div></div></form></div> </div> </div> </div> </div> </div> </div> </div> <div class="w-full pt-6"> <ul class="spacing-x spacing-x-md mb-6 flex w-full flex-col flex-wrap justify-between gap-8 text-center font-medium md:flex-row md:items-center md:gap-4"> <li> <a href="https://www.plainsofabraham.ca/accessibility" class="text-lg font-semibold hover:underline">Accessibility</a> </li> <li> <a href="https://www.plainsofabraham.ca/notices-privacy-policies" class="text-lg font-semibold hover:underline">Notices</a> </li> <li> <a href="https://www.plainsofabraham.ca/media" class="text-lg font-semibold hover:underline">Media</a> </li> <li> <a href="https://www.plainsofabraham.ca/using-the-grounds" class="text-lg font-semibold hover:underline">Using the Grounds</a> </li> <li> <a href="https://www.canada.ca/en/national-battlefields-commission.html" class="text-lg font-semibold hover:underline">Institutional Site</a> </li> </ul> <img src="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Logos-Plaines/L_PLAINS_1-line_Black_RGB-1.png" alt="" class="spacing-x spacing-x-md mb-12 hidden w-full pt-32 lg:block" > <img src="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Logos-Plaines/L_PLAINS_1-line_Black_RGB-1.png" alt="" class="spacing-x spacing-x-md mb-12 hidden w-full pt-32 md:block lg:hidden" > <img src="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Logos-Plaines/logo-mobile-en.png" alt="" class="spacing-x spacing-x-md mb-4 w-full pt-20 md:hidden" > <div class="spacing-x spacing-x-md flex flex-col items-center justify-between gap-8 border-t border-black py-8 md:flex-row md:gap-0"> <div class="order-2 flex shrink-0 flex-col items-center gap-1 text-lg md:order-1 md:flex-row md:gap-3"> © Plains of Abraham . 2025 <div id="elc-cookie-footer-tab"> <button id="elc-footer-tab-link" class="text-sm opacity-90 transition-opacity hover:underline hover:opacity-100" > Cookie consent </button> </div> </div> <ul class="order-1 flex w-full flex-col flex-wrap items-center gap-4 font-medium md:order-2 md:flex-row md:items-center md:justify-end md:gap-8"> <li> <a href="https://www.facebook.com/plainsabraham/" class="text-lg font-semibold hover:underline">Facebook</a> </li> <li> <a href="https://www.instagram.com/plains_abraham/" class="text-lg font-semibold hover:underline">Instagram</a> </li> <li> <a href="https://www.youtube.com/channel/UCMIvORHmNKHkGGMxk6wvgHQ" class="text-lg font-semibold hover:underline">YouTube</a> </li> <li> <a href="https://twitter.com/plainsabraham" class="text-lg font-semibold hover:underline">X</a> </li> <li> <a href="https://www.linkedin.com/company/commission-des-champs-de-bataille-nationaux" class="text-lg font-semibold hover:underline">LinkedIn</a> </li> </ul> </div> </div> </footer> </div> </div><div x-data="htmlGet" data-init="load" data-source="cookie-consent" data-url="https://www.plainsofabraham.ca/cookie-consent-content"> <div x-ref="content" x-show="ready"></div> </div> <script type="text/javascript">window.FormieTranslations={"{attribute} cannot be blank.":"{attribute} cannot be blank.","{attribute} is not a valid email address.":"{attribute} is not a valid email address.","{attribute} is not a valid URL.":"{attribute} is not a valid URL.","{attribute} is not a valid number.":"{attribute} is not a valid number.","{attribute} is not a valid format.":"{attribute} is not a valid format.","{name} must match {value}.":"{name} must match {value}.","{attribute} must be between {min} and {max}.":"{attribute} must be between {min} and {max}.","{attribute} must be no less than {min}.":"{attribute} must be no less than {min}.","{attribute} must be no greater than {max}.":"{attribute} must be no greater than {max}.","{attribute} has an invalid value.":"{attribute} has an invalid value.","File {filename} must be smaller than {filesize} MB.":"File {filename} must be smaller than {filesize} MB.","File must be smaller than {filesize} MB.":"File must be smaller than {filesize} MB.","File must be larger than {filesize} MB.":"File must be larger than {filesize} MB.","Choose up to {files} files.":"Choose up to {files} files.","{startTag}{num}{endTag} character left":"{startTag}{num}{endTag} character left","{startTag}{num}{endTag} characters left":"{startTag}{num}{endTag} characters left","{startTag}{num}{endTag} word left":"{startTag}{num}{endTag} word left","{startTag}{num}{endTag} words left":"{startTag}{num}{endTag} words left","{attribute} must be no less than {min} characters.":"{attribute} must be no less than {min} characters.","{attribute} must be no greater than {max} characters.":"{attribute} must be no greater than {max} characters.","{attribute} must be no less than {min} words.":"{attribute} must be no less than {min} words.","{attribute} must be no greater than {max} words.":"{attribute} must be no greater than {max} words.","Unable to parse response `{e}`.":"Unable to parse response `{e}`.","Are you sure you want to leave?":"Are you sure you want to leave?","The request timed out.":"The request timed out.","The request encountered a network error. Please try again.":"The request encountered a network error. Please try again.","Invalid number":"Invalid number","Invalid country code":"Invalid country code","Too short":"Too short","Too long":"Too long","Missing Authorization ID for approval.":"Missing Authorization ID for approval.","Payment authorized. Finalize the form to complete payment.":"Payment authorized. Finalize the form to complete payment.","Unable to authorize payment. Please try again.":"Unable to authorize payment. Please try again.","Invalid amount.":"Invalid amount.","Invalid currency.":"Invalid currency.","Provide a value for “{label}” to proceed.":"Provide a value for “{label}” to proceed."};</script> <script> (function() { fetch('https://www.plainsofabraham.ca/index.php?p=actions/users/session-info', { headers: { 'Accept': 'application/json', } }).then(response => response.json()) .then(data => { document.querySelectorAll('craft-csrf-input') .forEach(element => { const input = document.createElement('input'); input.type = 'hidden'; input.name = data.csrfTokenName; input.value = data.csrfTokenValue; element.replaceWith(input); }); }); })(); </script> <script type="text/javascript" src="https://www.plainsofabraham.ca/cpresources/2a4d7dc4/js/formie.js?v=1741046123" defer></script> <script>window.Formie__JSCHK_14579="67e73c531b5955.00020754";</script></body> <!-- App version: 1.3.5 --> </html>

Pages: 1 2 3 4 5 6 7 8 9 10