KV Redaktion - HTML Cheat Sheet

kv-redaktion-html-cheat-sheet.html

<!-- Überschriften -->

<h1>1. Überschrift</h1>
<h2>2. Überschrift</h2>
<h3>3. Überschrift</h3>
<h4>4. Überschrift</h4>
<h5>5. Überschrift</h5>
<h6>6. Überschrift</h6>



<!-- AUTOR -->

<p class="autor">Text: Vorname Nachname</p>



<!-- Text -->

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi porro voluptatibus odio fugiat cupiditate ipsa obcaecati expedita maiores officia aut dolorum a, ea, optio nisi illo dolore ipsam tempore dicta.</p>

<p><strong>Lorem ipsum</strong> dolor sit amet, consectetur adipisicing elit. Modi porro voluptatibus odio fugiat cupiditate ipsa obcaecati expedita maiores officia aut dolorum a, ea, optio nisi illo dolore ipsam tempore dicta.</p>

<p><italic>Lorem ipsum</italic> dolor sit amet, consectetur adipisicing elit. Modi porro voluptatibus odio fugiat cupiditate ipsa obcaecati expedita maiores officia aut dolorum a, ea, optio nisi illo dolore ipsam tempore dicta.</p>

<p><a href="http://example.com">Lorem ipsum</a> dolor sit amet, consectetur adipisicing elit. Modi porro voluptatibus odio fugiat cupiditate ipsa obcaecati expedita maiores officia aut dolorum a, ea, optio nisi illo dolore ipsam tempore dicta.</p>



<!-- Bild -->

<img src="https://placeholdit.imgix.net/~text?txtsize=33&amp;txt=350%C3%97150&amp;w=350&amp;h=150" class="img-responsive">



<!-- Weiterlesen -->

<hr id="system-readmore" />



<!-- Teaser + Artikel -->

<h1>Lorem ipsum</h1>

<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>

<hr id="system-readmore" />

<h1>Lorem ipsum dolor sit amet</h1>

<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>



<!-- 2-Spalten-Text -->

<div class="row">
    <div class="col-md-6">
        <p>Wie das laute Summen eines Bienenschwarms klingen die Motoren historischer Rennboliden, wenn sie auf dem Nürburgring über die Gerade hetzen: Ohne Traktionskontrolle, ESP und sonstige elektronische Helferlein fordern die historischen Fahrzeuge den Fahrern alles ab. Und nicht nur die historischen Fahrzeuge sind eine Herausforderung, auch das unstetige Wetter am Nürburgring mit Sonne, Regen und Nebel verlangt allen Rennbeteiligten alles ab.</p>
    </div>
    <div class="col-md-6">
        <p>Spannung pur – das ist der AvD-Oldtimer-Grand-Prix (OGP). Am 10. August 1973 startete er als das erste „Internationale Historische Rennen“ auf dem Nürburgring. Gemeinsame Veranstalter waren damals der Automobilclub von Deutschland (AvD), der Club Historischer Renn- und Sportfahrzeuge Nürburgring (CHRSN) und der Hesse Motor Sport Club Wiesbaden (HMSC).</p>
    </div>
</div>



<!-- 3-Spalten-Text -->

<div class="row">
    <div class="col-md-4">
        <p>Wie das laute Summen eines Bienenschwarms klingen die Motoren historischer Rennboliden, wenn sie auf dem Nürburgring über die Gerade hetzen: Ohne Traktionskontrolle, ESP und sonstige elektronische Helferlein fordern die historischen Fahrzeuge den Fahrern alles ab.</p>
    </div>
    <div class="col-md-4">
        <p>Und nicht nur die historischen Fahrzeuge sind eine Herausforderung, auch das unstetige Wetter am Nürburgring mit Sonne, Regen und Nebel verlangt allen Rennbeteiligten alles ab. Spannung pur – das ist der AvD-Oldtimer-Grand-Prix (OGP).</p>
    </div>
    <div class="col-md-4">
        <p>Am 10. August 1973 startete er als das erste „Internationale Historische Rennen“ auf dem Nürburgring. Gemeinsame Veranstalter waren damals der Automobilclub von Deutschland (AvD), der Club Historischer Renn- und Sportfahrzeuge Nürburgring (CHRSN) und der Hesse Motor Sport Club Wiesbaden (HMSC).</p>
    </div>
</div>



<!-- 2-Spalten-Bild-Text -->

<div class="row">
    <div class="col-md-6">
        <p><img src="https://placeholdit.imgix.net/~text?txtsize=33&amp;txt=700x300&amp;w=700&amp;h=300" class="img-responsive" alt=""/></p>
    </div>
    <div class="col-md-6">
        <p>Wie das laute Summen eines Bienenschwarms klingen die Motoren historischer Rennboliden, wenn sie auf dem Nürburgring über die Gerade hetzen: Ohne Traktionskontrolle, ESP und sonstige elektronische Helferlein fordern die historischen Fahrzeuge den Fahrern alles ab. Und nicht nur die historischen Fahrzeuge sind eine Herausforderung, auch das unstetige Wetter am Nürburgring mit Sonne, Regen und Nebel verlangt allen Rennbeteiligten alles ab. Spannung pur – das ist der AvD-Oldtimer-Grand-Prix (OGP). Am 10. August 1973 startete er als das erste „Internationale Historische Rennen“ auf dem Nürburgring. Gemeinsame Veranstalter waren damals der Automobilclub von Deutschland (AvD), der Club Historischer Renn- und Sportfahrzeuge Nürburgring (CHRSN) und der Hesse Motor Sport Club Wiesbaden (HMSC).</p>
    </div>
</div>



<!-- 2-Spalten-Text-Bild -->

<div class="row">
    <div class="col-md-6">
        <p>Wie das laute Summen eines Bienenschwarms klingen die Motoren historischer Rennboliden, wenn sie auf dem Nürburgring über die Gerade hetzen: Ohne Traktionskontrolle, ESP und sonstige elektronische Helferlein fordern die historischen Fahrzeuge den Fahrern alles ab. Und nicht nur die historischen Fahrzeuge sind eine Herausforderung, auch das unstetige Wetter am Nürburgring mit Sonne, Regen und Nebel verlangt allen Rennbeteiligten alles ab. Spannung pur – das ist der AvD-Oldtimer-Grand-Prix (OGP). Am 10. August 1973 startete er als das erste „Internationale Historische Rennen“ auf dem Nürburgring. Gemeinsame Veranstalter waren damals der Automobilclub von Deutschland (AvD), der Club Historischer Renn- und Sportfahrzeuge Nürburgring (CHRSN) und der Hesse Motor Sport Club Wiesbaden (HMSC).</p>
    </div>
    <div class="col-md-6">
        <p><img src="https://placeholdit.imgix.net/~text?txtsize=33&amp;txt=700x300&amp;w=700&amp;h=300" class="img-responsive" alt=""/></p>
    </div>
</div>



<!-- 3-Spalten-Bilder -->

<div class="row">
    <div class="col-md-4">
        <p><img src="https://placeholdit.imgix.net/~text?txtsize=33&amp;txt=700x300&amp;w=700&amp;h=300" class="img-responsive" alt=""/></p>
    </div>
    <div class="col-md-4">
        <p><img src="https://placeholdit.imgix.net/~text?txtsize=33&amp;txt=700x300&amp;w=700&amp;h=300" class="img-responsive" alt=""/></p>
    </div>
    <div class="col-md-4">
        <p><img src="https://placeholdit.imgix.net/~text?txtsize=33&amp;txt=700x300&amp;w=700&amp;h=300" class="img-responsive" alt=""/></p>
    </div>
</div>



<!-- Tabelle (7-spaltig) -->

<div class="table-responsive">
    <table class="table">
        <thead>
            <tr>
                <th>#</th>
                <th>Table heading</th>
                <th>Table heading</th>
                <th>Table heading</th>
                <th>Table heading</th>
                <th>Table heading</th>
                <th>Table heading</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th scope="row">1</th>
                <td>Table cell</td>
                <td>Table cell</td>
                <td>Table cell</td>
                <td>Table cell</td>
                <td>Table cell</td>
                <td>Table cell</td>
            </tr>
            <tr>
                <th scope="row">2</th>
                <td>Table cell</td>
                <td>Table cell</td>
                <td>Table cell</td>
                <td>Table cell</td>
                <td>Table cell</td>
                <td>Table cell</td>
            </tr>
            <tr>
                <th scope="row">3</th>
                <td>Table cell</td>
                <td>Table cell</td>
                <td>Table cell</td>
                <td>Table cell</td>
                <td>Table cell</td>
                <td>Table cell</td>
            </tr>
        </tbody>
    </table>
</div>



<!-- 2-Spalten-Text (4/8) -->

<div class="row">
    <div class="col-md-4">
        <p>Wie das laute Summen eines Bienenschwarms klingen die Motoren historischer Rennboliden, wenn sie auf dem Nürburgring über die Gerade hetzen: Ohne Traktionskontrolle, ESP und sonstige elektronische Helferlein fordern die historischen Fahrzeuge den Fahrern alles ab.</p>
    </div>
    <div class="col-md-8">
        <p>Und nicht nur die historischen Fahrzeuge sind eine Herausforderung, auch das unstetige Wetter am Nürburgring mit Sonne, Regen und Nebel verlangt allen Rennbeteiligten alles ab. Spannung pur – das ist der AvD-Oldtimer-Grand-Prix (OGP).</p>
    </div>
</div>

I am looking for reliable person. who leads a healthy lifestyle. I want him to share my interests about gym and spending time actively. And of course I am looking for the man with a good sense of humor!