CINXE.COM
Volunteer | Canadian Museum of Immigration at Pier 21
<!-- THEME DEBUG --> <!-- THEME HOOK: 'html' --> <!-- FILE NAME SUGGESTIONS: * html--node--26.html.twig * html--node--%.html.twig * html--node.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" /> <meta name="description" content="Volunteer ProgramVolunteers from all backgrounds are welcome at the Museum—including you! Share cross-cultural experiences with fellow volunteers and learn about Canada’s immigration history. Meet new people in a vibrant atmosphere and become actively involved in your community. Gain marketable skills and share Canada’s immigration story as a volunteer at the Canadian Museum of Immigration at Pier 21. There’s no better place to feel Canadian." /> <link rel="canonical" href="https://pier21.ca/about/volunteer" /> <meta name="robots" content="noindex, nofollow, noarchive, nosnippet, noodp, noydir, noimageindex, notranslate" /> <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" /> <link rel="alternate" hreflang="en" href="https://pier21.ca/about/volunteer" /> <link rel="alternate" hreflang="fr" href="https://quai21.ca/soutener/benevolat" /> <title>Volunteer | Canadian Museum of Immigration at Pier 21</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_MwBrNLWXChS4fpjdp1Ohk-PcRkn4EVx4TDD96b-uwX0.css?delta=0&language=en&theme=bootstrap_cmi&include=eJx9j1EKxCAMBS-0pUcqiVUJNUaSyNbb734uVfZ3Bh7zbJhH3hEsvlDEzRXagaBKsuciCGUzH4Vq_vGB6b_00eJF_qAMuVKicDRpvT1k6OpAda6oci7aUCOcQTvj7JIor2h1eEcTXsxBSnTP-Hvtsg-yfXS-" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_ismOj84B29QIG81p3Kq9pI8IGODfxmDvc3HPAxcUKAA.css?delta=1&language=en&theme=bootstrap_cmi&include=eJx9j1EKxCAMBS-0pUcqiVUJNUaSyNbb734uVfZ3Bh7zbJhH3hEsvlDEzRXagaBKsuciCGUzH4Vq_vGB6b_00eJF_qAMuVKicDRpvT1k6OpAda6oci7aUCOcQTvj7JIor2h1eEcTXsxBSnTP-Hvtsg-yfXS-" /> <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=eJx9j1EKxCAMBS-0pUcqiVUJNUaSyNbb734uVfZ3Bh7zbJhH3hEsvlDEzRXagaBKsuciCGUzH4Vq_vGB6b_00eJF_qAMuVKicDRpvT1k6OpAda6oci7aUCOcQTvj7JIor2h1eEcTXsxBSnTP-Hvtsg-yfXS-" /> <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=eJx9j1EKxCAMBS-0pUcqiVUJNUaSyNbb734uVfZ3Bh7zbJhH3hEsvlDEzRXagaBKsuciCGUzH4Vq_vGB6b_00eJF_qAMuVKicDRpvT1k6OpAda6oci7aUCOcQTvj7JIor2h1eEcTXsxBSnTP-Hvtsg-yfXS-"></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-one-sidebar layout-sidebar-first page-node-26 path-node node--type-page"> <!-- 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: x page--node--page.html.twig * page--node--26.html.twig * page--node--%.html.twig * page--node.html.twig * page.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/content/page--node--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"><a style="color:#000;text-decoration:underline;" href="/march-break-museum-0">Free admission: March 8th – 16th.</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 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-none 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="node/26" class="_ nav-link"><a href="https://quai21.ca/soutener/benevolat" class="language-link btn btn-outline-primary" hreflang="fr" data-drupal-link-system-path="node/26">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 dropdown trigger dropdownd"> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Events</a> <div class='parent_menu_wrapper '> <a href="" class="sidebar_additional_class nav-link 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"></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"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/events" class="sidebar_additional_class nav-link-https--pier21ca-events" 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 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">About</a> <div class='parent_menu_wrapper '> <a href="" class="sidebar_additional_class nav-link active 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">1</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 active"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/about/volunteer" class="sidebar_additional_class active nav-link-https--pier21ca-about-volunteer is-active" 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 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="node/26" class="_ nav-link"><a href="https://quai21.ca/soutener/benevolat" class="language-link btn btn-outline-primary" hreflang="fr" data-drupal-link-system-path="node/26">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> <!-- 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="container"> <div class="row row-offcanvas row-offcanvas-left 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"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--title--page.html.twig x field--node--title.html.twig * field--node--page.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--node--title.html.twig' --> <span property="schema:name" class="field field--name-title field--type-string field--label-hidden">Volunteer</span> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--node--title.html.twig' --> </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: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--26--full.html.twig * node--26.html.twig * node--page--full.html.twig * node--page.html.twig * node--full.html.twig x node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/content/node.html.twig' --> <article about="https://pier21.ca/about/volunteer" typeof="schema:WebPage" class="node node--type-page node--view-mode-full clearfix"> <header> <!-- THEME DEBUG --> <!-- THEME HOOK: 'rdf_metadata' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/misc/rdf-metadata.html.twig' --> <span property="schema:name" content="Volunteer" class="rdf-meta hidden"></span> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/misc/rdf-metadata.html.twig' --> </header> <div class="node__content clearfix"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--page.html.twig * field--node--body.html.twig * field--node--page.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 property="schema:text" class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><h2>Volunteer Program</h2><p>Volunteers from all backgrounds are welcome at the Museum—including you! Share cross-cultural experiences with fellow volunteers and learn about Canada’s immigration history. Meet new people in a vibrant atmosphere and become actively involved in your community. Gain marketable skills and share Canada’s immigration story as a volunteer at the Canadian Museum of Immigration at Pier 21. There’s no better place to feel Canadian.</p><p>Volunteers take on roles in many departments at the Museum, and the roles and projects available to volunteers are always growing and changing. The Museum’s volunteer opportunities are as diverse as the volunteers themselves!</p><h3>Benefits</h3><p>As a volunteer you will enjoy:</p><ul><li>the training and support needed to make your volunteer experience rewarding</li><li>unlimited free admission to the Museum and temporary exhibitions</li><li>limited free Museum admission passes for friends and family</li><li>invitations to Museum activities, exhibition openings and recognition events</li><li>opportunities to meet and socialize with fellow volunteers and staff</li><li>15% discount in the Museum Gift Shop and Gateway Café</li><li>complimentary parking during volunteer shifts</li><li>subscription to The Porthole, the Museum’s internal newsletter</li></ul><h3>Interested in joining our team?</h3><h3>Current Volunteer Opportunities:</h3><h4><a href="/sites/default/files/volunteer/pdf/2023-Aug-volunteer-EN.pdf">Volunteer Greeter</a>:</h4><h4><a href="https://pier21.ca/form/volunteer-application">Apply here</a></h4><p>For any volunteer-related questions, please contact <a href="mailto:acarter@pier21.ca">acarter@pier21.ca</a></p><h3>Our Volunteers Say...</h3><div class="row pb-3"><blockquote class="float-left" style="margin-right:1em;max-width:50%;"><p>It has been such a pleasure to work with staff who obviously enjoy what they are doing and who relate so well with all kinds of people. Pier 21 offers multiple opportunities for me to attend various activities…it is definitely more than just a volunteer job! There is no doubt that what one gives is appreciated and that one’s ideas are valued! <span class="author"><strong>—Margaret Therrien, Collections Volunteer</strong></span></p></blockquote><figure><p><img class="rounded-circle" alt="Woman wearing a blue sweater and glasses, standing outside and smiling." src="/sites/default/files/volunteer/Margaret1.jpg"></p></figure></div><div class="row pb-3"><blockquote class="float-left" style="margin-right:1em;max-width:50%;"><p>"When I first started working I was the youngest volunteer and the first one to be in a wheelchair. I started out introducing the film, and the next year I assisted with the guided tours. In 2015 I started working at the Citizenship table, I love giving people the sample test and marking it but most of all I love getting people to raise their hand and take the oath of citizenship with me. It gives me experience interacting with tourists from all over Canada, the US and also other countries" <span class="author"><strong>—Noah MacNeil, Visitor Experience Volunteer</strong></span></p></blockquote><figure><p><img class="rounded-circle" alt="A young man in a wheelchair holds a certificate, smiling. Certificate text is not legible." src="/sites/default/files/volunteer/NoahWithCertificate2.jpg"></p></figure></div><div class="embed-responsive embed-responsive-16by9"><iframe class="embed-responsive-item" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen frameborder="0" src="https://www.youtube.com/embed/3xmjtEInXfU?rel=0" title="YouTube video player"></iframe></div><p><strong>Time 0:02:04</strong></p><p class="visually-hidden">Man with glasses and a grey trimmed beard is sitting in a chair next to a banner that reads Countless Journeys One Canada. He is wearing a blue button up shirt with a name tag.</p><div class="p-3" id="accordion"><div class="nav-item card"><div class="card-header" id="heading1"><button class="btn btn-link" aria-controls="collapse1" aria-expanded="false" aria-haspopup="true" data-target="#collapse1" data-toggle="collapse">Transcript</button></div><div class="collapse p-3" aria-labelledby="heading1" data-parent="#accordion" id="collapse1"><p>Hi, I'm Bryn. I'm a two time alumnus of Pier 21.</p><p>I came over here when I was 11 months old. I was born in England and I came over when I was five, to immigrate for good. I was born of a British dad and a Nova Scotian mum. My mum wanted to show me off when I was 11 months old and I think she was a little bit homesick and she came home and brought me with her, back in 1956. When we returned, more of the family came along and then we all immigrated - mum, dad, me, my brother and my sister - in 1960.</p><p>So there's a real strong family presence that has gone through Pier 21. But there's more. My dad was one of the evacuee children that was sent over from England and arrived in 1940 to avoid the German bombing, and he stayed here for five years. He went back and...yeah the rest is history.</p><p>Also, during the war, Pier 21 was used to transfer...transport troops to the war effort and my grandfather - my mum's father - was one of those men. So there - as you can see - there's a real strong connection with my family and when I retired in 2019, I decided I wanted to do something with Pier 21, because of that strong family background and it's been a great experience and I'm looking forward to many more years of it.</p></div></div></div></div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> </div> </article> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/content/node.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 class="sidebar_first sidebar col-md-4 order-first" id="sidebar_first"> <aside class="section" role="complementary"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--sidebar-first.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="region region-sidebar-first"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--mainnavigation.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-mainnavigation" class="clearfix mr-auto navbar-nav"> <li class="nav-item menu-item--expanded dropdown trigger dropdownd"> <a href="https://pier21.ca/about/about-museum" class="sidebar_additional_class nav-link dropdown-toggle nav-link-https--pier21ca-about-about-museum" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true" data-drupal-link-system-path="node/477166">About the Museum</a> <div class='parent_menu_wrapper '> <a href="https://pier21.ca/about/about-museum" class="sidebar_additional_class nav-link dropdown-toggle nav-link-https--pier21ca-about-about-museum" data-drupal-link-system-path="node/477166">About the Museum</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 the Museum</u></h1> </div> <div class="large-width second-part"> <ul class = 'dropdown-menus ttt nav flex-column one-column'> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/about-museum/beginning-a-story-museum" class="sidebar_additional_class nav-link-https--pier21ca-about-museum-beginning-a-story-museum" data-drupal-link-system-path="node/3">Origin Story</a> </li> </ul> </div> </div> </div> </li> <li class="nav-item menu-item--expanded dropdown trigger dropdownd"> <a href="https://pier21.ca/about/accessibility-plan-and-feedback-process" class="sidebar_additional_class nav-link dropdown-toggle nav-link-https--pier21ca-about-accessibility-plan-and-feedback-process" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true" data-drupal-link-system-path="node/480791">Accessibility Plan & Feedback Process</a> <div class='parent_menu_wrapper '> <a href="https://pier21.ca/about/accessibility-plan-and-feedback-process" class="sidebar_additional_class nav-link dropdown-toggle nav-link-https--pier21ca-about-accessibility-plan-and-feedback-process" data-drupal-link-system-path="node/480791">Accessibility Plan & Feedback Process</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">Accessibility Plan & Feedback Process</u></h1> </div> <div class="large-width second-part"> <ul class = 'dropdown-menus ttt nav flex-column one-column'> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/accessibility-plan-and-feedback-process/accessibility-feedback-form" class="sidebar_additional_class nav-link-https--pier21ca-accessibility-plan-and-feedback-process-accessibility-feedback-form" data-drupal-link-system-path="node/480806">Accessibility Feedback Form</a> </li> </ul> </div> </div> </div> </li> <li class="nav-item menu-item--expanded dropdown trigger dropdownd"> <a href="https://pier21.ca/about/corporate-reports" class="sidebar_additional_class nav-link dropdown-toggle nav-link-https--pier21ca-about-corporate-reports" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true" data-drupal-link-system-path="node/17">Governance & Corporate Reports</a> <div class='parent_menu_wrapper '> <a href="https://pier21.ca/about/corporate-reports" class="sidebar_additional_class nav-link dropdown-toggle nav-link-https--pier21ca-about-corporate-reports" data-drupal-link-system-path="node/17">Governance & Corporate Reports</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">Governance & Corporate Reports</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/governance-corporate-reports/board-trustees" class="sidebar_additional_class nav-link-https--pier21ca-governance-corporate-reports-board-trustees" data-drupal-link-system-path="node/44">Board of Trustees</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/governance-corporate-reports/corporate-plans" class="sidebar_additional_class nav-link-https--pier21ca-governance-corporate-reports-corporate-plans" data-drupal-link-system-path="node/47">Corporate Plans</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/governance-corporate-reports/annual-reports-and-quarterly-financial-reports" class="sidebar_additional_class nav-link-https--pier21ca-governance-corporate-reports-annual-reports-and-quarterly-financial-reports" data-drupal-link-system-path="node/48">Annual Reports & Quarterly Financial Reports</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/governance-corporate-reports/travel-hospitality-and-conferences" class="sidebar_additional_class nav-link-https--pier21ca-governance-corporate-reports-travel-hospitality-and-conferences" data-drupal-link-system-path="node/49">Travel, Hospitality & Conferences</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/governance-corporate-reports/access-information-and-privacy-atip" class="sidebar_additional_class nav-link-https--pier21ca-governance-corporate-reports-access-information-and-privacy-atip" data-drupal-link-system-path="node/1206">Access to Information & Privacy</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/governance-corporate-reports/office-auditor-general-reports" class="sidebar_additional_class nav-link-https--pier21ca-governance-corporate-reports-office-auditor-general-reports" data-drupal-link-system-path="node/50">Office of the Auditor General Reports</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/governance-corporate-reports/annual-public-meeting-2024" class="sidebar_additional_class nav-link-https--pier21ca-governance-corporate-reports-annual-public-meeting-2024" data-drupal-link-system-path="node/482831">Annual Public Meeting 2024</a> </li> </ul> </div> </div> </div> </li> <li class="nav-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 nav-link-https--pier21ca-about-media-centre" data-drupal-link-system-path="node/18">Media Centre</a> </li> <li class="nav-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 nav-link-https--pier21ca-about-do-business-with-us" data-drupal-link-system-path="node/21">Do Business With Us</a> </li> <li class="nav-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 nav-link-https--pier21ca-about-employment-opportunities" data-drupal-link-system-path="node/478591">Employment Opportunities</a> </li> <li class="nav-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 nav-link-https--pier21ca-about-welcome-home-to-canada" data-drupal-link-system-path="node/19">Welcome Home to Canada</a> </li> <li class="nav-item active"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/about/volunteer" class="sidebar_additional_class nav-link active nav-link-https--pier21ca-about-volunteer is-active" data-drupal-link-system-path="node/26">Volunteer</a> </li> <li class="nav-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 nav-link-https--pier21ca-about-staff-directory" data-drupal-link-system-path="node/25">Staff Directory</a> </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' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> </aside> </div> </div> </div> </div> </div> <div class="featured-bottom"> <aside class=" clearfix " role="complementary"> <!-- 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 test" src="/themes/custom/bootstrap_cmi/images/wave.svg"> </div> </aside> </div> <footer class="site-footer pl-5 pr-5"> <div class="container-fluid"> <div class="site-footer__top clearfix ml-4 mr-4 mt-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>© 2025 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 style="text-decoration:underline;" 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/content/page--node--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":"node\/26","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=eJx9j1EKxCAMBS-0pUcqiVUJNUaSyNbb734uVfZ3Bh7zbJhH3hEsvlDEzRXagaBKsuciCGUzH4Vq_vGB6b_00eJF_qAMuVKicDRpvT1k6OpAda6oci7aUCOcQTvj7JIor2h1eEcTXsxBSnTP-Hvtsg-yfXS-"></script> </body> </html> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/layout/html.html.twig' -->