https://www.kaleidahealth.org/includes/header.js

1content =
2  '\
3<header>\
4    <div class="container-fluid d-none d-xl-block" id="quicklinks">\
5        <div class="row no-gutters" >\
6            <div class="col-4 col-lg-3"  id="networkdropdown">\
7                ' +
8  headerMenuLeft +
9  '\
10                \
11            </div>\
12            <div class="col-8 col-lg-9">\
13                \
14                <!--Right Side Nav--> \
15                <ul class="nav float-right float-end d-none d-xl-flex">\
16                    <li class="nav-item"><a class="nav-link" href="/careers/">Careers</a></li>\
17                    <li class="nav-item"><a class="nav-link" href="/MyChart/" title="MyChart patient portal"><img src="https://www.kaleidahealth.org/images/MyChart-logo-white.svg" alt="MyChart" width="80" height="20"> Patient Portal</a></li>\
18                    <li class="nav-item"><a class="nav-link" href="/providers/" title="Kaleida Health Medical/Dental Staff website" id="providermenu">Medical Professionals</a></li>\
19                    <li class="nav-item"><a class="nav-link" href="/about/" title="About Kaleida Health">About</a></li>\
20                    <li class="nav-item"><a class="nav-link" href="/employees/" title="Information for Kaleida Health employees">Employees</a></li>\
21                    <li class="nav-item"><a class="nav-link" href="/contact/" title="Contact us">Contact</a></li>\
22                    <li class="nav-item"><a class="nav-link donate" href="/giving/" title="Donate"><i class="fal fa-heart"></i>&nbsp; Donate</a></li>\
23                </ul>\
24            </div>\
25        </div>\
26        <button class="search-btn d-none d-xl-block" aria-label="Search button icon"><i class="fa fa-search" aria-hidden="true"></i></button>\
27    </div>\
28    <!--end quick links toolbar--> \
29    <div id="main-nav">\
30        <nav class="navbar navbar-expand-xl" id="mynav">\
31            <a class="navbar-brand" href="/" title="Kaleida Health homepage link">\
32                <div id="header-logo"><img src="https://www.kaleidahealth.org/images/logos/kh-logo-rev.svg" alt="Kaleida Health logo" height="40" /><span class="sr-only">Kaleida Health homepage link</span></div>\
33            </a>\
34            <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#menuitems" data-bs-toggle="collapse" data-bs-target="#menuitems"aria-controls="menuitems" aria-expanded="false" aria-label="Toggle navigation">\
35                <span></span>\
36                <span></span>\
37                <span></span>\
38            </button>\
39            <button class="search-btn d-block d-xl-none" aria-label="Search button icon"><i class="fa fa-search" aria-hidden="true"></i></button>\
40            <div id="search-wrap" class="hide">\
41                    <form action="/search" id="searchBar" class="container pb-0 pt-0">\
42                        <div class="input-group">\
43                            <div class="input-group-prepend">\
44                                <button id="search-submit" type="submit" class="btn btn-link text-primary"><i class="fa fa-search white"></i></button>\
45                            </div>\
46                            <input type="search" name="search" placeholder="Search website" aria-describedby="search-submit" class="form-control border-0 no-focus-outline">\
47                            <div class="input-group-append">\
48                                <div id="close-searchbar" class="mt-2 btn white"><i class="fa-solid fa-xmark-large"></i></div>\
49                            </div>\
50                        </div>\
51                    </form>\
52                </div> \
53            <div class="collapse navbar-collapse" id="menuitems">\
54                <ul class="navbar-nav ml-auto ms-auto mt-0" id="mainav">\
55                    <li class="nav-item"><a href="/locations/" class="nav-link grow" id="locations">Our Locations</a></li>\
56                    <li class="nav-item"><a href="/care/" class="nav-link grow" id="services">Care & Treatment</a></li>\
57                    <li class="nav-item"><a href="/visitors/" class="nav-link grow" id="visitors">Patients &amp; Visitors</a></li>\
58                    <li class="nav-item d-xl-none"><a href="/careers/" class="nav-link grow">Careers</a></li>\
59                    <li class="nav-item d-xl-none"><a href="/MyChart/" class="nav-link grow" title="MyChart patient portal"><img src="https://www.kaleidahealth.org/images/MyChart-logo-white.svg" alt="MyChart" width="80" height="20"> Patient Portal</a></li>\
60                    <li class="nav-item d-xl-none"><a href="/providers/" class="nav-link grow" title="Kaleida Health Medical/Dental Staff website">Medical Professionals</a></li>\
61                    <li class="nav-item d-xl-none"><a href="/about/" class="nav-link grow" title="About Kaleida Health">About</a></li>\
62                    <li class="nav-item d-xl-none"><a href="/employees/" class="nav-link grow" title="Information for Kaleid

62a Health employees">Employees</a></li>\
63                    <li class="nav-item d-xl-none"><a href="/contact/" class="nav-link grow" title="Contact us">Contact</a></li>\
64                    <li class="nav-item d-xl-none"><a href="/about/ways-to-help/" class="nav-link grow" title="Contact us">Donate</a></li>\
65                    <li class="nav-item d-xl-none"><a href="/search/" class="nav-link grow" title="Contact us">Search</a></li>\
66                </ul>\
67            </div>\
68        </nav>\
69    </div>\
70</header>';
71
72new Vue({
73  template: content,
74  el: "#header",
75});