diff --git a/public/home/chapters/00_intro.html b/public/home/chapters/00_intro.html
index b5718c5b579c850cf0472ebf8faba1cac4ec5108..2c08fe90f186a8ca278fe047aac0b61bb9958ca4 100644
--- a/public/home/chapters/00_intro.html
+++ b/public/home/chapters/00_intro.html
@@ -8,25 +8,140 @@
     <title>Zukunft Stadt Labor</title>
     <link rel="stylesheet" href="../../assets/css/normalize.css">
     <link rel="stylesheet" href="../../assets/css/typeface.css">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
     <link rel="stylesheet" href="../../assets/css/main.css">
 </head>
 
 <body>
     <div class="page-wrap">
-        <div class="header">
-            <h1><a href="../index.html">&bullet; Zukunft Stadt Labor</a></h1>
+        <div class="header" style="width: 100%; position: fixed; top:0; padding-bottom:0px; height:5% !important; background:
+            rgb(255,255,255);
+            background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 48%,
+            rgba(255,255,255,0.5242471988795518) 100%);">
+            <h1><a href="../index.html" style="font-size:60px !important;">&bullet;</a></h1>
         </div>
 
-        <div class="main">
-            <div class="centered">
-                <div class="chapter">
-                    <h3>INTRO</h3>
+        <div class="main container-fluid mt-3">
+
+            <div class="chapter">
+                <h3>INTRO</h3>
+            </div>
+            <div class="row">
+                <!-- <div class="col-sm-1 p-1" style="height:0px;padding-top:0px !important;padding-bottom:0px !important;">
+                </div> -->
+                <div class="col-sm-6 p-6 ">
+
+
                 </div>
+                <div class="col-sm-6 p-6">
+                    <p>&bullet; Eric Duminil</p>
+                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
+                        ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
+                        dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor
+                        sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
+                        invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et
+                        justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
+                        ipsum dolor sit amet.</p>
 
+                </div>
+                <!-- <div class="col-sm-1 p-1" style="height:0px;padding-top:0px !important;padding-bottom:0px !important;">
+                </div> -->
+            </div>
+            <div class="row">
+                <!-- <div class="col-sm-1 p-1" style="height:0px;padding-top:0px !important;padding-bottom:0px !important;">
+                </div> -->
+                <div class="col-sm-6 p-6 ">
+                    <h4>&bullet; Insight</h4>
+                    <p>Image</p>
+
+                </div>
+                <div class="col-sm-6 p-6">
+                    <p>&bullet; Eric Duminil</p>
+                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
+                        tempor invidunt
+                        ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam
+                        et justo duo
+                        dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
+                        ipsum dolor
+                        sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
+                        eirmod tempor
+                        invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et
+                        accusam et
+                        justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
+                        est Lorem
+                        ipsum dolor sit amet.</p>
+
+                </div>
+                <!-- <div class="col-sm-1 p-1" style="height:0px;padding-top:0px !important;padding-bottom:0px !important;">
+                </div> -->
+            </div>
+            <div class="row">
+                <!-- <div class="col-sm-1 p-1" style="height:0px;padding-top:0px !important;padding-bottom:0px !important;">
+                </div> -->
+                <div class="col-sm-6 p-6 ">
+                    <h4>&bullet; Insight</h4>
+                    <p>Image</p>
+
+                </div>
+                <div class="col-sm-6 p-6">
+                    <p>&bullet; Eric Duminil</p>
+                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
+                        tempor invidunt
+                        ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam
+                        et justo duo
+                        dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
+                        ipsum dolor
+                        sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
+                        eirmod tempor
+                        invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et
+                        accusam et
+                        justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
+                        est Lorem
+                        ipsum dolor sit amet.</p>
+
+                </div>
+                <!-- <div class="col-sm-1 p-1" style="height:0px;padding-top:0px !important;padding-bottom:0px !important;">
+                </div> -->
+            </div>
+            <div class="row">
+                <!-- <div class="col-sm-1 p-1" style="height:0px;padding-top:0px !important;padding-bottom:0px !important;">
+                </div> -->
+                <div class="col-sm-6 p-6 ">
+                    <h4>&bullet; Insight</h4>
+                    <p>Image</p>
+
+                </div>
+                <div class="col-sm-6 p-6">
+                    <p>&bullet; Eric Duminil</p>
+                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
+                        eirmod
+                        tempor invidunt
+                        ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos
+                        et accusam
+                        et justo duo
+                        dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
+                        est Lorem
+                        ipsum dolor
+                        sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
+                        diam nonumy
+                        eirmod tempor
+                        invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
+                        vero eos et
+                        accusam et
+                        justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
+                        takimata sanctus
+                        est Lorem
+                        ipsum dolor sit amet.</p>
+
+                </div>
+                <!-- <div class="col-sm-1 p-1" style="height:0px;padding-top:0px !important;padding-bottom:0px !important;">
+                </div> -->
             </div>
         </div>
+
     </div>
-    <footer class="footer">
+    <!-- <footer class="footer">
         <div class="row">
             <div class="column">
                 <h2><a href="../projekt.html">Über das Projekt</a></h2>
@@ -45,7 +160,7 @@
             </div>
         </div>
 
-    </footer>
+    </footer> -->
 </body>
 
 </html>
\ No newline at end of file