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>
|
<header>
|
||||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||||
<a class="navbar-brand" href="/">
|
<a class="navbar-brand" href="/">
|
||||||
<img src="/static/img/logo.png" alt="Structables" height="75px" />
|
<img src="/static/img/logo.png" alt="Structables" />
|
||||||
</a>
|
</a>
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="row flex-grow-1">
|
<div class="navbar-nav-scroll">
|
||||||
<div class="col">
|
<ul class="nav navbar-nav">
|
||||||
<ul class="nav">
|
<li class="nav-item">
|
||||||
<li class="nav-item">
|
<a class="nav-link" href="/projects/">Projects</a>
|
||||||
<a class="nav-link" href="/projects/">Projects</a>
|
</li>
|
||||||
</li>
|
<li class="nav-item">
|
||||||
<li class="nav-item">
|
<a class="nav-link" href="/contest/">Contests</a>
|
||||||
<a class="nav-link" href="/contest/">Contests</a>
|
</li>
|
||||||
</li>
|
<li class="nav-item">
|
||||||
<li class="nav-item">
|
<a class="nav-link" href="/teachers/">Teachers</a>
|
||||||
<a class="nav-link" href="/teachers/">Teachers</a>
|
</li>
|
||||||
</li>
|
<li class="nav-item">
|
||||||
</ul>
|
<a class="nav-link" href="/sitemap/">Sitemap</a>
|
||||||
</div>
|
</li>
|
||||||
<div class="col-auto">
|
</ul>
|
||||||
<form class="form-inline" action="/search" method="GET">
|
</div>
|
||||||
<input
|
<div class="navbar-form navbar-right">
|
||||||
class="form-control mr-2"
|
<form class="form-inline" action="/search" method="GET">
|
||||||
type="search"
|
<input
|
||||||
placeholder="Search"
|
class="form-control"
|
||||||
name="q"
|
type="search"
|
||||||
aria-label="Search"
|
placeholder="Search"
|
||||||
/>
|
name="q"
|
||||||
<button style="display: none" type="submit">Search</button>
|
aria-label="Search"
|
||||||
</form>
|
/>
|
||||||
</div>
|
<button class="btn btn-default" type="submit" style="visibility: hidden;">Search</button>
|
||||||
<div class="col col-lg-2 text-right">
|
</form>
|
||||||
<ul class="nav">
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" href="/sitemap/">Sitemap</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
Loading…
Reference in a new issue