<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://international.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/cloud-instances/int/images/hero.svg" 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/cloud-instances/int/images/advantages.svg" 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/cloud-instances/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/cloud-instances/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/cloud-instances/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/cloud-instances/int/images/advantage_1.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>
</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/cloud-instances/int/images/advantage_2.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/cloud-instances/int/images/advantage_3.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://blog.hpi-schul-cloud.de/erste-schritte-datenschutz">Mehr erfahren <i class="fa fa-angle-double-right font-weight-bold"></i></a></link>
</div>
</div>
</div>