Hinweis:
Zur Verwendung des Codes bitte den nachfolgenden Code komplett markieren und in die Textfeld-Aktivität einfügen.
<div class="container-fluid">
<div class="row">
<div class="col-md-6 d-flex">
<div class="card flex-fill d-flex flex-column">
<img src="https://lehrportal.uni-kassel.de/pluginfile.php/9744/mod_label/intro/sdg-image-01-data.png" alt="SDG 1: Keine Armut" width="877" height="879" class="img-fluid atto_image_button_text-bottom">
<div class="card-block">
<br>
<h4><strong> Titel1</strong> <br>
</h4>
<h5> Inhalt</h5>
<p></p>
<p class="card-text" style="text-align: center;">
</p>
<p>
<a href="" class="btn btn-block btn-primary" target="_blank" type="button">Weitere Informationen</a>
</p>
</div>
</div>
</div>
<div class="col-md-6 d-flex">
<div class="card flex-fill d-flex flex-column">
<img src="https://lehrportal.uni-kassel.de/pluginfile.php/9744/mod_label/intro/sdg-image-02.png" alt="SDG 2: Kein Hunger" width="877" height="879" class="img-fluid atto_image_button_text-bottom">
<div class="card-block">
<br>
<h4><strong> Titel2</strong> <br></h4>
<h5><strong> </strong>Inhalt</h5>
<p></p>
<p class="card-text" style="text-align: center;"></p>
<p>
<a href="" class="btn btn-block btn-primary" target="_blank" type="button">Weitere Informationen</a>
</p>
</div>
</div>
</div>
</div>
</div>
Hierzu klicken, um den Bootstrap-Code für Zwei Karten anzuzeigen.