CINXE.COM
| Canadian Museum of Immigration at Pier 21
<!-- THEME DEBUG --> <!-- THEME HOOK: 'html' --> <!-- FILE NAME SUGGESTIONS: * html--front.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" /> <link rel="canonical" href="https://pier21.ca/" /> <link rel="shortlink" href="https://pier21.ca/" /> <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>| Canadian Museum of Immigration at Pier 21</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_2iXbuSOh4cQ5cYB8tBpFsgNsZTY8UXtS2Hl2v8hovDw.css?delta=0&language=en&theme=bootstrap_cmi&include=eJyNkNEOwyAIRX-om59k0GJHqmIA1_Xv1-2pacyyl5twD3AJuqthcQEUp8BsagLNBxAhdkvmAPmmtmeqy4nHQr-h7Q1XsotbYKmUKPrGrbcLjF0MqE5Pwk3dV--F554HhyWWMnKrwYbKZTACKdFr4kMj-gd3UXcu_GclmKH80-PVwLr63mawQdjxkVXfKyeLLw" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_Bk-4ml7FSjsM8xOGTtJhTWrB2lLsoOJymy-FHR21JJE.css?delta=1&language=en&theme=bootstrap_cmi&include=eJyNkNEOwyAIRX-om59k0GJHqmIA1_Xv1-2pacyyl5twD3AJuqthcQEUp8BsagLNBxAhdkvmAPmmtmeqy4nHQr-h7Q1XsotbYKmUKPrGrbcLjF0MqE5Pwk3dV--F554HhyWWMnKrwYbKZTACKdFr4kMj-gd3UXcu_GclmKH80-PVwLr63mawQdjxkVXfKyeLLw" /> <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=eJyNkNEOwyAIRX-om59k0GJHqmIA1_Xv1-2pacyyl5twD3AJuqthcQEUp8BsagLNBxAhdkvmAPmmtmeqy4nHQr-h7Q1XsotbYKmUKPrGrbcLjF0MqE5Pwk3dV--F554HhyWWMnKrwYbKZTACKdFr4kMj-gd3UXcu_GclmKH80-PVwLr63mawQdjxkVXfKyeLLw" /> <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=eJyNkNEOwyAIRX-om59k0GJHqmIA1_Xv1-2pacyyl5twD3AJuqthcQEUp8BsagLNBxAhdkvmAPmmtmeqy4nHQr-h7Q1XsotbYKmUKPrGrbcLjF0MqE5Pwk3dV--F554HhyWWMnKrwYbKZTACKdFr4kMj-gd3UXcu_GclmKH80-PVwLr63mawQdjxkVXfKyeLLw"></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 has-featured-top page-view-frontpage path-frontpage"> <!-- 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--front.html.twig * page--node.html.twig * page.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/content/page--front.html.twig' --> <div id="page-wrapper"> <div id="page"> <div class="curtain-wrapper"> <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 pb-3 pt-3" data-spy="affix" 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 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="<front>" class="_ nav-link"><a href="https://quai21.ca/" class="language-link btn btn-outline-primary" hreflang="fr" data-drupal-link-system-path="<front>">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/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"/> <!--<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"/>--> <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 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 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-lg-none d-md-block"> <!-- 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="<front>" class="_ nav-link"><a href="https://quai21.ca/" class="language-link btn btn-outline-primary" hreflang="fr" data-drupal-link-system-path="<front>">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="curtain"> <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> <div class="featured-top"> <aside class="featured-top__inner section container-fluid clearfix" role="complementary"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--featured-top.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="region region-featured-top"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--homepagecurtainblock.html.twig * block--block-content--625c0eed-9c0b-4088-bff9-b5efb6473ac9.html.twig * block--block-banner-block.html.twig * block--block-content.html.twig x block--bundle--banner-block.html.twig * block--block-content.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--bundle--banner-block.html.twig' --> <div id="block-homepagecurtainblock" class="block-content-banner_block block block-block-content block-block-content625c0eed-9c0b-4088-bff9-b5efb6473ac9 block--banner-block"> <div class="content"> <div class="image-container"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--field-banner-block-image--banner-block.html.twig * field--block-content--field-banner-block-image.html.twig * field--block-content--banner-block.html.twig * field--field-banner-block-image.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field.html.twig' --> <div class="field field--name-field-banner-block-image field--type-entity-reference field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--banner.html.twig * media--image.html.twig * media--banner.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'core/modules/media/templates/media.html.twig' --> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field.html.twig' --> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Image</div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image.html.twig' --> <img loading="lazy" src="/sites/default/files/2024-11/Timeline-image-EN.jpg" width="1920" height="1080" alt="Screenshot of website showing Time Immemorial as the first entry on a timeline with three perspectives: Indigenous Presence, Arrivals and Legislation and Policy." typeof="foaf:Image" /> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image-formatter.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/media/templates/media.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field.html.twig' --> <div class="title-block container"> <h1> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--field-banner-block-text--banner-block.html.twig * field--block-content--field-banner-block-text.html.twig * field--block-content--banner-block.html.twig * field--field-banner-block-text.html.twig * field--string.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field.html.twig' --> <div class="field field--name-field-banner-block-text field--type-string field--label-hidden field__item">Explore immigration and impact</div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field.html.twig' --> </h1> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--field-banner-block-button--banner-block.html.twig * field--block-content--field-banner-block-button.html.twig * field--block-content--banner-block.html.twig * field--field-banner-block-button.html.twig * field--link.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field.html.twig' --> <div class="field field--name-field-banner-block-button field--type-link field--label-hidden field__item"><a href="https://timeline.pier21.ca">Launch the Timeline</a></div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field.html.twig' --> </div> </div> </div> </div> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--bundle--banner-block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> </aside> </div> </div> </div> <div class="behind-curtain"> <div id="main-wrapper" class="layout-main-wrapper clearfix"> <div id="main" class="container-fluid"> <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--views-block--hours-of-operation-block-1.html.twig * block--views-block--hours-of-operation-block-1.html.twig * block--views-block.html.twig * block--views.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div class="views-element-container block block-views block-views-blockhours-of-operation-block-1" id="block-views-block-hours-of-operation-block-1"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/container.html.twig' --> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view' --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/views/views-view.html.twig' --> <div class="hours-of-operation view view-hours-of-operation view-id-hours_of_operation view-display-id-block_1 js-view-dom-id-640784bf5ac1b2f7c6f0279d2fa3d2d3e6309757e65156071fa4da2b6979691f"> <div class="view-content no-gutters row"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_unformatted' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/views/views-view-unformatted.html.twig' --> <div class="views-row"> <!-- 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="container px-0"> <div class="row no-gutters justify-content-center mt-5"><div class="col no-gutters"> <div class="card-deck"> <div class="card border-0"> <div class="card-body pl-lg-0"> <h1 class="card-title">Hours</h1> <div class="office-hours office-hours office-hours-status--open"><div class="office-hours__item"><span class="office-hours__item-label">Friday: </span><span class="office-hours__item-slots">10:00 am-5:00 pm</span><span><br /></span></div></div> <p class="card-text"></p> <p class="card-text font-italic">Closed Monday & Tuesday</p> <p class="card-text"><a href="/visit/hours-and-admission-prices">All hours →</a></p> <p class="card-text"><a href="/visit/location-and-parking">Location & directions →</a></p> </div> </div> <div class="card border-0"> <div class="card-body"> <h1 class="card-title">Admission</h1> <p>Adult: $16.25</p> <p><a href="/visit/hours-and-admission-prices#prices">All ticket prices →</a></p> </div> </div> <div class="card border-0"> <div class="card-body pr-0"> <h1 class="card-title">What's On</h1> <p class="card-text"><a href="/events">Events & Programming →</a></p> <p class="card-text"><a href="/exhibitions">Exhibitions →</a></p> </div> </div> </div> </div> </div> </div> <!-- 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> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/views/views-view-unformatted.html.twig' --> </div> </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' --> <!-- 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="view view-frontpage view-id-frontpage view-display-id-page_1 js-view-dom-id-767152ddef0778a0eac8c62e9b87eb31191111bc8ab0124087529a45472b67c9"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'pager' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/pager.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/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' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--storybarforhome.html.twig * block--block-content--ddc14ed4-07b1-454f-a8b1-6193a03d3f11.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-storybarforhome" class="block-content-basic block block-block-content block-block-contentddc14ed4-07b1-454f-a8b1-6193a03d3f11"> <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="container border bg-white border-dark p-0 mt-5"><div class="card-wrapper p-3"><div class="card-horizontal"><div class="card-body"><p style="letter-spacing:3px;padding-top:1em;text-align:center;text-transform:uppercase;">Monthly Feature</p><h2 class="text-align-center"><a href="/delicious-and-jam-packed-history">Is this tasty snack the most history-packed food in Canada?</a></h2><figure class="text-center"><p><img class="img-fluid" style="max-height:400px;" alt="Two Jamaican patties on a white plate, behind the plate, in soft focus, through a window, a thin layer of snow covers the ground." src="/sites/default/files/story_bar/feb-2025-patties.jpg"></p><figcaption>A look at what’s inside the Jamaican patty.</figcaption></figure></div></div></div></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' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--bootstrap-cmi-boutique.html.twig * block--block-content--33e77cbf-7bec-4987-b87a-56b35eb21112.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-boutique" class="block-content-basic block block-block-content block-block-content33e77cbf-7bec-4987-b87a-56b35eb21112"> <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="bg-light mt-5 mb-5"><div class="container pt-5 pb-5"><div class="card-wrapper bg-white"><div class="card-horizontal"><div class="card-body text-center"><h3 class="h4"><a href="https://shop.pier21.ca">Shopping made easy on our new online boutique. Find a special gift or keepsake.</a></h3><p class="pt-2"><img alt="A glass shelf with various Pier 21 merchandise on it, including a hat, play bricks, mugs, and books." src="/sites/default/files/img/shop.png"></p></div></div></div></div></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' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--discoveriesforeveryonehp.html.twig * block--block-content--d45b7e59-743c-4f31-a958-56a0fd73e111.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-discoveriesforeveryonehp" class="block-content-basic block block-block-content block-block-contentd45b7e59-743c-4f31-a958-56a0fd73e111"> <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="container mt-4" style="border:1px solid #C0C0C0;"> <div class="card p-4 border-0"> <div class="row"> <div class="col-md-6"> <p class="card-text"><small><a href="/learn/discoveries-everyone">Discoveries for everyone</a></small></p> <h2 class="card-title h5">Countless Journeys Podcast</h2> <p class="card-text">Listen in on these original interviews where guests share the obstacles—and the fun—they experienced on their way to building lives in Canada.</p> <p class="card-text"><a class="btn btn-outline-primary" href="/podcasts">Discover all five seasons →</a></p> <p><a href="https://podcasts.apple.com/us/podcast/countless-journeys/id1515158646"><img alt="Apple logo." src="/sites/default/files/img/Apple-podcasts.jpg"></a> <a href="https://open.spotify.com/show/71YwGiNWYD2c69POenpXkV"><img alt="Spotify logo." src="/sites/default/files/img/Spotify.jpg"></a> <a href="https://podcasts.google.com/feed/aHR0cHM6Ly9mZWVkcy5waWVyMjEuY2EvY291bnRsZXNzam91cm5leXM?sa=X&ved=2ahUKEwibkNHthtzzAhUxEFkFHUIdCPUQ9sEGegQIARAD"><img alt="Google Podcast logo." src="/sites/default/files/img/google-podcast.jpg"></a></p> </div> <div class="col-md-6"><img alt="A spotlight shines down on a microphone and stool in front of a brick wall. A red sign on the wall reads Countless Journeys Podcast 5." class="card-img" src="/sites/default/files/img/series-five-podcast.jpg"></div> </div> </div> </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' --> </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"> <!-- 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> </div> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/content/page--front.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","currentPathIsAdmin":false,"isFront":true,"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_1Ud0shKYPkafQ-xCXJrtMe-oal87WXgGrGiTN4s2QPY.js?scope=footer&delta=0&language=en&theme=bootstrap_cmi&include=eJyNkNEOwyAIRX-om59k0GJHqmIA1_Xv1-2pacyyl5twD3AJuqthcQEUp8BsagLNBxAhdkvmAPmmtmeqy4nHQr-h7Q1XsotbYKmUKPrGrbcLjF0MqE5Pwk3dV--F554HhyWWMnKrwYbKZTACKdFr4kMj-gd3UXcu_GclmKH80-PVwLr63mawQdjxkVXfKyeLLw"></script> </body> </html> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/layout/html.html.twig' -->