Interactive activities for groups of adults

<!doctype html> <html lang="en-CA" class=""> <head> <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> <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"> <meta name="csrf-token" content="VN177MuFMQi_7HYn5GjSjOkjoqrAbcms8cM0P3-zkV3nwIzmp99xqx-UNNy_wnx46YYVCpVa4v62cpvOhTqZ4LWBAX4H8NYohZTDktCQGO8="> <link rel="icon" type="image/png" href="https://www.plainsofabraham.ca/cpresources/87f66506/favicon.png?v=1731507434" > <link rel="icon" type="image/svg+xml" href="https://www.plainsofabraham.ca/cpresources/87f66506/favicon.svg?v=1731507434" > <link rel="home" href="https://www.plainsofabraham.ca/"> <link rel="canonical" href="https://www.plainsofabraham.ca/group-visits/groups-of-adults"> <meta property="og:url" content="https://www.plainsofabraham.ca/group-visits/groups-of-adults"><meta name="twitter:url" content="https://www.plainsofabraham.ca/group-visits/groups-of-adults"><meta property="og:locale" content="en-CA"> <title>Interactive activities for groups of adults – Plains of Abraham</title> <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="Interactive activities for groups of adults"> <meta name="twitter:title" content="Interactive activities for groups of adults"> <link rel="alternate" href="https://www.plainesdabraham.ca/visites-de-groupe/adultes" hreflang="fr-ca"> <link rel="alternate" href="https://www.plainsofabraham.ca/group-visits/groups-of-adults" 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\/group-visits","name":"Group Visits"}},{"@type":"ListItem","position":3,"item":{"@id":"https:\/\/www.plainsofabraham.ca\/group-visits\/groups-of-adults","name":"Groups of adults"}}]}</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-29f33cd9.js" crossorigin onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'resources/js/app.ts'}});document.dispatchEvent(e);"></script> <link href="/dist/assets/app-e3b03962.css" rel="stylesheet"> <link href="https://www.plainsofabraham.ca/cpresources/31d5748/css/fields/phone-country.css?v=1729388705" rel="stylesheet"> <link href="https://www.plainsofabraham.ca/cpresources/31d5748/css/formie-theme.css?v=1729388705" rel="stylesheet"> <link href="https://www.plainsofabraham.ca/cpresources/e8919b84/style.css?v=1731507430" 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> <section id="elc-cookie-consent" class="elc-small"> <form id="elc-cookie-consent-form" action="" data-url="https://www.plainsofabraham.ca/index.php?p=actions/" data-refresh=true data-refreshTime=500 data-show="https://www.plainsofabraham.ca/cookie-consent/show" method="post" accept-charset="UTF-8"> <input type="hidden" name="action" value="cookie-consent/consent/update"> <input type="hidden" name="site_id" value="2"> <input type="hidden" name="CRAFT_CSRF_TOKEN" value="VN177MuFMQi_7HYn5GjSjOkjoqrAbcms8cM0P3-zkV3nwIzmp99xqx-UNNy_wnx46YYVCpVa4v62cpvOhTqZ4LWBAX4H8NYohZTDktCQGO8="> <header class="elc-header"> <h3 class="elc-primary-heading">This website uses cookies</h3> <p class="elc-header-description">We use cookies to personalize content, analyze our traffic and improve our service.</p> </header> <div id="elc-cookie-consent-settings"> <div class="elc-cookie-group"> <div class="elc-row elc-cookie-headline"> <input type="checkbox" id="elc-checkbox-1" class="elc-cookie-checkbox" name="group-en-necessary" disabled="disabled" checked> <label class="elc-cookie-name" for="elc-checkbox-1">Essential <small>(Requis)</small></label> </div> <div class="elc-row elc-cookie-description"> Essential cookies are necessary to operate the core functions of our website. These include login cookies, session ID cookies, language cookies as well as security cookies. </div> </div> <div class="elc-cookie-group"> <div class="elc-row elc-cookie-headline"> <input type="checkbox" id="elc-checkbox-2" class="elc-cookie-checkbox" name="group-en-functional"> <label class="elc-cookie-name" for="elc-checkbox-2">Functional</label> </div> <div class="elc-row elc-cookie-description"> Functional cookies are used to provide you with certain website functionality, and to remember website preferences, consents and configurations. </div> </div> <div class="elc-cookie-group"> <div class="elc-row elc-cookie-headline"> <input type="checkbox" id="elc-checkbox-3" class="elc-cookie-checkbox" name="group-en-statistics"> <label class="elc-cookie-name" for="elc-checkbox-3">Analytical</label> </div> <div class="elc-row elc-cookie-description"> Analytical cookies are used to generate aggregated statistical data about traffic and behavior of our website’ users. </div> </div> <div class="elc-cookie-group"> <div class="elc-row elc-cookie-headline"> <input type="checkbox" id="elc-checkbox-4" class="elc-cookie-checkbox" name="group-en-marketing"> <label class="elc-cookie-name" for="elc-checkbox-4">Marketing</label> </div> <div class="elc-row elc-cookie-description"> We use marketing cookies to serve you ads and marketing materials that better align your interests. We also use analytic cookies to understand our marketing cookies and limit the number of times you see an ad, measure the effectiveness of our marketing campaigns and adjust content. </div> </div> </div> <div class="button-container"> <a href="#" id="elc-detail-link" class="elc-text-link">Details</a> <a href="#" id="elc-hide-detail-link" class="elc-text-link">Hide Details</a> <button id="elc-save-link" class="elc-secondary-button-link" type="submit">Save</button> <button id="elc-accept-link" class="elc-secondary-button-link" type="submit">Save</button> <button id="elc-accept-all-link" class="elc-button-link" type="submit">Accept All</button> </div> </form> </section> <div id="elc-cookie-tab" class="elc-hidden"> <a href="#" id="elc-tab-link">COOKIES</a> </div> <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/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 [&_.animate-arrow]:transition-transform [&: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/visites-de-groupe/adultes" > <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="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/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/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/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" >Smith Café </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 == 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 == 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/Batailles-1759-1760/KOOPE_CCBN_MUSE%CC%81ES-09443-2.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/330988800_6198796700151706_3811387628648089983_n.jpeg" > </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="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=family" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26297" @mouseover="activeId = 26297" @blur="activeId = null" >Family Fun </a> </li> <li> <a href="https://www.plainsofabraham.ca/activities-events?category%5B%5D=living-history" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26298" @mouseover="activeId = 26298" @blur="activeId = null" >Living History </a> </li> <li> <a href="https://www.plainsofabraham.ca/nature-sports-leisure-activities" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26295" @mouseover="activeId = 26295" @blur="activeId = null" >Nature, Sports and Leisure Activities </a> </li> <li> <a href="https://www.plainsofabraham.ca/activities-events?category%5B%5D=hiver" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 35511" @mouseover="activeId = 35511" @blur="activeId = null" >Winter </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 == 26297 ? 'visible' : 'invisible'" > <img x-show="activeId == 26297" 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/Et-lance-et-compte/IMG_3815.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 26298 ? 'visible' : 'invisible'" > <img x-show="activeId == 26298" 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/Marche-macabre/CCBN_MarcheMacabre_20-10-2023_8_BR.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 26295 ? 'visible' : 'invisible'" > <img x-show="activeId == 26295" 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/SENTIERS/49_sentierautomneCCBN_BR.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 35511 ? 'visible' : 'invisible'" > <img x-show="activeId == 35511" 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/Ski-de-fond/03_sentierskifond55_HR.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 == 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="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/Les-Plaines/plaines_hiver_49.jpg" > </li> </ul> </div> </div> </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="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" 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> <li> <a href="https://www.plainsofabraham.ca/group-visits/elementary-school" 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 School </a> </li> <li> <a href="https://www.plainsofabraham.ca/group-visits/high-school-students" 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 School </a> </li> <li> <a href="https://www.plainsofabraham.ca/group-visits/groups-of-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> </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 == 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/125_GUIDESOBJETS_BR-2-2_2024-09-10-175204_khss.jpg" > </li> <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> </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/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/visites-de-groupe/adultes" > <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 [&_.animate-arrow]:transition-transform [&: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/group-visits"> Group Visits <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/group-visits/groups-of-adults"> Groups of adults <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><article class="mb-12 mt-4 w-full"> <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 spacing-x spacing-x-md spacing-y spacing-y-md col-span-4 md:col-span-8 " > <div data-type="heroCard" class=" group block-theme-current " > <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"> Groups of adults </h1> <div class="text-xl font-semibold">Interpretation Activities</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>Period activities are our way of inviting you to meet the characters that embody the history of the Plains of Abraham, and to experience their everyday life. Between theatre and re-enactment, period presentations are meant as a dynamic approach to help us discover the park's heritage. These activities are designed for groups of 15 people or more. You can visit the Plains of Abraham Museum independently in groups of fewer than 15 people without booking.</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-2 row-span-2"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Mus%C3%A9e-des-plaines-dAbraham/Batailles-1759-1760/C.Gomez_CCBN_0884_2024-07-22-130005_dwbl.jpg" class="h-full w-full object-cover"> </div> <div class="col-span-1 row-span-2 hidden md:block"> <img alt="Homme costumé incarnant le général Montcalm souhaitant la bienvenue devant le Musée des plaines d'Abraham. A man portraying General Montcalm welcoming visitors in front of the Plains of Abraham Museum." src="https://ccbnwebprod.blob.core.windows.net/website/Mus%C3%A9e-des-plaines-dAbraham/JSCHP_CCNB_CocktailTourisme2024_img3283.jpg" 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/Mus%C3%A9e-des-plaines-dAbraham/Batailles-1759-1760/20210318_105149-2.jpg" 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 [&_.animate-arrow]:transition-transform [&: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/Mus%C3%A9e-des-plaines-dAbraham/Batailles-1759-1760/C.Gomez_CCBN_0884_2024-07-22-130005_dwbl.jpg" class="h-full w-full object-cover"> </div> <div class="sm:col-span-2"> <img alt="Homme costumé incarnant le général Montcalm souhaitant la bienvenue devant le Musée des plaines d'Abraham. A man portraying General Montcalm welcoming visitors in front of the Plains of Abraham Museum." src="https://ccbnwebprod.blob.core.windows.net/website/Mus%C3%A9e-des-plaines-dAbraham/JSCHP_CCNB_CocktailTourisme2024_img3283.jpg" class="h-full w-full object-cover"> </div> <div class="sm:col-span-3"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Mus%C3%A9e-des-plaines-dAbraham/Batailles-1759-1760/20210318_105149-2.jpg" class="h-full w-full object-cover"> </div> </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-md spacing-y spacing-y-md col-span-4 md:col-span-8 " > <div data-type="descendantPagesMenu" class=" group block-theme-current " > <ul class="grid max-w-5xl grid-cols-2 flex-wrap gap-4 p-6 group-[.block-theme-current]:p-0 md:flex md:gap-6 md:p-8"> <li> <a href="https://www.plainsofabraham.ca/group-visits/groups-of-adults/battles-1759-1760-exhibition" class="flex h-full items-end justify-between gap-2 border-2 border-black p-4 transition-colors hover:bg-beige-300 md:w-[180px] [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" > <span class="w-[calc(100%-28px)] break-words font-semibold">Battles 1759-1760 Exhibition</span> <svg class="size-5 shrink-0 animate-arrow mb-0.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> </a> </li> <li> <a href="https://www.plainsofabraham.ca/group-visits/groups-of-adults/wolfe-and-montcalm" class="flex h-full items-end justify-between gap-2 border-2 border-black p-4 transition-colors hover:bg-beige-300 md:w-[180px] [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" > <span class="w-[calc(100%-28px)] break-words font-semibold">Wolfe and Montcalm</span> <svg class="size-5 shrink-0 animate-arrow mb-0.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> </a> </li> <li> <a href="https://www.plainsofabraham.ca/group-visits/groups-of-adults/guided-tour-of-the-park" class="flex h-full items-end justify-between gap-2 border-2 border-black p-4 transition-colors hover:bg-beige-300 md:w-[180px] [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" > <span class="w-[calc(100%-28px)] break-words font-semibold">Guided tour of the park</span> <svg class="size-5 shrink-0 animate-arrow mb-0.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> </a> </li> </ul> </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-5 " > <div data-type="spotlightInfo" class=" group block-theme-black-on-beige " > <div class="flex h-full flex-col gap-4 p-6 @container group-[.block-theme-current]:px-0 md:p-8"> <div class="flex flex-row items-center gap-2"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Disability-Wheelchair-Streamline-Ultimate.svg" class="size-6 object-cover"> <h2 class="text-2xl font-semibold">Accessibility</h2> </div> <div class="prose [&_ul]:list-disc [&_ul]:pl-4"><ul><li>Certain activities can be adapted to special education groups and groups of people with reduced mobility and disabilities</li><li>Martello Towers are not accessible to persons with reduced mobility</li><li>Restricted space with loud noises</li></ul></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-4 " > <div data-type="spotlight" class=" group block-theme-black-on-red " > <div class="h-full @container"> <div class="relative grid h-full min-h-[520px] gap-4 overflow-hidden @lg:min-h-[620px] @5xl:grid-cols-2 @5xl:gap-24"> <div class="z-10 flex flex-col items-start justify-between gap-4 p-6 pb-0 @5xl:p-6"> <div class="flex flex-col gap-3 pt-2" x-ref="spotlightText"> <small class="block max-w-2xl text-lg font-bold">Interpretive activity for adults</small> <div class="flex flex-col gap-6 pb-4"> <strong class="block max-w-2xl text-4xl font-bold md:text-5xl">Battles 1759-1760 Exhibition</strong> <div class="prose max-w-2xl text-xl"></div> </div> </div> <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 @5xl:inline-flex hidden [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainsofabraham.ca/group-visits/groups-of-adults/battles-1759-1760-exhibition" @click="gtag('event', 'bloc_CTA_clic', { 'titre_bloc': 'Battles\u00201759\u002D1760\u0020Exhibition' });" > Learn More <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 class="p-6 py-0 @5xl:p-6"> <img alt="Une femme tenant entre ses mains un uniforme contenant des textes et soutenu dans les airs par une chaine. A woman holding a uniform with text on it, suspended in the air by a chain." src="https://ccbnwebprod.blob.core.windows.net/website/Mus%C3%A9e-des-plaines-dAbraham/Batailles-1759-1760/C.Gomez_CCBN_0884.jpg" class="h-full max-h-[350px] w-full object-cover @4xl:max-h-[400px] @5xl:max-h-[600px]" > </div> <div class="block px-6 pb-6 @5xl:hidden"> <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 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainsofabraham.ca/group-visits/groups-of-adults/battles-1759-1760-exhibition" @click="gtag('event', 'bloc_CTA_clic', { 'titre_bloc': 'Battles\u00201759\u002D1760\u0020Exhibition' });" > Learn More <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> <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-4 col-start-1 md:col-start-5 " > <div data-type="spotlight" class=" group block-theme-black-on-blue " > <div class="h-full @container"> <div class="relative grid h-full min-h-[520px] gap-4 overflow-hidden @lg:min-h-[620px] @5xl:grid-cols-2 @5xl:gap-24"> <div class="z-10 flex flex-col items-start justify-between gap-4 p-6 pb-0 @5xl:p-6"> <div class="flex flex-col gap-3 pt-2" x-ref="spotlightText"> <small class="block max-w-2xl text-lg font-bold">Interpretive activity for adults</small> <div class="flex flex-col gap-6 pb-4"> <strong class="block max-w-2xl text-4xl font-bold md:text-5xl">Wolfe and Montcalm</strong> <div class="prose max-w-2xl text-xl"></div> </div> </div> <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 @5xl:inline-flex hidden [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainsofabraham.ca/group-visits/groups-of-adults/wolfe-and-montcalm" @click="gtag('event', 'bloc_CTA_clic', { 'titre_bloc': 'Wolfe\u0020and\u0020Montcalm' });" > Learn More <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 class="p-6 py-0 @5xl:p-6"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Mus%C3%A9e-des-plaines-dAbraham/JSCHP_CCNB_CocktailTourisme2024_img3283_2024-11-22-214137_gsov.jpg" class="h-full max-h-[350px] w-full object-cover @4xl:max-h-[400px] @5xl:max-h-[600px]" > </div> <div class="block px-6 pb-6 @5xl:hidden"> <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 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainsofabraham.ca/group-visits/groups-of-adults/wolfe-and-montcalm" @click="gtag('event', 'bloc_CTA_clic', { 'titre_bloc': 'Wolfe\u0020and\u0020Montcalm' });" > Learn More <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> <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="spotlight" class=" group block-theme-black-on-green " > <div class="h-full @container"> <div class="relative grid h-full min-h-[520px] gap-4 overflow-hidden @lg:min-h-[620px] @5xl:grid-cols-2 @5xl:gap-24"> <div class="z-10 flex flex-col items-start justify-between gap-4 p-6 pb-0 @5xl:p-6"> <div class="flex flex-col gap-3 pt-2" x-ref="spotlightText"> <small class="block max-w-2xl text-lg font-bold">Interpretive activity for adults</small> <div class="flex flex-col gap-6 pb-4"> <strong class="block max-w-2xl text-4xl font-bold md:text-5xl">Guided Tour of the Park</strong> <div class="prose max-w-2xl text-xl"><p>Learn about the rich history of this prestigious park accompanied by Wolfe, Montcalm, or Abraham Martin.</p></div> </div> </div> <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 @5xl:inline-flex hidden [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainsofabraham.ca/group-visits/groups-of-adults/guided-tour-of-the-park" @click="gtag('event', 'bloc_CTA_clic', { 'titre_bloc': 'Guided\u0020Tour\u0020of\u0020the\u0020Park' });" > <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 class="p-6 py-0 @5xl:p-6"> <img alt="Jardin Jeanne-d'Arc en été avec visiteurs sur les plaines d'Abraham" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Jardin-Jeanne-dArc/ChristianGomez_CCBN_8122-2_2024-07-26-141853_hudm.jpg" class="h-full max-h-[350px] w-full object-cover @4xl:max-h-[400px] @5xl:max-h-[600px]" > </div> <div class="block px-6 pb-6 @5xl:hidden"> <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 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainsofabraham.ca/group-visits/groups-of-adults/guided-tour-of-the-park" @click="gtag('event', 'bloc_CTA_clic', { 'titre_bloc': 'Guided\u0020Tour\u0020of\u0020the\u0020Park' });" > <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> <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="duoTextGrid" class=" group block-theme-black-on-beige " > <div class="py-8 md:py-12"> <strong class="spacing-x spacing-x-md mb-10 block text-4xl font-bold">Plan your visit</strong> <div class="flex flex-col divide-y border-y"> <div class="spacing-x spacing-x-md flex flex-col gap-1 py-5 md:flex-row"> <strong class="block flex-grow font-semibold md:w-[300px]">Fees</strong> <div class="md:w-[calc(100%_-_300px)] [&_figure_+_figure]:mt-3 [&_img]:max-h-14 [&_img]:w-auto"> <p style="margin-left:0px;">Costs don't include taxes;</p><p style="margin-left:0px;">A minimum fee will apply and/or travel expenses may apply beyond 50 km;</p><p style="margin-left:0px;">Prices and details are subject to change.</p> </div> </div> <div class="spacing-x spacing-x-md flex flex-col gap-1 py-5 md:flex-row"> <strong class="block flex-grow font-semibold md:w-[300px]">Booking</strong> <div class="md:w-[calc(100%_-_300px)] [&_figure_+_figure]:mt-3 [&_img]:max-h-14 [&_img]:w-auto"> <p>These activities are designed for groups of 15 people or more. You can visit the Plains of Abraham Museum independently in groups of fewer than 15 people without booking;</p><p>Group reservations are required for guided activities;</p><p>When booking a group, activity cancellation or schedule modification fees may apply. This policy will be sent to you in writing at the time of reservation;</p><p style="margin-left:0px;">Reservation required for every activity;</p><p style="margin-left:0px;">A dining-room can be available on request.</p> </div> </div> <div class="spacing-x spacing-x-md flex flex-col gap-1 py-5 md:flex-row"> <strong class="block flex-grow font-semibold md:w-[300px]">Financial Support</strong> <div class="md:w-[calc(100%_-_300px)] [&_figure_+_figure]:mt-3 [&_img]:max-h-14 [&_img]:w-auto"> <p>We are registered with the <a href="https://cultureeducation.mcc.gouv.qc.ca/"><i><u>Répertoire culture-éducation</u></i></a> of <i>ministère de la Culture et des Communications du Québec </i>under the name <i>Plaines d'Abraham. </i>The cultural activities of the organisations that have subscribed to this directory are eligible for <a href="https://cultureeducation.mcc.gouv.qc.ca/aides-financieres/"><u>financial support</u></a> from the Government du Québec.</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-xl spacing-y spacing-y-md col-span-4 md:col-span-8 " > <div data-type="form" class=" group block-theme-current " > <div> <div class="flex flex-col gap-4 sm:gap-8 lg:gap-12 lg:p-8 p-4"> <span class="text-2xl font-bold sm:text-5xl">Information & Reservation</span> <div class="block-form-vertical flex flex-col lg:gap-8 gap-4"> <div class="prose col-span-3 max-w-md leading-tight"> <p>Please contact the reservations department. A team member will reach out to you to discuss your request as soon as possible.</p><p> </p><p><strong>Phone:</strong> 418 648-5371 | 1 855 648-5371<br /><strong>Email:</strong> <a href="mailto:reservation@ccbn-nbc.gc.ca"><u>reservation@ccbn-nbc.gc.ca</u></a></p> </div> <div class="col-span-5"> <div class="fui-i"><form id="fui-reservationDeGroupeAdultEN-rmqhnh" class="fui-form fui-labels-above-input fui-validate-on-focus" method="post" enctype="multipart/form-data" accept-charset="utf-8" data-fui-form="{"formHashId":"fui-reservationDeGroupeAdultEN-rmqhnh","formId":18461,"formHandle":"reservationDeGroupeAdultEN","registeredJs":[{"src":"https:\/\/www.plainsofabraham.ca\/cpresources\/31d5748\/js\/fields\/phone-country.js?v=1729388705","module":"FormiePhoneCountry"},{"src":"https:\/\/www.plainsofabraham.ca\/cpresources\/31d5748\/js\/fields\/checkbox-radio.js?v=1729388705","module":"FormieCheckboxRadio"},{"src":"https:\/\/www.plainsofabraham.ca\/cpresources\/31d5748\/js\/captchas\/duplicate.js?v=1729388705","module":"FormieDuplicateCaptcha","settings":{"formId":"fui-reservationDeGroupeAdultEN-rmqhnh","sessionKey":"__DUP_1846162","value":"6750163f0d2ee0.71314774"}},{"src":"https:\/\/www.plainsofabraham.ca\/cpresources\/31d5748\/js\/captchas\/javascript.js?v=1729388705","module":"FormieJSCaptcha","settings":{"formId":"fui-reservationDeGroupeAdultEN-rmqhnh","sessionKey":"__JSCHK_1846162","value":"6750163f0d31c1.27734406"}}],"settings":{"submitMethod":"ajax","submitActionMessage":"<p>We have received your request. A member of our team will get in touch with you shortly.<\/p>","submitActionMessageTimeout":null,"submitActionMessagePosition":"top-form","submitActionFormHide":true,"submitAction":"message","submitActionTab":null,"errorMessage":"<p>An error has occurred. Please validate the information entered and try again.<\/p>","errorMessagePosition":"bottom-form","loadingIndicator":"spinner","loadingIndicatorText":null,"validationOnSubmit":true,"validationOnFocus":true,"scrollToTop":true,"hasMultiplePages":true,"pages":[{"id":60,"label":"General Information","settings":{"submitButtonLabel":"Next","backButtonLabel":"Back","showBackButton":false,"saveButtonLabel":"Save","showSaveButton":false,"saveButtonStyle":"link","buttonsPosition":"left","cssClasses":null,"containerAttributes":[],"inputAttributes":[],"enableNextButtonConditions":false,"nextButtonConditions":[],"enablePageConditions":false,"pageConditions":[],"enableJsEvents":false,"jsGtmEventOptions":[]}},{"id":62,"label":"Group","settings":{"submitButtonLabel":"Submit","backButtonLabel":"Back","showBackButton":true,"saveButtonLabel":"Save","showSaveButton":false,"saveButtonStyle":"link","buttonsPosition":"left","cssClasses":null,"containerAttributes":[],"inputAttributes":[],"enableNextButtonConditions":false,"nextButtonConditions":[],"enablePageConditions":false,"pageConditions":[],"enableJsEvents":false,"jsGtmEventOptions":[]}}],"themeConfig":{"loading":{"class":"fui-loading"},"errorMessage":{"class":"fui-error-message"},"disabled":{"class":"fui-disabled"},"tabError":{"class":"fui-tab-error"},"tabActive":{"class":"fui-tab-active"},"tabComplete":{"class":"fui-tab-complete"},"successMessage":{"class":"fui-success-message"},"alert":{"class":"fui-alert"},"alertError":{"class":"fui-alert fui-alert-error fui-alert-bottom-form","role":"alert","data-fui-alert":true,"data-fui-alert-error":true},"alertSuccess":{"class":"fui-alert fui-alert-success fui-alert-top-form","role":"alert","data-fui-alert":true,"data-fui-alert-success":true},"page":{"id":"fui-reservationDeGroupeAdultEN-rmqhnh-p-60","class":"fui-page","data-index":"0","data-id":"60","data-fui-page":true},"progress":{"class":"fui-progress","data-fui-progress":true},"tab":{"class":"fui-tab"},"success":{"class":"fui-success"},"error":{"class":"fui-error-message"},"fieldContainerError":{"class":"fui-error"},"fieldInputError":{"class":"fui-error"},"fieldErrors":{"class":"fui-errors","data-field-error-messages":true},"fieldError":{"class":"fui-error-message","data-field-error-message":true}},"redirectUrl":"","currentPageId":60,"outputJsTheme":true,"enableUnloadWarning":true,"enableBackSubmission":true,"ajaxTimeout":10,"baseActionUrl":"https:\/\/www.plainsofabraham.ca\/index.php?p=actions","refreshTokenUrl":"https:\/\/www.plainsofabraham.ca\/index.php?p=actions\/formie\/forms\/refresh-tokens&form=FORM_PLACEHOLDER","scriptAttributes":[]}}" data-form-submit-method="ajax" data-form-submit-action="message" data-loading-indicator="spinner"><input type="hidden" name="CRAFT_CSRF_TOKEN" value="VN177MuFMQi_7HYn5GjSjOkjoqrAbcms8cM0P3-zkV3nwIzmp99xqx-UNNy_wnx46YYVCpVa4v62cpvOhTqZ4LWBAX4H8NYohZTDktCQGO8=" autocomplete="off"><input type="hidden" name="action" value="formie/submissions/submit"><input type="hidden" name="submitAction" value="submit"><input type="hidden" name="handle" value="reservationDeGroupeAdultEN"><input type="hidden" name="siteId" value="2"><div class="fui-form-container"><div class="fui-tabs" data-fui-page-tabs><div id="fui-tab-60" class="fui-tab fui-tab-active" data-fui-page-tab><a href="https://www.plainsofabraham.ca/index.php?p=actions/formie/submissions/set-page&handle=reservationDeGroupeAdultEN&pageId=60" data-fui-page-tab-anchor data-fui-page-index="0" data-fui-page-id="60">General Information</a></div><div id="fui-tab-62" class="fui-tab" data-fui-page-tab><a href="https://www.plainsofabraham.ca/index.php?p=actions/formie/submissions/set-page&handle=reservationDeGroupeAdultEN&pageId=62" data-fui-page-tab-anchor data-fui-page-index="1" data-fui-page-id="62">Group</a></div></div><div id="fui-reservationDeGroupeAdultEN-rmqhnh-p-60" class="fui-page" data-index="0" data-id="60" data-fui-page><div class="fui-page-container"><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-single-line-text fui-label-above-input fui-subfield-label-above-input fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="nomDuResponsable" data-field-type="single-line-text" data-validation="required"><div class="fui-field-container"><label class="fui-label" for="fui-reservationDeGroupeAdultEN-rmqhnh-fields-nomDuResponsable" data-field-label>Name of the person in charge <span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><input type="text" id="fui-reservationDeGroupeAdultEN-rmqhnh-fields-nomDuResponsable" class="fui-input" name="fields[nomDuResponsable]" required data-fui-id="reservationDeGroupeAdultEN-nomDuResponsable" 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-address fui-label-above-input fui-subfield-label-above-input fui-instructions-above-input fui-page-field" data-field-handle="adresse" data-field-type="address"><fieldset class="fui-fieldset"><legend class="fui-legend" data-field-label>Adress</legend><div class="fui-input-wrapper"><div class="fui-field-rows"></div></div></fieldset></div></div><div class="fui-row fui-page-row" data-fui-field-count="2"><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-reservationDeGroupeAdultEN-rmqhnh-fields-courriel" data-field-label>Email <span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><input type="email" id="fui-reservationDeGroupeAdultEN-rmqhnh-fields-courriel" class="fui-input" name="fields[courriel]" value="" autocomplete="email" required data-fui-id="reservationDeGroupeAdultEN-courriel" data-required-message="Required field"></div></div></div><div class="fui-field fui-type-phone fui-label-above-input fui-subfield-label-above-input fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="numeroDeTelephone" data-field-type="phone" data-field-config="[{"language":"en","module":"FormiePhoneCountry"}]" data-validation="required"><div class="fui-field-container"><label class="fui-label" for="fui-reservationDeGroupeAdultEN-rmqhnh-fields-numeroDeTelephone" data-field-label>Phone <span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><input type="tel" id="fui-reservationDeGroupeAdultEN-rmqhnh-fields-numeroDeTelephone" class="fui-input" name="fields[numeroDeTelephone][number]" autocomplete="tel" required data-fui-id="reservationDeGroupeAdultEN-numeroDeTelephone-number" data-required-message="Required field"><input type="hidden" id="fui-reservationDeGroupeAdultEN-rmqhnh-fields-numeroDeTelephone-country" name="fields[numeroDeTelephone][country]" data-fui-id="reservationDeGroupeAdultEN-numeroDeTelephone-country" data-country></div></div></div></div><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-multi-line-text fui-label-above-input fui-subfield-label-above-input fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="information" data-field-type="multi-line-text" data-validation="required"><div class="fui-field-container"><label class="fui-label" for="fui-reservationDeGroupeAdultEN-rmqhnh-fields-information" data-field-label>Information <span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><textarea id="fui-reservationDeGroupeAdultEN-rmqhnh-fields-information" class="fui-input" name="fields[information]" placeholder="Information" required data-fui-id="reservationDeGroupeAdultEN-information" data-required-message="Required field"></textarea></div></div></div></div></div><div class="fui-btn-wrapper fui-btn-left"><button type="submit" class="fui-btn fui-submit fui-next" data-submit-action="submit">Next</button></div></div><div id="fui-reservationDeGroupeAdultEN-rmqhnh-p-62" class="fui-page" data-index="1" data-id="62" data-fui-page data-fui-page-hidden><div class="fui-page-container"><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-date fui-label-above-input fui-subfield-label-above-input fui-instructions-above-input fui-page-field" data-field-handle="desiredDateAndTime" data-field-type="date" data-field-display-type="calendar"><fieldset class="fui-fieldset fui-subfield-fieldset"><legend class="fui-legend" data-field-label>Desired date and time</legend><div class="fui-input-wrapper"><div class="fui-field-rows"><div class="fui-row" data-fui-field-count="2"><div class="fui-field fui-type-single-line-text fui-label-hidden fui-subfield-label-hidden fui-instructions-above-input fui-date-date" data-field-handle="desiredDateAndTime.date" data-field-type="single-line-text"><div class="fui-field-container"><label class="fui-label" for="fui-reservationDeGroupeAdultEN-rmqhnh-fields-desiredDateAndTime-date" data-field-label data-fui-sr-only>Date</label><div class="fui-input-wrapper"><input type="date" id="fui-reservationDeGroupeAdultEN-rmqhnh-fields-desiredDateAndTime-date" class="fui-input" name="fields[desiredDateAndTime][date]" autocomplete="off" data-fui-id="reservationDeGroupeAdultEN-desiredDateAndTime-date"></div></div></div><div class="fui-field fui-type-single-line-text fui-label-hidden fui-subfield-label-hidden fui-instructions-above-input fui-date-time" data-field-handle="desiredDateAndTime.time" data-field-type="single-line-text"><div class="fui-field-container"><label class="fui-label" for="fui-reservationDeGroupeAdultEN-rmqhnh-fields-desiredDateAndTime-time" data-field-label data-fui-sr-only>Time</label><div class="fui-input-wrapper"><input type="time" id="fui-reservationDeGroupeAdultEN-rmqhnh-fields-desiredDateAndTime-time" class="fui-input" name="fields[desiredDateAndTime][time]" autocomplete="off" data-fui-id="reservationDeGroupeAdultEN-desiredDateAndTime-time"></div></div></div></div></div></div></fieldset></div></div><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-number fui-label-above-input fui-subfield-label-above-input fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="numberOfPeople" data-field-type="number" data-validation="required|number"><div class="fui-field-container"><label class="fui-label" for="fui-reservationDeGroupeAdultEN-rmqhnh-fields-numberOfPeople" data-field-label>Number of people <span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><input type="number" id="fui-reservationDeGroupeAdultEN-rmqhnh-fields-numberOfPeople" class="fui-input" name="fields[numberOfPeople]" required data-fui-id="reservationDeGroupeAdultEN-numberOfPeople" 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-checkboxes fui-label-above-input fui-subfield-label-above-input fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="activitesSouhaitees" data-field-type="checkboxes" data-field-config="[{"module":"FormieCheckboxRadio"}]" data-validation="required"><fieldset class="fui-fieldset fui-layout-vertical"><legend class="fui-legend" data-field-label>Desired Activity <span class="fui-required" aria-hidden="true">*</span></legend><div class="fui-input-wrapper"><input type="hidden" name="fields[activitesSouhaitees]" value=""><div class="fui-layout-wrap"><div class="fui-checkbox"><input type="checkbox" id="fui-reservationDeGroupeAdultEN-rmqhnh-fields-activitesSouhaitees-battles-1759-1760-exhibition-0" class="fui-input fui-checkbox-input" name="fields[activitesSouhaitees][]" value="Battles | 1759-1760 Exhibition" required data-fui-id="reservationDeGroupeAdultEN-activitesSouhaitees-battles-1759-1760-exhibition-0" data-required-message="Required field"><label class="fui-checkbox-label" for="fui-reservationDeGroupeAdultEN-rmqhnh-fields-activitesSouhaitees-battles-1759-1760-exhibition-0">Battles | 1759-1760 Exhibition</label></div><div class="fui-checkbox"><input type="checkbox" id="fui-reservationDeGroupeAdultEN-rmqhnh-fields-activitesSouhaitees-guided-tour-of-the-park-1" class="fui-input fui-checkbox-input" name="fields[activitesSouhaitees][]" value="Guided Tour of the Park" required data-fui-id="reservationDeGroupeAdultEN-activitesSouhaitees-guided-tour-of-the-park-1" data-required-message="Required field"><label class="fui-checkbox-label" for="fui-reservationDeGroupeAdultEN-rmqhnh-fields-activitesSouhaitees-guided-tour-of-the-park-1">Guided Tour of the Park</label></div><div class="fui-checkbox"><input type="checkbox" id="fui-reservationDeGroupeAdultEN-rmqhnh-fields-activitesSouhaitees-wolfe-and-montcalm-2" class="fui-input fui-checkbox-input" name="fields[activitesSouhaitees][]" value="Wolfe and Montcalm" required data-fui-id="reservationDeGroupeAdultEN-activitesSouhaitees-wolfe-and-montcalm-2" data-required-message="Required field"><label class="fui-checkbox-label" for="fui-reservationDeGroupeAdultEN-rmqhnh-fields-activitesSouhaitees-wolfe-and-montcalm-2">Wolfe and Montcalm</label></div></div></div></fieldset></div></div><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-dropdown fui-label-above-input fui-subfield-label-above-input fui-instructions-above-input fui-page-field" data-field-handle="ouAvezVousEntenduParlerDeNosActivites" data-field-type="dropdown"><div class="fui-field-container"><label class="fui-label" for="fui-reservationDeGroupeAdultEN-rmqhnh-fields-ouAvezVousEntenduParlerDeNosActivites" data-field-label>Where did you hear about our activities?</label><div class="fui-input-wrapper"><select id="fui-reservationDeGroupeAdultEN-rmqhnh-fields-ouAvezVousEntenduParlerDeNosActivites" class="fui-select" name="fields[ouAvezVousEntenduParlerDeNosActivites]" data-fui-id="reservationDeGroupeAdultEN-ouAvezVousEntenduParlerDeNosActivites"><option value="Already visited">Already visited</option><option value="Work colleagues">Work colleagues</option><option value="Internet">Internet</option><option value="Other">Other</option></select></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="conditionsEtTraitementDesDonneesPersonnelles" data-field-type="agree" data-validation="required"><div class="fui-field-container"><label class="fui-label" for="fui-reservationDeGroupeAdultEN-rmqhnh-fields-conditionsEtTraitementDesDonneesPersonnelles" data-field-label data-fui-sr-only>Conditions and processing of personal data <span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><input type="hidden" name="fields[conditionsEtTraitementDesDonneesPersonnelles]" value="" data-fui-input-type="agree"><div class="fui-checkbox"><input type="checkbox" id="fui-reservationDeGroupeAdultEN-rmqhnh-fields-conditionsEtTraitementDesDonneesPersonnelles" class="fui-input fui-checkbox-input" name="fields[conditionsEtTraitementDesDonneesPersonnelles]" value="1" required data-fui-id="reservationDeGroupeAdultEN-conditionsEtTraitementDesDonneesPersonnelles" data-fui-input-type="agree" data-required-message="Consent is required to complete your registration"><label class="fui-checkbox-label" for="fui-reservationDeGroupeAdultEN-rmqhnh-fields-conditionsEtTraitementDesDonneesPersonnelles">I agree to the terms and conditions and to the processing of my personal data.</label></div></div></div></div></div></div><div class="formie-duplicate-captcha-placeholder" data-duplicate-captcha-placeholder></div><div id="beesknees_1846162_wrapper" style="display:none;"><label for="beesknees_1846162">Leave this field blank</label><input type="text" id="beesknees_1846162" 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">Submit</button><button type="submit" class="fui-btn fui-prev" data-submit-action="back">Back</button></div></div></div></form></div> </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"> <span class="text-2xl font-bold sm:text-5xl">Keep up with the latest news</span> <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-gvwjmd" class="fui-form fui-labels-above-input" method="post" enctype="multipart/form-data" accept-charset="utf-8" data-fui-form="{"formHashId":"fui-newsletter-gvwjmd","formId":1457,"formHandle":"newsletter","registeredJs":[{"src":"https:\/\/www.plainsofabraham.ca\/cpresources\/31d5748\/js\/captchas\/duplicate.js?v=1729388705","module":"FormieDuplicateCaptcha","settings":{"formId":"fui-newsletter-gvwjmd","sessionKey":"__DUP_14579","value":"6750163f1f4a46.51024363"}},{"src":"https:\/\/www.plainsofabraham.ca\/cpresources\/31d5748\/js\/captchas\/javascript.js?v=1729388705","module":"FormieJSCaptcha","settings":{"formId":"fui-newsletter-gvwjmd","sessionKey":"__JSCHK_14579","value":"6750163f1f4d30.99318889"}}],"settings":{"submitMethod":"ajax","submitActionMessage":"<p>We have received your subscription request. Please confirm your registration by e-mail. (Verify your spam folder)<\/p>","submitActionMessageTimeout":null,"submitActionMessagePosition":"bottom-form","submitActionFormHide":false,"submitAction":"message","submitActionTab":null,"errorMessage":"<p>An error has occurred. Please verify the information entered and try again.<\/p>","errorMessagePosition":"top-form","loadingIndicator":null,"loadingIndicatorText":null,"validationOnSubmit":true,"validationOnFocus":false,"scrollToTop":true,"hasMultiplePages":false,"pages":[{"id":9,"label":"Page 1","settings":{"submitButtonLabel":"Subscribe","backButtonLabel":"Back","showBackButton":false,"saveButtonLabel":"Save","showSaveButton":false,"saveButtonStyle":"link","buttonsPosition":"left","cssClasses":null,"containerAttributes":[],"inputAttributes":[],"enableNextButtonConditions":false,"nextButtonConditions":[],"enablePageConditions":false,"pageConditions":[],"enableJsEvents":false,"jsGtmEventOptions":[]}}],"themeConfig":{"loading":{"class":"fui-loading"},"errorMessage":{"class":"fui-error-message"},"disabled":{"class":"fui-disabled"},"tabError":{"class":"fui-tab-error"},"tabActive":{"class":"fui-tab-active"},"tabComplete":{"class":"fui-tab-complete"},"successMessage":{"class":"fui-success-message"},"alert":{"class":"fui-alert"},"alertError":{"class":"fui-alert fui-alert-error fui-alert-top-form","role":"alert","data-fui-alert":true,"data-fui-alert-error":true},"alertSuccess":{"class":"fui-alert fui-alert-success fui-alert-bottom-form","role":"alert","data-fui-alert":true,"data-fui-alert-success":true},"page":{"id":"fui-newsletter-gvwjmd-p-9","class":"fui-page","data-index":"0","data-id":"9","data-fui-page":true},"progress":{"class":"fui-progress","data-fui-progress":true},"tab":{"class":"fui-tab"},"success":{"class":"fui-success"},"error":{"class":"fui-error-message"},"fieldContainerError":{"class":"fui-error"},"fieldInputError":{"class":"fui-error"},"fieldErrors":{"class":"fui-errors","data-field-error-messages":true},"fieldError":{"class":"fui-error-message","data-field-error-message":true}},"redirectUrl":"","currentPageId":9,"outputJsTheme":true,"enableUnloadWarning":true,"enableBackSubmission":true,"ajaxTimeout":10,"baseActionUrl":"https:\/\/www.plainsofabraham.ca\/index.php?p=actions","refreshTokenUrl":"https:\/\/www.plainsofabraham.ca\/index.php?p=actions\/formie\/forms\/refresh-tokens&form=FORM_PLACEHOLDER","scriptAttributes":[]}}" data-form-submit-method="ajax" data-form-submit-action="message"><input type="hidden" name="CRAFT_CSRF_TOKEN" value="VN177MuFMQi_7HYn5GjSjOkjoqrAbcms8cM0P3-zkV3nwIzmp99xqx-UNNy_wnx46YYVCpVa4v62cpvOhTqZ4LWBAX4H8NYohZTDktCQGO8=" autocomplete="off"><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-gvwjmd-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-name fui-label-above-input fui-subfield-label-above-input fui-instructions-above-input fui-page-field" data-field-handle="prenom" data-field-type="name"><div class="fui-field-container"><label class="fui-label" for="fui-newsletter-gvwjmd-fields-prenom" data-field-label>Name</label><div class="fui-input-wrapper"><input type="text" id="fui-newsletter-gvwjmd-fields-prenom" class="fui-input" name="fields[prenom]" value="" placeholder="Name" autocomplete="name" data-fui-id="newsletter-prenom"></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-gvwjmd-fields-courriel" data-field-label>Email <span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><input type="email" id="fui-newsletter-gvwjmd-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"><div class="fui-field-container"><label class="fui-label" for="fui-newsletter-gvwjmd-fields-consent" data-field-label data-fui-sr-only>Consent <span class="fui-required" aria-hidden="true">*</span></label><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-gvwjmd-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-gvwjmd-fields-consent">I consent to receiving occasional email communications</label></div></div></div></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-gvwjmd-fields-langue" data-field-label>Langue</label><div class="fui-input-wrapper"><input type="text" id="fui-newsletter-gvwjmd-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/about-us" class="text-lg font-semibold hover:underline">About us</a> </li> <li> <a href="https://www.plainsofabraham.ca/careers" class="text-lg font-semibold hover:underline">Career</a> </li> <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/media" class="text-lg font-semibold hover:underline">Media</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> <li> <a href="https://www.plainsofabraham.ca/notices-privacy-policies" class="text-lg font-semibold hover:underline">Notices</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 . 2024 <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> <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 type="text/javascript" src="https://www.plainsofabraham.ca/cpresources/31d5748/js/formie.js?v=1729388705" defer></script> <script>window.Formie__JSCHK_1846162="6750163f0d31c1.27734406"; window.Formie__JSCHK_14579="6750163f1f4d30.99318889";</script></body>  </html>

CINXE.COM

Interactive activities for groups of adults – Plains of Abraham