diff --git a/wiki/footer.html b/wiki/footer.html
index 6aaba5ab253c5aa80e9042876a8596ee64c3ac5f..8696faaf3c3b3fe5f037c1296a58fd0af8084f3e 100644
--- a/wiki/footer.html
+++ b/wiki/footer.html
@@ -1,4 +1,4 @@
-<footer class="pt-5 pb-5 footer py-5 mt-5 bg-dark text-white">
+<!-- <footer class="pt-5 pb-5 footer py-5 mt-5 bg-dark text-white">
<div class="container">
<div class="row mb-4">
<div class="col-lg-6 col-xs-12">
@@ -25,11 +25,63 @@
</div>
<hr>
<!-- The following MUST be on every page: license information and link to the repository on gitlab.igem.org -->
- <div class="row mt-4">
+ <!-- <div class="row mt-4">
<div class="col">
<p class="mb-0"><small>© 2024 - Content on this site is licensed under a <a class="subfoot" href="https://creativecommons.org/licenses/by/4.0/" rel="license">Creative Commons Attribution 4.0 International license</a>.</small></p>
<p><small>The repository used to create this website is available at <a href="https://gitlab.igem.org/2024/tu-delft">gitlab.igem.org/2024/tu-delft</a>.</small></p>
</div>
</div>
</div>
+</footer> --> -->
+<footer class="my-footer-container">
+ <div class="my-footer">
+ <div class="footer-navigation">
+ <div class="footer-navbars">
+ <div class="footer-navbar-title"><span>Project</span></div>
+ <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='description') }}">Description</a></div>
+ <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='design') }}">Design</a></div>
+ <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='contribution') }}">Contribution</a></div>
+ <div class="footer-navbar-contents" style="margin-top:85px;"><a href="{{ url_for('pages', page='education') }}">Education & Collaboration</a></div>
+ <div class="footer-navbar-contents" style="margin-top:86px;"><a href="{{ url_for('pages', page='human-practices') }}">Human Practices</a></div>
+ <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='entrepreneurship') }}">Entrepreneurship</a></div>
+ <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='plant') }}">Plant Synthetic Biology</a></div>
+ </div>
+ <div class="footer-navbars">
+ <div class="footer-navbar-title"><span>Wet lab</span></div>
+ <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='engineering') }}">Engineering</a></div>
+ <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='notebook') }}">Notebook</a></div>
+ <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='experiments') }}">Experiments</a></div>
+ <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='results') }}">Results</a></div>
+ <div class="footer-navbar-contents" style="margin-top:109px;"><a href="{{ url_for('pages', page='safety') }}">Safety</a></div>
+ <!-- <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='parts') }}">Parts</a></div> -->
+ </div>
+ <div class="footer-navbars">
+ <div class="footer-navbar-title"><span>Team</span></div>
+ <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='team') }}">Roster</a></div>
+ <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='attributions') }}">Attributions</a></div>
+ <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></div>
+ <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='sustainable') }}">Sustainability</a></div>
+ </div>
+ <div class="footer-navbars">
+ <div class="footer-navbar-title"><span>Dry Lab</span></div>
+ <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='model') }}">Model</a></div>
+ <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='hardware') }}">Hardware</a></div>
+ <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='measurement') }}">Measurement</a></div>
+ <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='software') }}">Software</a></div>
+ </div>
+ </div>
+ <!-- <div class="footer-logos" style="width:75%;margin-bottom:15px;">
+ <img src="https://static.igem.wiki/teams/4594/wiki/award-wiki.svg" alt="">
+ </div>
+ <div class="footer-logos" style="margin-top:15px;">
+ <img src="https://static.igem.wiki/teams/4594/wiki/footer-logos.png" alt="">
+ </div> -->
+ <div class="footer-supports">
+ <p>Contact Us: Instagram: <a href=https://www.instagram.com/igemtudelft/>igemtudelft</a> E-mail: igem@tudelft.nl</p>
+ </div>
+ <div class="footer-infos">
+ <p><small>© 2023 - Content on this site is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/" rel="license">Creative Commons Attribution 4.0 International license</a>.</small></p>
+ <p><small>The repository used to create this website is available at <a href="https://gitlab.igem.org/2023/shanghaitech-china">gitlab.igem.org/2023/shanghaitech-china</a>.</small></p>
+ </div>
+ </div>
</footer>
diff --git a/wiki/layout.html b/wiki/layout.html
index 28464b082461a76dc007f0cd106db8e0bc60e860..a2eaf888c8a66b767d36e7ec08805752c4bfb2c4 100644
--- a/wiki/layout.html
+++ b/wiki/layout.html
@@ -13,6 +13,7 @@
<!-- Custom CSS -->
<link href="{{ url_for('static', filename = 'style.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename = 'footer.css') }}" rel="stylesheet">
+ <link href="{{ url_for('static', filename = 'navbar.css') }}" rel="stylesheet">
<!-- <style>
body {