<div class="container">
                <div class="row section-landing flex-container">
                    <div class="col-sm-6">
                        <div class="pull-left">
                            <h6 class="font-weight-bold">HPI Schul-Cloud International</h6>
                            <h1 class="mb-3">Lernen global vernetzt<br/>– digital unterstützt</h1>
                            <a class="btn btn-primary mb-3 mb-md-0 hidden-sm-down" href="https://blog.hpi-schul-cloud.de/community">Jetzt registrieren</a>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="text-xs-center text-md-right">
                           <img class="mb-3 mb-md-0" src="https://s3.hidrive.strato.com/schul-cloud-hpi/default/images/desk_img.jpg" alt="HPI/D. Lässig" />
                        </div>
                    </div>
                </div>
            </div>

            <div class="container">
                <h2 class="mb-3 section-heading">Das macht die HPI Schul-Cloud International aus</h2>
                <div class="row section flex-container section-landing">
                    <div class="col-sm-12 col-md-6">
                        <img class="mb-3 mb-md-0" src="https://s3.hidrive.strato.com/schul-cloud-hpi/default/images/product.png" alt="">
                    </div>
                    <div class="col-sm-12 col-md-6">
                        <div class="pull-right">
                            <div class="flex-container mb-1">
                                <img class="check" src="https://s3.hidrive.strato.com/schul-cloud-hpi/default/images/check-icon-1.svg">
                                <p class="ml-1 teaser">Gemeinsam lernen in digitalen Räumen</p>
                            </div>
                            <div class="flex-container mb-1">
                                <img class="check" src="https://s3.hidrive.strato.com/schul-cloud-hpi/default/images/check-icon-1.svg">
                                <p class="ml-1 teaser">Lernmaterial, Videokonferenzen, Aufgaben, Chat und mehr</p>
                            </div>
                            <div class="flex-container mb-1">
                                <img class="check" src="https://s3.hidrive.strato.com/schul-cloud-hpi/default/images/check-icon-1.svg">
                                <p class="ml-1 teaser">Kostenlos für alle Schulen</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="container">
                <h2 class="mb-3 section-heading">Vorteile der HPI Schul-Cloud International</h2>

                <div class="row flex-container mb-3">
                    <div class="col-sm-12 col-md-4 text-xs-center">
                        <img class="mb-3 mb-md-0 section-img" src="https://s3.hidrive.strato.com/schul-cloud-hpi/default/images/people-landing.svg" alt="">
                    </div>
                    <div class="col-sm-12 col-md-8">
                        <h5 class="heading font-weight-bold ">Gemeinsam mit und für Schulen entwickelt.</h5>
                        <p class="mb-2">Die HPI Schul-Cloud International ist auf das optimiert, was Lehrkräfte und Schülerschaft brauchen und kann mit Lernangeboten vieler Anbieter verbunden werden. Gemeinsam mit unseren Nutzer:innen und zahlreichen Partnern in der deutschen Bildungslandschaft entwickeln wir uns weiter!</p>
                        <link><a class="font-weight-bold" href="https://blog.hpi-schul-cloud.de/about">Mehr erfahren <i class="fa fa-angle-double-right font-weight-bold"></i></a></link>
                    </div>
                </div>

                <div class="row flex-container mb-3">
                    <div class="col-md-4 push-md-8">
                        <div class="text-xs-center text-md-right">
                            <img class="mb-3 mb-md-0 section-img" src="https://s3.hidrive.strato.com/schul-cloud-hpi/default/images/computer-landing.svg" alt="">
                        </div>
                    </div>
                    <div class="col-md-8 pull-md-4">
                        <h5 class="heading font-weight-bold ">Einfach in der Anwendung –   jederzeit und überall</h5>
                        <p class="mb-2">Die HPI Schul-Cloud International ist sicher, transparent und kann ohne lange Einarbeitung genutzt werden – zeitunabhängig und mit dem eigenen Handy, Tablet oder Computer.</p>
                    </div>
                </div>

                <div class="row flex-container mb-3">
                    <div class="col-sm-12 col-md-4 text-xs-center">
                        <img class="mb-3 mb-md-0 section-img" src="https://s3.hidrive.strato.com/schul-cloud-hpi/default/images/cloud-landing.svg" alt="">
                    </div>
                    <div class="col-sm-12 col-md-8">
                        <h5 class="heading font-weight-bold ">Datenschutzkonform und sicher</h5>
                        <p class="mb-2">Die HPI Schul-Cloud International wird in und für Deutschland entwickelt. Datenschutzkonformer Zugriff auf Lernsoftware, sowie Datensouveränität, sind gesichert.</p>
                        <link><a class="font-weight-bold" href="https://schul-cloud.org/mint-ec/06-datenschutz-und-urheberrecht">Mehr erfahren <i class="fa fa-angle-double-right font-weight-bold"></i></a></link>
                    </div>
                </div>

                <div class="row flex-container mb-3">
                    <div class="col-md-4 push-md-8">
                        <div class="text-xs-center text-md-right">
                            <img class="mb-3 mb-md-0 section-img" src="https://s3.hidrive.strato.com/schul-cloud-hpi/default/images/hands-landing.svg" alt="">
                        </div>
                    </div>
                    <div class="col-md-8 pull-md-4">
                        <h5 class="heading font-weight-bold">Digitale Bildung partnerschaftlich gestalten </h5>
                        <p class="mb-2"> Gemeinsam mit unseren starken Partnern, den Deutschen Auslandsschulen, gefördert durch das Auswärtige Amt, wird die HPI Schul-Cloud International weiterentwickelt.</p>
                        <link><a class="font-weight-bold" href="https://blog.hpi-schul-cloud.de/about">Mehr erfahren <i class="fa fa-angle-double-right font-weight-bold"></i></a></link>
                    </div>
                </div>

                <section class="section section-tilt">
                    <div class="container container-content content-width-max">
                        <div style="text-align: center;">
                            <h2 class="h3 section-title center" style="max-width: 28ch; margin: 0 auto;">
                                Newsletter abonnieren und keine Neuigkeiten mehr verpassen
                            </h2>
                            <a href="https://hpi.de/open-campus/registrierung/hpi-schul-cloud-newsletter/" target="_blank" class="btn btn-outline btn-white-outlined mt-2">
                                Jetzt abonnieren
                            </a>
                        </div>
                    </div>
                </section>

                <section class="section section-tilt accent">
                    <div class="container container-content content-width-max">
                        <div style="text-align: center;">
                            <h2 class="h3 section-title center">
                                Projektpartner
                            </h2>
                            <div class="partners row">
                                <a class="col-sm py-1" href="https://hpi.de/open-campus/hpi-initiativen/schulcloud.html" target="_blank" rel="noopener">
                                    <img src="https://schul-cloud-hpi.s3.hidrive.strato.com/images/partner/hpi-logo.jpg" alt="Logo HPI" class="partner">
                                </a>
                                <a class="col-sm py-1" href="https://www.mint-ec.de/" target="_blank" rel="noopener">
                                    <img src="https://schul-cloud-hpi.s3.hidrive.strato.com/default/images/partner/mintec-logo.jpg" alt="Logo MINT-EC" class="partner">
                                </a>
                                <a class="col-sm py-1" href="https://www.bmbf.de/" target="_blank" rel="noopener">
                                    <img src="https://schul-cloud-hpi.s3.hidrive.strato.com/default/images/partner/bmbf-logo.jpg" alt="Logo BMBF" class="partner">
                                </a>
                            </div>
                            <div class="partners row">
                                <a class="col-sm py-1" href="https://edu-sharing.com/" target="_blank" rel="noopener">
                                    <img src="https://s3.hidrive.strato.com/schul-cloud-hpi/default/images/logo-edu-sharing-network-bunt.svg" alt="Logo HPI" class="partner">
                                </a>
                                <a class="col-sm py-1" href="https://wirlernenonline.de/" target="_blank" rel="noopener">
                                    <img src="https://s3.hidrive.strato.com/schul-cloud-hpi/default/images/WLO-03.png" alt="Logo MINT-EC" class="partner">
                                </a>
                                <a class="col-sm py-1" href="https://www.wikimedia.de/" target="_blank" rel="noopener">
                                    <img src="https://s3.hidrive.strato.com/schul-cloud-hpi/default/images/WMDE_Logo_vertikal_black.png" alt="Logo BMBF" class="partner">
                                </a>
                            </div>
                        </div>
                    </div>
                </section>
            </div>