An error occurred while loading the file. Please try again.
00_intro.html 9.03 KiB
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- <meta name="generator" content="GitLab Pages"> -->
    <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" 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 style="width:100%;"><span style="text-align:left;"><a href="../index.html">&bullet;</a></span><span
                    style="text-align:right; float:right; margin-right:1em;">INTRO</span>
            </h1>
        </div>
        <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; Heading 01</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 ">
                    <img src="Ch_Images/221116_Grafik_01.png" style="width: 95%; margin-left: 1em; margin-right: 1em;"
                        alt="Italian Trulli">
                </div>
                <div class="col-sm-6 p-6">
                    <p>&bullet; Heading 02</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.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.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </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 "> <img src="Ch_Images/221116_Insight-Beispiel.png" style=" width: 95%; margin-left: 1em; margin-right: 1em;" alt="Italian Trulli"> </div> <div class="col-sm-6 p-6"> <p>&bullet; Heading 03</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 "> </div> <div class="col-sm-6 p-6"> <p>&bullet; Heading 04</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"> <div class="row"> <div class="column"> <h2><a href="../projekt.html">Über das Projekt</a></h2> </div> <div class="column"> <h2><a href="../authorinfo.html">Autor:innen</a></h2> </div> <div class="column"> <h2><a href="../downloads.html">Downloads</a></h2> </div> <div class="column"> <h2><a href="https://www.hft-stuttgart.de/impressum">Impressum</a></h2> </div> </div> </footer> --> </body> </html>