Newer
Older
<link href="{{ url_for('static', filename = 'style.css') }}" rel="stylesheet">
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<header class="header">
<div class="logo">Bio<span class="second">Lith</span></div>
<!-- <img src="./images/Home/logo_1-removebg-preview.png" alt="" width="150px"> -->
<!-- Hamburger -->
<div class="menu-btn">
<div class="menu-btn_lines"></div>
</div>
<!-- End of Hamburger -->
<nav>
<ul class="menu-items">
<li><a href="{{ url_for('home') }}" class="menu-item">Home</a></li>
<li><a href="{{ url_for('pages', page='hardware') }}" class="menu-item">Hardware</a></li>
<!-- Dropdown -->
<!-- add class of expand-btn for responsiveness -->
<li class="dropdown"><a href="#" class="menu-item expand-btn"><span>People </span><i class="fa-solid fa-caret-down"></i></a></i>
<!-- add class of expandable for responsiveness to unoredered list-->
<ul class="dropdown-menu expandable">
<li><a href="{{ url_for('pages', page='team') }}" class="menu-item">Team</a></li>
<li><a href="{{ url_for('pages', page='attributions') }}" class="menu-item">Attributions</a></li>
<li><a href="#" class="menu-item">Collaborations</a></li>
</ul>
</li>
<!-- End of dropdown menu -->
<li><a href="{{ url_for('pages', page='human-practices') }}" class="menu-item">Human Practice</a></li>
<!-- First mega menu -->
<!-- add class of expand-btn for responsiveness -->
<li><a href="#" class="menu-item expand-btn"><span>Project</span><i class="fa-solid fa-caret-down"></i></a>
<!-- add class of expandable for responsiveness-->
<div class="mega-menu expandable">
<div class="content">
<div class="col">
<section>
<ul class="mega-links">
<li><a href="{{ url_for('pages', page='description') }}">Description</a></li>
<li><a href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
<li><a href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
<li><a href="#">Implementation</a></li>
</ul>
</section>
</div>
<div class="col">
<section>
<ul class="mega-links" id="mega-links">
<li><a href="#">Design</a></li>
<li><a href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
<li><a href="#">Modelling</a></li>
<li><a href="#">Proof of Concept</a></li>
</ul>
</section>
</div>
<div class="col">
<section>
<ul class="mega-links" id="mega-links">
<li><a href="#">Safety</a></li>
<li><a href="#">Results</a></li>
</ul>
</section>
</div>
</div>
</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 -->