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.
This commit is contained in:
parent
b730e9c6db
commit
c1f4e157a4
1 changed files with 28 additions and 34 deletions
|
@ -1,42 +1,36 @@
|
|||
<header>
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<a class="navbar-brand" href="/">
|
||||
<img src="/static/img/logo.png" alt="Structables" height="75px" />
|
||||
<img src="/static/img/logo.png" alt="Structables" />
|
||||
</a>
|
||||
<div class="container-fluid">
|
||||
<div class="row flex-grow-1">
|
||||
<div class="col">
|
||||
<ul class="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>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<form class="form-inline" action="/search" method="GET">
|
||||
<input
|
||||
class="form-control mr-2"
|
||||
type="search"
|
||||
placeholder="Search"
|
||||
name="q"
|
||||
aria-label="Search"
|
||||
/>
|
||||
<button style="display: none" type="submit">Search</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col col-lg-2 text-right">
|
||||
<ul class="nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/sitemap/">Sitemap</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<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>
|
||||
|
|
Loading…
Reference in a new issue