Forked from
2024 Competition / Bielefeld-CeBiTec
2653 commits behind the upstream repository.
-
Liliana Sanfilippo authoredLiliana Sanfilippo authored
bfh.html 5.22 KiB
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="https://static.igem.wiki/common/icons/favicons/igem-2022.svg"/>
<link rel="license" href="https://creativecommons.org/licenses/by/4.0/"/>
<!-- Bootstrap CSS -->
<link href="{{ url_for('static', filename = 'bootstrap.min.css') }}" rel="stylesheet">
<!-- Custom CSS -->
<link href="{{ url_for('static', filename = 'style.css') }}" rel="stylesheet">
<title>{% block title %}{% endblock %} | Bielefeld-CeBiTec - iGEM 2024</title>
</head>
<style>
body{
color: white;
}
.gallery-container{
border-color: white;
}
.sidebarEntry{
color: white;
}
</style>
<body style="background-image: url('https://static.igem.wiki/teams/5247/photos/university/bielefeld-3381870.jpg');">
<!-- Navigation -->
{% include 'menu.html' %}
<!-- Page Content -->
<div class="container-fluid">
<div class="row mt-5">
<div class="col-2 d-none d-lg-block">
<div class="sticky-top" style="top: 80px; overflow-wrap: break-word;">
<ul class="sidebar">
<li> <a class="anchor sidebarEntry" href="#collab">The collaboration</a> </li>
<li> <a class="anchor sidebarEntry" href="#program">The program</a> </li>
<li> <a class="anchor sidebarEntry" href="#impact">Impact</a> </li>
<li> <a class="anchor sidebarEntry" href="#gallery">Photos</a> </li>
</ul>
</div>
</div>
<div class="col">
<h1>BFH European Meet-Up 2024</h1>
<h2>Expanding Horizons, Embracing Beyond!</h2>
<p>
Over the past years, we have all made many friends and expanded our scientific network during the iGEM competition and afterwards. The idea behind the cooperation between Bielefeld, Frankfurt and Hamburg is based on the friendship that former participants have gained alongside the iGEM competition. Our mission is to promote future projects and bring teams together. The location of the BFH European Meet-Up 2024 will alternate between the universities of Bielefeld, Frankfurt, and Hamburg. We wish you lots of fun and hope that the iGEM competition fulfills you as much as it has fulfilled us.
</p>
<div class="gallery-container">
<div class="col-1">
<img src="https://static.igem.wiki/teams/5247/logos-team/european-meet-up.png" height="50px">
</div>
</div>
<h3 id="collab"> The collaboration</h3>
<hr>
<p>
</p>
<h3 id="program"> The program</h3>
<hr>
<button type="button" class="collapsible">Scientific Talk</button>
<div class="content-laps">
<p>Lorem ipsum...</p>
</div>
<button type="button" class="collapsible">Workshops</button> <div class="content-laps">
<p>Lorem ipsum...</p>
</div>
<button type="button" class="collapsible">Team project presentation</button>
<div class="content-laps">
<p>Lorem ipsum...</p>
</div>
<button type="button" class="collapsible">Poser exhibition</button>
<div class="content-laps">
<p>Lorem ipsum...</p>
</div>
<button type="button" class="collapsible">Panel discussion</button>
<div class="content-laps">
<p>Lorem ipsum...</p>
</div>
<button type="button" class="collapsible">iGem TED Talks</button>
<div class="content-laps">
<p>Lorem ipsum...</p>
</div>
<button type="button" class="collapsible">Science Slam</button>
<div class="content-laps">
<p>Lorem ipsum...</p>
</div>
<button type="button" class="collapsible">Award ceremony</button>
<div class="content-laps">
<p>Lorem ipsum...</p>
</div>
<p>
</p>
<h3 id="impact"> The impact</h3>
<hr>
<p>
</p>
<h3 id="gallery"> Photos</h3>
<hr>
<p>
</p>
</div>
<div class="col-2 d-none d-lg-block">
<!-- empty so far -->
</div>
</div>
</div>
<!-- Footer: MUST mention license AND have a link to team wiki's repository on gitlab.igem.org -->
{% include 'footer.html' %}
<!-- Bootstrap Bundle with Popper -->
<script src="{{ url_for('static', filename = 'bootstrap.bundle.min.js') }}"></script>
<!-- collapsible script-->
<script>
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function() {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.display === "block") {
content.style.display = "none";
} else {
content.style.display = "block";
}
}); }
</script>
</body>
</html>
<!--
<button type="button" class="collapsible">Open Collapsible</button>
<div class="content-laps">
<p>Lorem ipsum...</p>
</div>
-->