CINXE.COM
Donate | Canadian Museum of Immigration at Pier 21
<!-- THEME DEBUG --> <!-- THEME HOOK: 'html' --> <!-- FILE NAME SUGGESTIONS: * html--node--23.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="robots" content="noindex, nofollow, noarchive, nosnippet, noodp, noydir, noimageindex, notranslate" /> <link rel="canonical" href="https://pier21.ca/ways-give/donate" /> <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/ways-give/donate" /> <link rel="alternate" hreflang="fr" href="https://quai21.ca/faire-un-don" /> <title>Donate | Canadian Museum of Immigration at Pier 21</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_ZaOcyVejcfTtqNRFEvWEiAImw87mhOd1vJrVxZjdso8.css?delta=0&language=en&theme=bootstrap_cmi&include=eJyFUdGOwyAM-6Gt_aQq0JSLCgTh9Lb-_TppJ50K214SZDtgB-wwTqMj8MWpGqxSmRzVKjqGqI7iFbZHyeEf75N8Jm0vvIqd0EQhyyJ-Klq2ciL9Vo0kX27sFq1pfPXhWRrQA0PhCs0Up_moJprRyDhy4mzDzMfVEQPol7-KTEOI72WJAQqdbXWN_k3hOHhrc2gqCrH3z2n5HM3_sF-d3hmto6xzx6erTLOvW3K9DNnoxtDUGaRlkXsLH9-_4gFMJ-ac" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_r8hZCkmddWIhn6mDjFNX1G-jGgpnFIZ1fcbeiWm3ACc.css?delta=1&language=en&theme=bootstrap_cmi&include=eJyFUdGOwyAM-6Gt_aQq0JSLCgTh9Lb-_TppJ50K214SZDtgB-wwTqMj8MWpGqxSmRzVKjqGqI7iFbZHyeEf75N8Jm0vvIqd0EQhyyJ-Klq2ciL9Vo0kX27sFq1pfPXhWRrQA0PhCs0Up_moJprRyDhy4mzDzMfVEQPol7-KTEOI72WJAQqdbXWN_k3hOHhrc2gqCrH3z2n5HM3_sF-d3hmto6xzx6erTLOvW3K9DNnoxtDUGaRlkXsLH9-_4gFMJ-ac" /> <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=eJyFUdGOwyAM-6Gt_aQq0JSLCgTh9Lb-_TppJ50K214SZDtgB-wwTqMj8MWpGqxSmRzVKjqGqI7iFbZHyeEf75N8Jm0vvIqd0EQhyyJ-Klq2ciL9Vo0kX27sFq1pfPXhWRrQA0PhCs0Up_moJprRyDhy4mzDzMfVEQPol7-KTEOI72WJAQqdbXWN_k3hOHhrc2gqCrH3z2n5HM3_sF-d3hmto6xzx6erTLOvW3K9DNnoxtDUGaRlkXsLH9-_4gFMJ-ac" /> <link rel="stylesheet" media="all" href="/webform/css/personal_donations/custom.css?sn1sqd" /> <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=eJyFUdGOwyAM-6Gt_aQq0JSLCgTh9Lb-_TppJ50K214SZDtgB-wwTqMj8MWpGqxSmRzVKjqGqI7iFbZHyeEf75N8Jm0vvIqd0EQhyyJ-Klq2ciL9Vo0kX27sFq1pfPXhWRrQA0PhCs0Up_moJprRyDhy4mzDzMfVEQPol7-KTEOI72WJAQqdbXWN_k3hOHhrc2gqCrH3z2n5HM3_sF-d3hmto6xzx6erTLOvW3K9DNnoxtDUGaRlkXsLH9-_4gFMJ-ac"></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-23 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--23.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" role="alert"><a href="/hours-and-admission-prices">Winter hours: Closed Monday and Tuesday, open Wednesday to Sunday 10 am - 5 pm.</a></div></div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region--nowrap.html.twig' --> </aside> </div> <header data-toggle=affix id="header" class="header mb-3" role="banner" aria-label="Site header"> <div class="d-none d-lg-block" > <nav class="navbar navbar-dark bg-white 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/23" class="_ nav-link"><a href="https://quai21.ca/faire-un-don" class="language-link btn btn-outline-primary" hreflang="fr" data-drupal-link-system-path="node/23">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 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">Support</a> <div class='parent_menu_wrapper '> <a href="" class="sidebar_additional_class nav-link active 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">1</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 active"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/support/ways-to-give" class="sidebar_additional_class active 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--3"> <!-- 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/23" class="_ nav-link"><a href="https://quai21.ca/faire-un-don" class="language-link btn btn-outline-primary" hreflang="fr" data-drupal-link-system-path="node/23">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> <li class="breadcrumb-item active"> Support </li> <li class="breadcrumb-item"> <a href="https://pier21.ca/support/ways-to-give">Ways to Give</a> </li> <li class="breadcrumb-item"> <a href="https://pier21.ca/ways-give/donate">Donate</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">Donate</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--23--full.html.twig * node--23.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/ways-give/donate" 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="Donate" 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--field-form--page.html.twig * field--node--field-form.html.twig * field--node--page.html.twig * field--field-form.html.twig * field--webform.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field.html.twig' --> <div class="field field--name-field-form field--type-webform field--label-visually_hidden"> <div class="field__label visually-hidden">Form</div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'webform' --> <!-- FILE NAME SUGGESTIONS: * webform--personal-donations.html.twig x webform.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/webform.html.twig' --> <form class="webform-submission-form webform-submission-add-form webform-submission-personal-donations-form webform-submission-personal-donations-add-form webform-submission-personal-donations-node-23-form webform-submission-personal-donations-node-23-add-form js-webform-details-toggle webform-details-toggle" data-drupal-selector="webform-submission-personal-donations-node-23-add-form" action="/ways-give/donate" method="post" id="webform-submission-personal-donations-node-23-add-form" accept-charset="UTF-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'webform_submission_form' --> <!-- FILE NAME SUGGESTIONS: * webform-submission-form--personal-donations.html.twig x webform-submission-form.html.twig --> <!-- BEGIN OUTPUT from 'modules/contrib/webform/templates/webform-submission-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-processed-text.html.twig x form-element.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <div id="edit-processed-text" class="js-form-item js-form-type-processed-text form-type-processed-text js-form-item- form-item- form-no-label mb-3"> <h2>Step 1 of 2 (Information)</h2> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'fieldset' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/fieldset.html.twig' --> <fieldset data-drupal-selector="edit-please-check-off-one-of-the-applicable-boxes" id="edit-please-check-off-one-of-the-applicable-boxes--wrapper" class="checkboxes--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-checkboxes webform-type-checkboxes js-form-item form-item js-form-wrapper form-wrapper mb-3"> <legend> <span class="fieldset-legend">Please check off one of the applicable boxes</span> </legend> <div class="fieldset-wrapper"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'checkboxes' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/checkboxes.html.twig' --> <div id="edit-please-check-off-one-of-the-applicable-boxes" class="js-webform-checkboxes webform-options-display-one-column checkbox"> <!-- 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-checkbox checkbox form-check mb-3 js-form-item-please-check-off-one-of-the-applicable-boxes-yes-i-want-to-support-pier-21-and-receive-your-newsletter form-item-please-check-off-one-of-the-applicable-boxes-yes-i-want-to-support-pier-21-and-receive-your-newsletter"> <input data-drupal-selector="edit-please-check-off-one-of-the-applicable-boxes-yes-i-want-to-support-pier-21-and-receive-your-newsletter" type="checkbox" id="edit-please-check-off-one-of-the-applicable-boxes-yes-i-want-to-support-pier-21-and-receive-your-newsletter" name="please_check_off_one_of_the_applicable_boxes[Yes, I want to support Pier 21 and receive your newsletter]" value="Yes, I want to support Pier 21 and receive your newsletter" class="form-checkbox form-check-input"> <label class="form-check-label" for="edit-please-check-off-one-of-the-applicable-boxes-yes-i-want-to-support-pier-21-and-receive-your-newsletter"> Yes, I want to support Pier 21 and receive your newsletter </label> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <!-- 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-checkbox checkbox form-check mb-3 js-form-item-please-check-off-one-of-the-applicable-boxes-i-would-like-my-donation-to-remain-anonymous form-item-please-check-off-one-of-the-applicable-boxes-i-would-like-my-donation-to-remain-anonymous"> <input data-drupal-selector="edit-please-check-off-one-of-the-applicable-boxes-i-would-like-my-donation-to-remain-anonymous" type="checkbox" id="edit-please-check-off-one-of-the-applicable-boxes-i-would-like-my-donation-to-remain-anonymous" name="please_check_off_one_of_the_applicable_boxes[I would like my donation to remain anonymous]" value="I would like my donation to remain anonymous" class="form-checkbox form-check-input"> <label class="form-check-label" for="edit-please-check-off-one-of-the-applicable-boxes-i-would-like-my-donation-to-remain-anonymous"> I would like my donation to remain anonymous </label> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/checkboxes.html.twig' --> </div> </fieldset> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/fieldset.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'fieldset' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/fieldset.html.twig' --> <fieldset data-drupal-selector="edit-donor-s-information" id="edit-donor-s-information" class="js-webform-type-fieldset webform-type-fieldset js-form-item form-item js-form-wrapper form-wrapper mb-3"> <legend> <span class="fieldset-legend">Donor’s Information</span> </legend> <div class="fieldset-wrapper"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-select.html.twig x form-element.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <div class="js-form-item js-form-type-select form-type-select js-form-item-title form-item-title 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-title">Title</label> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'select' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/select.html.twig' --> <select data-drupal-selector="edit-title" id="edit-title" name="title" class="form-select"><option value="" selected="selected">- None -</option><option value="Mr.">Mr.</option><option value="M.">M.</option><option value="Dr.">Dr.</option><option value="Ms.">Ms.</option><option value="Mrs.">Mrs.</option><option value="Mme">Mme</option></select> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/select.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-textfield.html.twig x form-element.html.twig --> <!-- 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-full-name form-item-full-name 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-full-name" class="js-form-required form-required">Full Name</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-full-name" type="text" id="edit-full-name" name="full_name" value="" size="60" maxlength="255" class="required form-control" required="required" aria-required="true" /> <!-- 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: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-textfield.html.twig x form-element.html.twig --> <!-- 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-address form-item-address 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-address" class="js-form-required form-required">Address</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-address" type="text" id="edit-address" name="address" value="" size="60" maxlength="255" class="required form-control" required="required" aria-required="true" /> <!-- 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: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-textfield.html.twig x form-element.html.twig --> <!-- 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-city form-item-city 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-city" class="js-form-required form-required">City</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-city" type="text" id="edit-city" name="city" value="" size="60" maxlength="255" class="required form-control" required="required" aria-required="true" /> <!-- 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: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-textfield.html.twig x form-element.html.twig --> <!-- 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-province-or-state form-item-province-or-state 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-province-or-state" class="js-form-required form-required">Province or State</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-province-or-state" type="text" id="edit-province-or-state" name="province_or_state" value="" size="60" maxlength="255" class="required form-control" required="required" aria-required="true" /> <!-- 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: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-textfield.html.twig x form-element.html.twig --> <!-- 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-country form-item-country 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-country">Country</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-country" type="text" id="edit-country" name="country" value="" size="60" maxlength="255" 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: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-textfield.html.twig x form-element.html.twig --> <!-- 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-postal-code form-item-postal-code 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-postal-code" class="js-form-required form-required">Postal Code</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-postal-code" type="text" id="edit-postal-code" name="postal_code" value="" size="60" maxlength="255" class="required form-control" required="required" aria-required="true" /> <!-- 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: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-email.html.twig x form-element.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <div class="js-form-item js-form-type-email form-type-email js-form-item-email form-item-email 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-email" class="js-form-required form-required">Email</label> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__email' --> <!-- FILE NAME SUGGESTIONS: * input--email.html.twig x input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> <input data-drupal-selector="edit-email" type="email" id="edit-email" name="email" value="" size="60" maxlength="254" class="form-email required form-control" required="required" aria-required="true" /> <!-- 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: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-textfield.html.twig x form-element.html.twig --> <!-- 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-home-phone form-item-home-phone 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-home-phone" class="js-form-required form-required">Home Phone</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-home-phone" type="text" id="edit-home-phone" name="home_phone" value="" size="60" maxlength="255" class="required form-control" required="required" aria-required="true" /> <!-- 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: 'fieldset' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/fieldset.html.twig' --> <fieldset data-drupal-selector="edit-do-you-have-a-connection-to-pier-21-" data-webform-states-no-clear id="edit-do-you-have-a-connection-to-pier-21---wrapper" class="radios--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-radios webform-type-radios js-form-item form-item js-form-wrapper form-wrapper mb-3"> <legend id="edit-do-you-have-a-connection-to-pier-21---wrapper-legend"> <span class="fieldset-legend">Do you have a connection to Pier 21?</span> </legend> <div class="fieldset-wrapper"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'radios' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/radios.html.twig' --> <div id="edit-do-you-have-a-connection-to-pier-21-" class="js-webform-radios webform-options-display-one-column radio"> <!-- 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-radio radio form-check js-form-item-do-you-have-a-connection-to-pier-21- form-item-do-you-have-a-connection-to-pier-21-"> <input data-drupal-selector="edit-do-you-have-a-connection-to-pier-21-yes" type="radio" id="edit-do-you-have-a-connection-to-pier-21-yes" name="do_you_have_a_connection_to_pier_21_" value="Yes" class="form-radio form-check-input"> <label class="form-check-label" for="edit-do-you-have-a-connection-to-pier-21-yes"> Yes </label> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <!-- 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-radio radio form-check js-form-item-do-you-have-a-connection-to-pier-21- form-item-do-you-have-a-connection-to-pier-21-"> <input data-drupal-selector="edit-do-you-have-a-connection-to-pier-21-no" type="radio" id="edit-do-you-have-a-connection-to-pier-21-no" name="do_you_have_a_connection_to_pier_21_" value="No" class="form-radio form-check-input"> <label class="form-check-label" for="edit-do-you-have-a-connection-to-pier-21-no"> No </label> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/radios.html.twig' --> </div> </fieldset> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/fieldset.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-select.html.twig x form-element.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <div class="js-webform-states-hidden js-form-item js-form-type-select form-type-select js-form-item-if-yes-please-specify-your-connection-to-pier-21-other-gateway form-item-if-yes-please-specify-your-connection-to-pier-21-other-gateway 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-if-yes-please-specify-your-connection-to-pier-21-other-gateway">If yes, please specify your connection to Pier 21 / Other Gateway</label> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'select' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/select.html.twig' --> <select data-drupal-selector="edit-if-yes-please-specify-your-connection-to-pier-21-other-gateway" id="edit-if-yes-please-specify-your-connection-to-pier-21-other-gateway" name="if_yes_please_specify_your_connection_to_pier_21_other_gateway" class="form-select" data-drupal-states="{"visible":{".webform-submission-personal-donations-node-23-add-form :input[name=\u0022do_you_have_a_connection_to_pier_21_\u0022]":{"value":"Yes"}}}"><option value="" selected="selected">- None -</option><option value="Immigrant">Immigrant</option><option value="Veteran">Veteran</option><option value="Refugee / Displaced Person">Refugee / Displaced Person</option><option value="War Bride">War Bride</option><option value="Home Child">Home Child</option><option value="Guest Child">Guest Child</option><option value="War Bride Child">War Bride Child</option><option value="Pier 21 Staff / Volunteer">Pier 21 Staff / Volunteer</option></select> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/select.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-textfield.html.twig x form-element.html.twig --> <!-- 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-donation-is-in-honour-of form-item-donation-is-in-honour-of 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-donation-is-in-honour-of">Donation is in Honour of</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-donation-is-in-honour-of" type="text" id="edit-donation-is-in-honour-of" name="donation_is_in_honour_of" value="" size="60" maxlength="255" 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: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-textfield.html.twig x form-element.html.twig --> <!-- 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-donation-is-in-memory-of form-item-donation-is-in-memory-of 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-donation-is-in-memory-of">Donation is in Memory of</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-donation-is-in-memory-of" type="text" id="edit-donation-is-in-memory-of" name="donation_is_in_memory_of" value="" size="60" maxlength="255" 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: 'fieldset' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/fieldset.html.twig' --> <fieldset data-drupal-selector="edit-gift-card-is-required-if-yes-allow-4-weeks-for-delivery-" id="edit-gift-card-is-required-if-yes-allow-4-weeks-for-delivery---wrapper" class="radios--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-radios webform-type-radios js-form-item form-item js-form-wrapper form-wrapper mb-3"> <legend id="edit-gift-card-is-required-if-yes-allow-4-weeks-for-delivery---wrapper-legend"> <span class="fieldset-legend">Please send a card to someone, letting them know about the gift made in their honour (if yes, allow 4 weeks for delivery)</span> </legend> <div class="fieldset-wrapper"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'radios' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/radios.html.twig' --> <div id="edit-gift-card-is-required-if-yes-allow-4-weeks-for-delivery-" class="js-webform-radios webform-options-display-one-column radio"> <!-- 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-radio radio form-check js-form-item-gift-card-is-required-if-yes-allow-4-weeks-for-delivery- form-item-gift-card-is-required-if-yes-allow-4-weeks-for-delivery-"> <input data-drupal-selector="edit-gift-card-is-required-if-yes-allow-4-weeks-for-delivery-yes" type="radio" id="edit-gift-card-is-required-if-yes-allow-4-weeks-for-delivery-yes" name="gift_card_is_required_if_yes_allow_4_weeks_for_delivery_" value="Yes" class="form-radio form-check-input"> <label class="form-check-label" for="edit-gift-card-is-required-if-yes-allow-4-weeks-for-delivery-yes"> Yes </label> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <!-- 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-radio radio form-check js-form-item-gift-card-is-required-if-yes-allow-4-weeks-for-delivery- form-item-gift-card-is-required-if-yes-allow-4-weeks-for-delivery-"> <input data-drupal-selector="edit-gift-card-is-required-if-yes-allow-4-weeks-for-delivery-no" type="radio" id="edit-gift-card-is-required-if-yes-allow-4-weeks-for-delivery-no" name="gift_card_is_required_if_yes_allow_4_weeks_for_delivery_" value="No" class="form-radio form-check-input"> <label class="form-check-label" for="edit-gift-card-is-required-if-yes-allow-4-weeks-for-delivery-no"> No </label> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/radios.html.twig' --> </div> </fieldset> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/fieldset.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-textfield.html.twig x form-element.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <div class="js-webform-states-hidden js-form-item js-form-type-textfield form-type-textfield js-form-item-occasion form-item-occasion 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-occasion">Occasion</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-occasion" type="text" id="edit-occasion" name="occasion" value="" size="60" maxlength="255" class="form-control" data-drupal-states="{"visible":{".webform-submission-personal-donations-node-23-add-form :input[name=\u0022gift_card_is_required_if_yes_allow_4_weeks_for_delivery_\u0022]":{"value":"Yes"}}}" /> <!-- 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: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-textarea.html.twig x form-element.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <div class="js-webform-states-hidden js-form-item js-form-type-textarea form-type-textarea js-form-item-personal-message-and-from-whom form-item-personal-message-and-from-whom 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-personal-message-and-from-whom">Personal Message and From Whom</label> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'textarea' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/textarea.html.twig' --> <div class="form-textarea-wrapper"> <textarea data-drupal-selector="edit-personal-message-and-from-whom" data-drupal-states="{"visible":{".webform-submission-personal-donations-node-23-add-form :input[name=\u0022gift_card_is_required_if_yes_allow_4_weeks_for_delivery_\u0022]":{"value":"Yes"}}}" id="edit-personal-message-and-from-whom" name="personal_message_and_from_whom" rows="5" cols="60" class="form-textarea form-control resize-vertical"></textarea> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/textarea.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-select.html.twig x form-element.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <div class="js-webform-states-hidden js-form-item js-form-type-select form-type-select js-form-item-mail-card form-item-mail-card 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-mail-card">Mail Card</label> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'select' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/select.html.twig' --> <select data-drupal-selector="edit-mail-card" id="edit-mail-card" name="mail_card" class="form-select" data-drupal-states="{"visible":{".webform-submission-personal-donations-node-23-add-form :input[name=\u0022gift_card_is_required_if_yes_allow_4_weeks_for_delivery_\u0022]":{"value":"Yes"}}}"><option value="" selected="selected">- None -</option><option value="To me">To me</option><option value="Directly to recipient">Directly to recipient</option></select> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/select.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> </div> </fieldset> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/fieldset.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'fieldset' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/fieldset.html.twig' --> <fieldset class="js-webform-states-hidden js-webform-type-fieldset webform-type-fieldset js-form-item form-item js-form-wrapper form-wrapper mb-3" data-drupal-selector="edit-recipient-s-information" data-drupal-states="{"visible":{".webform-submission-personal-donations-node-23-add-form :input[name=\u0022mail_card\u0022]":{"value":"Directly to recipient"}}}" id="edit-recipient-s-information"> <legend> <span class="fieldset-legend">Recipient(s)’ Information</span> </legend> <div class="fieldset-wrapper"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-textfield.html.twig x form-element.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <div class="js-webform-states-hidden js-form-item js-form-type-textfield form-type-textfield js-form-item-recipient-s-name form-item-recipient-s-name 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-recipient-s-name">Recipient(s)' Name</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-recipient-s-name" type="text" id="edit-recipient-s-name" name="recipient_s_name" value="" size="60" maxlength="255" class="form-control" data-drupal-states="{"visible":{".webform-submission-personal-donations-node-23-add-form :input[name=\u0022mail_card\u0022]":{"value":"Directly to recipient"}}}" /> <!-- 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: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-textfield.html.twig x form-element.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <div class="js-webform-states-hidden js-form-item js-form-type-textfield form-type-textfield js-form-item-address1 form-item-address1 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-address1">Address</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-address1" type="text" id="edit-address1" name="address1" value="" size="60" maxlength="255" class="form-control" data-drupal-states="{"visible":{".webform-submission-personal-donations-node-23-add-form :input[name=\u0022mail_card\u0022]":{"value":"Directly to recipient"}}}" /> <!-- 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: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-textfield.html.twig x form-element.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <div class="js-webform-states-hidden js-form-item js-form-type-textfield form-type-textfield js-form-item-city1 form-item-city1 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-city1">City</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-city1" type="text" id="edit-city1" name="city1" value="" size="60" maxlength="255" class="form-control" data-drupal-states="{"visible":{".webform-submission-personal-donations-node-23-add-form :input[name=\u0022mail_card\u0022]":{"value":"Directly to recipient"}}}" /> <!-- 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: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-textfield.html.twig x form-element.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <div class="js-webform-states-hidden js-form-item js-form-type-textfield form-type-textfield js-form-item-province-or-state1 form-item-province-or-state1 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-province-or-state1">Province or State</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-province-or-state1" type="text" id="edit-province-or-state1" name="province_or_state1" value="" size="60" maxlength="255" class="form-control" data-drupal-states="{"visible":{".webform-submission-personal-donations-node-23-add-form :input[name=\u0022mail_card\u0022]":{"value":"Directly to recipient"}}}" /> <!-- 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: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-textfield.html.twig x form-element.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <div class="js-webform-states-hidden js-form-item js-form-type-textfield form-type-textfield js-form-item-postal-code1 form-item-postal-code1 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-postal-code1">Postal Code</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-postal-code1" type="text" id="edit-postal-code1" name="postal_code1" value="" size="60" maxlength="255" class="form-control" data-drupal-states="{"visible":{".webform-submission-personal-donations-node-23-add-form :input[name=\u0022mail_card\u0022]":{"value":"Directly to recipient"}}}" /> <!-- 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' --> </div> </fieldset> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/fieldset.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'fieldset' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/fieldset.html.twig' --> <fieldset data-drupal-selector="edit-for-a-donation-of-20-00-or-more-an-income-tax-receipt-will-be-se" id="edit-for-a-donation-of-20-00-or-more-an-income-tax-receipt-will-be-se" class="js-webform-type-fieldset webform-type-fieldset js-form-item form-item js-form-wrapper form-wrapper mb-3"> <legend> <span class="fieldset-legend">For a donation of $20.00 or more, an income tax receipt will be mailed in three to four weeks.</span> </legend> <div class="fieldset-wrapper"> </div> </fieldset> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/fieldset.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 webform-actions js-form-wrapper form-wrapper mb-3" id="edit-actions"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'webform_actions' --> <!-- BEGIN OUTPUT from 'modules/contrib/webform/templates/webform-actions.html.twig' --> <!-- 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 class="webform-button--submit button button--primary js-form-submit form-submit btn btn-primary" data-drupal-selector="edit-actions-submit" type="submit" id="edit-actions-submit" name="op" value="Proceed to payment options">Proceed to payment options</button> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input--submit-button.html.twig' --> <!-- END OUTPUT from 'modules/contrib/webform/templates/webform-actions.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: * input--hidden.html.twig x input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="form-mscrhmadqdj3umtjasqjhi4fl5j2q8fjv5uljb3wfqk" type="hidden" name="form_build_id" value="form-mscRHMADqdj3UmTJasqjHI4fl5j2Q8FjV5uljB3WfQk" class="form-control" /> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: * input--hidden.html.twig x input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> <input data-drupal-selector="edit-webform-submission-personal-donations-node-23-add-form" type="hidden" name="form_id" value="webform_submission_personal_donations_node_23_add_form" class="form-control" /> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/container.html.twig' --> <div class="url-textfield js-form-wrapper form-wrapper mb-3" style="display: none !important;"> <!-- 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-url form-item-url 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-url">Leave this field blank</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 autocomplete="off" data-drupal-selector="edit-url" type="text" id="edit-url" name="url" value="" size="20" 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' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/container.html.twig' --> <!-- END OUTPUT from 'modules/contrib/webform/templates/webform-submission-form.html.twig' --> </form> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/webform.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field.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"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/your-donation" class="sidebar_additional_class nav-link nav-link-https--pier21ca-your-donation" data-drupal-link-system-path="node/28">Your Donation</a> </li> <li class="nav-item menu-item--expanded active dropdown trigger dropdownd show"> <a href="https://pier21.ca/support/ways-to-give" class="sidebar_additional_class nav-link active dropdown-toggle nav-link-https--pier21ca-support-ways-to-give" data-toggle="dropdown" aria-expanded="true" aria-haspopup="true" data-drupal-link-system-path="node/22">Ways to Give</a> <div class='parent_menu_wrapper show'> <a href="https://pier21.ca/support/ways-to-give" class="sidebar_additional_class nav-link active dropdown-toggle nav-link-https--pier21ca-support-ways-to-give" data-drupal-link-system-path="node/22">Ways to Give</a> <span class='parent_open_close' style="display:none;">-</span> </div> <div class='sub dropdown-menu checking-menu show' 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">Ways to Give</u></h1> </div> <div class="large-width second-part"> <ul class = 'dropdown-menus ttt nav flex-column two-column'> <li class="dropdown-item active"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/ways-give/donate" class="sidebar_additional_class active nav-link-https--pier21ca-ways-give-donate is-active" data-drupal-link-system-path="node/23">Donate</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/ways-give/legacy-gift" class="sidebar_additional_class nav-link-https--pier21ca-ways-give-legacy-gift" data-drupal-link-system-path="node/478581">Legacy Gift</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/ways-give/pier-21-club" class="sidebar_additional_class nav-link-https--pier21ca-ways-give-pier-21-club" data-drupal-link-system-path="node/478871">Pier 21 Club</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/ways-give/donate-ruth-goldbloom-educational-bursary-fund" class="sidebar_additional_class nav-link-https--pier21ca-ways-give-donate-ruth-goldbloom-educational-bursary-fund" data-drupal-link-system-path="node/479121">Ruth Goldbloom Educational Bursary Fund</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/ways-give/fascinating-canadian-speaker-series" class="sidebar_additional_class nav-link-https--pier21ca-ways-give-fascinating-canadian-speaker-series" data-drupal-link-system-path="node/481966">Fascinating Canadian Speaker Series</a> </li> </ul> </div> </div> </div> </li> <li class="nav-item menu-item--expanded dropdown trigger dropdownd"> <a href="https://pier21.ca/support/donor-impact" class="sidebar_additional_class nav-link dropdown-toggle nav-link-https--pier21ca-support-donor-impact" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true" data-drupal-link-system-path="node/27">Donor Impact</a> <div class='parent_menu_wrapper '> <a href="https://pier21.ca/support/donor-impact" class="sidebar_additional_class nav-link dropdown-toggle nav-link-https--pier21ca-support-donor-impact" data-drupal-link-system-path="node/27">Donor Impact</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">Donor Impact</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/donor-impact/nation-builders" class="sidebar_additional_class nav-link-https--pier21ca-donor-impact-nation-builders" data-drupal-link-system-path="node/478576">Nation Builders</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/support/donor-impact/passages" class="sidebar_additional_class nav-link-https--pier21ca-support-donor-impact-passages" data-drupal-link-system-path="node/478821">Passages</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/support/search-virtual-walls" class="sidebar_additional_class nav-link nav-link-https--pier21ca-support-search-virtual-walls" data-drupal-link-system-path="node/147181">Search the Virtual Walls</a> </li> <li class="nav-item menu-item--expanded dropdown trigger dropdownd"> <a href="https://pier21.ca/support/sobey-wall-honour" class="sidebar_additional_class nav-link dropdown-toggle nav-link-https--pier21ca-support-sobey-wall-honour" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true" data-drupal-link-system-path="node/30">Sobey Wall of Honour</a> <div class='parent_menu_wrapper '> <a href="https://pier21.ca/support/sobey-wall-honour" class="sidebar_additional_class nav-link dropdown-toggle nav-link-https--pier21ca-support-sobey-wall-honour" data-drupal-link-system-path="node/30">Sobey Wall of Honour</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">Sobey Wall of Honour</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/sobey-wall-honour/sobey-wall-honour-order-form" class="sidebar_additional_class nav-link-https--pier21ca-sobey-wall-honour-sobey-wall-honour-order-form" data-drupal-link-system-path="node/479321">Order Form</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/sobey-wall-honour/add-your-story-virtual-sobey-wall-honour" class="sidebar_additional_class nav-link-https--pier21ca-sobey-wall-honour-add-your-story-virtual-sobey-wall-honour" data-drupal-link-system-path="node/479316">Add Your Story</a> </li> </ul> </div> </div> </div> </li> <li class="nav-item menu-item--expanded dropdown trigger dropdownd"> <a href="https://pier21.ca/support/wall-service" class="sidebar_additional_class nav-link dropdown-toggle nav-link-https--pier21ca-support-wall-service" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true" data-drupal-link-system-path="node/29">Wall of Service</a> <div class='parent_menu_wrapper '> <a href="https://pier21.ca/support/wall-service" class="sidebar_additional_class nav-link dropdown-toggle nav-link-https--pier21ca-support-wall-service" data-drupal-link-system-path="node/29">Wall of Service</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">Wall of Service</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/wall-service/wall-service-order-form" class="sidebar_additional_class nav-link-https--pier21ca-wall-service-wall-service-order-form" data-drupal-link-system-path="node/479326">Order Form</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://pier21.ca/wall-service/add-your-story-virtual-wall-service" class="sidebar_additional_class nav-link-https--pier21ca-wall-service-add-your-story-virtual-wall-service" data-drupal-link-system-path="node/479331">Add Your Story</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/support/wadih-m-fares-wall-tribute" class="sidebar_additional_class nav-link 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> <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> © 2024 All Rights Reserved.<br> 1055 Marginal Road, Halifax NS B3H 4P7<br> T: 902-425-7770 • F: 902-423-4045<br> Toll Free: 1-855-526-4721 • <a href="mailto:info@pier21.ca">info@pier21.ca</a></p> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--footer-second.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="col region region-footer-second"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--footercontact.html.twig * block--system-menu-block--footer-contact.html.twig x block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__footer_contact' --> <!-- FILE NAME SUGGESTIONS: * menu--footer-contact.html.twig x menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/menu.html.twig' --> <ul class="clearfix nav"> <li class="nav-item"> <a href="/rental-services/weddings" class="nav-link nav-link--rental-services-weddings">Weddings</a> </li> <li class="nav-item"> <a href="/rental-services/meeting-and-convention-planning" class="nav-link nav-link--rental-services-meeting-and-convention-planning">Event Planners</a> </li> <li class="nav-item"> <a href="https://shop.pier21.ca" class="nav-link nav-link-https--shoppier21ca">Shop</a> </li> <li class="nav-item"> <a href="https://pier21.ca/about/media-centre" class="nav-link nav-link-https--pier21ca-about-media-centre" data-drupal-link-system-path="node/18">Media Enquiries</a> </li> <li class="nav-item"> <a href="https://pier21.ca/contact" class="nav-link nav-link-https--pier21ca-contact" data-drupal-link-system-path="contact">Contact Us</a> </li> </ul> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/menu.html.twig' --> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--footer-third.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="col region region-footer-third"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--footersitelinks.html.twig * block--system-menu-block--footer-site-links.html.twig x block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__footer_site_links' --> <!-- FILE NAME SUGGESTIONS: * menu--footer-site-links.html.twig x menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/menu.html.twig' --> <ul class="clearfix nav"> <li class="nav-item"> <a href="https://pier21.ca/about/accessibility-plan-and-feedback-process" class="nav-link nav-link-https--pier21ca-about-accessibility-plan-and-feedback-process" data-drupal-link-system-path="node/480791">Accessibility Plan</a> </li> <li class="nav-item"> <a href="/privacy-policy" class="nav-link nav-link--privacy-policy">Privacy Policy</a> </li> <li class="nav-item"> <a href="https://pier21.ca/take-down-policy" class="nav-link nav-link-https--pier21ca-take-down-policy" data-drupal-link-system-path="node/546">Take Down Policy</a> </li> <li class="nav-item"> <a href="https://pier21.ca/terms-and-conditions" class="nav-link nav-link-https--pier21ca-terms-and-conditions" data-drupal-link-system-path="node/566">Terms and Conditions</a> </li> </ul> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/menu.html.twig' --> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--footer-fourth.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="col border-0 region region-footer-fourth"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--subscriberlink.html.twig * block--block-content--02aebd03-95f0-440b-98f9-4bae7e09d31c.html.twig * block--block-basic.html.twig * block--block-content.html.twig * block--bundle--basic.html.twig * block--block-content.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-subscriberlink" class="block-content-basic block block-block-content block-block-content02aebd03-95f0-440b-98f9-4bae7e09d31c"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--body--basic.html.twig * field--block-content--body.html.twig * field--block-content--basic.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p><button class="button-slider" role="link" type="button"><span><a href="/sign-up-stay-in-touch">Subscribe</a></span></button></p> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--footer-fifth.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="col pr-0 region region-footer-fifth"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--gocwordmark.html.twig * block--block-content--0e31a6f3-a269-43f3-aff5-4fd4f4a0b176.html.twig * block--block-basic.html.twig * block--block-content.html.twig * block--bundle--basic.html.twig * block--block-content.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-gocwordmark" class="block-content-basic block block-block-content block-block-content0e31a6f3-a269-43f3-aff5-4fd4f4a0b176"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--body--basic.html.twig * field--block-content--body.html.twig * field--block-content--basic.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><img alt="Symbol of the Canadian Government" class="footer-logo" src="/themes/custom/bootstrap_cmi/images/goc-wordmark-wh.svg"> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> </div> <div class="site-footer__bottom"> </div> </div> </footer> </div> </div> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/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\/23","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true,"https:\/\/pier21.ca\/search":true},"user":{"uid":0,"permissionsHash":"af88571817a8faac63d6b147ba312dbd71dbf97703de81717c2dda94eff1bad3"}}</script> <script src="/sites/default/files/js/js_w63asZv4bF6z6mCsRvw1rKJ2Sjfvmh-NcEBF4vlUeM4.js?scope=footer&delta=0&language=en&theme=bootstrap_cmi&include=eJyFUdGOwyAM-6Gt_aQq0JSLCgTh9Lb-_TppJ50K214SZDtgB-wwTqMj8MWpGqxSmRzVKjqGqI7iFbZHyeEf75N8Jm0vvIqd0EQhyyJ-Klq2ciL9Vo0kX27sFq1pfPXhWRrQA0PhCs0Up_moJprRyDhy4mzDzMfVEQPol7-KTEOI72WJAQqdbXWN_k3hOHhrc2gqCrH3z2n5HM3_sF-d3hmto6xzx6erTLOvW3K9DNnoxtDUGaRlkXsLH9-_4gFMJ-ac"></script> </body> </html> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/layout/html.html.twig' -->