Create a site that allows me to load 2 different web pages in\n 2 frames in one HTML page. In other words, I want to be able to Have an interface that can load 2 web pages side by side.\n That are in frames
6d2b1e6 verified | class CustomHeader extends HTMLElement { | |
| connectedCallback() { | |
| this.attachShadow({ mode: 'open' }); | |
| this.shadowRoot.innerHTML = ` | |
| <style> | |
| header { | |
| background-color: #1e40af; | |
| color: white; | |
| padding: 1rem 0; | |
| box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); | |
| } | |
| .container { | |
| max-width: 1200px; | |
| margin: 0 auto; | |
| padding: 0 1rem; | |
| } | |
| .logo { | |
| font-size: 1.5rem; | |
| font-weight: bold; | |
| display: flex; | |
| align-items: center; | |
| gap: 0.5rem; | |
| } | |
| </style> | |
| <header> | |
| <div class="container"> | |
| <div class="logo"> | |
| <i data-feather="layout"></i> | |
| <span>DualView Delight</span> | |
| </div> | |
| </div> | |
| </header> | |
| `; | |
| } | |
| } | |
| customElements.define('custom-header', CustomHeader); |