Skip to content
Snippets Groups Projects
Commit ecaf8eff authored by Mohammed Elmir's avatar Mohammed Elmir
Browse files

Update menu.html

parent 151b5d17
No related branches found
No related tags found
No related merge requests found
Pipeline #193668 passed
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top"> <!-- NAVIGATION SECTION -->
<div class="container"> <header class="header">
<div class="logo">Bio<span class="second">Lith</span></div>
<!---- TEAM NAME ----> <!-- <img src="./images/Home/logo_1-removebg-preview.png" alt="" width="150px"> -->
<a class="navbar-brand" href="#">AshesiGhana</a>
<!-- Hamburger -->
<!---- SMALL SCREEN MENU ICON ----> <div class="menu-btn">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <div class="menu-btn_lines"></div>
<span class="navbar-toggler-icon"></span> </div>
</button> <!-- End of Hamburger -->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto left-aligned"> <nav>
<ul class="menu-items">
<!---- HOME ----> <li><a href="{{ url_for('home') }}" class="menu-item">Home</a></li>
<li class="nav-item"> <li><a href="{{ url_for('pages', page='hardware') }}" class="menu-item">Hardware</a></li>
<a class="nav-link" href="{{ url_for('home') }}">Home</a>
</li> <!-- Dropdown -->
<!-- add class of expand-btn for responsiveness -->
<!---- TEAM ----> <li class="dropdown"><a href="#" class="menu-item expand-btn"><span>People </span><i class="fa-solid fa-caret-down"></i></a></i>
<li class="nav-item dropdown"> <!-- add class of expandable for responsiveness to unoredered list-->
<a class="nav-link dropdown-toggle" href="{{ url_for('pages', page='team') }}" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <ul class="dropdown-menu expandable">
Team <li><a href="{{ url_for('pages', page='team') }}" class="menu-item">Team</a></li>
</a> <li><a href="{{ url_for('pages', page='attributions') }}" class="menu-item">Attributions</a></li>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a href="#" class="menu-item">Collaborations</a></li>
<li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Team</a></li> </ul>
<li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attributions</a></li> </li>
</ul> <!-- End of dropdown menu -->
</li>
<!---- PROJECT ----> <li><a href="{{ url_for('pages', page='human-practices') }}" class="menu-item">Human Practice</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <!-- First mega menu -->
Project <!-- add class of expand-btn for responsiveness -->
</a> <li><a href="#" class="menu-item expand-btn"><span>Project</span><i class="fa-solid fa-caret-down"></i></a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li> <!-- add class of expandable for responsiveness-->
<li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li> <div class="mega-menu expandable">
<li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li> <div class="content">
<li><a class="dropdown-item" href="{{ url_for('pages', page='experiments') }}">Experiments</a></li>
<li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li> <div class="col">
<li><a class="dropdown-item" href="{{ url_for('pages', page='results') }}">Results</a></li> <section>
</ul> <ul class="mega-links">
</li> <li><a href="{{ url_for('pages', page='description') }}">Description</a></li>
<li><a href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
<!---- SAFETY ----> <li><a href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
<li class="nav-item"> <li><a href="#">Implementation</a></li>
<a class="nav-link" href="{{ url_for('pages', page='safety') }}">Safety</a> </ul>
</li>
</section>
<!---- HUMAN PRACTICES ----> </div>
<li class="nav-item">
<a class="nav-link" href="{{ url_for('pages', page='human-practices') }}">Human Practices</a> <div class="col">
</li> <section>
<ul class="mega-links" id="mega-links">
<!---- AWARDS ----> <li><a href="#">Design</a></li>
<li class="nav-item dropdown"> <li><a href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <li><a href="#">Modelling</a></li>
Awards <li><a href="#">Proof of Concept</a></li>
</a> </ul>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li> </section>
<li><a class="dropdown-item" href="{{ url_for('pages', page='entrepreneurship') }}">Entrepreneurship</a></li> </div>
<li><a class="dropdown-item" href="{{ url_for('pages', page='hardware') }}">Hardware</a></li>
<li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li> <div class="col">
<li><a class="dropdown-item" href="{{ url_for('pages', page='measurement') }}">Measurement</a></li> <section>
<li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li> <ul class="mega-links" id="mega-links">
<li><a class="dropdown-item" href="{{ url_for('pages', page='plant') }}">Plant</a></li> <li><a href="#">Safety</a></li>
<li><a class="dropdown-item" href="{{ url_for('pages', page='software') }}">Software</a></li> <li><a href="#">Results</a></li>
<li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li> </ul>
</ul>
</li> </section>
</div>
</ul>
</div>
</div> </div>
</nav> </div>
</li>
<!-- End of first mega menu-->
<li><a href="#" class="menu-item">Parts</a></li>
<!-- Second mega menu -->
<!-- add class of expand-btn for responsiveness -->
<li><a href="#" class="menu-item expand-btn"><span>Judging and Awards</span><i class="fa-solid fa-caret-down"></i></a>
<!-- add class of expandable for responsiveness-->
<div class="mega-menu expandable">
<div class="content_1">
<div class="col">
<section>
<ul class="mega-links">
<li><a href="#">Medals</a></li>
<li><a href="{{ url_for('pages', page='education') }}">Education</a></li>
<li><a href="#">Communication</a></li>
</ul>
</section>
</div>
<div class="col">
<section>
<ul class="mega-links" id="mega-links">
<li><a href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
<li><a href="#">Partnership</a></li>
<li><a href="{{ url_for('pages', page='sustainable') }}">Sustainable Development Impact</a></li>
</ul>
</section>
</div>
</div>
</div>
</li>
<!-- End of second mega menu-->
</ul>
</nav>
</header>
<!-- END OF NAVIGATION SECTION -->
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment