Responsive Triple Logo Header - Copy this Html, Bootstrap Component to your project
<?php-include-'config.php';-?>-<!DOCTYPE-html>-<html-lang="en">-<head>-<meta-charset="UTF-8">-<meta-name="viewport"-content="width=device-width,-initial-scale=1.0">-<title>Header</title>-<!---Add-Bootstrap-5-CDN-link--->-<link-href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css"-rel="stylesheet">-</head>-<body>-<!---Header-Section--->-<header-id="header"-class="header-bg-light-shadow-sm-px-5">-<nav-class="navbar-navbar-expand-lg-navbar-light">-<div-class="container-fluid-d-flex-align-items-center-justify-content-between">-<!---Fixed-typo:-justify-conent-space-between--->-<!---Navbar-Brand-(Left-side)--->-<a-class="navbar-brand"-href="#">-<img-src="./images/Ontropi_Purple_Logo.png"-alt="Ontropi-Logo"-width="100">-</a>-<!---Centered-Logo--->-<div-class="text-center">-<!---Centering-the-logo--->-<a-class="navbar-brand"-href="#">-<img-src="./images/Discoverer_Purple_Logo2.png"-alt="Discoverer-Logo"-width="150">-</a>-</div>-<!---Toggle-button-for-mobile-view--->-<button-class="navbar-toggler"-type="button"-data-bs-toggle="collapse"-data-bs-target="#navbarNav"-aria-controls="navbarNav"-aria-expanded="false"-aria-label="Toggle-navigation">-<span-class="navbar-toggler-icon"></span>-</button>-<!---Centered-Logo-and-Login/Signup-Button--->-<div-class="collapse-navbar-collapse"-id="navbarNav">-<!---Login/Signup-Button-only-in-dropdown--->-<div-class="ms-auto">-<!---Added-ms-auto-for-right-alignment--->-<a-href="#"-style="background-color:#7353f6"-class="btn-rounded-pill-btn-sm-text-white-p-2-px-3-fs-8">-Login-/-Signup-</a>-</div>-</div>-</div>-</nav>-</header>-<!---Horizontal-Divider--->-<hr-class="text-black-mb-0-mt-0">-<!---Include-Bootstrap-5-JS-and-Popper.js--->-<script-src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>-<script-src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"></script>-</body>-</html>
