https://www.glin.com/includes/header.js

1content =
2  '\
3<header>\
4<div class="d-none d-xl-block" id="quicklinks">\
5  <div class="row no-gutters" >\
6      <div class="col-12 text-end">\
7          <!--end Side Nav-->\
8          <ul class="nav float-end d-none d-xl-flex">\
9              <li class="nav-item"><a class="nav-link" href="https://great-lakes-integrated-network-inc.prismhr-hire.com" title="Find a Career with GLIN" target="_blank" rel="noopener noreferrer">Careers</a></li>\
10              <li class="nav-item"><a class="nav-link"  href="/directories/" title="Search the GLIN Physician Directory">Directories</a></li>\
11              <li class="nav-item"><a class="nav-link" href="/aco/" title="About ACO Reach">ACO Reach</a></li>\
12              <li class="nav-item"><a class="nav-link" href="/news-events/" title="GLIN Events">News &amp; Events</a></li>\
13              <li class="nav-item"><a class="nav-link" href="/about/" title="about">About GLIN IPA</a></li>\
14            <li class="nav-item"><a class="nav-link phone" href="tel:17168002273" title="Call us (716) 800.CARE"><i class="fa-light fa-phone"></i> Call 716.800.CARE</a></li>\
15          </ul>\
16      </div>\
17  </div>\
18</div>\
19<!--end quick links-->\
20<div id="glin-nav">\
21<nav class="navbar navbar-expand-xl">\
22  <a class="navbar-brand" href="/" title="GLIN homepage link"> <div id="header-logo"><img src="/images/glin-logo-color.svg" alt="GLIN logo" height="40" /><span class="sr-only">GLIN homepage link</span></div></a>\
23  <button class="navbar-toggler d-flex d-xl-none flex-column justify-content-around" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar">\
24    <!-- <span class="navbar-toggler-icon"></span> -->\
25    <!-- <i class="fa-solid fa-bars"></i> -->\
26    <span class="toggler-icon top-bar"></span>\
27    <span class="toggler-icon middle-bar"></span>\
28    <span class="toggler-icon bottom-bar"></span>\
29  </button>\
30  <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">\
31    <div class="offcanvas-header">\
32      <h2 class="offcanvas-title sr-only" id="offcanvasNavbarLabel">GLIN Site Menu</h2>\
33      <button type="button" class="btn-close btn-close-white ms-auto" data-bs-dismiss="offcanvas" aria-label="Close">\
34      </button>\
35    </div>\
36    <div class="offcanvas-body p-0">\
37      <ul class="navbar-nav justify-content-end flex-grow-1 pe-3 p-0 mt-0" id="mainnav">\
38        <li class="nav-item"><a href="/providers/" class="nav-link" id="providers">For Providers</a></li>\
39        <li class="nav-item"><a href="/patientinfo/" class="nav-link" id="patientinfo">For Patients</a></li>\
40        <li class="nav-item"><a href="/network-management/" class="nav-link" id="networkM">Network Management</a></li>\
41        <li class="nav-item"><a href="/population-health/" class="nav-link" id="population">Population Health</a></li>\
42        <li class="nav-item"><a href="/oncology/" class="nav-link" id="oncology">Oncology Services</a></li>\
43        <li class="nav-item d-xl-none"><a href="https://great-lakes-integrated-network-inc.prismhr-hire.com" target="_blank" class="nav-link">Careers</a></li>\
44        <li class="nav-item d-xl-none"><a class="nav-link" href="/directories/" target="_blank">Physician Directory</a></li>\
45        <li class="nav-item d-xl-none"><a class="nav-link" href="/aco/">ACO Reach</a></li>\
46        <li class="nav-item d-xl-none"><a class="nav-link" href="/news-events/">News &amp; Events</a></li>\
47      <!--<li class="nav-item d-xl-none"><a class="nav-link" href="/contact/">Contact</a></li> -->\
48      </ul>\
49    </div>\
50  </div>\
51</nav>\
52</header>';
53
54new Vue({
55  template: content,
56  el: "#header",
57});