CINXE.COM
Events and Programs | Canadian Museum of Immigration at Pier 21
<!-- THEME DEBUG --> <!-- THEME HOOK: 'html' --> <!-- FILE NAME SUGGESTIONS: * html--events.html.twig x html.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/layout/html.html.twig' --> <!DOCTYPE html> <html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# "> <head> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5RB2V7X');</script> <!-- End Google Tag Manager --> <meta charset="utf-8" /> <link rel="canonical" href="https://pier21.ca/events" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <meta http-equiv="x-ua-compatible" content="ie=edge" /> <link rel="icon" href="/themes/custom/bootstrap_cmi/favicon.ico" type="image/vnd.microsoft.icon" /> <title>Events and Programs | Canadian Museum of Immigration at Pier 21</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_3qz2_G-9Ux0dHN07eNEXUd67BXvalk1IPSPfycfDFA0.css?delta=0&language=en&theme=bootstrap_cmi&include=eJx9kEEOgzAMBD8E5UnICU5kEceR7UD5faueWkC97GHmsrt2mCNPAQyHIOLmCm0OoEoy5SIBymh-FKr5y0em_9KPhiv5iTLkSoni3KT1dpKxqwPVYSPcbfrkg2XpBX-QojWpRhuOWWm5lg6KsETtHK4uifIdrQ47mvDNB5ASPa_4vXm1F2oTfnI" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_CHra4s_eB1_Blj6xnxl93jBYkXO-SH4u2pmCGeptzao.css?delta=1&language=en&theme=bootstrap_cmi&include=eJx9kEEOgzAMBD8E5UnICU5kEceR7UD5faueWkC97GHmsrt2mCNPAQyHIOLmCm0OoEoy5SIBymh-FKr5y0em_9KPhiv5iTLkSoni3KT1dpKxqwPVYSPcbfrkg2XpBX-QojWpRhuOWWm5lg6KsETtHK4uifIdrQ47mvDNB5ASPa_4vXm1F2oTfnI" /> <link rel="stylesheet" media="all" href="//use.fontawesome.com/releases/v5.13.0/css/all.css" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_erGg9zRtwoRC8FfbfsveylOQF2YtjlEh-Ihc-_-2vS4.css?delta=3&language=en&theme=bootstrap_cmi&include=eJx9kEEOgzAMBD8E5UnICU5kEceR7UD5faueWkC97GHmsrt2mCNPAQyHIOLmCm0OoEoy5SIBymh-FKr5y0em_9KPhiv5iTLkSoni3KT1dpKxqwPVYSPcbfrkg2XpBX-QojWpRhuOWWm5lg6KsETtHK4uifIdrQ47mvDNB5ASPa_4vXm1F2oTfnI" /> <script src="/themes/custom/bootstrap_cmi/js/modernizr-object_fit.js?v=3.11.7"></script> <script src="//use.typekit.net/bgw7klw.js"></script> <script src="/sites/default/files/js/js_r58eyMcfHNibF45LVXxQ94UdWefTt0odDDS1lT690O8.js?scope=header&delta=2&language=en&theme=bootstrap_cmi&include=eJx9kEEOgzAMBD8E5UnICU5kEceR7UD5faueWkC97GHmsrt2mCNPAQyHIOLmCm0OoEoy5SIBymh-FKr5y0em_9KPhiv5iTLkSoni3KT1dpKxqwPVYSPcbfrkg2XpBX-QojWpRhuOWWm5lg6KsETtHK4uifIdrQ47mvDNB5ASPa_4vXm1F2oTfnI"></script> <!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '435084284096088'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" src="https://www.facebook.com/tr?id=435084284096088&ev=PageView &noscript=1"/> </noscript> <!-- End Facebook Pixel Code --> </head> <body class="layout-no-sidebars page-view-event-listing path-events"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5RB2V7X" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> <!-- THEME DEBUG --> <!-- THEME HOOK: 'off_canvas_page_wrapper' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/off-canvas-page-wrapper.html.twig' --> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <!-- THEME DEBUG --> <!-- THEME HOOK: 'page' --> <!-- FILE NAME SUGGESTIONS: * page--events.html.twig x page.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/layout/page.html.twig' --> <div id="page-wrapper"> <div id="page"> <div class="alert-box"> <aside class="container-fluid section clearfix" role="complementary"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: x region--nowrap.html.twig * region--alert-box.html.twig * region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region--nowrap.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--bootstrap-cmi-generalinformationalertblock.html.twig * block--block-content--c9979146-d8e4-4e28-b769-684fe5230a0b.html.twig * block--block-basic.html.twig * block--block-content.html.twig * block--bundle--basic.html.twig * block--block-content.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-bootstrap-cmi-generalinformationalertblock" class="block-content-basic block block-block-content block-block-contentc9979146-d8e4-4e28-b769-684fe5230a0b"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--body--basic.html.twig * field--block-content--body.html.twig * field--block-content--basic.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="alert cmi-alert alert-gold" role="alert"><a href="/hours-and-admission-prices">Winter hours: Closed Monday and Tuesday, open Wednesday to Sunday 10 am - 5 pm.</a></div></div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region--nowrap.html.twig' --> </aside> </div> <header data-toggle=affix id="header" class="header mb-3" role="banner" aria-label="Site header"> <div class="d-none d-lg-block" > <nav class="navbar navbar-dark bg-white" id="navbar-top" data-toggle=""> <section class="row no-gutters region region-top-header"> <a href="/" title="Home" rel="home" class="navbar-brand"> <img src="/themes/custom/bootstrap_cmi/logo.svg" alt="Canadian Museum of Immigration at Pier 21" width="200" height="100" class="img-fluid d-inlinev-block align-top d-none d-lg-block d-xl-block"> <span class="ml-2 d-none d-md-inline visually-hidden focusable">Canadian Museum of Immigration at Pier 21</span> </a> <div class="ml-2 d-none d-inline-block align-top site-name-slogan visually-hidden"> Countless Journeys. One Canada. </div> </section> <div class="form-inline navbar-form ml-auto dnone d-lg-block d-md-none"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--top-header-form.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="row region region-top-header-form"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--globalpagetoplinks.html.twig * block--system-menu-block--global-page-top-links.html.twig x block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__global_page_top_links' --> <!-- FILE NAME SUGGESTIONS: * menu--global-page-top-links.html.twig * menu--global-page-top-links.html.twig x menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/menu.html.twig' --> <ul class="clearfix global-page-top-links nav"> <li class="nav-item"> <a href="https://pier21.ca/facility-rentals" class="nav-link nav-link-https--pier21ca-facility-rentals" data-drupal-link-system-path="node/37">Facility Rentals</a> </li> <li class="nav-item"> <a href="https://shop.pier21.ca" class="nav-link nav-link-https--shoppier21ca">Boutique</a> </li> </ul> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/menu.html.twig' --> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--languageswitcher.html.twig * block--language-block--language-interface.html.twig x block--language-block.html.twig * block--language.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--language-block.html.twig' --> <div class="language-switcher-language-url block block-language block-language-blocklanguage-interface" role="navigation"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'links__language_block' --> <!-- FILE NAME SUGGESTIONS: x links--language-block.html.twig x links--language-block.html.twig * links.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/links--language-block.html.twig' --> <nav class="links nav links-inline"><span hreflang="fr" data-drupal-link-system-path="events" class="_ nav-link"><a href="https://quai21.ca/%C3%A9v%C3%A9nements" class="language-link btn btn-outline-primary" hreflang="fr" data-drupal-link-system-path="events">FR</a></span></nav> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/links--language-block.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--language-block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> </div> </nav> </div> <nav class="navbar navbar-light bg-white navbar-expand-lg" id="navbar-main" data-toggle="" aria-labelledby="mainmenulabel"> <h2 id="mainmenulabel" class="visuallyhidden">Main Menu</h2> <!--<img src="/themes/custom/bootstrap_cmi/logo.svg" width="200" height="100" alt="Canadian Museum of Immigration at Pier 21" class="img-fluid d-inline-block align-top d-none d-lg-block d-xl-none"/>--> <img src="/themes/custom/bootstrap_cmi/images/cmi-mci_icon.svg" width="40" height="40" alt="Canadian Museum of Immigration at Pier 21" class="img-fluid d-inline-block align-top d-lg-none"/> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#CollapsingNavbar" aria-controls="CollapsingNavbar" aria-expanded="false" aria-label="Toggle navigation"> <div class="d-flex"> <span class="menu-span d-lg-none label"> MENU </span> </div> </button> <div class="collapse navbar-collapse" id="CollapsingNavbar"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: x region--nowrap.html.twig * region--primary-menu.html.twig * region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region--nowrap.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--bootstrap-cmi-main-menu.html.twig * block--system-menu-block--main.html.twig x block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__main' --> <!-- FILE NAME SUGGESTIONS: x menu--main.html.twig x menu--main.html.twig * menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/navigation/menu--main.html.twig' --> <ul id="block-bootstrap-cmi-main-menu" location="header" class="clearfix mr-auto navbar-nav"> <li class="nav-item menu-item--expanded dropdown trigger dropdownd"> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Visit</a> <div class='parent_menu_wrapper '> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-">Visit</a> <span class='parent_open_close' style="display:none;">+</span> </div> <div class='sub dropdown-menu checking-menu ' aria-labelledby="navbarDropdown"> <h2 class="navbarDropdown visually-hidden"></h2> <div class="full-width display-flex"> <div class="small-width first-part"> <h1><u class=" menu-left">Visit</u></h1> </div> <div class="large-width second-part"> <ul class = 'dropdown-menus ttt nav flex-column two-column'> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/visit/plan-your-visit" class="sidebar_additional_class nav-link-https--pier21ca-visit-plan-your-visit" data-drupal-link-system-path="node/4">Plan Your Visit</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/visit/hours-and-admission-prices" class="sidebar_additional_class nav-link-https--pier21ca-visit-hours-and-admission-prices" data-drupal-link-system-path="node/5">Hours & Admission Prices</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/visit/location-and-parking" class="sidebar_additional_class nav-link-https--pier21ca-visit-location-and-parking" data-drupal-link-system-path="node/6">Location & Parking</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/visit/guided-tours" class="sidebar_additional_class nav-link-https--pier21ca-visit-guided-tours" data-drupal-link-system-path="node/7">Guided Tours</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/visit/group-reservations-0" class="sidebar_additional_class nav-link-https--pier21ca-visit-group-reservations-0" data-drupal-link-system-path="node/478846">Group Reservations</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/visit/accessibility" class="sidebar_additional_class nav-link-https--pier21ca-visit-accessibility" data-drupal-link-system-path="node/54">Accessibility</a> </li> </ul> <button type="button" class="main-nav-dropdown-close btn close" aria-label="Close"><i class="fa fa-window-close"></i></button> </div> </div> </div> </li> <li class="nav-item menu-item--expanded dropdown trigger dropdownd"> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Exhibitions</a> <div class='parent_menu_wrapper '> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-">Exhibitions</a> <span class='parent_open_close' style="display:none;">+</span> </div> <div class='sub dropdown-menu checking-menu ' aria-labelledby="navbarDropdown"> <h2 class="navbarDropdown visually-hidden"></h2> <div class="full-width display-flex"> <div class="small-width first-part"> <h1><u class=" menu-left">Exhibitions</u></h1> </div> <div class="large-width second-part"> <ul class = 'dropdown-menus ttt nav flex-column two-column'> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/exhibitions/exhibitions" class="sidebar_additional_class nav-link-https--pier21ca-exhibitions-exhibitions" data-drupal-link-system-path="node/9">Exhibitions</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/exhibitions/host-a-travelling-exhibition" class="sidebar_additional_class nav-link-https--pier21ca-exhibitions-host-a-travelling-exhibition" data-drupal-link-system-path="node/51">Travelling Exhibitions</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/exhibitions/community-presents" class="sidebar_additional_class nav-link-https--pier21ca-exhibitions-community-presents" data-drupal-link-system-path="node/53">Community Presents</a> </li> </ul> <button type="button" class="main-nav-dropdown-close btn close" aria-label="Close"><i class="fa fa-window-close"></i></button> </div> </div> </div> </li> <li class="nav-item menu-item--expanded active dropdown trigger dropdownd"> <a href="" class="sidebar_additional_class nav-link active dropdown-toggle nav-link-" data-toggle="dropdown" aria-expanded="true" aria-haspopup="true">Events</a> <div class='parent_menu_wrapper '> <a href="" class="sidebar_additional_class nav-link active dropdown-toggle nav-link-">Events</a> <span class='parent_open_close' style="display:none;">-</span> </div> <div class='sub dropdown-menu checking-menu ' aria-labelledby="navbarDropdown"> <h2 class="navbarDropdown visually-hidden">1</h2> <div class="full-width display-flex"> <div class="small-width first-part"> <h1><u class=" menu-left">Events</u></h1> </div> <div class="large-width second-part"> <ul class = 'dropdown-menus ttt nav flex-column two-column'> <li class="dropdown-item active"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/events" class="sidebar_additional_class active nav-link-https--pier21ca-events is-active" data-drupal-link-system-path="events">Events & Programs</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/events/artist-residence" class="sidebar_additional_class nav-link-https--pier21ca-events-artist-residence" data-drupal-link-system-path="node/10">Artist in Residence</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/events/perfect-pairings-call-participants" class="sidebar_additional_class nav-link-https--pier21ca-events-perfect-pairings-call-participants" data-drupal-link-system-path="node/482581">Perfect Pairings</a> </li> </ul> <button type="button" class="main-nav-dropdown-close btn close" aria-label="Close"><i class="fa fa-window-close"></i></button> </div> </div> </div> </li> <li class="nav-item menu-item--expanded dropdown trigger dropdownd"> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Learn</a> <div class='parent_menu_wrapper '> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-">Learn</a> <span class='parent_open_close' style="display:none;">+</span> </div> <div class='sub dropdown-menu checking-menu ' aria-labelledby="navbarDropdown"> <h2 class="navbarDropdown visually-hidden"></h2> <div class="full-width display-flex"> <div class="small-width first-part"> <h1><u class=" menu-left">Learn</u></h1> </div> <div class="large-width second-part"> <ul class = 'dropdown-menus ttt nav flex-column two-column'> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/learn/education-groups" class="sidebar_additional_class nav-link-https--pier21ca-learn-education-groups" data-drupal-link-system-path="node/52">Education Groups</a> </li> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/learn/virtual-field-trips" class="sidebar_additional_class nav-link-https--pier21ca-learn-virtual-field-trips" data-drupal-link-system-path="node/511">Virtual Field Trips</a> </li> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/learn/discoveries-everyone" class="sidebar_additional_class nav-link-https--pier21ca-learn-discoveries-everyone" data-drupal-link-system-path="node/33">Discoveries for Everyone</a> </li> </ul> <button type="button" class="main-nav-dropdown-close btn close" aria-label="Close"><i class="fa fa-window-close"></i></button> </div> </div> </div> </li> <li class="nav-item menu-item--expanded dropdown trigger dropdownd"> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Research</a> <div class='parent_menu_wrapper '> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-">Research</a> <span class='parent_open_close' style="display:none;">+</span> </div> <div class='sub dropdown-menu checking-menu ' aria-labelledby="navbarDropdown"> <h2 class="navbarDropdown visually-hidden"></h2> <div class="full-width display-flex"> <div class="small-width first-part"> <h1><u class=" menu-left">Research</u></h1> </div> <div class="large-width second-part"> <ul class = 'dropdown-menus ttt nav flex-column two-column'> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/research/immigration-records-and-family-history-research-help" class="sidebar_additional_class nav-link-https--pier21ca-research-immigration-records-and-family-history-research-help" data-drupal-link-system-path="node/12">Immigration Records</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/research/immigration-history" class="sidebar_additional_class nav-link-https--pier21ca-research-immigration-history" data-drupal-link-system-path="node/146536">Immigration History</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/research/historic-pier-21" class="sidebar_additional_class nav-link-https--pier21ca-research-historic-pier-21" data-drupal-link-system-path="node/15">Historic Pier 21</a> </li> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/research/oral-history" class="sidebar_additional_class nav-link-https--pier21ca-research-oral-history" data-drupal-link-system-path="node/14">Oral History</a> </li> </ul> <button type="button" class="main-nav-dropdown-close btn close" aria-label="Close"><i class="fa fa-window-close"></i></button> </div> </div> </div> </li> <li class="nav-item menu-item--expanded dropdown trigger dropdownd"> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Collections</a> <div class='parent_menu_wrapper '> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-">Collections</a> <span class='parent_open_close' style="display:none;">+</span> </div> <div class='sub dropdown-menu checking-menu ' aria-labelledby="navbarDropdown"> <h2 class="navbarDropdown visually-hidden"></h2> <div class="full-width display-flex"> <div class="small-width first-part"> <h1><u class=" menu-left">Collections</u></h1> </div> <div class="large-width second-part"> <ul class = 'dropdown-menus ttt nav flex-column two-column'> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://5104.sydneyplus.com/final/portal.aspx" class="sidebar_additional_class nav-link-https--5104sydneypluscom-final-portalaspx">Search the Collection</a> </li> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/collections" class="sidebar_additional_class nav-link-https--pier21ca-collections" data-drupal-link-system-path="node/32">About the Collection</a> </li> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/collections/share-your-story" class="sidebar_additional_class nav-link-https--pier21ca-collections-share-your-story" data-drupal-link-system-path="node/1106">Share Your Story</a> </li> </ul> <button type="button" class="main-nav-dropdown-close btn close" aria-label="Close"><i class="fa fa-window-close"></i></button> </div> </div> </div> </li> <li class="nav-item menu-item--expanded dropdown trigger dropdownd"> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Support</a> <div class='parent_menu_wrapper '> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-">Support</a> <span class='parent_open_close' style="display:none;">+</span> </div> <div class='sub dropdown-menu checking-menu ' aria-labelledby="navbarDropdown"> <h2 class="navbarDropdown visually-hidden"></h2> <div class="full-width display-flex"> <div class="small-width first-part"> <h1><u class=" menu-left">Support</u></h1> </div> <div class="large-width second-part"> <ul class = 'dropdown-menus ttt nav flex-column two-column'> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/your-donation" class="sidebar_additional_class nav-link-https--pier21ca-your-donation" data-drupal-link-system-path="node/28">Your Donation</a> </li> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/support/ways-to-give" class="sidebar_additional_class nav-link-https--pier21ca-support-ways-to-give" data-drupal-link-system-path="node/22">Ways to Give</a> </li> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/support/donor-impact" class="sidebar_additional_class nav-link-https--pier21ca-support-donor-impact" data-drupal-link-system-path="node/27">Donor Impact</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/support/search-virtual-walls" class="sidebar_additional_class nav-link-https--pier21ca-support-search-virtual-walls" data-drupal-link-system-path="node/147181">Search the Virtual Walls</a> </li> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/support/sobey-wall-honour" class="sidebar_additional_class nav-link-https--pier21ca-support-sobey-wall-honour" data-drupal-link-system-path="node/30">Sobey Wall of Honour</a> </li> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/support/wall-service" class="sidebar_additional_class nav-link-https--pier21ca-support-wall-service" data-drupal-link-system-path="node/29">Wall of Service</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/support/wadih-m-fares-wall-tribute" class="sidebar_additional_class nav-link-https--pier21ca-support-wadih-m-fares-wall-tribute" data-drupal-link-system-path="node/31">Wadih M. Fares Wall of Tribute</a> </li> </ul> <button type="button" class="main-nav-dropdown-close btn close" aria-label="Close"><i class="fa fa-window-close"></i></button> </div> </div> </div> </li> <li class="nav-item menu-item--expanded dropdown trigger dropdownd"> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">About</a> <div class='parent_menu_wrapper '> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-">About</a> <span class='parent_open_close' style="display:none;">+</span> </div> <div class='sub dropdown-menu checking-menu ' aria-labelledby="navbarDropdown"> <h2 class="navbarDropdown visually-hidden"></h2> <div class="full-width display-flex"> <div class="small-width first-part"> <h1><u class=" menu-left">About</u></h1> </div> <div class="large-width second-part"> <ul class = 'dropdown-menus ttt nav flex-column two-column'> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/about/about-museum" class="sidebar_additional_class nav-link-https--pier21ca-about-about-museum" data-drupal-link-system-path="node/477166">About the Museum</a> </li> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/about/accessibility-plan-and-feedback-process" class="sidebar_additional_class nav-link-https--pier21ca-about-accessibility-plan-and-feedback-process" data-drupal-link-system-path="node/480791">Accessibility Plan & Feedback Process</a> </li> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/about/corporate-reports" class="sidebar_additional_class nav-link-https--pier21ca-about-corporate-reports" data-drupal-link-system-path="node/17">Governance & Corporate Reports</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/about/media-centre" class="sidebar_additional_class nav-link-https--pier21ca-about-media-centre" data-drupal-link-system-path="node/18">Media Centre</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/about/do-business-with-us" class="sidebar_additional_class nav-link-https--pier21ca-about-do-business-with-us" data-drupal-link-system-path="node/21">Do Business With Us</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/about/employment-opportunities" class="sidebar_additional_class nav-link-https--pier21ca-about-employment-opportunities" data-drupal-link-system-path="node/478591">Employment Opportunities</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/about/welcome-home-to-canada" class="sidebar_additional_class nav-link-https--pier21ca-about-welcome-home-to-canada" data-drupal-link-system-path="node/19">Welcome Home to Canada</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/about/volunteer" class="sidebar_additional_class nav-link-https--pier21ca-about-volunteer" data-drupal-link-system-path="node/26">Volunteer</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/about/staff-directory" class="sidebar_additional_class nav-link-https--pier21ca-about-staff-directory" data-drupal-link-system-path="node/25">Staff Directory</a> </li> </ul> <button type="button" class="main-nav-dropdown-close btn close" aria-label="Close"><i class="fa fa-window-close"></i></button> </div> </div> </div> </li> <li class="d-none global-links nav-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/facility-rentals" class="sidebar_additional_class nav-link nav-link-https--pier21ca-facility-rentals" data-drupal-link-system-path="node/37">Facility Rentals</a> </li> <li class="d-none global-links nav-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://shop.pier21.ca" class="sidebar_additional_class nav-link nav-link-https--shoppier21ca">Boutique</a> </li> </ul> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/navigation/menu--main.html.twig' --> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region--nowrap.html.twig' --> <div class="form-inline navbar-form justify-content-center"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--header-form.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="row-form region region-header-form"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: x block--exposedformacquia-searchpage-2.html.twig * block--views-exposed-filter-block--acquia-search-page.html.twig * block--views-exposed-filter-block.html.twig * block--views.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--exposedformacquia-searchpage-2.html.twig' --> <div class="views-exposed-form block block-views block-views-exposed-filter-blockacquia-search-page search-block-container" data-drupal-selector="views-exposed-form-acquia-search-page" id="block-exposedformacquia-searchpage-2"> <div class="search-container"> <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-search"></i><span class="sr-only">Search</span></button> <div class="search-dropdown-menu dropdown-menu"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form.html.twig' --> <form action="https://pier21.ca/search" method="get" id="views-exposed-form-acquia-search-page" accept-charset="UTF-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_exposed_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/views/views-exposed-form.html.twig' --> <div class="d-flex flex-wrap"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <div class="js-form-item js-form-type-textfield form-type-textfield js-form-item-search form-item-search mb-3"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element-label.html.twig' --> <label for="edit-search" class="visually-hidden">Search</label> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__textfield' --> <!-- FILE NAME SUGGESTIONS: * input--textfield.html.twig x input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> <input data-drupal-selector="edit-search" type="text" id="edit-search" name="search" value="" size="30" maxlength="128" class="form-control" /> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/container.html.twig' --> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper mb-3" id="edit-actions"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: * input--submit.html.twig x input--submit-button.html.twig * input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input--submit-button.html.twig' --> <button data-drupal-selector="edit-submit-acquia-search" type="submit" id="edit-submit-acquia-search" value="Search" class="button js-form-submit form-submit btn btn-primary">Search</button> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input--submit-button.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/container.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/views/views-exposed-form.html.twig' --> </form> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form.html.twig' --> </div> </div> </div> </div> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--exposedformacquia-searchpage-2.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> </div> </div> <div class="d-md-block d-lg-none" > <nav class="navbar navbar-dark bg-white" id="navbar-top" data-toggle=""> <section class="row no-gutters region region-top-header"> <a href="/" title="Home" rel="home" class="navbar-brand"> <img src="/themes/custom/bootstrap_cmi/logo.svg" alt="Canadian Museum of Immigration at Pier 21" width="200" height="100" class="img-fluid d-inlinev-block align-top d-none d-lg-block d-xl-block"> <span class="ml-2 d-none d-md-inline visually-hidden focusable">Canadian Museum of Immigration at Pier 21</span> </a> <div class="ml-2 d-none d-inline-block align-top site-name-slogan visually-hidden"> Countless Journeys. One Canada. </div> </section> <div class="form-inline navbar-form ml-auto d-md-block d-lg-none"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--top-header-form.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="row region region-top-header-form"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--globalpagetoplinks.html.twig * block--system-menu-block--global-page-top-links.html.twig x block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__global_page_top_links' --> <!-- FILE NAME SUGGESTIONS: * menu--global-page-top-links.html.twig * menu--global-page-top-links.html.twig x menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/menu.html.twig' --> <ul class="clearfix global-page-top-links nav"> <li class="nav-item"> <a href="https://pier21.ca/facility-rentals" class="nav-link nav-link-https--pier21ca-facility-rentals" data-drupal-link-system-path="node/37">Facility Rentals</a> </li> <li class="nav-item"> <a href="https://shop.pier21.ca" class="nav-link nav-link-https--shoppier21ca">Boutique</a> </li> </ul> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/menu.html.twig' --> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--languageswitcher.html.twig * block--language-block--language-interface.html.twig x block--language-block.html.twig * block--language.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--language-block.html.twig' --> <div class="language-switcher-language-url block block-language block-language-blocklanguage-interface" role="navigation"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'links__language_block' --> <!-- FILE NAME SUGGESTIONS: x links--language-block.html.twig x links--language-block.html.twig * links.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/links--language-block.html.twig' --> <nav class="links nav links-inline"><span hreflang="fr" data-drupal-link-system-path="events" class="_ nav-link"><a href="https://quai21.ca/%C3%A9v%C3%A9nements" class="language-link btn btn-outline-primary" hreflang="fr" data-drupal-link-system-path="events">FR</a></span></nav> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/links--language-block.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--language-block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> </div> </nav> </div> </nav> </header> <div class="highlighted"> <aside class="container-fluid section clearfix" role="complementary"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--highlighted.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="region region-highlighted"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--bootstrap-cmi-messages.html.twig x block--system-messages-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/block--system-messages-block.html.twig' --> <div data-drupal-messages-fallback class="hidden"></div> <!-- END OUTPUT from 'core/modules/system/templates/block--system-messages-block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> </aside> </div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--breadcrumb.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="pl-5 pr-5 region region-breadcrumb"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--bootstrap-cmi-breadcrumbs.html.twig * block--system-breadcrumb-block.html.twig * block--system.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-bootstrap-cmi-breadcrumbs" class="block block-system block-system-breadcrumb-block"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'breadcrumb' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/breadcrumb.html.twig' --> <nav role="navigation" aria-label="breadcrumb" style=""> <ol class="breadcrumb"> <li class="breadcrumb-item"> <a href="https://pier21.ca/">Home</a> </li> </ol> </nav> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/breadcrumb.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <div id="main-wrapper" class="layout-main-wrapper clearfix"> <div id="main" > <div class="row row-offcanvas row-offcanvas-left no-gutters content-width clearfix"> <main class="main-content col" id="content" role="main"> <section class="section"> <a id="main-content" tabindex="-1"></a> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--content.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="region region-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--bootstrap-cmi-page-title.html.twig * block--page-title-block.html.twig * block--core.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-bootstrap-cmi-page-title" class="block block-core block-page-title-block"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'page_title' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/content/page-title.html.twig' --> <h1 class="title">Events and Programs</h1> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/content/page-title.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--bootstrap-cmi-content.html.twig * block--system-main-block.html.twig * block--system.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-bootstrap-cmi-content" class="block block-system block-system-main-block"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/container.html.twig' --> <div class="views-element-container"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view' --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/views/views-view.html.twig' --> <div class="event-listing view view-event-listing view-id-event_listing view-display-id-page_1 js-view-dom-id-0b63d0aa7f109bb091af57baef8a3ded4b87d613c99ed6826773cc02f648199d"> <div class="view-content no-gutters row"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_grid_responsive' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-grid-responsive.html.twig' --> <div class="views-view-responsive-grid views-view-responsive-grid--horizontal" style="--views-responsive-grid--column-count:1;--views-responsive-grid--cell-min-width:320px;--views-responsive-grid--layout-gap:10px;"> <div class="views-view-responsive-grid__item"> <div class="views-view-responsive-grid__item-inner"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_fields' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-fields.html.twig' --> <div class="views-field views-field-nothing"><span class="field-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_field' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> <div class="card mt-1 mb-4 border-0"> <h4 class="card-title"><a href="#"><span class="mr-1"><a href="https://pier21.ca/annual-public-meeting-2024" hreflang="en">Annual Public Meeting 2024</a></span></a></h4> <div class="row no-gutters"> <div class="col-6-md"> <img loading="lazy" src="/sites/default/files/2024-09/apm-2024-en-540.jpg" width="540" height="284" alt="Event information beside a photo of the Musuem with a bright blue sky and flowers in front." typeof="Image" /> </div> <div class="col-6-md"> <div class="card-body"> <p class="card-text"><span>Date: </span> <time datetime="2024-11-27T12:00:00Z" class="datetime">Wednesday, November 27, 2024</time> </p> <p class="card-text"><span>Time: </span>2:00 pm (AST)</p> <p class="card-text"><span>Location: </span>Virtual event</p> <p class="card-text"><span>Cost: </span>FREE</p> </div> </div> </div> <hr /> <!-- END OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> </span></div> <!-- END OUTPUT from 'core/modules/views/templates/views-view-fields.html.twig' --> </div> </div> <div class="views-view-responsive-grid__item"> <div class="views-view-responsive-grid__item-inner"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_fields' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-fields.html.twig' --> <div class="views-field views-field-nothing"><span class="field-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_field' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> <div class="card mt-1 mb-4 border-0"> <h4 class="card-title"><a href="#"><span class="mr-1"><a href="https://pier21.ca/arc-ensemble-music-exile" hreflang="en">ARC Ensemble: Music in Exile</a></span></a></h4> <div class="row no-gutters"> <div class="col-6-md"> <img loading="lazy" src="/sites/default/files/2024-10/arc-540.jpg" width="540" height="270" alt="Event information beside an image of two white women, two white men, and one Asian man standing and smiling for the camera." typeof="Image" /> </div> <div class="col-6-md"> <div class="card-body"> <p class="card-text"><span>Date: </span> <time datetime="2024-12-01T12:00:00Z" class="datetime">Sunday, December 1, 2024</time> </p> <p class="card-text"><span>Time: </span>1:00 pm</p> <p class="card-text"><span>Location: </span>In-person event at the Museum</p> <p class="card-text"><span>Cost: </span>$11.25 -$16.25</p> </div> </div> </div> <hr /> <!-- END OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> </span></div> <!-- END OUTPUT from 'core/modules/views/templates/views-view-fields.html.twig' --> </div> </div> </div> <!-- END OUTPUT from 'core/modules/views/templates/views-view-grid-responsive.html.twig' --> </div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_mini_pager' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/views/views-mini-pager.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/views/views-mini-pager.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/views/views-view.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/container.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> </section> </main> </div> </div> </div> <div class="featured-bottom"> <aside class="clearfix" role="complementary"> <div class="row row-offcanvas row-offcanvas-left no-gutters clearfix"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: x region--nowrap.html.twig * region--featured-bottom-third.html.twig * region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region--nowrap.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--sociallinks.html.twig * block--block-content--ad9fafa5-7734-439c-b581-95f410531efb.html.twig * block--block-basic.html.twig * block--block-content.html.twig * block--bundle--basic.html.twig * block--block-content.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-sociallinks" class="block-content-basic block block-block-content block-block-contentad9fafa5-7734-439c-b581-95f410531efb"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--body--basic.html.twig * field--block-content--body.html.twig * field--block-content--basic.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><ul class="list-inline social-links mt-3 pl-5 ml-4"><li class="list-inline-item"><a href="https://www.facebook.com/CanadianMuseumofImmigration/?ref=ts"><em><i class="fab fa-2x fa-facebook"><span class="sr-only">Facebook</span></i></em></a></li><li class="list-inline-item"><a href="https://www.instagram.com/pier21_quai21/"><em><i class="fab fa-2x fa-instagram"><span class="sr-only">Instagram</span></i></em></a></li><li class="list-inline-item"><a href="https://www.youtube.com/user/Pier21Museum"><em><i class="fab fa-2x fa-youtube"><span class="sr-only">YouTube</span></i></em></a></li><li class="list-inline-item"><a href="https://www.tripadvisor.com/Attraction_Review-g154976-d155415-Reviews-Canadian_Museum_of_Immigration_at_Pier_21-Halifax_Halifax_Regional_Municipality_No.html"><em><i class="fab fa-2x fa-tripadvisor"><span class="sr-only">TripAdvisor</span></i></em></a></li></ul></div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region--nowrap.html.twig' --> <div class="footer-wave w-100"> <img alt="" class="full-width-image" src="/themes/custom/bootstrap_cmi/images/wave.svg"> </div> </div> </aside> </div> <footer class="site-footer pl-5 pr-5"> <div class="container-fluid"> <div class="site-footer__top clearfix mt-4 mx-4"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--footer-first.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="col pl-0 region region-footer-first"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--addresscopyright.html.twig * block--block-content--997feb7a-2616-4d71-a813-db2c5dac2eea.html.twig * block--block-basic.html.twig * block--block-content.html.twig * block--bundle--basic.html.twig * block--block-content.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-addresscopyright" class="block-content-basic block block-block-content block-block-content997feb7a-2616-4d71-a813-db2c5dac2eea"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--body--basic.html.twig * field--block-content--body.html.twig * field--block-content--basic.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Canadian Museum of Immigration at Pier 21<br> © 2024 All Rights Reserved.<br> 1055 Marginal Road, Halifax NS B3H 4P7<br> T: 902-425-7770 • F: 902-423-4045<br> Toll Free: 1-855-526-4721 • <a href="mailto:info@pier21.ca">info@pier21.ca</a></p> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--footer-second.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="col region region-footer-second"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--footercontact.html.twig * block--system-menu-block--footer-contact.html.twig x block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__footer_contact' --> <!-- FILE NAME SUGGESTIONS: * menu--footer-contact.html.twig x menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/menu.html.twig' --> <ul class="clearfix nav"> <li class="nav-item"> <a href="/rental-services/weddings" class="nav-link nav-link--rental-services-weddings">Weddings</a> </li> <li class="nav-item"> <a href="/rental-services/meeting-and-convention-planning" class="nav-link nav-link--rental-services-meeting-and-convention-planning">Event Planners</a> </li> <li class="nav-item"> <a href="https://shop.pier21.ca" class="nav-link nav-link-https--shoppier21ca">Shop</a> </li> <li class="nav-item"> <a href="https://pier21.ca/about/media-centre" class="nav-link nav-link-https--pier21ca-about-media-centre" data-drupal-link-system-path="node/18">Media Enquiries</a> </li> <li class="nav-item"> <a href="https://pier21.ca/contact" class="nav-link nav-link-https--pier21ca-contact" data-drupal-link-system-path="contact">Contact Us</a> </li> </ul> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/menu.html.twig' --> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--footer-third.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="col region region-footer-third"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--footersitelinks.html.twig * block--system-menu-block--footer-site-links.html.twig x block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__footer_site_links' --> <!-- FILE NAME SUGGESTIONS: * menu--footer-site-links.html.twig x menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/menu.html.twig' --> <ul class="clearfix nav"> <li class="nav-item"> <a href="https://pier21.ca/about/accessibility-plan-and-feedback-process" class="nav-link nav-link-https--pier21ca-about-accessibility-plan-and-feedback-process" data-drupal-link-system-path="node/480791">Accessibility Plan</a> </li> <li class="nav-item"> <a href="/privacy-policy" class="nav-link nav-link--privacy-policy">Privacy Policy</a> </li> <li class="nav-item"> <a href="https://pier21.ca/take-down-policy" class="nav-link nav-link-https--pier21ca-take-down-policy" data-drupal-link-system-path="node/546">Take Down Policy</a> </li> <li class="nav-item"> <a href="https://pier21.ca/terms-and-conditions" class="nav-link nav-link-https--pier21ca-terms-and-conditions" data-drupal-link-system-path="node/566">Terms and Conditions</a> </li> </ul> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/menu.html.twig' --> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--footer-fourth.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="col border-0 region region-footer-fourth"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--subscriberlink.html.twig * block--block-content--02aebd03-95f0-440b-98f9-4bae7e09d31c.html.twig * block--block-basic.html.twig * block--block-content.html.twig * block--bundle--basic.html.twig * block--block-content.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-subscriberlink" class="block-content-basic block block-block-content block-block-content02aebd03-95f0-440b-98f9-4bae7e09d31c"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--body--basic.html.twig * field--block-content--body.html.twig * field--block-content--basic.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p><button class="button-slider" role="link" type="button"><span><a href="/sign-up-stay-in-touch">Subscribe</a></span></button></p> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--footer-fifth.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="col pr-0 region region-footer-fifth"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--gocwordmark.html.twig * block--block-content--0e31a6f3-a269-43f3-aff5-4fd4f4a0b176.html.twig * block--block-basic.html.twig * block--block-content.html.twig * block--bundle--basic.html.twig * block--block-content.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-gocwordmark" class="block-content-basic block block-block-content block-block-content0e31a6f3-a269-43f3-aff5-4fd4f4a0b176"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--body--basic.html.twig * field--block-content--body.html.twig * field--block-content--basic.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><img alt="Symbol of the Canadian Government" class="footer-logo" src="/themes/custom/bootstrap_cmi/images/goc-wordmark-wh.svg"> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> </div> <div class="site-footer__bottom"> </div> </div> </footer> </div> </div> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/layout/page.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/system/templates/off-canvas-page-wrapper.html.twig' --> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"events","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxTrustedUrl":{"https:\/\/pier21.ca\/search":true},"user":{"uid":0,"permissionsHash":"af88571817a8faac63d6b147ba312dbd71dbf97703de81717c2dda94eff1bad3"}}</script> <script src="/sites/default/files/js/js_QiqIjnojmfzV41LvTT64o-b4Zh93FByPJzoLoxs4_B4.js?scope=footer&delta=0&language=en&theme=bootstrap_cmi&include=eJx9kEEOgzAMBD8E5UnICU5kEceR7UD5faueWkC97GHmsrt2mCNPAQyHIOLmCm0OoEoy5SIBymh-FKr5y0em_9KPhiv5iTLkSoni3KT1dpKxqwPVYSPcbfrkg2XpBX-QojWpRhuOWWm5lg6KsETtHK4uifIdrQ47mvDNB5ASPa_4vXm1F2oTfnI"></script> </body> </html> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/layout/html.html.twig' -->