7.2.2.1 Personenprofile

[gesichtete Version]

Version vom 17. Oktober 2023, 11:14 Uhr

Werden Lehrende oder andere Beteiligte an Kursen vorgestellt, wird diese Darstellung empfohlen:

Snippet

<div class="card-deck" style="text-align: center; margin: 0;" width="100%">
    <div class="card">
        <div><img src="$BildURL" alt="$AltText" role="presentation" class="img-responsive atto_image_button_text-bottom" style="padding-top: 30px" width="240" height="240"></div>
        <div class="card-body">
            <h4 class="card-title">$Name</h4>
            <p class="card-text" style="text-align: left;">$BeschreibungETC</p>
        </div>
    </div>
</div>
<p><br></p>

@@ Zeile 3: / Zeile 3: @@
 == Snippet ==
 <syntaxhighlight lang="html" line>
-<h4>$NAME</h4>
+<div class="card-deck" style="text-align: center; margin: 0;" width="100%">
-<div class="container-fluid">
+    <div class="card">
-	<div class="row">
+        <div><img src="$BildURL" alt="$AltText" role="presentation" class="img-responsive atto_image_button_text-bottom" style="padding-top: 30px" width="240" height="240"></div>
-		<div class="col-md-8 pl-0">
+        <div class="card-body">
-			<p>$Beschreibung</p>
+            <h4 class="card-title">$Name</h4>
-			<p>$ggfKontaktdaten</p>
+            <p class="card-text" style="text-align: left;">$BeschreibungETC</p>
-		</div>
+        </div>
-		<div class="col-md-4">
+    </div>
-			<img src="$BildURL" alt="Anja Lorenz" width="270" height="270" class="img-responsive atto_image_button_text-bottom img-circle">
+</div>
-		</div>
+<p><br></p>
-	</div>
-</div>
 </syntaxhighlight>