Gesuchsvorlage

Shorter Main Title

Subtitle if you want to

---

Who are you?

Name Alter Job Fact

"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."

"I would love to be a quote. I really would"

Who am I?

Name Alter Fakt Fakt Fakt

Micajah ist der älteste Sohn einer Traditionsreichen Familie des Ordens. Er mag vielleicht generell einer der entspannteren Lehrer sein, das hindert ihn aber nicht daran in seinem Training Disziplin zu fordern. Er

"I could be a quote too"

the story continues

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.

Code:

<div class="gesuchcont">
    <div class="gesuch_title">Shorter Main Title</div>
    <div class="gesuch_subtitle"> Subtitle if you want to</div>

    <hr>

    <div class="gesuch_h">Who are you?</div>
    <div class="gesuch_char">
      <div class="gesuch_facts"><span>Name</span> <span>Alter</span> <span>Job</span> <span>Fact</span></div>
      <div class="gesuch_gesuch">
        <div class="gesuch_img"><img src="https://via.placeholder.com/185x280">

        </div>
        <div class="gesuch_text">"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."
        </div>
      </div>
    </div>

    <div class="gesuch_quote">"I would love to be a quote. I really would"</div>

    <div class="gesuch_h">Who am I? </div>
    <div class="gesuch_char">
      <div class="gesuch_facts"><span>Name</span> <span>Alter</span> <span>Fakt</span> <span>Fakt</span> <span>Fakt</span>
      </div>
      <div class="gesuch_gesuch">
        <div class="gesuch_text">Micajah ist der älteste Sohn einer Traditionsreichen Familie des Ordens. Er mag vielleicht generell einer der entspannteren Lehrer sein, das hindert ihn aber nicht daran in seinem Training Disziplin zu fordern. Er
        </div>
        <div class="gesuch_img"><img src="https://via.placeholder.com/185x280"></div>
      </div>
    </div>

    <div class="gesuch_quote">"I could be a quote too"</div>

    <div class="gesuch_h">the story continues</div>
    <div class="gesuch_char">
   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.
    </div>


  </div>

Erklärung zum Code

Ähnlich wie schon der Steckbrief ist hier alles Modular.
Du kannst natürlich einfach den Code oben so nehmen wie er ist. Der funktioniert, versprochen!

im Containter "gesuch3" kannst du soviele Fakten hinterlegen wie du magst. Von Avatarperson, Alter, Name Gesuchstatus, bis wissen wir auch nicht so ganz steht dir alles offen. (Wenn da mehr Tags sind, als Gesuchstext, dann fragen wir vlt aber nochmal nach ) Sie stehen zwischen span tags. Das heißt, wenn du mehr brauch kopiere einfach folgenden Code sooft du ihn brauchst in dein Gesuch.

Code:

<span></span>

Irgendwelche Betonungen im text kannst du mit b machen, der Unterschied ist nicht sehr groß

Code:

<b></b>

Die Bildgröße ist B: 185px und H:280px;

Für die Mutigen unter euch

Der komplette code ist innerhalb des divs

Code:

<div class="gesuchcont"> Hier steht der Rest des Gesuches </div>

Das ist ein Modul Mit Bild Links

Code:

<div class="gesuch_h">Who are you?</div>
    <div class="gesuch_char">
      <div class="gesuch_facts"><span>Name</span> <span>Alter</span> <span>Job</span> <span>Fact</span></div>
      <div class="gesuch_gesuch">
        <div class="gesuch_img"><img src="https://via.placeholder.com/185x280">

        </div>
        <div class="gesuch_text">"EUER TEXT"
        </div>
      </div>
    </div>

Das ist der Baustein für Bild Rexts

Code:

<div class="gesuch_h">Who am I? </div>
    <div class="gesuch_char">
      <div class="gesuch_facts"><span>Name</span> <span>Alter</span> <span>Fakt</span> <span>Fakt</span> <span>Fakt</span>
      </div>
      <div class="gesuch_gesuch">
        <div class="gesuch_text">Hier steht euer Gesuchstext
        </div>
        <div class="gesuch_img"><img src="https://via.placeholder.com/185x280"></div>
      </div>
    </div>

Ein Zitat steht hier

Code:

<div class="gesuch_quote">"I would love to be a quote. I really would"</div>

Und letztendlich das Modul ohne Bild.

Code:

<div class="gesuch_h">the story continues</div>
    <div class="gesuch_char">
   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.
    </div>

Wenn ihr ein Banner einfügen wollt, dann nehmt das letzte modul und fügt unter

Code:

<div class="gesuch_h">the story continues</div>

das Bild ein.