structables/templates/header.html
Kumi c1f4e157a4
Optimized navigation layout in header
Streamlined the header's HTML structure by consolidating navigation elements and search form into more efficient class usage, improving maintainability and readability. Removed fixed height for the logo to enhance flexibility in different resolutions. These adjustments make future styling and responsiveness optimizations smoother.
2024-01-31 17:36:47 +01:00

37 lines
1.2 KiB
HTML

<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="/">
<img src="/static/img/logo.png" alt="Structables" />
</a>
<div class="container-fluid">
<div class="navbar-nav-scroll">
<ul class="nav navbar-nav">
<li class="nav-item">
<a class="nav-link" href="/projects/">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/contest/">Contests</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/teachers/">Teachers</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/sitemap/">Sitemap</a>
</li>
</ul>
</div>
<div class="navbar-form navbar-right">
<form class="form-inline" action="/search" method="GET">
<input
class="form-control"
type="search"
placeholder="Search"
name="q"
aria-label="Search"
/>
<button class="btn btn-default" type="submit" style="visibility: hidden;">Search</button>
</form>
</div>
</div>
</nav>
</header>