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