landingpage.html

        <!-- content -->

        <div class="flex-container" style="align-items:flex-start">

            <div id="Textblock-startseite" class="text" style="flex-basis:600px">
                <div style="flex-grow: 1">
                    <p>
                    <h1>Als innovative Hochschule wollen wir den Wandel in der Gesellschaft zukunftsfähig und verantwortungsvoll mitgestalten.</h1>
                    <br/>
                    <h2>Unser Ziel ist die Beantwortung gesellschaftlich relevanter Zukunftsfragen.</h2>

                    Diese bearbeiten wir durch Forschungs-, Innovations- und Transferprojekte und entwickeln dabei anwendungsbezogene Lösungen.
                    Als Impulsgeber ermöglichen wir den Transfer innovativer Ideen, indem wir Kooperationen fördern und Räume für kreativen Austausch schaffen.
                    <br/>
                    Dabei verknüpfen wir unsere Expertise mit Partnern innerhalb und außerhalb der Region Stuttgart. Wir informieren und involvieren Interessierte und Beteiligte durch die unterschiedlichsten Events und Formate.
                    <br/>
                    <h2>Willst du dabei sein?</h2>

                    Dann findest du unter <span onclick="event.stopPropagation();hint_navbar('0')" ><i class="fas fa-chevron-right"></i> Informationen</span> mehr über unsere Expertise, Projekte, Publikationen und Lösungen.
                    <br/>
                    Erfahre mehr über unsere <span onclick="event.stopPropagation();hint_navbar('2')" ><i class="fas fa-chevron-right"></i> Events</span> und über die Möglichkeiten zur <span onclick="event.stopPropagation();hint_navbar('1')" ><i class="fas fa-chevron-right"></i> Zusammenarbeit</span>.
                    </p>
                </div>
            </div>


            <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" style="flex-basis: 50%" style="flex-grow: 1">
                <ol class="carousel-indicators">
                    <li data-target="#carouselExampleIndicators" data-slide-to="0"></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="1" class="active"></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                </ol>
                <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                    <i class="fas fa-chevron-left"></i>
                    <!--    <span class="carousel-control-prev-icon" aria-hidden="true"></span>-->
                    <span class="sr-only">Previous</span>
                </a>
                <div class="carousel-inner" role="listbox">
                    <div class="carousel-item">
                        <img class="d-block w-100" src="/images/3DModell_Wermelskirchen_Startseite.jpg" alt="First slide">
                        <div id="Bildunterschrift-slide1" class="Bildunterschrift">
                            <br>
                            <p><a href="/projectoverview?projectID=3" ><i class="fas fa-chevron-right"></i> AG Qualität zur Definition von 3D-Stadtmodellen</a></p>&emsp;
                        </div>
                    </div>
                    <div class="carousel-item active">
                        <img class="d-block w-100" src="/images/M4_LAB_Vision.gif" alt="Second slide">
                        <div id="Bildunterschrift-slide2" class="Bildunterschrift">
                            <br>
                            <p><a href="/projectoverview?projectID=1" ><i class="fas fa-chevron-right"></i> Innovationslabor M4_LAB</a></p>&emsp;
                        </div>
                    </div>
                    <div class="carousel-item">
                        <img class="d-block w-100" src="/images/SmartPollen_Projekt/SmartPollenM2GIF.gif" alt="Third slide">
                        <div id="Bildunterschrift-slide3" class="Bildunterschrift">
                            <br>
                            <p><a href="/projectoverview?projectID=2" ><i class="fas fa-chevron-right"></i> Studierendenprojekt Smart-Pollen</a></p>&emsp;
                        </div>
                    </div>
                </div>
                <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                    <i class="fas fa-chevron-right"></i>
                    <!--    <span class="carousel-control-next-icon" aria-hidden="true"></span>-->
                    <span class="sr-only">Next</span>
                </a>
            </div>

        </div>