diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 21 |
1 files changed, 12 insertions, 9 deletions
@@ -54,17 +54,20 @@ </div> </div> </div> - <div style="display: block; margin:auto; position: relative; padding-bottom: 42.2005571%; height: 0; overflow: hidden; width: 100%; height: auto;"> - <iframe style="position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%;" width="718" height="303" src="https://www.youtube-nocookie.com/embed/gusAH25c5Zk" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> - </div> <div class="w3-row-padding w3-padding-64 w3-container"> <div class="w3-content"> <h1>Was erwartet dich auf dem Campus?</h1> - <div class="w3-padding-32 w3-text mcfont"> + <div class="w3-padding-64 w3-third w3-center"> + <div style="display: block; margin:auto; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; height: auto;" class="w3-half"> + <iframe style="position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%;" width="718" height="303" src="https://www.youtube-nocookie.com/embed/gusAH25c5Zk" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> + </div> + </div> + <div class="w3-twothird"> + <div class="w3-padding-32 w3-text mcfont" style="margin-left:5%"> <ol> <li>Erkunde den Campus anhand der Live-Karte (oben verlinkt) und vergleiche ihn mit der Realität (ich empfehle google maps).</li> <li>Erfahre mehr über die Gebäude auf dem Campus - an einigen finden sich kleine Texte mit Hintergründen.</li> @@ -73,7 +76,7 @@ </ol> </div> - + </div> </div> </div> <figure style="margin:0;"> |