diff --git a/app.py b/app.py
index 83ac0d9ef2d10a4fbaeb1b32d63c0f41ef609e1c..9be4374c513324031575a6a8ee8763c7dc198440 100644
--- a/app.py
+++ b/app.py
@@ -32,4 +32,4 @@ def pages(page):
 
 # Main Function, Runs at http://0.0.0.0:8080
 if __name__ == "__main__":
-    app.run(port=3008)
+    app.run(port=3009)
diff --git a/static/style.css b/static/style.css
index d52187d61d6507e1c62a195438f082f63550a343..b1034871cf8d00993ef8ed1fb1b368027049b7a8 100644
--- a/static/style.css
+++ b/static/style.css
@@ -138,3 +138,11 @@ footer a:hover { color: white; text-decoration: underline; }
   background-color: var(--yellow);
   border-radius: 3px;
 } 
+
+
+.test-container{
+  background-color: var(--offblack);
+  color: var(--offwhite);
+  width: 50%;
+  padding: 40px;
+}
\ No newline at end of file
diff --git a/wiki/layout.html b/wiki/layout.html
index cc92c3c0c58d277a237f792436067bc03c6ce7f5..ab09f1aa25719cf5a45cf4554f87c65fd38f97c6 100644
--- a/wiki/layout.html
+++ b/wiki/layout.html
@@ -13,6 +13,10 @@
     <!-- Custom CSS -->
     <link href="{{ url_for('static', filename = 'style.css') }}" rel="stylesheet">
 
+    <!-- AOS -->
+    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
+    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+
     <title>{% block title %}{% endblock %} | Bielefeld-CeBiTec - iGEM 2024</title>
 
 </head>
diff --git a/wiki/menu.html b/wiki/menu.html
index 2d39027f3aee1fc73716c5bead8b0acbbc9782ce..e045d01ca78c6b6c34a869f189d503534e66ee37 100644
--- a/wiki/menu.html
+++ b/wiki/menu.html
@@ -3,7 +3,7 @@
 
     <!---- TEAM NAME ---->
     <a class="navbar-brand" href="#">
-      Bielefeld-CeBiTec / Image here 
+       Bielefeld CeBiTec 
     </a>
 
     <!---- SMALL SCREEN MENU ICON ---->
diff --git a/wiki/pages/bfh.html b/wiki/pages/bfh.html
index e8e251c650b3def3a0037c13e51a678994e9b478..2404703023a32b034b938072b3e896af85d0c778 100644
--- a/wiki/pages/bfh.html
+++ b/wiki/pages/bfh.html
@@ -13,6 +13,10 @@
     <!-- Custom CSS -->
     <link href="{{ url_for('static', filename = 'style.css') }}" rel="stylesheet">
 
+    <!-- AOS -->
+    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
+    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+
     <title>{% block title %}{% endblock %} | Bielefeld-CeBiTec - iGEM 2024</title>
 
 </head>
@@ -36,6 +40,9 @@
   <!-- Navigation -->
   {% include 'menu.html' %}
 
+  <script>
+    AOS.init();
+  </script>
   
   <!-- Page Content -->
   <div class="container-fluid">
@@ -51,9 +58,11 @@
         </div>
       </div>
       <div class="col">
+        <div data-aos="zoom-in-down" data-aos-offset="500" data-aos-easing="ease-in-sine" data-aos-duration="1000">
         <img src="https://static.igem.wiki/teams/5247/logos-team/european-meet-up.png" height="250px" style="padding-top: 10px; padding-bottom: 20px;">
+        </div>
         <span>
-            <h2>Expanding Horizons, Embracing Beyond!</h2>
+            <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>
diff --git a/wiki/pages/human-practices.html b/wiki/pages/human-practices.html
index ff0123213c31032ae957211497abc35082e3d739..720c536fc56b68b60c87f6942952a715e3b0b6b4 100644
--- a/wiki/pages/human-practices.html
+++ b/wiki/pages/human-practices.html
@@ -15,10 +15,20 @@
 
 
 {% block page_content %}
-
+<script>
+    AOS.init();
+  </script>
 
 <div class="col">
     
+    <div data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine">
+        <div class="test-container">
+                Test text
+        </div>
+
+    </div>
+
+
 </div>