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-4 d-flex">
<div class="card flex-fill d-flex flex-column">
<img src="https://lehrportal.uni-kassel.de/pluginfile.php/17730/mod_label/intro/sdg-image-03.png" alt="SDG 3: Gesundheit und Wohlergehen" class="img-responsive atto_image_button_text-bottom" width="574" height="574">
<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-4 d-flex">
<div class="card flex-fill d-flex flex-column">
<img src="https://lehrportal.uni-kassel.de/pluginfile.php/17730/mod_label/intro/sdg-image-04.png" alt="SDG 4: Hochwertige Bildung" class="img-responsive atto_image_button_text-bottom" width="574" height="574">
<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 class="col-md-4 d-flex">
<div class="card flex-fill d-flex flex-column">
<img src="https://lehrportal.uni-kassel.de/pluginfile.php/17730/mod_label/intro/sdg-image-05.png" alt="SDG 5: Geschlechtergleichheit" class="img-responsive atto_image_button_text-bottom" width="574" height="574">
<div class="card-block">
<br>
<h4><strong> Titel3</strong></h4>
<h5> Inhalt</h5>
<p></p>
<p></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 Drei Karten anzuzeigen.