CINXE.COM

Careers | UBC Human Resources

<!-- THEME DEBUG --> <!-- THEME HOOK: 'html' --> <!-- FILE NAME SUGGESTIONS: ▪️ html--node--313.html.twig ▪️ html--node--%.html.twig ▪️ html--node.html.twig ✅ html.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/layout/html.html.twig' --> <!DOCTYPE html> <html lang="en" dir="ltr" class="layout--full-width overflow-x-hidden"> <head> <meta charset="utf-8" /> <noscript><style>form.antibot * :not(.antibot-message) { display: none !important; }</style> </noscript><script async src="https://www.googletagmanager.com/gtag/js?id=UA-1361778-9"></script> <script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments)};gtag("js", new Date());gtag("set", "developer_id.dMDhkMT", true);gtag("config", "UA-1361778-9", {"groups":"default","anonymize_ip":true,"page_placeholder":"PLACEHOLDER_page_path"});</script> <meta name="description" content="Browse careers at UBC and join a community of engaged students, faculty and staff who are collectively committed to shaping a better world." /> <meta name="keywords" content="jobs, careers, job postings, staff jobs, faculty jobs, hiring solutions, temporary jobs" /> <link rel="canonical" href="https://hr.ubc.ca/careers" /> <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" /> <meta name="theme-color" content="#002145" /> <meta name="msapplication-TileColor" content="#002145" /> <meta name="msapplication-config" content="/themes/custom/hr/img/favicons/browserconfig.xml" /> <link rel="icon" sizes="any" href="/themes/custom/hr/img/favicons/favicon.ico" /> <link rel="icon" type="image/svg+xml" href="/themes/custom/hr/img/favicons/favicon.svg" /> <link rel="apple-touch-icon" sizes="180x180" href="/themes/custom/hr/img/favicons/apple-touch-icon.png" /> <link rel="mask-icon" href="/themes/custom/hr/img/favicons/safari-pinned-tab.svg" color="#002145" /> <link rel="preconnect" href="https://themes.googleusercontent.com/" /> <link rel="preconnect" href="https://fonts.gstatic.com/" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Catamaran:wght@400;600;700&amp;family=Merriweather:wght@400;700&amp;display=swap" /> <meta name="google-site-verification" content="V6RspE18OsmO047VeleQS8PDZ-2zAYxgFNMXUW7Gw90" /> <style>:root { --color-primary: #003a79 !important; --color-secondary: #97d4e9 !important; --color-tertiary: #003a79 !important; --color-accent: #def1f8 !important; --color-primary-alpha: rgba(0, 58, 121, .5) !important; --color-secondary-alpha: rgba(151, 212, 233, .5) !important; --color-tertiary-alpha: rgba(0, 58, 121, .5) !important; --color-accent-alpha: rgba(222, 241, 248, .5) !important; --color-link: #0055b7; --color-link-hover: #002145; --color-link-active: #002145; --leading: 1.625; --base-font-size: 16px; --text-font-stack: Catamaran, Arial, sans-serif; --alternate-font-stack: merriweather, georgia, cambria, "Times New Roman", times, serif; --code-font-stack: menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace; } #ubc7-unit { background-color: #002145 !important; }</style> <script src="/sites/default/files/google_tag/google_tag_manager/google_tag.script.js?srzxja" defer></script> <title>Careers | UBC Human Resources</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_swSv-6QHY-YqL85o_SfXfc_k5QU5doyarnQFHQPMPao.css?delta=0&amp;language=en&amp;theme=hr&amp;include=eJxtkFluxSAMRTfEsCRkwAEaJtmQNLsvL3ltVak_ln086F4Tcm-V04FmgM1otpQHkqYfLm8u-OKBRVtgFJF0yM1CFtM643b0aTQyZ_IBB-v_oJrptebyJjMGcJeUq4NVlkb3QccsPR6vlEdy-yUjgkcSR8KT9R1VaX4uLR0IAkGPrD3NDln9EjVrnzYnjuhFWSJANywWvdoaFRjL3Bs_TpWDPlKrwi0h3-fgAz7_gDWfW3jsxsZYDY9rfWucCDvrhz3FF9ZcgxQ" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_m7mg6t-IoCj4TmuFAGqHafEw68X1iZjkmRhO6I6RiUo.css?delta=1&amp;language=en&amp;theme=hr&amp;include=eJxtkFluxSAMRTfEsCRkwAEaJtmQNLsvL3ltVak_ln086F4Tcm-V04FmgM1otpQHkqYfLm8u-OKBRVtgFJF0yM1CFtM643b0aTQyZ_IBB-v_oJrptebyJjMGcJeUq4NVlkb3QccsPR6vlEdy-yUjgkcSR8KT9R1VaX4uLR0IAkGPrD3NDln9EjVrnzYnjuhFWSJANywWvdoaFRjL3Bs_TpWDPlKrwi0h3-fgAz7_gDWfW3jsxsZYDY9rfWucCDvrhz3FF9ZcgxQ" /> <script src="https://script.crazyegg.com/pages/scripts/0021/8002.js" async></script> </head> <body class="layout-no-sidebars js-bootstrap path-node page-node-type-ubc-landing-page overflow-x-hidden layout--full-width"> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KH7WKPW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- THEME DEBUG --> <!-- THEME HOOK: 'off_canvas_page_wrapper' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/off-canvas-page-wrapper.html.twig' --> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <!-- THEME DEBUG --> <!-- THEME HOOK: 'page' --> <!-- FILE NAME SUGGESTIONS: ▪️ page--node--313.html.twig ▪️ page--node--%.html.twig ✅ page--node-type--ubc-landing-page.html.twig ▪️ page--node.html.twig ▪️ page.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/layout/page--node-type--ubc-landing-page.html.twig' --> <noscript> <strong>We're sorry but this site doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> </noscript> <div id="main-content"> <div id="clf7__header"> <div class="collapse expand" id="ubc7-global-menu"> <div id="ubc7-search" class="expand"> <div class="clf-container"> <div id="ubc7-search-box" class="mx-auto max-w-[360px]"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--search.html.twig ✅ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--searchform.html.twig ✅ block--search-form-block.html.twig ▪️ block--search.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/block/block--search-form-block.html.twig' --> <div class="search-block-form content" data-drupal-selector="search-block-form" id="block-searchform" role="search"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/form.html.twig' --> <form action="/search/content" method="get" id="search-block-form" accept-charset="UTF-8"> <div class="flex lg--h-[45px]"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__search' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--search.html.twig ✅ input.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/form/input.html.twig' --> <input title="Enter the terms you wish to search for." placeholder="Search UBC HR" class="flex-1 !my-0 form-search" data-drupal-selector="edit-keys" type="search" id="edit-keys" name="keys" value="" size="15" maxlength="128" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--submit.html.twig ✅ input.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/form/input.html.twig' --> <input class="unit-button unit-button--dark text-sm xxl--text-xl flex-no-grow button js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit" value="Search" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/form/input.html.twig' --> </div> </form> <!-- END OUTPUT from 'core/modules/system/templates/form.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/block/block--search-form-block.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/layout/region.html.twig' --> </div> </div> <!-- /clf-container --> </div> <div class="clf-container"> <div id="ubc7-global-header" class="expand"> <div class="row-fluid"> <div class="span8 offset2"> <ul class="clearfix reverse"> <li><a href="https://www.calendar.ubc.ca/">Academic Calendar</a></li> <li><a href="https://www.ubc.ca/landing/campusservices.html">Campus Services</a></li> <li><a href="https://www.ubc.ca/landing/facultiesschools.html">Faculties &amp; Schools</a></li> <li><a href="https://www.library.ubc.ca/">Library</a></li> <li><a href="https://www.ubc.ca/about/maps.html">Maps</a></li> <li><a href="https://www.ubc.ca/quicklinks/">Quicklinks</a></li> <li><a href="https://ssc.adm.ubc.ca/sscportal/">Student Service Centre</a></li> <li><a href="https://directory.ubc.ca/index.cfm">UBC Directory</a></li> </ul> </div> </div> </div> </div> <!-- /clf-container --> </div> <header id="ubc7-header" class="row-fluid expand"> <div class="clearfix clf-container"> <div class="span1"> <div id="ubc7-logo"> <a href="https://www.ubc.ca">The University of British Columbia</a> </div> </div> <div class="span2"> <div id="ubc7-apom"> <a href="https://cdn.ubc.ca/clf/ref/aplaceofmind">UBC - A Place of Mind</a> </div> </div> <div class="span9" id="ubc7-wordmark-block"> <div id="ubc7-wordmark"> <a href="https://www.ubc.ca">The University of British Columbia</a> </div> <div id="ubc7-global-utility"> <button type="button" data-bs-toggle="collapse" data-bs-target="#ubc7-global-menu"><span>UBC Search</span></button> </div> </div> </div> <!-- /clf-container --> </header> <div id="ubc7-unit" class="row-fluid expand" style=""> <div class="clf-container"> <div class="relative span12"> <!-- Mobile Menu Icon --> <div class="navbar"> <a data-bs-toggle="collapse" data-bs-target=".nav-collapse" @click="toggleMobileNav" class="btn btn-navbar" aria-controls="ubc7-unit-navigation ubc7-unit-sec-navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> </div> <div id="ubc7-unit-name" class="ubc7-single-element"> <a href="/"> <span id="ubc7-unit-identifier">UBC Human Resources</span> </a> </div> </div> </div> <!-- /clf-container --> </div> <nav class="py-0 navbar expand clf-required" v-show="showMobileNav" id="ubc7-unit-menu"> <div class="navbar-inner expand "> <div class="clf-container"> <div class="nav-collapse collapse" id="ubc7-unit-navigation"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--primary-menu.html.twig ✅ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--hr-main-menu.html.twig ✅ block--system-menu-block--main.html.twig ▪️ block--system-menu-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/block/block--system-menu-block--main.html.twig' --> <div id="block-hr-main-menu" class="menu--main md--flex md--justify-between" aria-labelledby="block-hr-main-menu-menu"> <h2 id="block-hr-main-menu-menu" class="visually-hidden">Main navigation</h2> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__main' --> <!-- FILE NAME SUGGESTIONS: ✅ menu--main.html.twig ✅ menu--main.html.twig ▪️ menu.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/navigation/menu--main.html.twig' --> <ul class="nav clearfix my-0"> <li class="navbar-item item"> <a href="/" class="navbar-link" data-drupal-link-system-path="&lt;front&gt;">Home</a> </li> <li class="navbar-item menu-item--expanded dropdown menu-item--active-trail expanded"> <div class="btn-group"> <a href="/careers" class="navbar-item menu-item--expanded dropdown menu-item--active-trail expanded btn is-active" data-drupal-link-system-path="node/313" aria-current="page">Careers</a> <button class="btn dropdown-toggle" data-bs-toggle="dropdown" aria-label="Show submenu" aria-expanded="false"><span class="ubc7-arrow blue down-arrow" aria-hidden="true"></span></button> <ul class="nav clearfix my-0 dropdown-menu"> <li class="navbar-item item"> <a href="/careers/staff-careers" title="Overview and links to staff careers at UBC, ranging from administration to information technology." class="navbar-link" data-drupal-link-system-path="node/33">Staff careers</a> </li> <li class="navbar-item item"> <a href="/careers/faculty-careers" title="UBC offers a wide range of faculty career opportunities for academics at all stages of their careers." class="navbar-link" data-drupal-link-system-path="node/32">Faculty careers</a> </li> </ul> </div> </li> <li class="navbar-item menu-item--expanded dropdown expanded"> <div class="btn-group"> <a href="/working-ubc" class="navbar-item menu-item--expanded dropdown expanded btn" data-drupal-link-system-path="node/14">Working at UBC</a> <button class="btn dropdown-toggle" data-bs-toggle="dropdown" aria-label="Show submenu" aria-expanded="false"><span class="ubc7-arrow blue down-arrow" aria-hidden="true"></span></button> <ul class="nav clearfix my-0 dropdown-menu"> <li class="navbar-item menu-item--collapsed item"> <a href="/working-ubc/welcome-workday" class="navbar-link" data-drupal-link-system-path="node/802">Welcome to Workday</a> </li> <li class="navbar-item menu-item--collapsed item"> <a href="/working-ubc/workplace-experience" class="navbar-link" data-drupal-link-system-path="node/2302">Workplace experience</a> </li> <li class="navbar-item menu-item--collapsed item"> <a href="/working-ubc/hybrid-work-ubc" class="navbar-link" data-drupal-link-system-path="node/1084">Hybrid work at UBC</a> </li> <li class="navbar-item item"> <a href="/working-ubc/statutory-holidays" title="A list of statutory holidays observed at UBC." class="navbar-link" data-drupal-link-system-path="node/353">Statutory holidays</a> </li> <li class="navbar-item menu-item--collapsed item"> <a href="/working-ubc/collective-bargaining" class="navbar-link" data-drupal-link-system-path="node/1519">Collective bargaining</a> </li> <li class="navbar-item item"> <a href="/working-ubc/collective-agreements-and-terms-conditions-employment" title="Collective agreements and terms and conditions of employment and contact information for members of various employment groups at the University of B.C." class="navbar-link" data-drupal-link-system-path="node/348">Collective Agreements and terms &amp; conditions of employment</a> </li> <li class="navbar-item menu-item--collapsed item"> <a href="/working-ubc/salaries" class="navbar-link" data-drupal-link-system-path="node/1073">Salaries</a> </li> <li class="navbar-item menu-item--collapsed item"> <a href="/working-ubc/faculty-resources" class="navbar-link" data-drupal-link-system-path="node/2350">Faculty resources</a> </li> <li class="navbar-item menu-item--collapsed item"> <a href="/working-ubc/housing-immigration-and-relocation-services" class="navbar-link" data-drupal-link-system-path="node/657">Housing, Immigration and Relocation Services</a> </li> <li class="navbar-item item"> <a href="/working-ubc/leaving-ubc" title="From giving notice to your manager to getting paid for unused vacation and filling out an exit survey, there are a few considerations to keep in mind when leaving UBC." class="navbar-link" data-drupal-link-system-path="node/354">Leaving UBC</a> </li> <li class="navbar-item item"> <a href="/working-ubc/working-past-age-65" title="If you work past 65, your benefits coverage will depend on whether you opt to receive or defer your pension." class="navbar-link" data-drupal-link-system-path="node/374">Working past age 65</a> </li> <li class="navbar-item item"> <a href="/working-ubc/retirement-planning" title="Retirement planning resources, along with basic information about benefits and life insurance considerations and options for staff and faculty." class="navbar-link" data-drupal-link-system-path="node/356">Retirement planning</a> </li> <li class="navbar-item item"> <a href="/working-ubc/foreign-workers-and-work-permits" title="Qualified foreign workers can be hired as staff or faculty at UBC with a valid work permit. International student employees don&#039;t require the permit." class="navbar-link" data-drupal-link-system-path="node/79">Foreign workers and work permits</a> </li> </ul> </div> </li> <li class="navbar-item menu-item--expanded dropdown expanded"> <div class="btn-group"> <a href="/benefits" class="navbar-item menu-item--expanded dropdown expanded btn" data-drupal-link-system-path="node/52">Benefits</a> <button class="btn dropdown-toggle" data-bs-toggle="dropdown" aria-label="Show submenu" aria-expanded="false"><span class="ubc7-arrow blue down-arrow" aria-hidden="true"></span></button> <ul class="nav clearfix my-0 dropdown-menu"> <li class="navbar-item menu-item--collapsed item"> <a href="/benefits/eligibility-enrolment" class="navbar-link" data-drupal-link-system-path="node/654">Eligibility and enrolment</a> </li> <li class="navbar-item menu-item--collapsed item"> <a href="/benefits/benefit-plan-details" class="navbar-link" data-drupal-link-system-path="node/658">Benefit plan details</a> </li> <li class="navbar-item menu-item--collapsed item"> <a href="/benefits/claims-forms" class="navbar-link" data-drupal-link-system-path="node/662">Claims and forms</a> </li> <li class="navbar-item menu-item--collapsed item"> <a href="/benefits/life-events-your-benefits" class="navbar-link" data-drupal-link-system-path="node/661">Life events and your benefits</a> </li> </ul> </div> </li> <li class="navbar-item menu-item--expanded dropdown expanded"> <div class="btn-group"> <a href="/health-and-wellbeing" class="navbar-item menu-item--expanded dropdown expanded btn" data-drupal-link-system-path="node/54">Health and wellbeing</a> <button class="btn dropdown-toggle" data-bs-toggle="dropdown" aria-label="Show submenu" aria-expanded="false"><span class="ubc7-arrow blue down-arrow" aria-hidden="true"></span></button> <ul class="nav clearfix my-0 dropdown-menu"> <li class="navbar-item menu-item--collapsed item"> <a href="/health-and-wellbeing/physical-wellbeing" title="Evidence shows that increasing physical activity by moving more and sitting less leads to many health benefits." class="navbar-link" data-drupal-link-system-path="node/968">Physical wellbeing</a> </li> <li class="navbar-item menu-item--collapsed item"> <a href="/health-and-wellbeing/mental-health" title="UBC recognizes the key role that mental health plays in the workplace. Mental health impacts everyone at UBC, not just those with a mental illness." class="navbar-link" data-drupal-link-system-path="node/969">Mental health</a> </li> <li class="navbar-item menu-item--collapsed item"> <a href="/health-and-wellbeing/ergonomics" class="navbar-link" data-drupal-link-system-path="node/677">Ergonomics</a> </li> <li class="navbar-item menu-item--collapsed item"> <a href="/health-and-wellbeing/workplace-accessibility" class="navbar-link" data-drupal-link-system-path="node/1445">Workplace accessibility</a> </li> <li class="navbar-item menu-item--collapsed item"> <a href="/health-and-wellbeing/workplace-wellbeing-programs" class="navbar-link" data-drupal-link-system-path="node/2019">Workplace wellbeing programs</a> </li> <li class="navbar-item menu-item--collapsed item"> <a href="/health-and-wellbeing/planning-child-information-new-and-expecting-parents" class="navbar-link" data-drupal-link-system-path="node/1196">New and expecting parents</a> </li> <li class="navbar-item menu-item--collapsed item"> <a href="/health-and-wellbeing/inclusivity-safety-and-support-services" class="navbar-link" data-drupal-link-system-path="node/2018">Inclusivity, safety and support services</a> </li> </ul> </div> </li> </ul> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/navigation/menu--main.html.twig' --> <ul class="hidden clearfix my-0 md--shrink-0 nav page-nav md--block"> <li class="navbar-item bg-ubc-blue-sea link-auth"> <a href="/managers-admins?utm_source=Button&utm_medium=Button&utm_campaign=Managers-Admin" class="navbar-link link-audience">Managers &amp; Admins<svg role="presentation" class="inline-block w-4 h-4 pl-3 -mt-1 text-white hover--text-ubc-blue-polar"> <use xlink:href="#icon-locked"></use> </svg></a> </li> <li class="lg--ml-4 navbar-item menu-item--expanded dropdown expanded bg-grey-400 link-workday"> <div class="btn-group"> <a href="https://myworkday.ubc.ca/?utm_source=workday-button&amp;utm_medium=workday-button" aria-expanded="false" class="disclose__trigger has-children btn link-utility">Workday</a> <button class="btn dropdown-toggle" data-bs-toggle="dropdown" aria-label="Show submenu" aria-expanded="false"> <span class="ubc7-arrow blue down-arrow" aria-hidden="true"></span> </button> <ul class="clearfix my-0 nav dropdown-menu"> <li class="navbar-item item"><a href="https://myworkday.ubc.ca/?utm_source=workday-button&utm_medium=workday-button" class="navbar-link" target="_blank">Workday login</a></li> <li class="navbar-item item"><a href="https://isc.ubc.ca/?utm_source=workday-help-button&utm_medium=workday-help-button" class="navbar-link" target="_blank">Support</a></li> </ul> </div> </li> </ul> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/block/block--system-menu-block--main.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/layout/region.html.twig' --> </div> </div> </div> <div class="navbar-inner expand secondary_nav"> <div class="clf-container"> <div class="nav-collapse collapse md--!flex md--justify-between" id="ubc7-unit-sec-navigation"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--secondary-menu.html.twig ✅ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--secondarynavigation.html.twig ▪️ block--menu-block--main.html.twig ▪️ block--menu-block--secondary-navigation.html.twig ▪️ block--menu-block.html.twig ▪️ block--system-menu-block.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/block/block--secondarynavigation.html.twig' --> <div id="block-secondarynavigation" class="menu--secondary-navigation" aria-labelledby="block-secondarynavigation-menu"> <h2 id="block-secondarynavigation-menu" class="visually-hidden">Secondary Navigation</h2> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu' --> <!-- FILE NAME SUGGESTIONS: ✅ menu--main.html.twig ▪️ menu--secondary-navigation.html.twig ▪️ menu.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/navigation/menu--main.html.twig' --> <ul class="nav clearfix my-0"> <li class="navbar-item menu-item--expanded dropdown expanded"> <div class="btn-group"> <a href="/career-development" class="navbar-item menu-item--expanded dropdown expanded btn" data-drupal-link-system-path="node/55">Career development</a> <button class="btn dropdown-toggle" data-bs-toggle="dropdown" aria-label="Show submenu" aria-expanded="false"><span class="ubc7-arrow blue down-arrow" aria-hidden="true"></span></button> <ul class="nav clearfix my-0 dropdown-menu"> <li class="navbar-item menu-item--collapsed item"> <a href="/career-development/workplace-learning-opportunities" class="navbar-link" data-drupal-link-system-path="node/655">Workplace learning opportunities</a> </li> <li class="navbar-item menu-item--collapsed item"> <a href="/career-development/leadership-programs" class="navbar-link" data-drupal-link-system-path="node/652">Leadership programs</a> </li> <li class="navbar-item item"> <a href="/career-development/conflict-theatre" title="Conflict Theatre offers UBC faculty and staff opportunities to explore and embrace conflict in the workplace using the tools of theatre." class="navbar-link" data-drupal-link-system-path="node/310">Conflict Theatre</a> </li> <li class="navbar-item menu-item--collapsed item"> <a href="/career-development/coaching-staff-and-faculty" title="UBC offers one-on-one coaching services for staff and faculty, as well as opportunities for coach education." class="navbar-link" data-drupal-link-system-path="node/308">Coaching for staff and faculty</a> </li> <li class="navbar-item item"> <a href="/career-development/career-retention-navigation-and-transition" class="navbar-link" data-drupal-link-system-path="node/252">Career retention, navigation &amp; transition</a> </li> <li class="navbar-item item"> <a href="/career-development/career-supports-staff" class="navbar-link" data-drupal-link-system-path="node/2165">Career supports for staff</a> </li> <li class="navbar-item item"> <a href="/career-development/performance-conversations" title="Performance development conversations are shifting at UBC to more thoughtful and productive two-way conversations about career development." class="navbar-link" data-drupal-link-system-path="node/304">Performance conversations</a> </li> <li class="navbar-item menu-item--collapsed item"> <a href="/career-development/professional-development-funding" class="navbar-link" data-drupal-link-system-path="node/653">Professional development funding</a> </li> </ul> </div> </li> <li class="navbar-item menu-item--expanded dropdown expanded"> <div class="btn-group"> <a href="/contact" class="navbar-item menu-item--expanded dropdown expanded btn" data-drupal-link-system-path="node/4">Contact</a> <button class="btn dropdown-toggle" data-bs-toggle="dropdown" aria-label="Show submenu" aria-expanded="false"><span class="ubc7-arrow blue down-arrow" aria-hidden="true"></span></button> <ul class="nav clearfix my-0 dropdown-menu"> <li class="navbar-item item"> <a href="/contact/contact-advisory-services" class="navbar-link" data-drupal-link-system-path="node/674">Contact Advisory Services</a> </li> <li class="navbar-item item"> <a href="/contact/contact-benefits" class="navbar-link" data-drupal-link-system-path="node/747">Contact Benefits</a> </li> <li class="navbar-item item"> <a href="/contact/contact-compensation" class="navbar-link" data-drupal-link-system-path="node/676">Contact Compensation</a> </li> <li class="navbar-item item"> <a href="/contact/contact-faculty-relations-and-academic-leadership-program-aldp" class="navbar-link" data-drupal-link-system-path="node/675">Contact Faculty Relations and Academic Leadership Program (ALDP)</a> </li> <li class="navbar-item item"> <a href="/contact/contact-health-and-wellbeing" class="navbar-link" data-drupal-link-system-path="node/1664">Contact Health and Wellbeing</a> </li> <li class="navbar-item item"> <a href="/contact/contact-housing-immigration-relocation-services" class="navbar-link" data-drupal-link-system-path="node/762">Contact Housing, Immigration and Relocation Services</a> </li> <li class="navbar-item item"> <a href="/contact/contact-learning-and-talent-development" class="navbar-link" data-drupal-link-system-path="node/1666">Contact Learning and Talent Development</a> </li> <li class="navbar-item item"> <a href="/contact/contact-talent-acquisition-and-hiring-solutions" class="navbar-link" data-drupal-link-system-path="node/678">Contact Talent Acquisition and Hiring Solutions</a> </li> <li class="navbar-item item"> <a href="/contact/website-feedback" class="navbar-link" data-drupal-link-system-path="node/717">Website feedback</a> </li> </ul> </div> </li> <li class="navbar-item menu-item--expanded dropdown expanded"> <div class="btn-group"> <a href="/news-and-events" class="navbar-item menu-item--expanded dropdown expanded btn" data-drupal-link-system-path="node/1321">News and events</a> <button class="btn dropdown-toggle" data-bs-toggle="dropdown" aria-label="Show submenu" aria-expanded="false"><span class="ubc7-arrow blue down-arrow" aria-hidden="true"></span></button> <ul class="nav clearfix my-0 dropdown-menu"> <li class="navbar-item menu-item--collapsed item"> <a href="/working-ubc/news" class="navbar-link" data-drupal-link-system-path="node/6">News</a> </li> <li class="navbar-item item"> <a href="/news-and-events/events" class="navbar-link" data-drupal-link-system-path="node/7">Events</a> </li> </ul> </div> </li> </ul> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/navigation/menu--main.html.twig' --> <ul class="clearfix my-0 mobile-only md--shrink-0 nav page-nav md--block"> <li class="navbar-item bg-ubc-blue-sea link-auth"> <a href="/managers-admins?utm_source=Button&utm_medium=Button&utm_campaign=Managers-Admin" class="navbar-link link-audience">Managers &amp; Admins<svg role="presentation" class="inline-block w-4 h-4 pl-3 -mt-1 text-white hover--text-ubc-blue-polar"> <use xlink:href="#icon-locked"></use> </svg></a> </li> <li class="lg--ml-4 navbar-item menu-item--expanded dropdown expanded bg-grey-400 link-workday"> <div class="btn-group"> <a href="https://myworkday.ubc.ca/?utm_source=workday-button&amp;utm_medium=workday-button" aria-expanded="false" class="disclose__trigger has-children btn link-utility">Workday</a> <button class="btn dropdown-toggle" data-bs-toggle="dropdown" aria-label="Show submenu" aria-expanded="false"> <span class="ubc7-arrow blue down-arrow" aria-hidden="true"></span> </button> <ul class="clearfix my-0 nav dropdown-menu"> <li class="navbar-item item"><a href="https://myworkday.ubc.ca/?utm_source=workday-button&utm_medium=workday-button" class="navbar-link" target="_blank">Workday login</a></li> <li class="navbar-item item"><a href="https://isc.ubc.ca/?utm_source=workday-help-button&utm_medium=workday-help-button" class="navbar-link" target="_blank">Support</a></li> </ul> </div> </li> </ul> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/block/block--secondarynavigation.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--nav-search.html.twig ✅ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--searchform-2.html.twig ✅ block--search-form-block.html.twig ▪️ block--search.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/block/block--search-form-block.html.twig' --> <div class="search-block-form content" data-drupal-selector="search-block-form-2" id="block-searchform-2" role="search"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/form.html.twig' --> <form action="/search/content" method="get" id="search-block-form--2" accept-charset="UTF-8"> <div class="flex lg--h-[45px]"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__search' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--search.html.twig ✅ input.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/form/input.html.twig' --> <input title="Enter the terms you wish to search for." placeholder="Search UBC HR" class="flex-1 !my-0 form-search" data-drupal-selector="edit-keys" type="search" id="edit-keys--2" name="keys" value="" size="15" maxlength="128" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--submit.html.twig ✅ input.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/form/input.html.twig' --> <input class="unit-button unit-button--dark text-sm xxl--text-xl flex-no-grow button js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--2" value="Search" /> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/form/input.html.twig' --> </div> </form> <!-- END OUTPUT from 'core/modules/system/templates/form.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/block/block--search-form-block.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/layout/region.html.twig' --> </div> </div> </div> </nav> </div> <main id="unit-content"> <section id="masthead" class="overflow-hidden masthead"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--masthead.html.twig ✅ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--views-block--content-alert-banner-block-1.html.twig ▪️ block--views-block--content-alert-banner-block-1.html.twig ▪️ block--views-block.html.twig ▪️ block--views.html.twig ✅ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/block/block.html.twig' --> <div class="views-element-container block block-views" id="block-views-block-content-alert-banner-block-1"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/container.html.twig' --> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view.html.twig' --> <div class="js-view-dom-id-3d3a10085dd75c367d198dc81682ecd48470410a5f7ab69e82896f20710ced78"> </div> <!-- END OUTPUT from 'core/modules/views/templates/views-view.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/system/templates/container.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/block/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--hr-views-block--content-announcement-feature-block-1.html.twig ▪️ block--views-block--content-announcement-feature-block-1.html.twig ▪️ block--views-block.html.twig ▪️ block--views.html.twig ✅ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/block/block.html.twig' --> <div class="views-element-container block block-views" id="block-hr-views-block-content-announcement-feature-block-1"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/container.html.twig' --> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view.html.twig' --> <div class="js-view-dom-id-a205c648825c8becde5c63f539d1cdfb611fd4de0d117304a6f0ca335feb7420"> </div> <!-- END OUTPUT from 'core/modules/views/templates/views-view.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/system/templates/container.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/block/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--hr-views-block--content-event-feature-block-1.html.twig ▪️ block--views-block--content-event-feature-block-1.html.twig ▪️ block--views-block.html.twig ▪️ block--views.html.twig ✅ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/block/block.html.twig' --> <div class="views-element-container block block-views" id="block-hr-views-block-content-event-feature-block-1"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/container.html.twig' --> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view.html.twig' --> <div class="js-view-dom-id-5cab28f90d42f46a8cbb066a2486b027c6ad359112ce69c1a3847240354c59a2"> </div> <!-- END OUTPUT from 'core/modules/views/templates/views-view.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/system/templates/container.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/block/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--hr-views-block--content-homepage-block-1.html.twig ▪️ block--views-block--content-homepage-block-1.html.twig ▪️ block--views-block.html.twig ▪️ block--views.html.twig ✅ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/block/block.html.twig' --> <div class="views-element-container block block-views" id="block-hr-views-block-content-homepage-block-1"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/container.html.twig' --> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view.html.twig' --> <div class="js-view-dom-id-1f9e10580511cb64204aa458c953d6878144338ab947e62b20f5eb4e0a0b6ff7"> </div> <!-- END OUTPUT from 'core/modules/views/templates/views-view.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/system/templates/container.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/block/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--hr-views-block--content-landing-feature-block-1.html.twig ▪️ block--views-block--content-landing-feature-block-1.html.twig ▪️ block--views-block.html.twig ▪️ block--views.html.twig ✅ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/block/block.html.twig' --> <div class="views-element-container block block-views" id="block-hr-views-block-content-landing-feature-block-1"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/container.html.twig' --> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view.html.twig' --> <div class="js-view-dom-id-968db8094b02a21118b9d99bbc402b47b39d5ce6757aa6952ddd9cfdaf4bc866"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_unformatted' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-unformatted.html.twig' --> <div class="views-row"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ▪️ node--view--content-landing-feature--block-1.html.twig ▪️ node--view--content-landing-feature.html.twig ▪️ node--313--featured-content.html.twig ▪️ node--313.html.twig ✅ node--ubc-landing-page--featured-content.html.twig ▪️ node--ubc-landing-page.html.twig ▪️ node--featured-content.html.twig ▪️ node.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/content/node--ubc-landing-page--featured-content.html.twig' --> <div class="node node--view-mode-featured-content relative min-h-64 md--min-h-96"> <div class="block min-h-64 md--min-h-96 absolute w-full h-full has-content--after has-gradient-bottom--after masthead__img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/responsive_image/templates/responsive-image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'core/modules/responsive_image/templates/responsive-image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/image.html.twig' --> <img srcset="/sites/default/files/styles/max_325x325/public/feature-images/2025-02/49091195856_26f22d74c1_k%20%281%29.jpg?itok=sO7wBd-u 325w, /sites/default/files/styles/max_650x650/public/feature-images/2025-02/49091195856_26f22d74c1_k%20%281%29.jpg?itok=qr5Dq9dP 650w, /sites/default/files/styles/max_970x970/public/feature-images/2025-02/49091195856_26f22d74c1_k%20%281%29.jpg?itok=Ojjbk9R- 970w, /sites/default/files/styles/max_1300x1300/public/feature-images/2025-02/49091195856_26f22d74c1_k%20%281%29.jpg?itok=GAf8nPtc 1300w" sizes="100vw" width="970" height="646" src="/sites/default/files/styles/max_325x325/public/feature-images/2025-02/49091195856_26f22d74c1_k%20%281%29.jpg?itok=sO7wBd-u" alt="A group of four people walking together outdoors." loading="lazy" /> <!-- END OUTPUT from 'core/modules/system/templates/image.html.twig' --> <!-- END OUTPUT from 'core/modules/responsive_image/templates/responsive-image.html.twig' --> <!-- END OUTPUT from 'core/modules/responsive_image/templates/responsive-image-formatter.html.twig' --> </div> <div class="relative flex min-h-64 md--min-h-96"> <div class="flex-1 self-end container mx-auto px-4"> <h1 class="masthead__page-title font-normal"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ✅ field--no-wrapper.html.twig ▪️ field--node--field-landing-image-teaser--ubc-landing-page.html.twig ▪️ field--node--field-landing-image-teaser.html.twig ▪️ field--node--ubc-landing-page.html.twig ▪️ field--field-landing-image-teaser.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/field/field--no-wrapper.html.twig' --> Careers <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/field/field--no-wrapper.html.twig' --> <span class="block decoration-endline decoration-endline--large"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ✅ field--no-wrapper.html.twig ▪️ field--node--field-landing-teaser-second--ubc-landing-page.html.twig ▪️ field--node--field-landing-teaser-second.html.twig ▪️ field--node--ubc-landing-page.html.twig ▪️ field--field-landing-teaser-second.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/field/field--no-wrapper.html.twig' --> at UBC <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/field/field--no-wrapper.html.twig' --> </span> </h1> </div> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/content/node--ubc-landing-page--featured-content.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/views/templates/views-view-unformatted.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/views/templates/views-view.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/system/templates/container.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/block/block.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/layout/region.html.twig' --> </section> <div class="container p-4 mx-auto"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--breadcrumb.html.twig ✅ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--hr-breadcrumbs.html.twig ▪️ block--system-breadcrumb-block.html.twig ▪️ block--system.html.twig ✅ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/block/block.html.twig' --> <div id="block-hr-breadcrumbs" class="block block-system"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'breadcrumb' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/navigation/breadcrumb.html.twig' --> <nav class="nav-breadcrumbs text-xs" aria-label="Breadcrumb"> <h2 id="system-breadcrumb" class="visually-hidden">Breadcrumb</h2> <ol class="nav-breadcrumbs text-xs list-inline my-0" aria-label="Breadcrumb" aria-labelledby="system-breadcrumb"> <li><a href="/" class="text-unit-grey no-underline hover--underline piped piped--grey">HR Home</a> </li> <li class="text-ubc-blue no-underline active">Careers </li> </ol> </nav> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/navigation/breadcrumb.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/block/block.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--heading.html.twig ✅ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/layout/region.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/layout/region.html.twig' --> <div id="help-region"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--help.html.twig ✅ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--hr-messages.html.twig ✅ block--system-messages-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/block--system-messages-block.html.twig' --> <div data-drupal-messages-fallback class="hidden"></div> <!-- END OUTPUT from 'core/modules/system/templates/block--system-messages-block.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/layout/region.html.twig' --> </div> <div class="grid-container grid-container--landing"> <div class="grid-area-a" id="main-content"> <section class="section"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--content.html.twig ✅ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--hr-mainpagecontent.html.twig ▪️ block--system-main-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/block/block--hr-mainpagecontent.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ▪️ node--313--full.html.twig ▪️ node--313.html.twig ✅ node--ubc-landing-page--full.html.twig ▪️ node--ubc-landing-page.html.twig ▪️ node--full.html.twig ▪️ node.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/content/node--ubc-landing-page--full.html.twig' --> <article class="node node--type-ubc-landing-page node--promoted node--view-mode-full text-formatted"> <div class="node__content clearfix"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--node--body--ubc-landing-page.html.twig ▪️ field--node--body.html.twig ▪️ field--node--ubc-landing-page.html.twig ▪️ field--body.html.twig ▪️ field--text-with-summary.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/field.html.twig' --> <div></div> <!-- END OUTPUT from 'core/modules/system/templates/field.html.twig' --> </div> </article> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/content/node--ubc-landing-page--full.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/block/block--hr-mainpagecontent.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/layout/region.html.twig' --> </section> </div> <section class="grid-area-d" id="secondary-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--secondary-content.html.twig ✅ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--hr-views-block--content-landing-paragraphs-block-1.html.twig ▪️ block--views-block--content-landing-paragraphs-block-1.html.twig ▪️ block--views-block.html.twig ▪️ block--views.html.twig ✅ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/block/block.html.twig' --> <div class="views-element-container block block-views" id="block-hr-views-block-content-landing-paragraphs-block-1"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/container.html.twig' --> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view.html.twig' --> <div class="js-view-dom-id-02c8c645c3ce58c80eb9e22d09e770516e6f1b5ae51de5a9a3daf326a83ab987"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_unformatted' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-unformatted.html.twig' --> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ▪️ node--view--content-landing-paragraphs--block-1.html.twig ▪️ node--view--content-landing-paragraphs.html.twig ▪️ node--313--custom-content.html.twig ▪️ node--313.html.twig ▪️ node--ubc-landing-page--custom-content.html.twig ▪️ node--ubc-landing-page.html.twig ✅ node--custom-content.html.twig ▪️ node.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/content/node--custom-content.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--node--field-landing-custom-content--ubc-landing-page.html.twig ▪️ field--node--field-landing-custom-content.html.twig ▪️ field--node--ubc-landing-page.html.twig ▪️ field--field-landing-custom-content.html.twig ✅ field--entity-reference-revisions.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/field/field--entity-reference-revisions.html.twig' --> <!-- THEME DEBUG --><!-- THEME HOOK: 'paragraph' --><!-- FILE NAME SUGGESTIONS: ✅ paragraph--text.html.twig ▪️ paragraph--text--default.html.twig ✅ paragraph--text.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/paragraphs/paragraph--text.html.twig' --><div class="paragraph paragraph--type--text paragraph--view-mode--default bg-white"><div class="paragraph--inner paragraph--type--text__inner container mx-auto py-12 text-formatted clearfix"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-paragraph-text--text.html.twig ▪️ field--paragraph--field-paragraph-text.html.twig ▪️ field--paragraph--text.html.twig ▪️ field--field-paragraph-text.html.twig ▪️ field--text-long.html.twig ✅ field.html.twig --><!-- BEGIN OUTPUT from 'core/modules/system/templates/field.html.twig' --><div><h2><span lang="EN-US">Turn your inspiration into reality with a career at UBC. &nbsp;</span><span>&nbsp;</span></h2><p class="text-lead text-ubc-blue-sea">Browse careers</p><p>&nbsp;</p><div class="widget-column-options widget-columns-4 align-equal my-0 widget-keyline-none"><div class="widget--md--grid gap-6"><div class="first-child--mt-0 widget-region-one"><p class="text-align-center"><a class="unit-button unit-button--light unit-button--has-icon-right unit-button--block" href="https://ubc.wd10.myworkdayjobs.com/ubcstaffjobs" target="_blank" rel="nofollow">Staff postings</a></p></div><div class="first-child--mt-0 widget-region-two"><p class="text-align-center"><a class="unit-button unit-button--light unit-button--has-icon-right unit-button--block" href="https://ubc.wd10.myworkdayjobs.com/ubcfacultyjobs" target="_blank" rel="nofollow">Faculty postings</a></p></div><div class="first-child--mt-0 widget-region-three"><p class="text-align-center"><a class="unit-button unit-button--light unit-button--has-icon-right unit-button--block" href="https://ubc.wd10.myworkdayjobs.com/ubcstudentjob" target="_blank" rel="nofollow">Student postings</a></p></div><div class="first-child--mt-0 widget-region-four"><p class="text-align-center"><a class="unit-button unit-button--light unit-button--has-icon-right unit-button--block" href="https://hr.ubc.ca/careers-and-job-postings/temporary-staff-opportunities" target="_blank" rel="nofollow">Temporary postings</a></p></div></div></div><p>Don't miss out on opportunities. Sign up for <a href="/careers/job-alerts" data-entity-type="node" data-entity-uuid="e17954e5-dbf7-4230-9cfa-1cdeb1a9e013" data-entity-substitution="canonical" rel="nofollow" title="Job alerts">Job Alerts</a><span> to stay updated about upcoming jobs at UBC</span>.</p><div class="widget-color-box bg-grey-100 drop-shadow-none my-6 align-full p-6"><div class="widget-content first-child--mt-0"><h5>Current faculty and staff</h5><p>Current employees should view openings and apply internally via Workday.&nbsp;</p><p>View the Knowledge Base for how to <a href="https://ubc.service-now.com/selfservice?id=kb_article&amp;sysparm_article=KB0016821" target="_blank" rel="nofollow">Apply for an Internal Job</a> (CWL required).&nbsp;</p><p><a class="unit-button unit-button--mid" href="https://myworkday.ubc.ca/" target="_blank" rel="nofollow">Apply via Workday</a></p></div></div><p class="text-lead text-ubc-blue-sea"><span lang="EN-US">UBC is a global centre for research and teaching, consistently ranked among the top public universities globally. What makes us unique is the community of engaged students, and approximately 20,000 faculty and staff who are collectively committed to shaping a better world.</span><span>&nbsp;</span></p></div><!-- END OUTPUT from 'core/modules/system/templates/field.html.twig' --></div></div><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/paragraphs/paragraph--text.html.twig' --><!-- THEME DEBUG --><!-- THEME HOOK: 'paragraph' --><!-- FILE NAME SUGGESTIONS: ✅ paragraph--card-group.html.twig ▪️ paragraph--card-group--default.html.twig ✅ paragraph--card-group.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/paragraphs/paragraph--card-group.html.twig' --><div class="paragraph paragraph--type--card-group paragraph--view-mode--default"><div class="py-12 container mx-auto text-formatted"><div class="paragraph--inner paragraph--type--card_group__inner md--auto-grid md---mx-4 md--auto-grid--half"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-paragraph-card--card-group.html.twig ▪️ field--paragraph--field-paragraph-card.html.twig ▪️ field--paragraph--card-group.html.twig ▪️ field--field-paragraph-card.html.twig ✅ field--entity-reference-revisions.html.twig ▪️ field.html.twig --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/field/field--entity-reference-revisions.html.twig' --><!-- THEME DEBUG --><!-- THEME HOOK: 'paragraph' --><!-- FILE NAME SUGGESTIONS: ✅ paragraph--card.html.twig ▪️ paragraph--card--default.html.twig ✅ paragraph--card.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/paragraphs/paragraph--card.html.twig' --><article class="paragraph paragraph--type--card paragraph--view-mode--default auto-grid__cell my-8"><div class="ubc-card ubc-card--vert bg-ubc-blue-polar shadow hover--shadow-lg text-black group hover--no-underline"><div class="ubc-card__content"><h2 class="card__title"><a class="no-underline link-expand" href="/careers/staff-careers">Staff careers</a></h2><p class="truncate-2">Opportunities ranging from administration and research to facilities, campus services and information technology.</p></div></div></article><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/paragraphs/paragraph--card.html.twig' --><!-- THEME DEBUG --><!-- THEME HOOK: 'paragraph' --><!-- FILE NAME SUGGESTIONS: ✅ paragraph--card.html.twig ▪️ paragraph--card--default.html.twig ✅ paragraph--card.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/paragraphs/paragraph--card.html.twig' --><article class="paragraph paragraph--type--card paragraph--view-mode--default auto-grid__cell my-8"><div class="ubc-card ubc-card--vert bg-ubc-blue-polar shadow hover--shadow-lg text-black group hover--no-underline"><div class="ubc-card__content"><h2 class="card__title"><a class="no-underline link-expand" href="/careers/faculty-careers">Faculty careers</a></h2><p class="truncate-2">A wide range of opportunities for academics at all stages of their careers.</p></div></div></article><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/paragraphs/paragraph--card.html.twig' --><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/field/field--entity-reference-revisions.html.twig' --></div></div></div><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/paragraphs/paragraph--card-group.html.twig' --><!-- THEME DEBUG --><!-- THEME HOOK: 'paragraph' --><!-- FILE NAME SUGGESTIONS: ✅ paragraph--text.html.twig ▪️ paragraph--text--default.html.twig ✅ paragraph--text.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/paragraphs/paragraph--text.html.twig' --><div class="paragraph paragraph--type--text paragraph--view-mode--default bg-white"><div class="paragraph--inner paragraph--type--text__inner container mx-auto py-12 text-formatted clearfix"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-paragraph-text--text.html.twig ▪️ field--paragraph--field-paragraph-text.html.twig ▪️ field--paragraph--text.html.twig ▪️ field--field-paragraph-text.html.twig ▪️ field--text-long.html.twig ✅ field.html.twig --><!-- BEGIN OUTPUT from 'core/modules/system/templates/field.html.twig' --><div><h2>How we ensure you thrive at work and beyond</h2><h5><span lang="EN-US">UBC offers a wide range of perks and benefits to ensure you are supported in your work </span><em><span lang="EN-US">and</span></em><span lang="EN-US"> personal life. We believe that our workforce thrives when all aspects of their lives are nurtured and cared for.&nbsp;</span><span>&nbsp;</span></h5><div class="widget-column-options widget-columns-4 align-equal my-6 widget-keyline-none"><div class="widget--md--grid gap-6"><div class="first-child--mt-0 widget-region-one"><!-- THEME DEBUG --><!-- THEME HOOK: 'media' --><!-- FILE NAME SUGGESTIONS: ▪️ media--source-image.html.twig ▪️ media--image--default.html.twig ▪️ media--image.html.twig ▪️ media--default.html.twig ✅ media.html.twig --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/content/media.html.twig' --><div class="media media--type-image media--view-mode-default"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-media-image--image.html.twig ▪️ field--media--field-media-image.html.twig ▪️ field--media--image.html.twig ▪️ field--field-media-image.html.twig ✅ field--image.html.twig ▪️ field.html.twig --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/field/field--image.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-visually_hidden"><div class="field__label visually-hidden">Image</div><div class="field__item"><!-- THEME DEBUG --><!-- THEME HOOK: 'image_formatter' --><!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --><!-- THEME DEBUG --><!-- THEME HOOK: 'image_style' --><!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --><!-- THEME DEBUG --><!-- THEME HOOK: 'image' --><!-- BEGIN OUTPUT from 'core/modules/system/templates/image.html.twig' --><img src="/sites/default/files/styles/large/public/2024-12/benefits2.png?itok=-3_1P6tp" width="480" height="480" alt="Individual standing at desk talking to someone" loading="lazy"><!-- END OUTPUT from 'core/modules/system/templates/image.html.twig' --><!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --><!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --></div></div><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/field/field--image.html.twig' --></div><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/content/media.html.twig' --><h5>Comprehensive benefits</h5><p>We offer a competitive benefits plan including extended health, EFAP, pensions, and other helpful benefits to make sure you and your family are taken care of.</p><ul><li><a href="https://hr.ubc.ca/benefits/benefit-plan-details" rel="nofollow"><span lang="EN-US">Benefit plan details</span></a></li><li><a href="https://hr.ubc.ca/benefits/benefit-plan-details/family-building-benefits" target="_blank" rel="nofollow"><span lang="EN-US">Family building</span></a><span lang="EN-US"> and </span><a href="https://hr.ubc.ca/benefits/benefit-plan-details/vacation-and-leaves/maternity-parental-adoptive-leave" target="_blank" rel="nofollow"><span lang="EN-US">parental leave</span></a></li><li><a href="https://hr.ubc.ca/benefits/benefit-plan-details/employee-and-family-assistance-program" target="_blank" rel="nofollow"><span lang="EN-US">EFAP</span></a><span lang="EN-US"></span></li><li><a href="https://hr.ubc.ca/benefits/benefit-plan-details/vacation-and-leaves/vacation" target="_blank" rel="nofollow"><span lang="EN-US">Vacation</span></a><span lang="EN-US"></span><span>&nbsp;</span></li><li><a href="https://www.pensions.ubc.ca/" target="_blank" rel="nofollow"><span lang="EN-US">Pensions</span></a><span lang="EN-US"></span><span>&nbsp;</span></li></ul></div><div class="first-child--mt-0 widget-region-two"><!-- THEME DEBUG --><!-- THEME HOOK: 'media' --><!-- FILE NAME SUGGESTIONS: ▪️ media--source-image.html.twig ▪️ media--image--default.html.twig ▪️ media--image.html.twig ▪️ media--default.html.twig ✅ media.html.twig --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/content/media.html.twig' --><div class="media media--type-image media--view-mode-default"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-media-image--image.html.twig ▪️ field--media--field-media-image.html.twig ▪️ field--media--image.html.twig ▪️ field--field-media-image.html.twig ✅ field--image.html.twig ▪️ field.html.twig --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/field/field--image.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-visually_hidden"><div class="field__label visually-hidden">Image</div><div class="field__item"><!-- THEME DEBUG --><!-- THEME HOOK: 'image_formatter' --><!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --><!-- THEME DEBUG --><!-- THEME HOOK: 'image_style' --><!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --><!-- THEME DEBUG --><!-- THEME HOOK: 'image' --><!-- BEGIN OUTPUT from 'core/modules/system/templates/image.html.twig' --><img src="/sites/default/files/styles/large/public/2024-11/spaces.png?itok=qfUFSanl" width="480" height="480" alt="space" loading="lazy"><!-- END OUTPUT from 'core/modules/system/templates/image.html.twig' --><!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --><!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --></div></div><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/field/field--image.html.twig' --></div><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/content/media.html.twig' --><h5>Ongoing learning &amp; development</h5><p><span lang="EN-US">We provide opportunities for faculty and staff to continue their learning and nurture a practice of ongoing growth and development.</span></p><ul><li><a href="https://hr.ubc.ca/benefits/benefit-plan-details/tuition-waivers" rel="nofollow"><span lang="EN-US">Tuition waivers</span></a></li><li><a href="https://hr.ubc.ca/career-development/professional-development-funding" target="_blank" rel="nofollow"><span lang="EN-US">Professional development funding</span></a></li><li><a href="https://hr.ubc.ca/career-development/leadership-programs" target="_blank" rel="nofollow"><span lang="EN-US">Leadership programs</span></a><span lang="EN-US"></span></li><li><a href="https://hr.ubc.ca/career-development/workplace-learning-opportunities" target="_blank" rel="nofollow"><span lang="EN-US">Workplace learning</span></a></li><li><a href="https://hr.ubc.ca/career-development/coaching-staff-and-faculty" target="_blank" rel="nofollow"><span lang="EN-US">Coaching services</span></a><span>&nbsp;</span></li></ul></div><div class="first-child--mt-0 widget-region-three"><!-- THEME DEBUG --><!-- THEME HOOK: 'media' --><!-- FILE NAME SUGGESTIONS: ▪️ media--source-image.html.twig ▪️ media--image--default.html.twig ▪️ media--image.html.twig ▪️ media--default.html.twig ✅ media.html.twig --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/content/media.html.twig' --><div class="media media--type-image media--view-mode-default"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-media-image--image.html.twig ▪️ field--media--field-media-image.html.twig ▪️ field--media--image.html.twig ▪️ field--field-media-image.html.twig ✅ field--image.html.twig ▪️ field.html.twig --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/field/field--image.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-visually_hidden"><div class="field__label visually-hidden">Image</div><div class="field__item"><!-- THEME DEBUG --><!-- THEME HOOK: 'image_formatter' --><!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --><!-- THEME DEBUG --><!-- THEME HOOK: 'image_style' --><!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --><!-- THEME DEBUG --><!-- THEME HOOK: 'image' --><!-- BEGIN OUTPUT from 'core/modules/system/templates/image.html.twig' --><img src="/sites/default/files/styles/large/public/2024-12/work-life.png?itok=tkguLszg" width="480" height="480" alt="Two women with a baby at the Museum of Anthropology giftshop." loading="lazy"><!-- END OUTPUT from 'core/modules/system/templates/image.html.twig' --><!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --><!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --></div></div><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/field/field--image.html.twig' --></div><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/content/media.html.twig' --><h5>Work-life balance</h5><p><span lang="EN-US">We strive to ensure our employees feel a sense of balance between their work and home lives, so they can focus on doing incredible work while also taking care of their personal needs.</span></p><ul><li><a href="https://hr.ubc.ca/working-ubc/hybrid-work-ubc" rel="nofollow"><span lang="EN-US">Hybrid work</span></a></li><li><a href="https://hr.ubc.ca/working-ubc/salaries" rel="nofollow">Competitive and transparent salaries</a></li><li><a href="https://childcare.ubc.ca/" rel="nofollow">UBC Child Care</a></li><li><a href="https://www.villagegatehomes.com/" rel="nofollow">Staff and faculty housing</a></li><li><a href="https://hr.ubc.ca/working-ubc/housing-immigration-and-relocation-services" rel="nofollow">Housing, immigration and relocation services</a></li></ul></div><div class="first-child--mt-0 widget-region-four"><!-- THEME DEBUG --><!-- THEME HOOK: 'media' --><!-- FILE NAME SUGGESTIONS: ▪️ media--source-image.html.twig ▪️ media--image--default.html.twig ▪️ media--image.html.twig ▪️ media--default.html.twig ✅ media.html.twig --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/content/media.html.twig' --><div class="media media--type-image media--view-mode-default"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-media-image--image.html.twig ▪️ field--media--field-media-image.html.twig ▪️ field--media--image.html.twig ▪️ field--field-media-image.html.twig ✅ field--image.html.twig ▪️ field.html.twig --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/field/field--image.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-visually_hidden"><div class="field__label visually-hidden">Image</div><div class="field__item"><!-- THEME DEBUG --><!-- THEME HOOK: 'image_formatter' --><!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --><!-- THEME DEBUG --><!-- THEME HOOK: 'image_style' --><!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --><!-- THEME DEBUG --><!-- THEME HOOK: 'image' --><!-- BEGIN OUTPUT from 'core/modules/system/templates/image.html.twig' --><img src="/sites/default/files/styles/large/public/2024-12/wellbeing.png?itok=AaNiJ5g3" width="480" height="480" alt="Two individuals sitting and having ice cream." loading="lazy"><!-- END OUTPUT from 'core/modules/system/templates/image.html.twig' --><!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --><!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --></div></div><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/field/field--image.html.twig' --></div><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/content/media.html.twig' --><h5>Health &amp; wellbeing</h5><p><span lang="EN-US">We support your health and wellbeing with fitness and recreation offerings, mental health support, and more.</span></p><ul><li><a href="https://recreation.ubc.ca/" rel="nofollow"><span>Recreation and intramurals</span></a><span lang="EN-US">&nbsp;</span></li><li><a href="https://recreation.ubc.ca/fitness-classes/" rel="nofollow"><span>Fitness centres and classes</span></a></li><li><a href="https://visit.ubc.ca/see-and-do/museums-and-art-galleries/" rel="nofollow"><span>Museums and art galleries</span></a></li><li><a href="https://visit.ubc.ca/see-and-do/gardens-and-nature/" rel="nofollow"><span>Gardens and nature</span></a></li><li><a href="https://hr.ubc.ca/health-and-wellbeing/mental-health" rel="nofollow">Mental Health support and resources</a></li></ul></div></div></div></div><!-- END OUTPUT from 'core/modules/system/templates/field.html.twig' --></div></div><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/paragraphs/paragraph--text.html.twig' --><!-- THEME DEBUG --><!-- THEME HOOK: 'paragraph' --><!-- FILE NAME SUGGESTIONS: ✅ paragraph--text.html.twig ▪️ paragraph--text--default.html.twig ✅ paragraph--text.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/paragraphs/paragraph--text.html.twig' --><div class="paragraph paragraph--type--text paragraph--view-mode--default bg-white"><div class="paragraph--inner paragraph--type--text__inner container mx-auto py-12 text-formatted clearfix"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-paragraph-text--text.html.twig ▪️ field--paragraph--field-paragraph-text.html.twig ▪️ field--paragraph--text.html.twig ▪️ field--field-paragraph-text.html.twig ▪️ field--text-long.html.twig ✅ field.html.twig --><!-- BEGIN OUTPUT from 'core/modules/system/templates/field.html.twig' --><div><h3>Why we work at UBC</h3><h5><span>Recognized as a leading employer in British Columbia and Canada, UBC supports students, faculty and staff on their journey of discovery, and challenges them to realize their greatest potential.&nbsp;</span></h5><!-- THEME DEBUG --><!-- THEME HOOK: 'media' --><!-- FILE NAME SUGGESTIONS: ▪️ media--source-oembed--derivative-video--provider-youtube.html.twig ▪️ media--source-oembed--derivative-video.html.twig ▪️ media--remote-video--default.html.twig ▪️ media--remote-video.html.twig ▪️ media--default.html.twig ✅ media.html.twig --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/content/media.html.twig' --><div class="align-center media media--type-remote-video media--view-mode-default"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-media-oembed-video--remote-video.html.twig ▪️ field--media--field-media-oembed-video.html.twig ▪️ field--media--remote-video.html.twig ▪️ field--field-media-oembed-video.html.twig ▪️ field--string.html.twig ✅ field.html.twig --><!-- BEGIN OUTPUT from 'core/modules/system/templates/field.html.twig' --><div><iframe src="https://hr.ubc.ca/media/oembed?url=https%3A//www.youtube.com/watch%3Fv%3DocrIk8wzQ0Y%26ab_channel%3DTheUniversityofBritishColumbia&amp;max_width=0&amp;max_height=0&amp;hash=reuHN2CzXg4Az8pr7jAXozV5RjE4yqfN78JBAEsiAAE" width="200" height="113" class="media-oembed-content" loading="eager" title="Why We Work at UBC"></iframe></div><!-- END OUTPUT from 'core/modules/system/templates/field.html.twig' --></div><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/content/media.html.twig' --></div><!-- END OUTPUT from 'core/modules/system/templates/field.html.twig' --></div></div><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/paragraphs/paragraph--text.html.twig' --><!-- THEME DEBUG --><!-- THEME HOOK: 'paragraph' --><!-- FILE NAME SUGGESTIONS: ✅ paragraph--text.html.twig ▪️ paragraph--text--default.html.twig ✅ paragraph--text.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/paragraphs/paragraph--text.html.twig' --><div class="paragraph paragraph--type--text paragraph--view-mode--default bg-white"><div class="paragraph--inner paragraph--type--text__inner container mx-auto py-12 text-formatted clearfix"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-paragraph-text--text.html.twig ▪️ field--paragraph--field-paragraph-text.html.twig ▪️ field--paragraph--text.html.twig ▪️ field--field-paragraph-text.html.twig ▪️ field--text-long.html.twig ✅ field.html.twig --><!-- BEGIN OUTPUT from 'core/modules/system/templates/field.html.twig' --><div><h2>Additional resources</h2><ul><li><a class="cta-button cta-button--underline cta-button--underline-heavy cta-button--icon" href="https://www.ubc.ca/about/facts.html" target="_blank" rel="nofollow">UBC overview and facts</a></li><li><a class="cta-button cta-button--underline cta-button--underline-heavy cta-button--icon" href="https://strategicplan.ubc.ca/" target="_blank" rel="nofollow">UBC Strategic Plan</a></li><li><a class="cta-button cta-button--underline cta-button--underline-heavy cta-button--icon" href="https://indigenous.ubc.ca/indigenous-engagement/indigenous-strategic-plan/" target="_blank" rel="nofollow">Indigenous Strategic Plan</a></li><li><a class="cta-button cta-button--underline cta-button--underline-heavy cta-button--icon" href="https://wellbeing.ubc.ca/framework" target="_blank" rel="nofollow">UBC Wellbeing Framework</a></li><li><a class="cta-button cta-button--underline cta-button--underline-heavy cta-button--icon" href="https://equity.ubc.ca/stear-framework-and-roadmap-for-change/" target="_blank" rel="nofollow"><strong>Strategic Equity and Anti-Racism Framework</strong></a></li></ul></div><!-- END OUTPUT from 'core/modules/system/templates/field.html.twig' --></div></div><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/paragraphs/paragraph--text.html.twig' --><!-- THEME DEBUG --><!-- THEME HOOK: 'paragraph' --><!-- FILE NAME SUGGESTIONS: ✅ paragraph--text.html.twig ▪️ paragraph--text--default.html.twig ✅ paragraph--text.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/paragraphs/paragraph--text.html.twig' --><div class="paragraph paragraph--type--text paragraph--view-mode--default bg-white"><div class="paragraph--inner paragraph--type--text__inner container mx-auto py-12 text-formatted clearfix"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-paragraph-text--text.html.twig ▪️ field--paragraph--field-paragraph-text.html.twig ▪️ field--paragraph--text.html.twig ▪️ field--field-paragraph-text.html.twig ▪️ field--text-long.html.twig ✅ field.html.twig --><!-- BEGIN OUTPUT from 'core/modules/system/templates/field.html.twig' --><div><h3><span>A first-choice place to learn and work&nbsp;</span></h3><div class="widget-column-options widget-columns-3 my-6 widget-keyline-none align-equal"><div class="widget--md--grid gap-6"><div class="first-child--mt-0 widget-region-one"><img src="/sites/default/files/inline-images/2025%20top%20employer.png" data-entity-uuid="40f93596-23f7-4514-963e-452eae73099c" data-entity-type="file" alt="2025 BC's Top Employer logo" width="640" height="566" loading="lazy"><h3 class="card__title">BC's Top Employer</h3><p>UBC is recognized as one of&nbsp;BC’s Top Employers.&nbsp;This designation recognizes the British Columbian employers that lead as exceptional places to work – and who offer employees the most progressive and forward-thinking programs.&nbsp;</p><p><a class="unit-button unit-button--light" href="https://focusonpeople.ubc.ca/2025/02/11/ubc-recognized-as-one-of-bcs-top-employers-in-2025/" target="_blank" rel="nofollow">Read more</a></p></div><div class="first-child--mt-0 widget-region-two"><img data-entity-uuid="b6b788e7-f6ff-40f4-95f0-3d44171fed04" data-entity-type="file" src="/sites/default/files/inline-images/CT100%20-%20Diversity%20Award%20Announcements%20-%20Homepage%20card_640x566.png" width="640" height="566" alt="2025 Canada's Best Diversity Employer logo" loading="lazy"><h3 class="card__title">Canada's Best diversity employer</h3><p>UBC is recognized as one of Canada’s Best Diversity Employers. This designation recognizes employers across Canada with exceptional workplace diversity and inclusiveness programs.</p><p><a class="unit-button unit-button--light" href="https://focusonpeople.ubc.ca/2024/03/05/ubc-recognized-as-one-of-canadas-best-diversity-employers-in-2024/" target="_blank" rel="nofollow">Read more</a></p></div><div class="first-child--mt-0 widget-region-three"><img src="/sites/default/files/inline-images/Greenest%20Employer%202024.png" data-entity-uuid="ac6ccd51-4a77-4fee-99d1-8d27e527be83" data-entity-type="file" alt width="1080" height="1080" loading="lazy"><h3 class="card__title">Canada's Greenest employer</h3><p>UBC is recognized as one of&nbsp;Canada’s Greenest Employers.&nbsp;This special award recognizes Canadian employers that lead the nation in creating a culture of environmental awareness and developing exceptional sustainability initiatives.</p><p><a class="unit-button unit-button--light" href="https://focusonpeople.ubc.ca/2024/04/16/ubc-leads-as-one-of-canadas-greenest-employers-in-2024/" target="_blank" rel="nofollow">Read more</a></p></div></div></div></div><!-- END OUTPUT from 'core/modules/system/templates/field.html.twig' --></div></div><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/paragraphs/paragraph--text.html.twig' --><!-- THEME DEBUG --><!-- THEME HOOK: 'paragraph' --><!-- FILE NAME SUGGESTIONS: ✅ paragraph--text.html.twig ▪️ paragraph--text--default.html.twig ✅ paragraph--text.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --><!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/paragraphs/paragraph--text.html.twig' --><div class="paragraph paragraph--type--text paragraph--view-mode--default bg-white"><div class="paragraph--inner paragraph--type--text__inner container mx-auto py-12 text-formatted clearfix"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: ▪️ field--paragraph--field-paragraph-text--text.html.twig ▪️ field--paragraph--field-paragraph-text.html.twig ▪️ field--paragraph--text.html.twig ▪️ field--field-paragraph-text.html.twig ▪️ field--text-long.html.twig ✅ field.html.twig --><!-- BEGIN OUTPUT from 'core/modules/system/templates/field.html.twig' --><div><h2>Land acknowledgement</h2><div class="widget-column-options widget-columns-2 my-6 widget-keyline-none align-equal"><div class="widget--md--grid gap-6"><div class="first-child--mt-0 widget-region-one"><!-- THEME DEBUG --><!-- THEME HOOK: 'filter_caption' --><!-- BEGIN OUTPUT from 'core/modules/filter/templates/filter-caption.html.twig' --><figure role="group" class="align-center"><img alt="Musqueam Post on UBC Vancouver Campus" data-entity-type="file" data-entity-uuid="babd1707-d5e6-44ef-bff6-71b864fb4ab0" height="500" src="/sites/default/files/inline-images/Musqueam%20Post.png" width="500" loading="lazy"><figcaption>UBC Vancouver campus</figcaption></figure><!-- END OUTPUT from 'core/modules/filter/templates/filter-caption.html.twig' --></div><div class="first-child--mt-0 widget-region-two"><!-- THEME DEBUG --><!-- THEME HOOK: 'filter_caption' --><!-- BEGIN OUTPUT from 'core/modules/filter/templates/filter-caption.html.twig' --><figure role="group" class="align-center"><img alt="UBC Okanagan campus" data-entity-type="file" data-entity-uuid="3f1782ec-00c8-4270-a4bf-541c90ef18a0" height="500" src="/sites/default/files/inline-images/UBCO_1.png" width="500" loading="lazy"><figcaption>UBC Okanagan campus</figcaption></figure><!-- END OUTPUT from 'core/modules/filter/templates/filter-caption.html.twig' --></div></div></div><h5><span lang="EN-US">We respectfully acknowledge that the UBC Vancouver campus is situated on the ancestral and unceded lands of the &nbsp;xʷməθkʷəy̓əm (Musqueam) people and that UBC Okanagan campus is situated on the traditional, ancestral, and unceded lands of the Syilx Okanagan Nation. The placement of UBC campuses on these lands is relatively recent — the xʷməθkʷəy̓əm (Musqueam) and Syilx peoples have been stewards and caretakers of these territories since time immemorial.</span><span>&nbsp;</span></h5></div><!-- END OUTPUT from 'core/modules/system/templates/field.html.twig' --></div></div><!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/paragraphs/paragraph--text.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/field/field--entity-reference-revisions.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/content/node--custom-content.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/views/templates/views-view-unformatted.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/views/templates/views-view.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/system/templates/container.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/block/block.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/layout/region.html.twig' --> </section> </div> </div> </main> <div class="container px-4 pb-12 mx-auto unit-content" id="unit-footer"> <hr class="mt-0" /> <div class="grid-container grid-container--footer"> <div class="grid-area-a"> <h2 class="font-semibold normal-case heading-four text-ubc-blue">UBC Human Resources</h2> <p class="text-xs md--text-sm xl--text-base"> 600 - 6190 Agronomy Road<br /> <span> Vancouver, BC Canada <br />V6T 1Z3 </span> <br /><a href="/contact">Contact us</a> </p> </div> <ul id="unit-social-icons" class="pt-8 my-0 grid-area-b list-inline list-unstyled md--text-right"> <li class="pb-2 pr-2"><a href="https://twitter.com/ubcHR" title="Follow us on Twitter"><span class="visually-hidden">Follow us on Twitter</span><svg role="presentation" class="inline-block w-4 h-4 md--h-6 md--w-6 text-ubc-blue hover--text-ubc-blue-cobalt"> <use xlink:href="#icon-twitter" /> </svg></a></li> <li class="pb-2 pr-2"><a href="https://www.linkedin.com/school/universityofbc/" title="Connect with us on Linkedin"><span class="visually-hidden">Connect with us on Linkedin</span><svg role="presentation" class="inline-block w-4 h-4 md--h-6 md--w-6 text-ubc-blue hover--text-ubc-blue-cobalt"> <use xlink:href="#icon-linkedin" /> </svg></a></li> <br /><p class="text-xs md--text-sm xl--text-base"><a href="/contact/website-feedback">Website feedback</a></p> </ul> </div> </div> <div id="totop-mask"></div> <button id="totop" v-scroll-to="{ el: 'body'}"> <span class="sr-only">to top</span> <svg role="img" class="inline-block w-8 h-8 rotate-90 text-ubc-blue"> <use xlink:href="#icon-arrow"></use> </svg> </button> </div> <div id="clf7__footer"> <div id="ubc7-footer" class="expand" role="contentinfo"> <div class="row-fluid expand" id="ubc7-global-footer"> <div class="clearfix clf-container"> <div class="span5" id="ubc7-signature"><a href="https://www.ubc.ca/">The University of British Columbia</a> </div> <div class="span7" id="ubc7-footer-menu"> <div class="clearfix row-fluid"> <div class="span6"> <h3>About UBC</h3> <div><a href="https://www.ubc.ca/about/contact.html">Contact UBC</a></div> <div><a href="https://www.ubc.ca/about/">About the University</a></div> <div><a href="https://www.ubc.ca/landing/news.html">News</a></div> <div><a href="https://www.ubc.ca/landing/events.html">Events</a></div> <div><a href="https://hr.ubc.ca/careers-and-job-postings">Careers</a></div> <div><a href="https://give.ubc.ca">Make a Gift</a></div> <div><a href="https://www.ubc.ca/search/">Search UBC.ca</a></div> </div> <div class="span6 ml"> <h3>UBC Campuses</h3> <div><a href="https://www.ubc.ca">Vancouver Campus</a></div> <div><a href="https://ok.ubc.ca">Okanagan Campus</a></div> <h4>UBC Sites</h4> <div><a href="https://robsonsquare.ubc.ca">Robson Square</a></div> <div><a href="https://thecdm.ca">Centre for Digital Media</a> </div> <div><a href="https://www.med.ubc.ca/about/campuses/">Faculty of Medicine Across BC</a></div> </div> </div> </div> </div> <!-- /clf-container --> </div> <div class="row-fluid expand" id="ubc7-minimal-footer"> <div class="clf-container"> <div class="span12"> <ul> <li><a href="https://www.ubc.ca/landing/emergencyprocedures.html">Emergency Procedures</a> <span class="divider">|</span> </li> <li><a href="https://www.ubc.ca/site/legal.html">Terms of Use</a> <span class="divider">|</span></li> <li><a href="https://copyright.ubc.ca">UBC Copyright</a> <span class="divider">|</span></li> <li><a href="https://www.ubc.ca/accessibility">Accessibility</a></li> </ul> </div> </div> <!-- /clf-container --> </div> </div> </div> <svg style="display:none;"> <symbol id="logo-ubc" viewBox="0 0 60 60" aria-labelledby="title-logo-ubc" aria-describedby="description-logo-ubc" role="img"> <title id="title-logo-ubc">UBC Crest</title> <desc id="description-logo-ubc">The official logo of the University of British Columbia.</desc> <path d="M30,22.95l2.2,15.6,7.1-11.8-3,13,7.6-7.3-4,9.6,6.4-4.8c-3,8-5.5,12.6-16.2,16.2-10.8-3.6-13.4-8.1-16.3-16.1L20.2,42l-4.1-9.6,7.7,7.3-3-13,7,11.8Zm-11.2-5.3c-3.2,0-5.2-1.7-5.2-4.7v-7h2.7v6.9a2.3,2.3,0,0,0,1.8,2.7h.7a2.3,2.3,0,0,0,2.5-2.6V6H24v6.9c0,2.9-2,4.7-5.3,4.7m11.4-.2H26.3V6h3.8c2.8,0,4.3,1.1,4.3,3a2.5,2.5,0,0,1-1.6,2.3A2.7,2.7,0,0,1,34.9,14c0,2.2-1.7,3.4-4.9,3.4m-1.2-1.9H30c1,0,2.3-.3,2.3-1.5s-1.2-1.6-2.2-1.6H28.9Zm0-4.9h1c1.3,0,2-.5,2-1.4s-.6-1.3-1.9-1.3h-1Zm13.7,7c-3.7,0-6.1-2.3-6.1-5.9s2.5-5.9,6.2-5.9a7.1,7.1,0,0,1,3.5.8h.1L45.8,9h-.2a5.1,5.1,0,0,0-2.9-1c-2.2,0-3.5,1.4-3.5,3.8s1.4,3.8,3.6,3.8a6,6,0,0,0,3.1-1h.2l.4,2.2h-.1a7.7,7.7,0,0,1-3.8,1M30,55.95c-12.6-3.6-18.7-12-18.7-23.8V3.95H48.7v28.2c0,11.9-6,20.2-18.7,23.8M9.8,2.45v29.9c0,12.5,6.8,21.6,20.2,25.2,13.4-3.6,20.2-12.8,20.2-25.3V2.45ZM30,21.55c2.8,0,3.2,1.1,5.5,1.1s2.6-1.1,5.5-1.1,3.2,1.1,5.5,1.1V20c-2.3,0-2.7-1.1-5.5-1.1S37.8,20,35.5,20s-2.7-1.1-5.5-1.1S26.8,20,24.5,20s-2.6-1.1-5.5-1.1S15.8,20,13.5,20v2.6c2.3,0,2.6-1.1,5.5-1.1s3.2,1.1,5.5,1.1,2.7-1.1,5.5-1.1m1.8,4.7c1.4.3,2,.9,3.7.9s2.6-1.2,5.5-1.2S44.2,27,46.5,27v-2.5c-2.3,0-2.6-1.1-5.5-1.1s-3.2,1.1-5.5,1.1-2.4-.7-4.1-1Zm-7.3,1c1.7,0,2.3-.6,3.7-.9l.4-2.7c-1.6.3-2.2,1-4.1,1s-2.6-1.2-5.4-1.2-3.2,1.1-5.5,1.1v2.6c2.3,0,2.6-1.1,5.5-1.1s3.2,1.1,5.5,1.1M32.4,31l2.3.7,1.6-2.6h-.8a9.7,9.7,0,0,1-3.4-.9Zm7.3-.3H41c2.8,0,3.2,1.1,5.5,1.1v-2.7c-2.3,0-2.6-1.1-5.5-1.1h-.7Zm-19.3,0L19.8,28h-.7c-2.8,0-3.2,1.1-5.5,1.1v2.6c2.3,0,2.7-1.1,5.5-1.1h1.3m4.9,1.1,2.3-.7.4-2.7a9.7,9.7,0,0,1-3.4.9h-.8Z" stroke="none" fill="currentColor"></path> </symbol> <symbol id="icon-alert" viewBox="0 0 64 64" aria-labelledby="title-icon-alert" aria-describedby="description-icon-alert" role="img"> <title id="title-icon-alert">Urgent Message</title> <desc id="description-icon-alert">An exclamation mark in a speech bubble.</desc> <path stroke="currentColor" stroke-miterlimit="10" d="M2 8v40h18v11l12-11h30V8H2z" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M34 32a2 2 0 0 1-2 2 2.2 2.2 0 0 1-2-2l-1-15a2.8 2.8 0 0 1 3-3 2.7 2.7 0 0 1 3 3z" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round"></path> <circle cx="32" cy="40" r="2" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round"></circle> </symbol> <symbol id="icon-caret" viewBox="0 0 64 64" aria-labelledby="title-icon-caret" aria-describedby="description-icon-caret" role="img"> <title id="title-icon-caret">Caret</title> <desc id="description-icon-caret">An arrowhead indicating direction.</desc> <path stroke="currentColor" stroke-miterlimit="10" d="M26 20.006L40 32 26 44.006" stroke-linejoin="round" stroke-linecap="round"></path> </symbol> <symbol id="icon-arrow" viewBox="0 0 64 64" aria-labelledby="title-icon-arrow" aria-describedby="description-icon-arrow" role="img"> <title id="title-icon-arrow">Arrow</title> <desc id="description-icon-arrow">An arrow indicating direction.</desc> <path stroke="currentColor" stroke-miterlimit="10" d="M14 31.998h36" stroke-linejoin="round" stroke-linecap="round"></path> <path stroke="currentColor" stroke-miterlimit="10" d="M28 18L14 32l14 14" stroke-linejoin="round" stroke-linecap="round"></path> </symbol> <symbol id="icon-arrow-circle" viewBox="0 0 64 64" aria-labelledby="title-icon-arrow-circle" aria-describedby="description-icon-arrow-circle" role="img"> <title id="title-icon-arrow-circle">Arrow in Circle</title> <desc id="description-icon-arrow-circle">An arrow indicating direction.</desc> <circle cx="32" cy="32" r="30" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round"></circle> <path stroke="currentColor" stroke-miterlimit="10" d="M14.002 32.002h35M36 21l13 11-13 11"></path> </symbol> <symbol id="icon-arrow-circle2" viewBox="0 0 64 64"> <title>Arrow in Circle</title> <desc>An arrow indicating direction.</desc> <path d="M0 32A32 32 0 1 0 32 0 32 32 0 0 0 0 32zm29.21-12.36l14.805 12.534-14.805 12.52a2 2 0 1 1-2.583-3.055l11.195-9.467-11.196-9.479a2 2 0 1 1 2.585-3.052z" fill="currentColor"></path> </symbol> <symbol id="icon-rss" viewBox="0 0 64 64"> <path d="M10.063 45.824a8.088 8.088 0 1 0 8.063 8.088 8.075 8.075 0 0 0-8.063-8.088z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10"></path> <path d="M2.656 22.219h-.469v11.192h.469a27.971 27.971 0 0 1 27.938 27.931V62H41.75v-.658A39.111 39.111 0 0 0 2.656 22.219z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10"></path> <path d="M2.656 2h-.469v11.191h.469A48.188 48.188 0 0 1 50.75 61.342V62H62v-.658A59.408 59.408 0 0 0 2.656 2z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10"></path> </symbol> <symbol id="icon-clock" viewBox="0 0 64 64" aria-labelledby="title-icon-clock" aria-describedby="description-icon-clock" role="img"> <title id="title-icon-clock">Time</title> <desc id="description-icon-clock">A clock.</desc> <circle cx="32" cy="32" r="30" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-linejoin="round"></circle> <path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" d="M32 10v23l13 7" stroke-linejoin="round"></path> </symbol> <symbol id="icon-discussion" viewBox="0 0 64 64" aria-labelledby="title-icon-discussion" aria-describedby="description-icon-discussion" role="img"> <title id="title-icon-discussion">Chats</title> <desc id="description-icon-discussion">Two speech clouds.</desc> <path d="M49.6 28.5C56.8 30.1 62 35.4 62 41.6a12.4 12.4 0 0 1-5.1 9.7L60 59l-10.3-4.3a21 21 0 0 1-4.7.5c-8.2 0-15.1-4.7-16.7-10.9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M4 50l15.4-6.3a29.6 29.6 0 0 0 6.6.7c13.3 0 24-8.6 24-19.2S39.3 6 26 6 2 14.6 2 25.2C2 30.6 4.8 35.5 9.3 39z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path> </symbol> <symbol id="icon-cart" viewBox="0 0 64 64" aria-labelledby="title-icon-cart" aria-describedby="description-icon-cart" role="img"> <title id="title-icon-cart">E-commerce Cart</title> <desc id="description-icon-cart">A shopping cart.</desc> <path stroke="currentColor" stroke-miterlimit="10" d="M62 22H16M2 6h10l10 40h32" stroke-linejoin="round" stroke-linecap="round"></path> <circle cx="24" cy="54" r="4" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round"></circle> <circle cx="50" cy="54" r="4" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round"></circle> <path stroke="currentColor" stroke-miterlimit="10" d="M59 30H26m30 8H28" stroke-linejoin="round" stroke-linecap="round"></path> </symbol> <symbol id="icon-facebook" viewBox="0 0 64 64" aria-labelledby="title-icon-facebook" aria-describedby="description-icon-facebook" role="img"> <title id="title-icon-facebook">Facebook</title> <desc id="description-icon-facebook">The logo for the Facebook social media service.</desc> <path d="M39.312 13.437H47V2h-9.094C26.938 2.469 24.688 8.656 24.5 15.125v5.719H17V32h7.5v30h11.25V32h9.281l1.781-11.156H35.75v-3.469a3.714 3.714 0 0 1 3.562-3.938z" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-linejoin="round"></path> </symbol> <symbol id="icon-home" viewBox="0 0 64 64" aria-labelledby="title-icon-home" aria-describedby="title-icon-home" role="img"> <title id="title-icon-home">Home</title> <desc id="description-icon-home">A house in silhouette.</desc> <path d="M54 26.267l7.555 7.3a.25.25 0 0 1-.174.43H54V62H40V44H24v18H10V34H2.618a.25.25 0 0 1-.174-.43L32 5l13 12.567V12h9z" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-linejoin="round"></path> </symbol> <symbol id="icon-info" viewBox="0 0 64 64" aria-labelledby="title-icon-info" aria-describedby="description-icon-info" role="img"> <title id="title-icon-info">Information</title> <desc id="description-icon-info">The letter 'i' in a circle.</desc> <circle cx="32" cy="32" r="30" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round"></circle> <path stroke="currentColor" stroke-miterlimit="10" d="M28 26h4v22m-4 .008h8" stroke-linejoin="round" stroke-linecap="round"></path> <circle cx="31" cy="19" r="2" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round"></circle> </symbol> <symbol id="icon-instagram" viewBox="0 0 64 64" aria-labelledby="title-icon-instagram" aria-describedby="description-icon-instagram" role="img"> <title id="title-icon-instagram">Instagram</title> <desc id="description-icon-instagram">The logo for the Instagram social media service.</desc> <path d="M44.122 2H19.87A17.875 17.875 0 0 0 2 19.835v24.2a17.875 17.875 0 0 0 17.87 17.834h24.252A17.875 17.875 0 0 0 62 44.034v-24.2A17.875 17.875 0 0 0 44.122 2zM55.96 44.034a11.825 11.825 0 0 1-11.838 11.812H19.87A11.825 11.825 0 0 1 8.032 44.034v-24.2A11.825 11.825 0 0 1 19.87 8.022h24.252A11.825 11.825 0 0 1 55.96 19.835zm0 0" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-linejoin="round"></path> <path d="M32 16.45a15.484 15.484 0 1 0 15.514 15.484A15.519 15.519 0 0 0 32 16.45zm0 24.95a9.461 9.461 0 1 1 9.482-9.461A9.472 9.472 0 0 1 32 41.4zm19.263-24.834a3.719 3.719 0 1 1-3.719-3.711 3.714 3.714 0 0 1 3.719 3.711zm0 0" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-linejoin="round"></path> </symbol> <symbol id="icon-linkedin" viewBox="0 0 64 64" aria-labelledby="title-icon-linkedin" aria-describedby="description-icon-linkedin" role="img"> <title id="title-icon-linkedin">Linkedin</title> <desc id="description-icon-linkedin">The logo for the LinkedIn social media service.</desc> <path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" d="M3.078 22.331h12.188v36.844H3.078z" stroke-linejoin="round"></path> <path d="M46.719 21.112c-5.344 0-8.531 1.969-11.906 6.281v-5.062H22.625v36.844h12.281V39.206c0-4.219 2.156-8.344 7.031-8.344s7.781 4.125 7.781 8.25v20.063H62V38.269c0-14.532-9.844-17.157-15.281-17.157z" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-linejoin="round"></path> <path d="M9.219 4.425C5.188 4.425 2 7.331 2 10.894s3.188 6.469 7.219 6.469 7.219-2.906 7.219-6.469-3.188-6.469-7.219-6.469z" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-linejoin="round"></path> </symbol> <symbol id="icon-location" viewBox="0 0 64 64" aria-labelledby="title-icon-location" aria-describedby="description-icon-location" role="img"> <title id="title-icon-location">Location Pin</title> <desc id="description-icon-location">A map location pin.</desc> <path stroke-miterlimit="10" stroke="currentColor" d="M32 62c0-17.1 16.3-25.2 17.8-39.7A18 18 0 1 0 14 20a18.1 18.1 0 0 0 .2 2.2C15.7 36.8 32 44.9 32 62z" stroke-linejoin="round" stroke-linecap="round"></path> <circle stroke-miterlimit="10" stroke="currentColor" r="6" cy="20" cx="32" stroke-linejoin="round" stroke-linecap="round"></circle> </symbol> <symbol id="icon-locked" viewBox="0 0 64 64" aria-labelledby="title-icon-locked" aria-describedby="description-icon-locked" role="img"> <title id="title-icon-locked">Locked</title> <desc id="description-icon-locked">A locked padlock.</desc> <path data-name="layer2" d="M19 30V15A13 13 0 0 1 32 2a13 13 0 0 1 13 13v15" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"></path> <path data-name="layer1" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" d="M10 30h44v32H10zm22 11v10" stroke-linejoin="round" stroke-linecap="round"></path> </symbol> <symbol id="icon-mail" viewBox="0 0 64 64" aria-labelledby="title-icon-mail" aria-describedby="description-icon-mail" role="img"> <title id="title-icon-mail">Mail</title> <desc id="description-icon-mail">An envelope.</desc> <path stroke="currentColor" stroke-miterlimit="10" d="M2 12l30 29 30-29M42 31.6L62 52M2 52l20-20.4" stroke-linejoin="round" stroke-linecap="round"></path> <path stroke="currentColor" stroke-miterlimit="10" d="M2 12h60v40H2z" stroke-linejoin="round" stroke-linecap="round"></path> </symbol> <symbol id="icon-menu" viewBox="0 0 64 64" aria-labelledby="title-icon-menu" aria-describedby="description-icon-menu" role="img"> <title id="title-icon-menu">Menu</title> <desc id="description-icon-menu">Three horizontal lines indicating a menu.</desc> <path stroke="currentColor" stroke-miterlimit="10" d="M14 18h36M14 32h36" stroke-linejoin="round" stroke-linecap="round"></path> <path stroke="currentColor" stroke-miterlimit="10" d="M14 46h36" stroke-linejoin="round" stroke-linecap="round"> </path> </symbol> <symbol id="icon-minus" viewBox="0 0 64 64" aria-labelledby="title-icon-minus" aria-describedby="description-icon-minus" role="img"> <title id="title-icon-minus">Minus</title> <desc id="description-icon-minus">A minus sign.</desc> <path d="M53 34H11a3 3 0 0 1 0-6h42a3 3 0 0 1 0 6z" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round"></path> </symbol> <symbol id="icon-pencil" viewBox="0 0 64 64" aria-labelledby="title-icon-pencil" aria-describedby="description-icon-pencil" role="img"> <title id="title-icon-pencil">Pencil</title> <desc id="description-icon-pencil">A pencil indicating that this is editable.</desc> <path stroke-miterlimit="10" stroke="currentColor" d="M55.737 16.309l3.674-3.67a5.675 5.675 0 1 0-8.025-8.025l-3.674 3.669" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M17.337 54.667l38.4-38.358-8.025-8.026L9.307 46.642 2.926 61.049l14.411-6.382zm-8.03-8.025l8.03 8.025" stroke-miterlimit="10" stroke="currentColor" stroke-linejoin="round" stroke-linecap="round"></path> </symbol> <symbol id="icon-phone" viewBox="0 0 64 64" aria-labelledby="title-icon-phone" aria-describedby="description-icon-phone" role="img"> <title id="title-icon-phone">Telephone</title> <desc id="description-icon-phone">An antique telephone.</desc> <path d="M58.9 47l-10.4-6.8a4.8 4.8 0 0 0-6.5 1.3c-2.4 2.9-5.3 7.7-16.2-3.2S19.6 24.4 22.5 22a4.8 4.8 0 0 0 1.3-6.5L17 5.1c-.9-1.3-2.1-3.4-4.9-3S2 6.6 2 15.6s7.1 20 16.8 29.7S39.5 62 48.4 62s13.2-8 13.5-10-1.7-4.1-3-5z" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round"></path> </symbol> <symbol id="icon-play" viewBox="0 0 64 64" aria-labelledby="title-icon-play" aria-describedby="description-icon-play" role="img"> <title id="title-icon-play">Play</title> <desc id="description-icon-play">A media play button.</desc> <path stroke="currentColor" stroke-miterlimit="10" d="M24 18l24 14-24 14V18z" stroke-linejoin="round" stroke-linecap="round"></path> <circle cx="32" cy="32" r="30" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round"></circle> </symbol> <symbol id="icon-plus" viewBox="0 0 64 64" aria-labelledby="title-icon-plus" aria-describedby="description-icon-plus" role="img"> <title id="title-icon-plus">Plus</title> <desc id="description-icon-plus">A plus symbol indicating more or the ability to add.</desc> <path d="M53 29H35V11a3 3 0 0 0-6 0v18H11a3 3 0 0 0 0 6h18v18a3 3 0 0 0 6 0V35h18a3 3 0 0 0 0-6z" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round"></path> </symbol> <symbol id="icon-search" viewBox="0 0 64 64" aria-labelledby="title-icon-search" aria-describedby="description-icon-search" role="img"> <title id="title-icon-search">Search</title> <desc id="description-icon-search">A magnifying glass.</desc> <path stroke="currentColor" stroke-miterlimit="10" d="M38.192 38.191L50 50" stroke-linejoin="round" stroke-linecap="round"></path> <circle cx="29" cy="29" r="13" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round"></circle> </symbol> <symbol id="icon-settings" viewBox="0 0 64 64" aria-labelledby="title-icon-settings" aria-describedby="description-icon-settings" role="img"> <title id="title-icon-settings">Settings</title> <desc id="description-icon-settings">A single gear.</desc> <circle cx="32" cy="32" r="10" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-linejoin="round"></circle> <path d="M61 27h-6.551a22.857 22.857 0 0 0-3.041-7.336l4.634-4.634a1 1 0 0 0 0-1.414l-5.657-5.658a1 1 0 0 0-1.414 0l-4.634 4.634A22.857 22.857 0 0 0 37 9.552V3a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1v6.552a22.857 22.857 0 0 0-7.336 3.041l-4.635-4.635a1 1 0 0 0-1.414 0l-5.657 5.657a1 1 0 0 0 0 1.414l4.634 4.634A22.857 22.857 0 0 0 9.552 27H3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h6.552a22.856 22.856 0 0 0 3.041 7.336l-4.635 4.635a1 1 0 0 0 0 1.414l5.657 5.657a1 1 0 0 0 1.414 0l4.634-4.634A22.86 22.86 0 0 0 27 54.449V61a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-6.551a22.86 22.86 0 0 0 7.336-3.041l4.634 4.634a1 1 0 0 0 1.414 0l5.657-5.657a1 1 0 0 0 0-1.414l-4.634-4.634A22.856 22.856 0 0 0 54.449 37H61a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1z" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-linejoin="round"></path> </symbol> <symbol id="icon-speech" viewBox="0 0 64 64" aria-labelledby="title-icon-speech" aria-describedby="description-icon-speech" role="img"> <title id="title-icon-speech">Speech Bubble</title> <desc id="description-icon-speech">A speech bubble.</desc> <path d="M42 8H22a20 20 0 0 0 0 40h2v10l12-10h6a20 20 0 1 0 0-40z" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round"></path> </symbol> <symbol id="icon-star" viewBox="0 0 64 64" aria-labelledby="title-icon-star" aria-describedby="description-icon-star" role="img"> <title id="title-icon-star">Star</title> <desc id="description-icon-star">An outline of a star.</desc> <path stroke="currentColor" stroke-miterlimit="10" d="M32 47.2L13.5 61l7.1-22.2L2 25h23l7-22 7 22h23L43.4 38.8 50.5 61 32 47.2z" stroke-linejoin="round" stroke-linecap="round"></path> </symbol> <symbol id="icon-twitter" viewBox="0 0 64 64" aria-labelledby="title-icon-twitter" aria-describedby="description-icon-twitter" role="img"> <title id="title-icon-twitter">Twitter</title> <desc id="description-icon-twitter">The logo for the Twitter social media service.</desc> <path d="M60.448 15.109a24.276 24.276 0 0 1-3.288.968.5.5 0 0 1-.451-.853 15.146 15.146 0 0 0 3.119-4.263.5.5 0 0 0-.677-.662 18.6 18.6 0 0 1-6.527 2.071 12.92 12.92 0 0 0-9-3.75A12.363 12.363 0 0 0 31.25 20.994a12.727 12.727 0 0 0 .281 2.719c-9.048-.274-19.61-4.647-25.781-12.249a.5.5 0 0 0-.83.073 12.475 12.475 0 0 0 2.956 14.79.5.5 0 0 1-.344.887 7.749 7.749 0 0 1-3.1-.8.5.5 0 0 0-.725.477 11.653 11.653 0 0 0 7.979 10.567.5.5 0 0 1-.09.964 12.567 12.567 0 0 1-2.834 0 .506.506 0 0 0-.536.635c.849 3.282 5.092 7.125 9.839 7.652a.5.5 0 0 1 .267.87 20.943 20.943 0 0 1-14 4.577.5.5 0 0 0-.255.942 37.29 37.29 0 0 0 17.33 4.266 34.5 34.5 0 0 0 34.687-36.182v-.469a21.11 21.11 0 0 0 4.934-4.839.5.5 0 0 0-.58-.765z" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-linejoin="round"></path> </symbol> <symbol id="icon-unlocked" viewBox="0 0 64 64" aria-labelledby="title-icon-unlocked" aria-describedby="description-icon-unlocked" role="img"> <title id="title-icon-unlocked">Unlocked</title> <desc id="description-icon-unlocked">An unlocked padlock.</desc> <path =d="M19 30V15A13 13 0 0 1 32 2a13 13 0 0 1 13 13v1.8" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"></path> <path =fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" d="M10 30h44v32H10zm22 11v10" stroke-linejoin="round" stroke-linecap="round"></path> </symbol> <symbol id="icon-user" viewBox="0 0 64 64" aria-labelledby="title-icon-user" aria-describedby="description-icon-user" role="img"> <title id="title-icon-user">User</title> <desc id="description-icon-user">A silhouette of a person.</desc> <path d="M46 26c0 6.1-3.4 11.5-7 14.8V44c0 2 1 5.1 11 7a15.5 15.5 0 0 1 12 11H2a13.4 13.4 0 0 1 11-11c10-1.8 12-5 12-7v-3.2c-3.6-3.3-7-8.6-7-14.8v-9.6C18 6 25.4 2 32 2s14 4 14 14.4z" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round"></path> </symbol> <symbol id="icon-vimeo" viewBox="0 0 64 64" aria-labelledby="title-icon-vimeo" aria-describedby="description-icon-vimeo" role="img"> <title id="title-icon-vimeo">Vimeo</title> <desc id="description-icon-vimeo">The logo for the Vimeo video sharing service.</desc> <path d="M52.531 6.744c-7.594 0-13.594 4.969-16.219 14.25 2.813-1.312 7.875-2.063 8.344 2.625.375 4.688-6.656 16.687-9.75 16.687s-5.344-13.594-6.188-19.781C27.969 14.244 26.469 7.4 20.656 7.4 14.75 7.4 7.25 16.588 2 20.713l2.719 3.75s3.937-3.094 5.25-2.812c3.563.938 6.563 15.375 8.156 20.906s3.469 16.688 11.156 16.688C41.563 59.244 62 28.682 62 18.651c0-6.563-1.875-11.907-9.469-11.907z" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-linejoin="round"></path> </symbol> <symbol id="icon-youtube" viewBox="0 0 64 64" aria-labelledby="title-icon-youtube" aria-describedby="description-icon-youtube" role="img"> <title id="title-icon-youtube">Youtube</title> <desc id="description-icon-youtube">The logo for the YouTube video sharing service.</desc> <path d="M49.539 12H14.461A12.4 12.4 0 0 0 2 24.327v17.346A12.4 12.4 0 0 0 14.461 54h35.078A12.4 12.4 0 0 0 62 41.673V24.327A12.4 12.4 0 0 0 49.539 12z" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-linejoin="round"></path> <path d="M41.111 33.844L24.7 41.585a.658.658 0 0 1-.938-.585V25.031a.659.659 0 0 1 .956-.581l16.407 8.225a.649.649 0 0 1-.014 1.169z" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-linejoin="round"></path> </symbol> </svg> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/layout/page--node-type--ubc-landing-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\/313","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJxtkFtuxCAMRTcEYUmRAYegMQ_ZkIiuviSZaqRRf6zr47cdw8_AEIx7C7UVTi1WMX9ChVIC4QoZaLToxHwDtbNxtGnCAG5obc9vckaPWafCeEdEtMfjkoGKBbpUKh7omnk54rjQjWUOeA29I3hkldBHMFukhrw4qC2W_IYFk0W_XB2gzbCqwBAY6i7Gc69Ay4csPdduKcqOXjFKLVnigWsDOw97-psP1zdXMqRhMhYEVbdudXsRzKu0MYvaifAS87DHeZJec71WeJ0_CNjE_AeXHtUR8RRz22U-oxP-AosRoH4","theme":"hr","theme_token":null},"ajaxTrustedUrl":{"\/search\/content":true},"formtips":{"selectors":[""],"interval":500,"sensitivity":3,"timeout":1000,"max_width":"500px","trigger_action":"click"},"google_analytics":{"account":"UA-1361778-9","trackOutbound":true,"trackMailto":true,"trackTel":true,"trackDownload":true,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc(x|m)?|dot(x|m)?|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt(x|m)?|pot(x|m)?|pps(x|m)?|ppam|sld(x|m)?|thmx|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls(x|m|b)?|xlt(x|m)|xlam|xml|z|zip"},"ubcCkeditorWidgets":{"backgroundColors":[{"label":"None","value":"bg-transparent"},{"label":"White","value":"bg-white"},{"label":"Light Grey","value":"bg-grey-100"},{"label":"Unit Primary","value":"bg-unit-primary"},{"label":"Unit Secondary","value":"bg-unit-secondary"},{"label":"Unit Tertiary","value":"bg-unit-tertiary"},{"label":"Unit Accent","value":"bg-unit-accent"},{"label":"UBC Blue","value":"bg-ubc-blue"},{"label":"UBC Blue Sea","value":"bg-ubc-blue-sea"},{"label":"UBC Blue Cobalt","value":"bg-ubc-blue-cobalt"},{"label":"UBC Blue Neptune","value":"bg-ubc-blue-neptune"},{"label":"UBC Blue Cornflower","value":"bg-ubc-blue-cornflower"},{"label":"UBC Blue Polar","value":"bg-ubc-blue-polar"},{"label":"UBC Blue Frost","value":"bg-ubc-blue-frost"}],"gapStyles":[{"label":"None","value":"gap-0"},{"label":"Small","value":"gap-4"},{"label":"Normal","value":"gap-6"},{"label":"Large","value":"gap-12"},{"label":"Extra Large","value":"gap-16"}],"paddingStyles":[{"label":"None","value":"p-0"},{"label":"Small","value":"p-4"},{"label":"Normal","value":"p-6"},{"label":"Large","value":"p-12"},{"label":"Extra Large","value":"p-16"}],"marginStyles":[{"label":"None","value":"my-0"},{"label":"Small","value":"my-4"},{"label":"Normal","value":"my-6"},{"label":"Large","value":"my-12"},{"label":"Extra Large","value":"my-16"}],"tableStyles":[{"label":"None","value":"table--nostyle"},{"label":"Plain","value":"table--plain"},{"label":"Condensed","value":"table--condensed"},{"label":"Striped","value":"table--striped"},{"label":"Stripe on hover","value":"table--hover"}],"threeColumnLayoutStyles":[{"label":"Equal Width","value":"align-equal"},{"label":"Align Large Left","value":"align-large-left"},{"label":"Align Large Center","value":"align-large-center"},{"label":"Align Large Right","value":"align-large-right"}],"twoColumnLayoutStyles":[{"label":"Equal Width","value":"align-equal"},{"label":"Align Large Left","value":"align-large-left"},{"label":"Align Large Right","value":"align-large-right"}],"widthStyles":[{"label":"Column width: Auto","value":"w-auto"},{"label":"Column width: 1\/2","value":"w-half"},{"label":"Column width: 1\/3","value":"w-one-third"},{"label":"Column width: 1\/4","value":"w-one-quarter"},{"label":"Column width: 1\/5","value":"w-one-fifth"},{"label":"Column width: 1\/6","value":"w-one-sixth"}]},"user":{"uid":0,"permissionsHash":"11e19753090014e535ae28738198d14cec405b416565a7888ae29fd157c9d65a"}}</script> <script src="/sites/default/files/js/js_gyuzZ2fMK6SjkPyl9fXUtc9CwUtm6XU1TcrLtDJwXvk.js?scope=footer&amp;delta=0&amp;language=en&amp;theme=hr&amp;include=eJxty1sKAjEMQNEN1WZJJZOETJxgJG3Runof-CX-XQ5cSnwsUQX6RtEIdWl4QV_DqMMvlD1BPTb0MjdqdAjbiGw3Y5XR4R_Wae-tv_5jnXZBlvwAZbgXihTgnFf0yoYeWvGM9yceRT1C"></script> <script src="/themes/custom/hr/js/vendors~bootstrap.min.js?v=5.1"></script> <script src="/themes/custom/hr/js/bootstrap.min.js?v=5.1"></script> <script src="/sites/default/files/js/js_WtyF2BwkBAAzfjDxyg2cGKC-V9O0eq2pkpMHEF8ymkk.js?scope=footer&amp;delta=3&amp;language=en&amp;theme=hr&amp;include=eJxty1sKAjEMQNEN1WZJJZOETJxgJG3Runof-CX-XQ5cSnwsUQX6RtEIdWl4QV_DqMMvlD1BPTb0MjdqdAjbiGw3Y5XR4R_Wae-tv_5jnXZBlvwAZbgXihTgnFf0yoYeWvGM9yceRT1C"></script> </body> </html> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/hr/templates/layout/html.html.twig' -->

Pages: 1 2 3 4 5 6 7 8 9 10