website/js/customElements/header.js

23 lines
No EOL
818 B
JavaScript

class Header extends HTMLElement {
constructor() {
super();
let pageTitle = this.getAttribute("data-title");
this.innerHTML = `
<header >
<div class="header-wrapper" >
<div class="header-homepage">
<div class="align-holder" >
<a class="noStyleLink" href="#content"><h1>${pageTitle}</h1 ></h1>
</div >
</div >
<div class="header-separator header-separator-bottom " >
<jl-svg data-name="banner"></jl-svg>
</div >
</div >
<jl-main_menu id = "mainMenu"></jl-main_menu>
</header>
`;
}
}
customElements.define("jl-header", Header);