Demo: Unterschied zwischen den Versionen

Version vom 3. März 2021, 21:46 Uhr

Hier kommt eine wichtige Passage

Hier kommt irgendein Text hinein

Ich bin der Beste!

Gerald (Eigenlob)

Beschreibung

Normaler Text wird so dargestellt, wie du ihn eingibst. Mit einer Leerzeile

(zwei aufeinanderfolgende Umbrüche) erzeugst du einen neuen Absatz. Ein erzwungener Zeilenumbruch
sollte normalerweise vermieden werden – lieber eine Zeile freilassen und einen neuen Absatz beginnen.

kursiv fett fett und kursiv Text ^hochgestellt Text _tiefgestellt

Überschriften (überspringe Ebene 1, sie ist die Ebene des Seitentitels)

Überschrift Ebene 2[Bearbeiten]

Überschrift Ebene 3[Bearbeiten]

Überschrift Ebene 4[Bearbeiten]

Aufzählungslisten:

eins
zwei
- zwei-eins
- zwei-zwei
drei

neue Liste!
- Unterpunkt der neuen Liste

Aufzählung mit Definition
Beschreibungszeile ohne Aufzählungszeichen

Nummerierte Listen:

eins
zwei
1. zwei-eins
2. zwei-zwei
drei

Wikimarkup außer Kraft setzen: keine [[Wiki]]''formatierung''

Kannst du auch im Fachwissen nachlesen! ^[1] oder so als Weblink: Fachwissen

Das ist ein Infotext

HilfeseiteSiehe auch Kapitel "Hilfe"

Dieses Grundlagenwissen ermöglicht dir eine stufenübergreifende Sichtweise auf verschiedene "Querschnittsthemen". Die einzelnen Kapitel sollen dir helfen, dich selbst mit den Themen zu beschäftigen, die für deine Tätigkeit als LeiterIn wichtig sind, und dadurch selbständig lernen zu können. Darüber hinaus dienen sie auch als Arbeitsunterlage für Seminareinheiten.

↑ Fachwissen;

 <a class="flipcard col-xl-3 col-sm-6" target="_blank" href="https://www.ppoe.at">

WiWö

Nice short content.

 </a>

 <a class="flipcard col-xl-3 col-sm-6" target="_blank" href="https://www.ppoe.at">

       <img src="box.png" style="width:250px;height:250px;">

Nice short content.

 </a>
 
   <a class="flipcard col-xl-3 col-sm-6" target="_blank" href="https://www.ppoe.at">

       <img src="box.png" style="width:250px;height:250px;">

Nice short content.

 </a>
 
 <a class="flipcard col-xl-3 col-sm-6" href="#">

flipcard With Longer Content

Longer but fully supported content.

 </a>

GuSp

[1] Fachwissen;

[1]

@@ Zeile 62: / Zeile 62: @@
 <templatestyles src="Demo/styles.css" />
-<div class="flip-card">
+<div class="container">
-   <div class="flip-card-inner">
+   <div class="row">
-     <div class="flip-card-front">
-       <p>Vorderseite</p>
+  <a class="flipcard col-xl-3 col-sm-6" target="_blank" href="https://www.ppoe.at">
+     <div class="flipcard-body">
+      <div class="flipcard-front" style="background-color:#888;">
+        <h3>WiWö</h3>
+      </div>
+       <p class="flipcard-back">
+        Nice short content.
+      </p>
      </div>
-     <div class="flip-card-back">
+  </a>
-       <h1>John Doe</h1>
-       <p>Architect & Engineer</p>
+  <a class="flipcard col-xl-3 col-sm-6" target="_blank" href="https://www.ppoe.at">
-       <p>We love that guy</p>
+     <div class="flipcard-body">
+      <div class="flipcard-front">
+        <img src="box.png" style="width:250px;height:250px;">
+      </div>
+      <p class="flipcard-back">
+        Nice short content.
+       </p>
+    </div>
+  </a>
+    <a class="flipcard col-xl-3 col-sm-6" target="_blank" href="https://www.ppoe.at">
+    <div class="flipcard-body">
+      <div class="flipcard-front">
+        <img src="box.png" style="width:250px;height:250px;">
+      </div>
+       <p class="flipcard-back">
+        Nice short content.
+      </p>
+    </div>
+  </a>
+  <a class="flipcard col-xl-3 col-sm-6" href="#">
+    <div class="flipcard-body">
+      <h2 class="flipcard-front">
+        flipcard With Longer Content
+      </h2>
+       <p class="flipcard-back">
+        Longer but fully supported content.
+      </p>
      </div>
+  </a>
    </div>
 </div>
 GuSp