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">• 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;">•</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>• 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>• Insight</h4>
+ <p>Image</p>
+
+ </div>
+ <div class="col-sm-6 p-6">
+ <p>• 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>• Insight</h4>
+ <p>Image</p>
+
+ </div>
+ <div class="col-sm-6 p-6">
+ <p>• 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>• Insight</h4>
+ <p>Image</p>
+
+ </div>
+ <div class="col-sm-6 p-6">
+ <p>• 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