Dieses Forum nutzt Cookies
Dieses Forum verwendet Cookies, um deine Login-Informationen zu speichern, wenn du registriert bist, und deinen letzten Besuch, wenn du es nicht bist. Cookies sind kleine Textdokumente, die auf deinem Computer gespeichert sind; Die von diesem Forum gesetzten Cookies düfen nur auf dieser Website verwendet werden und stellen kein Sicherheitsrisiko dar. Cookies auf diesem Forum speichern auch die spezifischen Themen, die du gelesen hast und wann du zum letzten Mal gelesen hast. Bitte bestätige, ob du diese Cookies akzeptierst oder ablehnst.

Ein Cookie wird in deinem Browser unabhängig von der Wahl gespeichert, um zu verhindern, dass dir diese Frage erneut gestellt wird. Du kannst deine Cookie-Einstellungen jederzeit über den Link in der Fußzeile ändern.
Howdy Cowboy
Howdy Cowboy

Howdy Unbekannter! Was hat dich denn nach Montana in unser schönes Nest verschlagen? Ach, du wolltest nur mal vorbeischauen? Das Golden Lake freut sich immer über neue Cowboys in der Stadt! Also los, klopf den Staub von der Reise ab und guck dich doch hier mal ein bisschen um! Wir sind gespannt, was du uns für Geschichten zu erzählen hast. Du bist gar kein Cowboy? Na macht nichts, auch andere Reisende nehmen wir hier gerne bei uns auf! Falls du auf neumodischen Kram stehst, kannst du uns auch gerne mal in unserem Discord Channel besuchen. Wir freuen uns auf dich ♥

Reallife in Montana ‣ FSK 18 ‣ Szenentrennung ‣ Special Features

Most Wanted
Wanted Females

» Take my future stepbrother away, please! «
Zukünftige Stiefschwester als evtl. "Verbotene Frucht" Studentin? (frei wählbar) 26+ Jahre Karen Gillan, Eleanor Tomlinson

gesucht von: Ben Fernandez-Wilder

Most Wanted
Wanted Males

» You'll Never Be Alone «
Bruder Mechaniker 28 Jahre Chord Overstreet

gesucht von: Josephine Turner

Helping Hands
Zurzeit ist kein Teammitglied online!
Hier geht's zur Teamseite.
Forum News
Juni 2024 (mehr lesen)

Aussetzung der Blacklist & Umfrageergebnis.

Inplay Zeit
September - November 2016

Während in den ersten zwei September Wochen tagsüber noch weiter angenehme Temperaturen von ca. 25° Grad herrschen, wird es in der zweiten Monatshälfte ein wenig kühler. Der Sommer verabschiedet sich Stück für Stück und macht Platz für den Herbst, der mit milden Temperaturen (ca. 18 - 22° Grad) und leichten Regenfällen die Blätter allmählich bunt zu färben beginnt. Nachts kühlt es Ende September bereits auf 5° Grad ab.

Der Herbst nähert sich in großen Schritten. Im Oktober gehen die Temperaturen weiter nach unten, doch neben den 15 - 8° Grad, gibt es zwischendurch durchaus sonnige Herbsttage mit Höchsttemperaturen von 17° Grad. Nachts bleibt es kalt und Ende Oktober werden zum ersten Mal - 3° Grad in der Nacht gemessen.

Langsam werden die Temperaturen kälter und das Wetter ungemütlicher. Anfang November liegen die Durchschnittstemperatur noch bei 8 Grad. Mit jedem Tag sinkt das Thermometer weiter nach unten und Mitte des Monats setzt der erste Schneefall bei Tageswerten von -5 bis +1 Grad ein. So wie es aussieht gibt es auch dieses Jahr wieder einen Winter par excellence in Montana.

Plot News
Diverse User Plots

User Plot #1 - 100 Jahre Golden Oak Ranch // 02. - 04. September 2016
Vor 100 Jahren wurden die Grundmauern für die Golden Oak Ranch in der Kleinstadt Golden Lake gelegt und seither versorgt die Scott Familie die Anwohner mit frischem Getreide und leckerem Biofleisch. Den 100. Geburtstag nimmt die Familie zum Anlass ihre Pforten zu öffnen, sodass ein Wochenende lang hinter die Kulissen einer Großfamilie und das Leben und Arbeiten auf der Ranch geworfen werden kann.

Helping Hands
Zurzeit ist kein Teammitglied online!
Hier geht's zur Teamseite.
TOP




Information & Pattern
Suchen 19.12.2015, 20:12 Zitieren
Information & Pattern
Ihr wollt zu uns stoßen? Na, aber immer doch. Golden Lake freut sich immer über neue Stadtbewohner. Bevor es losgeht, findest du hier ein paar Informationen zu deinem Bewerbungsprozess und den möglichen Vorlagen.

Grundsätzlich steht es euch frei, welche Vorlage ihr für euren Bewerbungsvorgang benutzen wollt. Wir stellen euch unten zwar eine zur Verfügung, die muss von euch aber nicht zwingend benutzt werden. Hier findet ihr unter anderem eine hübsche Auswahl an möglichen Steckbrief-Codes.

Allerdings gibt es ein paar Punkte, die in euren Bewerbungstexten enthalten sein müssen. Bitte integriert folgende Punkt dementsprechend in eure Bewerbung. Natürlich steht euch frei, wie genau ihr diese Punkte in eurem Steckbrief anbringt. Das Team wird aber darauf achten, dass alle Punkt vollständig enthalten sind und euch gegebenenfalls bitten, diese entsprechend zu ergänzen!


Name
Nenne uns Deinen vollen Namen. Gibt es vielleicht einen Spitznamen?

Geburtsdatum und -ort
Wann und wo genau wurdest Du geboren? Verrate uns außerdem Dein aktuelles Alter.

Anschrift
Wohnst du in Golden Lake? Oder bist Du vielleicht nur ein Tourist auf der Durchreise? Nenne uns bitte Deine Anschrift. Solltest Du in Golden Lake wohnen entscheide Dich für eine Straße (Scott Street, Stone Street, Jardine Road, Riverside Street, Granite Street, Reamer Ranch, Little Trail Creek). Hier kommt ihr nochmal zur Straßen- / Stadtteilübersicht.

Ankunft in Golden Lake
Seit wann bist Du schon in der Stadt? Bist du erst kürzlich hergezogen oder doch schon seit Du denken kannst in Golden Lake? Gehörst Du vielleicht auch gar nicht hier her und bist nur für einen Ausflug hier?

Beruf
Bist Du schon berufstätig oder vielleicht doch noch Schüler. Egal ob in der Ausbildung, arbeitslos oder mit beiden Beinen im Job. Wir wollen es ganz genau wissen.

Status
Bist Du Single, in einer Beziehung, verheiratet oder verwitwet? Bist Du einfach jemand der gern alleine ist oder wirfst Du dich ständig jemandem an den Hals?

Familie
Stelle uns Deine Familie vor. Jeder, der in Deinem Leben eine Rolle spielt sollte hier aufgeführt werden. Auch das Alter, der Beruf und natürlich der Name sollten mit angegeben werden.

Charakter
Gib uns einen Einblick in Deinen Charakter. Zeige uns Deine Eigenarten und Macken. Erzähl uns was Dich liebenswürdig macht und was man an Dir schätzen kann oder warum man dich auch meiden sollte. Führe dabei mindestens fünf Stärken und fünf Schwächen auf.

Lebenslauf
Jeder hat eine Geschichte und sicher auch Dein Charakter. Gib uns einen Einblick in sein bisheriges Leben, damit wir ihn besser kennenlernen. (Möglich sind auch "Wusstest Du, dass..." - Sätze. Davon möchten wir mindestens zehn sehen.)

Member Group
Zu welcher Gruppe gehört Dein Charakter? Hier findest Du alle möglichen Gruppen. Jeder deiner Charaktere muss einer dieser Gruppen angehören. Solltest du da Probleme haben, wende dich einfach an das Team.

Charaktertext
Bitte gebe einen kurzen Charaktertext für unsere Einwohnerübersicht an (maximal 800 Zeichen, inkl. Leerzeichen).


Vorlagen für die einzelnen Straßen & Sonstiges:

Scott Street
Stone Street
Jardine Road
Riverside Street
Granite Street
Reamer Ranch
Little Trail Creek
Sonstiges

Suchen 29.02.2016, 10:14 Zitieren

Vorlagen: Scott Street



Steckbrief (MIT Timeline)



Code:
<div id="wrapper-stecki-grey">
    <div class="top-pattern"></div>
    <div class="top-userpic-scott" style="background:url('https://placehold.it/100x100')"></div>
    <div class="top-username-scott">Vorname Nachname</div>
    <div class="top-userfacts-scott">xx yrs • working title • single? • member group • street</div>
    <div class="top-picture"></div>
    <div class="short-infos"><b>Geburtstag (Datum & Ort) // Alter:</b> ...
<b>Membergroup:</b> ...
<b>Beziehungsstatus:</b> ...
<b>Anschrift:</b> ...
<b>Ankunft in Golden Lake:</b> ...
<b>Beruf:</b> ...
    </div>
    <div class="top-username02-scott">My Family</div>
    <div class="top-userfacts02-scott">Where You Lead I will follow</div>
    <div class="family-box">
        <div class="family-left-scott fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-scott fll"><div class="orange-pic-scott"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-scott flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-left-scott fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-scott fll"><div class="orange-pic-scott"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-scott flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div style="clear:both"></div>
    </div>

    <div class="top-usernames-more-scott">CHARACTER</div>
    <div class="top-userfacts-more-scott">I'M A HURRICANE</div>
    <div class="character-fact-box">
        <ul class="character-list">
        <li>fact #01</li>
        <li>fact #02</li>
        <li>fact #03</li>
        <li>fact #04</li>
        <li>fact #05</li>
        </ul>
    </div>
    <div style="clear:both"></div>
<div class="character-fact-box">
        <ul class="character-list">
<li>+</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
</ul>
</div>    <div style="clear:both"></div>
    <div class="character-fact-box">
        <ul class="character-list">
<li>-</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
        </ul>
    </div><div style="clear:both"></div>

<div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-scott">MY LIFE</div>
    <div class="top-userfacts-more-scott">I'M SEARCHING FOR SOMETHING THAT I CAN'T REACH</div>
   <div class="life-numbers">
        <div class="line-scott"></div>
        <div class="point01"></div>
        <div class="point02"></div>
        <div class="point03"></div>
        <div class="bubble01">
            <span style="font-family:oswald,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1px;border-bottom:4px solid">schulzeit</span>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
        </div>
        <div class="triangle01"></div>
        <div class="bubble02">
            <span style="font-family:oswald,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1px;border-bottom:4px solid">Studium</span>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
        </div>
        <div class="triangle02"></div>
        <div class="bubble03">
            <span style="font-family:oswald,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1px;border-bottom:4px solid">arbeit</span>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
        </div>
        <div class="triangle03"></div>
    </div>
    
    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-scott">CHARACTER TEXT</div>
    <div class="top-userfacts-more-scott">FEEL LIKE WE'VE BEEN FALLING DOWN</div>

    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="other-facts-scott">AVATAR • NAME • YEARS • Gesuch?</div>
</div>

Steckbrief (OHNE Timeline)



Code:
<div id="wrapper-stecki-grey">
    <div class="top-pattern"></div>
    <div class="top-userpic-scott" style="background:url('https://placehold.it/100x100')"></div>
    <div class="top-username-scott">Vorname Nachname</div>
    <div class="top-userfacts-scott">xx yrs • working title • single? • member group • street</div>
    <div class="top-picture"></div>
    <div class="short-infos"><b>Geburtstag (Datum & Ort) // Alter:</b> ...
<b>Membergroup:</b> ...
<b>Beziehungsstatus:</b> ...
<b>Anschrift:</b> ...
<b>Ankunft in Golden Lake:</b> ...
<b>Beruf:</b> ...
    </div>
    <div class="top-username02-scott">My Family</div>
    <div class="top-userfacts02-scott">Where You Lead I will follow</div>
    <div class="family-box">
        <div class="family-left-scott fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-scott fll"><div class="orange-pic-scott"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-scott flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-left-scott fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-scott fll"><div class="orange-pic-scott"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-scott flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div style="clear:both"></div>
    </div>

    <div class="top-usernames-more-scott">CHARACTER</div>
    <div class="top-userfacts-more-scott">I'M A HURRICANE</div>
    <div class="character-fact-box">
        <ul class="character-list">
        <li>fact #01</li>
        <li>fact #02</li>
        <li>fact #03</li>
        <li>fact #04</li>
        <li>fact #05</li>
        </ul>
    </div>
    <div style="clear:both"></div>
<div class="character-fact-box">
        <ul class="character-list">
<li>+</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
</ul>
</div>    <div style="clear:both"></div>
    <div class="character-fact-box">
        <ul class="character-list">
<li>-</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
        </ul>
    </div><div style="clear:both"></div>

<div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-scott">MY LIFE</div>
    <div class="top-userfacts-more-scott">I'M SEARCHING FOR SOMETHING THAT I CAN'T REACH</div>
    
    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-scott">CHARACTER TEXT</div>
    <div class="top-userfacts-more-scott">FEEL LIKE WE'VE BEEN FALLING DOWN</div>

    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="other-facts-scott">AVATAR • NAME • YEARS • Gesuch?</div>
</div>

Vorname Nachname
xx yrs • working title • single? • member group • street
Geburtstag (Datum & Ort) // Alter: ...
Membergroup: ...
Beziehungsstatus: ...
Anschrift: ...
Ankunft in Golden Lake: ...
Beruf: ...
My Family
Where You Lead I will follow

NAME • YRS • WORK
mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.
NAME • YRS • WORK
mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

NAME • YRS • WORK
dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

NAME • YRS • WORK
mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.
NAME • YRS • WORK
mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

NAME • YRS • WORK
dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

CHARACTER
I'M A HURRICANE
  • fact #01
  • fact #02
  • fact #03
  • fact #04
  • fact #05
  • +
  • #01
  • #02
  • #03
  • #04
  • #05
  • -
  • #01
  • #02
  • #03
  • #04
  • #05

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
MY LIFE
I'M SEARCHING FOR SOMETHING THAT I CAN'T REACH
schulzeit

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
Studium

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
arbeit

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
CHARACTER TEXT
FEEL LIKE WE'VE BEEN FALLING DOWN

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
AVATAR • NAME • YEARS • Gesuch?
Suchen 05.03.2016, 23:06 Zitieren

Vorlagen: Stone Street



Steckbrief (MIT Timeline)



Code:
<div id="wrapper-stecki-grey">
    <div class="top-pattern"></div>
    <div class="top-userpic-stone" style="background:url('https://placehold.it/100x100')"></div>
    <div class="top-username-stone">Vorname Nachname</div>
    <div class="top-userfacts-stone">xx yrs • working title • single? • member group • street</div>
    <div class="top-picture"></div>
    <div class="short-infos"><b>Geburtstag (Datum & Ort) // Alter:</b> ...
<b>Membergroup:</b> ...
<b>Beziehungsstatus:</b> ...
<b>Anschrift:</b> ...
<b>Ankunft in Golden Lake:</b> ...
<b>Beruf:</b> ...
    </div>
    <div class="top-username02-stone">My Family</div>
    <div class="top-userfacts02-stone">Where You Lead I will follow</div>
    <div class="family-box">
        <div class="family-left-stone fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-stone fll"><div class="orange-pic-stone"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-stone flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-left-stone fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-stone fll"><div class="orange-pic-stone"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-stone flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div style="clear:both"></div>
    </div>

    <div class="top-usernames-more-stone">CHARACTER</div>
    <div class="top-userfacts-more-stone">I'M A HURRICANE</div>
    <div class="character-fact-box">
        <ul class="character-list">
        <li>fact #01</li>
        <li>fact #02</li>
        <li>fact #03</li>
        <li>fact #04</li>
        <li>fact #05</li>
        </ul>
    </div>
    <div style="clear:both"></div>
<div class="character-fact-box">
        <ul class="character-list">
<li>+</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
</ul>
</div>    <div style="clear:both"></div>
    <div class="character-fact-box">
        <ul class="character-list">
<li>-</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
        </ul>
    </div><div style="clear:both"></div>

<div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-stone">MY LIFE</div>
    <div class="top-userfacts-more-stone">I'M SEARCHING FOR SOMETHING THAT I CAN'T REACH</div>
   <div class="life-numbers">
        <div class="line-stone"></div>
        <div class="point01"></div>
        <div class="point02"></div>
        <div class="point03"></div>
        <div class="bubble01">
            <span style="font-family:oswald,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1px;border-bottom:4px solid">schulzeit</span>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
        </div>
        <div class="triangle01"></div>
        <div class="bubble02">
            <span style="font-family:oswald,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1px;border-bottom:4px solid">Studium</span>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
        </div>
        <div class="triangle02"></div>
        <div class="bubble03">
            <span style="font-family:oswald,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1px;border-bottom:4px solid">arbeit</span>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
        </div>
        <div class="triangle03"></div>
    </div>
    
    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-stone">CHARACTER TEXT</div>
    <div class="top-userfacts-more-stone">FEEL LIKE WE'VE BEEN FALLING DOWN</div>

    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="other-facts-stone">AVATAR • NAME • YEARS • Gesuch?</div>
</div>

Steckbrief (OHNE Timeline)



Code:
<div id="wrapper-stecki-grey">
    <div class="top-pattern"></div>
    <div class="top-userpic-stone" style="background:url('https://placehold.it/100x100')"></div>
    <div class="top-username-stone">Vorname Nachname</div>
    <div class="top-userfacts-stone">xx yrs • working title • single? • member group • street</div>
    <div class="top-picture"></div>
    <div class="short-infos"><b>Geburtstag (Datum & Ort) // Alter:</b> ...
<b>Membergroup:</b> ...
<b>Beziehungsstatus:</b> ...
<b>Anschrift:</b> ...
<b>Ankunft in Golden Lake:</b> ...
<b>Beruf:</b> ...
    </div>
    <div class="top-username02-stone">My Family</div>
    <div class="top-userfacts02-stone">Where You Lead I will follow</div>
    <div class="family-box">
        <div class="family-left-stone fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-stone fll"><div class="orange-pic-stone"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-stone flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-left-stone fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-stone fll"><div class="orange-pic-stone"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-stone flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div style="clear:both"></div>
    </div>

    <div class="top-usernames-more-stone">CHARACTER</div>
    <div class="top-userfacts-more-stone">I'M A HURRICANE</div>
    <div class="character-fact-box">
        <ul class="character-list">
        <li>fact #01</li>
        <li>fact #02</li>
        <li>fact #03</li>
        <li>fact #04</li>
        <li>fact #05</li>
        </ul>
    </div>
    <div style="clear:both"></div>
<div class="character-fact-box">
        <ul class="character-list">
<li>+</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
</ul>
</div>    <div style="clear:both"></div>
    <div class="character-fact-box">
        <ul class="character-list">
<li>-</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
        </ul>
    </div><div style="clear:both"></div>

<div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-stone">MY LIFE</div>
    <div class="top-userfacts-more-stone">I'M SEARCHING FOR SOMETHING THAT I CAN'T REACH</div>
    
    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-stone">CHARACTER TEXT</div>
    <div class="top-userfacts-more-stone">FEEL LIKE WE'VE BEEN FALLING DOWN</div>

    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="other-facts-stone">AVATAR • NAME • YEARS • Gesuch?</div>
</div>

Vorname Nachname
xx yrs • working title • single? • member group • street
Geburtstag (Datum & Ort) // Alter: ...
Membergroup: ...
Beziehungsstatus: ...
Anschrift: ...
Ankunft in Golden Lake: ...
Beruf: ...
My Family
Where You Lead I will follow

NAME • YRS • WORK
mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.
NAME • YRS • WORK
mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

NAME • YRS • WORK
dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

NAME • YRS • WORK
mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.
NAME • YRS • WORK
mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

NAME • YRS • WORK
dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

CHARACTER
I'M A HURRICANE
  • fact #01
  • fact #02
  • fact #03
  • fact #04
  • fact #05
  • +
  • #01
  • #02
  • #03
  • #04
  • #05
  • -
  • #01
  • #02
  • #03
  • #04
  • #05

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
MY LIFE
I'M SEARCHING FOR SOMETHING THAT I CAN'T REACH
schulzeit

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
Studium

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
arbeit

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
CHARACTER TEXT
FEEL LIKE WE'VE BEEN FALLING DOWN

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
AVATAR • NAME • YEARS • Gesuch?
Suchen 05.03.2016, 23:07 Zitieren

Vorlagen: Jardine Road



Steckbrief (MIT Timeline)



Code:
<div id="wrapper-stecki-grey">
    <div class="top-pattern"></div>
    <div class="top-userpic-jardine" style="background:url('https://placehold.it/100x100')"></div>
    <div class="top-username-jardine">Vorname Nachname</div>
    <div class="top-userfacts-jardine">xx yrs • working title • single? • member group • street</div>
    <div class="top-picture"></div>
    <div class="short-infos"><b>Geburtstag (Datum & Ort) // Alter:</b> ...
<b>Membergroup:</b> ...
<b>Beziehungsstatus:</b> ...
<b>Anschrift:</b> ...
<b>Ankunft in Golden Lake:</b> ...
<b>Beruf:</b> ...
    </div>
    <div class="top-username02-jardine">My Family</div>
    <div class="top-userfacts02-jardine">Where You Lead I will follow</div>
    <div class="family-box">
        <div class="family-left-jardine fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-jardine fll"><div class="orange-pic-jardine"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-jardine flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-left-jardine fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-jardine fll"><div class="orange-pic-jardine"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-jardine flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div style="clear:both"></div>
    </div>

    <div class="top-usernames-more-jardine">CHARACTER</div>
    <div class="top-userfacts-more-jardine">I'M A HURRICANE</div>
    <div class="character-fact-box">
        <ul class="character-list">
        <li>fact #01</li>
        <li>fact #02</li>
        <li>fact #03</li>
        <li>fact #04</li>
        <li>fact #05</li>
        </ul>
    </div>
    <div style="clear:both"></div>
<div class="character-fact-box">
        <ul class="character-list">
<li>+</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
</ul>
</div>    <div style="clear:both"></div>
    <div class="character-fact-box">
        <ul class="character-list">
<li>-</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
        </ul>
    </div><div style="clear:both"></div>

<div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-jardine">MY LIFE</div>
    <div class="top-userfacts-more-jardine">I'M SEARCHING FOR SOMETHING THAT I CAN'T REACH</div>
   <div class="life-numbers">
        <div class="line-jardine"></div>
        <div class="point01"></div>
        <div class="point02"></div>
        <div class="point03"></div>
        <div class="bubble01">
            <span style="font-family:oswald,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1px;border-bottom:4px solid">schulzeit</span>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
        </div>
        <div class="triangle01"></div>
        <div class="bubble02">
            <span style="font-family:oswald,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1px;border-bottom:4px solid">Studium</span>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
        </div>
        <div class="triangle02"></div>
        <div class="bubble03">
            <span style="font-family:oswald,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1px;border-bottom:4px solid">arbeit</span>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
        </div>
        <div class="triangle03"></div>
    </div>
    
    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-jardine">CHARACTER TEXT</div>
    <div class="top-userfacts-more-jardine">FEEL LIKE WE'VE BEEN FALLING DOWN</div>

    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="other-facts-jardine">AVATAR • NAME • YEARS • Gesuch?</div>
</div>

Steckbrief (OHNE Timeline)



Code:
<div id="wrapper-stecki-grey">
    <div class="top-pattern"></div>
    <div class="top-userpic-jardine" style="background:url('https://placehold.it/100x100')"></div>
    <div class="top-username-jardine">Vorname Nachname</div>
    <div class="top-userfacts-jardine">xx yrs • working title • single? • member group • street</div>
    <div class="top-picture"></div>
    <div class="short-infos"><b>Geburtstag (Datum & Ort) // Alter:</b> ...
<b>Membergroup:</b> ...
<b>Beziehungsstatus:</b> ...
<b>Anschrift:</b> ...
<b>Ankunft in Golden Lake:</b> ...
<b>Beruf:</b> ...
    </div>
    <div class="top-username02-jardine">My Family</div>
    <div class="top-userfacts02-jardine">Where You Lead I will follow</div>
    <div class="family-box">
        <div class="family-left-jardine fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-jardine fll"><div class="orange-pic-jardine"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-jardine flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-left-jardine fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-jardine fll"><div class="orange-pic-jardine"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-jardine flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div style="clear:both"></div>
    </div>

    <div class="top-usernames-more-jardine">CHARACTER</div>
    <div class="top-userfacts-more-jardine">I'M A HURRICANE</div>
    <div class="character-fact-box">
        <ul class="character-list">
        <li>fact #01</li>
        <li>fact #02</li>
        <li>fact #03</li>
        <li>fact #04</li>
        <li>fact #05</li>
        </ul>
    </div>
    <div style="clear:both"></div>
<div class="character-fact-box">
        <ul class="character-list">
<li>+</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
</ul>
</div>    <div style="clear:both"></div>
    <div class="character-fact-box">
        <ul class="character-list">
<li>-</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
        </ul>
    </div><div style="clear:both"></div>

<div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-jardine">MY LIFE</div>
    <div class="top-userfacts-more-jardine">I'M SEARCHING FOR SOMETHING THAT I CAN'T REACH</div>
    
    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-jardine">CHARACTER TEXT</div>
    <div class="top-userfacts-more-jardine">FEEL LIKE WE'VE BEEN FALLING DOWN</div>

    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="other-facts-jardine">AVATAR • NAME • YEARS • Gesuch?</div>
</div>

Vorname Nachname
xx yrs • working title • single? • member group • street
Geburtstag (Datum & Ort) // Alter: ...
Membergroup: ...
Beziehungsstatus: ...
Anschrift: ...
Ankunft in Golden Lake: ...
Beruf: ...
My Family
Where You Lead I will follow

NAME • YRS • WORK
mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.
NAME • YRS • WORK
mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

NAME • YRS • WORK
dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

NAME • YRS • WORK
mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.
NAME • YRS • WORK
mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

NAME • YRS • WORK
dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

CHARACTER
I'M A HURRICANE
  • fact #01
  • fact #02
  • fact #03
  • fact #04
  • fact #05
  • +
  • #01
  • #02
  • #03
  • #04
  • #05
  • -
  • #01
  • #02
  • #03
  • #04
  • #05

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
MY LIFE
I'M SEARCHING FOR SOMETHING THAT I CAN'T REACH
schulzeit

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
Studium

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
arbeit

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
CHARACTER TEXT
FEEL LIKE WE'VE BEEN FALLING DOWN

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
AVATAR • NAME • YEARS • Gesuch?
Suchen 05.03.2016, 23:09 Zitieren

Vorlagen: Riverside Street



Steckbrief (MIT Timeline)



Code:
<div id="wrapper-stecki-grey">
    <div class="top-pattern"></div>
    <div class="top-userpic-riverside" style="background:url('https://placehold.it/100x100')"></div>
    <div class="top-username-riverside">Vorname Nachname</div>
    <div class="top-userfacts-riverside">xx yrs • working title • single? • member group • street</div>
    <div class="top-picture"></div>
    <div class="short-infos"><b>Geburtstag (Datum & Ort) // Alter:</b> ...
<b>Membergroup:</b> ...
<b>Beziehungsstatus:</b> ...
<b>Anschrift:</b> ...
<b>Ankunft in Golden Lake:</b> ...
<b>Beruf:</b> ...
    </div>
    <div class="top-username02-riverside">My Family</div>
    <div class="top-userfacts02-riverside">Where You Lead I will follow</div>
    <div class="family-box">
        <div class="family-left-riverside fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-riverside fll"><div class="orange-pic-riverside"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-riverside flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-left-riverside fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-riverside fll"><div class="orange-pic-riverside"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-riverside flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div style="clear:both"></div>
    </div>

    <div class="top-usernames-more-riverside">CHARACTER</div>
    <div class="top-userfacts-more-riverside">I'M A HURRICANE</div>
    <div class="character-fact-box">
        <ul class="character-list">
        <li>fact #01</li>
        <li>fact #02</li>
        <li>fact #03</li>
        <li>fact #04</li>
        <li>fact #05</li>
        </ul>
    </div>
    <div style="clear:both"></div>
<div class="character-fact-box">
        <ul class="character-list">
<li>+</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
</ul>
</div>    <div style="clear:both"></div>
    <div class="character-fact-box">
        <ul class="character-list">
<li>-</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
        </ul>
    </div><div style="clear:both"></div>

<div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-riverside">MY LIFE</div>
    <div class="top-userfacts-more-riverside">I'M SEARCHING FOR SOMETHING THAT I CAN'T REACH</div>
   <div class="life-numbers">
        <div class="line-riverside"></div>
        <div class="point01"></div>
        <div class="point02"></div>
        <div class="point03"></div>
        <div class="bubble01">
            <span style="font-family:oswald,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1px;border-bottom:4px solid">schulzeit</span>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
        </div>
        <div class="triangle01"></div>
        <div class="bubble02">
            <span style="font-family:oswald,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1px;border-bottom:4px solid">Studium</span>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
        </div>
        <div class="triangle02"></div>
        <div class="bubble03">
            <span style="font-family:oswald,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1px;border-bottom:4px solid">arbeit</span>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
        </div>
        <div class="triangle03"></div>
    </div>
    
    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-riverside">CHARACTER TEXT</div>
    <div class="top-userfacts-more-riverside">FEEL LIKE WE'VE BEEN FALLING DOWN</div>

    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="other-facts-riverside">AVATAR • NAME • YEARS • Gesuch?</div>
</div>

Steckbrief (OHNE Timeline)



Code:
<div id="wrapper-stecki-grey">
    <div class="top-pattern"></div>
    <div class="top-userpic-riverside" style="background:url('https://placehold.it/100x100')"></div>
    <div class="top-username-riverside">Vorname Nachname</div>
    <div class="top-userfacts-riverside">xx yrs • working title • single? • member group • street</div>
    <div class="top-picture"></div>
    <div class="short-infos"><b>Geburtstag (Datum & Ort) // Alter:</b> ...
<b>Membergroup:</b> ...
<b>Beziehungsstatus:</b> ...
<b>Anschrift:</b> ...
<b>Ankunft in Golden Lake:</b> ...
<b>Beruf:</b> ...
    </div>
    <div class="top-username02-riverside">My Family</div>
    <div class="top-userfacts02-riverside">Where You Lead I will follow</div>
    <div class="family-box">
        <div class="family-left-riverside fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-riverside fll"><div class="orange-pic-riverside"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-riverside flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-left-riverside fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-riverside fll"><div class="orange-pic-riverside"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-riverside flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div style="clear:both"></div>
    </div>

    <div class="top-usernames-more-riverside">CHARACTER</div>
    <div class="top-userfacts-more-riverside">I'M A HURRICANE</div>
    <div class="character-fact-box">
        <ul class="character-list">
        <li>fact #01</li>
        <li>fact #02</li>
        <li>fact #03</li>
        <li>fact #04</li>
        <li>fact #05</li>
        </ul>
    </div>
    <div style="clear:both"></div>
<div class="character-fact-box">
        <ul class="character-list">
<li>+</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
</ul>
</div>    <div style="clear:both"></div>
    <div class="character-fact-box">
        <ul class="character-list">
<li>-</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
        </ul>
    </div><div style="clear:both"></div>

<div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-riverside">MY LIFE</div>
    <div class="top-userfacts-more-riverside">I'M SEARCHING FOR SOMETHING THAT I CAN'T REACH</div>
    
    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-riverside">CHARACTER TEXT</div>
    <div class="top-userfacts-more-riverside">FEEL LIKE WE'VE BEEN FALLING DOWN</div>

    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="other-facts-riverside">AVATAR • NAME • YEARS • Gesuch?</div>
</div>

Vorname Nachname
xx yrs • working title • single? • member group • street
Geburtstag (Datum & Ort) // Alter: ...
Membergroup: ...
Beziehungsstatus: ...
Anschrift: ...
Ankunft in Golden Lake: ...
Beruf: ...
My Family
Where You Lead I will follow

NAME • YRS • WORK
mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.
NAME • YRS • WORK
mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

NAME • YRS • WORK
dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

NAME • YRS • WORK
mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.
NAME • YRS • WORK
mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

NAME • YRS • WORK
dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

CHARACTER
I'M A HURRICANE
  • fact #01
  • fact #02
  • fact #03
  • fact #04
  • fact #05
  • +
  • #01
  • #02
  • #03
  • #04
  • #05
  • -
  • #01
  • #02
  • #03
  • #04
  • #05

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
MY LIFE
I'M SEARCHING FOR SOMETHING THAT I CAN'T REACH
schulzeit

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
Studium

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
arbeit

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
CHARACTER TEXT
FEEL LIKE WE'VE BEEN FALLING DOWN

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
AVATAR • NAME • YEARS • Gesuch?
Suchen 05.03.2016, 23:09 Zitieren

Vorlagen: Granite Street



Steckbrief (MIT Timeline)



Code:
<div id="wrapper-stecki-grey">
    <div class="top-pattern"></div>
    <div class="top-userpic-granite" style="background:url('https://placehold.it/100x100')"></div>
    <div class="top-username-granite">Vorname Nachname</div>
    <div class="top-userfacts-granite">xx yrs • working title • single? • member group • street</div>
    <div class="top-picture"></div>
    <div class="short-infos"><b>Geburtstag (Datum & Ort) // Alter:</b> ...
<b>Membergroup:</b> ...
<b>Beziehungsstatus:</b> ...
<b>Anschrift:</b> ...
<b>Ankunft in Golden Lake:</b> ...
<b>Beruf:</b> ...
    </div>
    <div class="top-username02-granite">My Family</div>
    <div class="top-userfacts02-granite">Where You Lead I will follow</div>
    <div class="family-box">
        <div class="family-left-granite fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-granite fll"><div class="orange-pic-granite"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-granite flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-left-granite fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-granite fll"><div class="orange-pic-granite"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-granite flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div style="clear:both"></div>
    </div>

    <div class="top-usernames-more-granite">CHARACTER</div>
    <div class="top-userfacts-more-granite">I'M A HURRICANE</div>
    <div class="character-fact-box">
        <ul class="character-list">
        <li>fact #01</li>
        <li>fact #02</li>
        <li>fact #03</li>
        <li>fact #04</li>
        <li>fact #05</li>
        </ul>
    </div>
    <div style="clear:both"></div>
<div class="character-fact-box">
        <ul class="character-list">
<li>+</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
</ul>
</div>    <div style="clear:both"></div>
    <div class="character-fact-box">
        <ul class="character-list">
<li>-</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
        </ul>
    </div><div style="clear:both"></div>

<div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-granite">MY LIFE</div>
    <div class="top-userfacts-more-granite">I'M SEARCHING FOR SOMETHING THAT I CAN'T REACH</div>
   <div class="life-numbers">
        <div class="line-granite"></div>
        <div class="point01"></div>
        <div class="point02"></div>
        <div class="point03"></div>
        <div class="bubble01">
            <span style="font-family:oswald,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1px;border-bottom:4px solid">schulzeit</span>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
        </div>
        <div class="triangle01"></div>
        <div class="bubble02">
            <span style="font-family:oswald,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1px;border-bottom:4px solid">Studium</span>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
        </div>
        <div class="triangle02"></div>
        <div class="bubble03">
            <span style="font-family:oswald,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1px;border-bottom:4px solid">arbeit</span>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
        </div>
        <div class="triangle03"></div>
    </div>
    
    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-granite">CHARACTER TEXT</div>
    <div class="top-userfacts-more-granite">FEEL LIKE WE'VE BEEN FALLING DOWN</div>

    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="other-facts-granite">AVATAR • NAME • YEARS • Gesuch?</div>
</div>

Steckbrief (OHNE Timeline)



Code:
<div id="wrapper-stecki-grey">
    <div class="top-pattern"></div>
    <div class="top-userpic-granite" style="background:url('https://placehold.it/100x100')"></div>
    <div class="top-username-granite">Vorname Nachname</div>
    <div class="top-userfacts-granite">xx yrs • working title • single? • member group • street</div>
    <div class="top-picture"></div>
    <div class="short-infos"><b>Geburtstag (Datum & Ort) // Alter:</b> ...
<b>Membergroup:</b> ...
<b>Beziehungsstatus:</b> ...
<b>Anschrift:</b> ...
<b>Ankunft in Golden Lake:</b> ...
<b>Beruf:</b> ...
    </div>
    <div class="top-username02-granite">My Family</div>
    <div class="top-userfacts02-granite">Where You Lead I will follow</div>
    <div class="family-box">
        <div class="family-left-granite fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-granite fll"><div class="orange-pic-granite"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-granite flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-left-granite fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-granite fll"><div class="orange-pic-granite"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-granite flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div style="clear:both"></div>
    </div>

    <div class="top-usernames-more-granite">CHARACTER</div>
    <div class="top-userfacts-more-granite">I'M A HURRICANE</div>
    <div class="character-fact-box">
        <ul class="character-list">
        <li>fact #01</li>
        <li>fact #02</li>
        <li>fact #03</li>
        <li>fact #04</li>
        <li>fact #05</li>
        </ul>
    </div>
    <div style="clear:both"></div>
<div class="character-fact-box">
        <ul class="character-list">
<li>+</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
</ul>
</div>    <div style="clear:both"></div>
    <div class="character-fact-box">
        <ul class="character-list">
<li>-</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
        </ul>
    </div><div style="clear:both"></div>

<div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-granite">MY LIFE</div>
    <div class="top-userfacts-more-granite">I'M SEARCHING FOR SOMETHING THAT I CAN'T REACH</div>
    
    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-granite">CHARACTER TEXT</div>
    <div class="top-userfacts-more-granite">FEEL LIKE WE'VE BEEN FALLING DOWN</div>

    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="other-facts-granite">AVATAR • NAME • YEARS • Gesuch?</div>
</div>

Vorname Nachname
xx yrs • working title • single? • member group • street
Geburtstag (Datum & Ort) // Alter: ...
Membergroup: ...
Beziehungsstatus: ...
Anschrift: ...
Ankunft in Golden Lake: ...
Beruf: ...
My Family
Where You Lead I will follow

NAME • YRS • WORK
mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.
NAME • YRS • WORK
mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

NAME • YRS • WORK
dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

NAME • YRS • WORK
mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.
NAME • YRS • WORK
mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

NAME • YRS • WORK
dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

CHARACTER
I'M A HURRICANE
  • fact #01
  • fact #02
  • fact #03
  • fact #04
  • fact #05
  • +
  • #01
  • #02
  • #03
  • #04
  • #05
  • -
  • #01
  • #02
  • #03
  • #04
  • #05

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
MY LIFE
I'M SEARCHING FOR SOMETHING THAT I CAN'T REACH
schulzeit

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
Studium

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
arbeit

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
CHARACTER TEXT
FEEL LIKE WE'VE BEEN FALLING DOWN

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
AVATAR • NAME • YEARS • Gesuch?
Suchen 05.03.2016, 23:09 Zitieren

Vorlagen: Reamer Ranch



Steckbrief (MIT Timeline)



Code:
<div id="wrapper-stecki-grey">
    <div class="top-pattern"></div>
    <div class="top-userpic-reamer" style="background:url('https://placehold.it/100x100')"></div>
    <div class="top-username-reamer">Vorname Nachname</div>
    <div class="top-userfacts-reamer">xx yrs • working title • single? • member group • street</div>
    <div class="top-picture"></div>
    <div class="short-infos"><b>Geburtstag (Datum & Ort) // Alter:</b> ...
<b>Membergroup:</b> ...
<b>Beziehungsstatus:</b> ...
<b>Anschrift:</b> ...
<b>Ankunft in Golden Lake:</b> ...
<b>Beruf:</b> ...
    </div>
    <div class="top-username02-reamer">My Family</div>
    <div class="top-userfacts02-reamer">Where You Lead I will follow</div>
    <div class="family-box">
        <div class="family-left-reamer fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-reamer fll"><div class="orange-pic-reamer"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-reamer flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-left-reamer fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-reamer fll"><div class="orange-pic-reamer"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-reamer flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div style="clear:both"></div>
    </div>

    <div class="top-usernames-more-reamer">CHARACTER</div>
    <div class="top-userfacts-more-reamer">I'M A HURRICANE</div>
    <div class="character-fact-box">
        <ul class="character-list">
        <li>fact #01</li>
        <li>fact #02</li>
        <li>fact #03</li>
        <li>fact #04</li>
        <li>fact #05</li>
        </ul>
    </div>
    <div style="clear:both"></div>
<div class="character-fact-box">
        <ul class="character-list">
<li>+</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
</ul>
</div>    <div style="clear:both"></div>
    <div class="character-fact-box">
        <ul class="character-list">
<li>-</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
        </ul>
    </div><div style="clear:both"></div>

<div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-reamer">MY LIFE</div>
    <div class="top-userfacts-more-reamer">I'M SEARCHING FOR SOMETHING THAT I CAN'T REACH</div>
   <div class="life-numbers">
        <div class="line-reamer"></div>
        <div class="point01"></div>
        <div class="point02"></div>
        <div class="point03"></div>
        <div class="bubble01">
            <span style="font-family:oswald,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1px;border-bottom:4px solid">schulzeit</span>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
        </div>
        <div class="triangle01"></div>
        <div class="bubble02">
            <span style="font-family:oswald,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1px;border-bottom:4px solid">Studium</span>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
        </div>
        <div class="triangle02"></div>
        <div class="bubble03">
            <span style="font-family:oswald,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1px;border-bottom:4px solid">arbeit</span>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
        </div>
        <div class="triangle03"></div>
    </div>
    
    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-reamer">CHARACTER TEXT</div>
    <div class="top-userfacts-more-reamer">FEEL LIKE WE'VE BEEN FALLING DOWN</div>

    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="other-facts-reamer">AVATAR • NAME • YEARS • Gesuch?</div>
</div>

Steckbrief (OHNE Timeline)



Code:
<div id="wrapper-stecki-grey">
    <div class="top-pattern"></div>
    <div class="top-userpic-reamer" style="background:url('https://placehold.it/100x100')"></div>
    <div class="top-username-reamer">Vorname Nachname</div>
    <div class="top-userfacts-reamer">xx yrs • working title • single? • member group • street</div>
    <div class="top-picture"></div>
    <div class="short-infos"><b>Geburtstag (Datum & Ort) // Alter:</b> ...
<b>Membergroup:</b> ...
<b>Beziehungsstatus:</b> ...
<b>Anschrift:</b> ...
<b>Ankunft in Golden Lake:</b> ...
<b>Beruf:</b> ...
    </div>
    <div class="top-username02-reamer">My Family</div>
    <div class="top-userfacts02-reamer">Where You Lead I will follow</div>
    <div class="family-box">
        <div class="family-left-reamer fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-reamer fll"><div class="orange-pic-reamer"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-reamer flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-left-reamer fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-reamer fll"><div class="orange-pic-reamer"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-reamer flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div style="clear:both"></div>
    </div>

    <div class="top-usernames-more-reamer">CHARACTER</div>
    <div class="top-userfacts-more-reamer">I'M A HURRICANE</div>
    <div class="character-fact-box">
        <ul class="character-list">
        <li>fact #01</li>
        <li>fact #02</li>
        <li>fact #03</li>
        <li>fact #04</li>
        <li>fact #05</li>
        </ul>
    </div>
    <div style="clear:both"></div>
<div class="character-fact-box">
        <ul class="character-list">
<li>+</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
</ul>
</div>    <div style="clear:both"></div>
    <div class="character-fact-box">
        <ul class="character-list">
<li>-</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
        </ul>
    </div><div style="clear:both"></div>

<div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-reamer">MY LIFE</div>
    <div class="top-userfacts-more-reamer">I'M SEARCHING FOR SOMETHING THAT I CAN'T REACH</div>
    
    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-reamer">CHARACTER TEXT</div>
    <div class="top-userfacts-more-reamer">FEEL LIKE WE'VE BEEN FALLING DOWN</div>

    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="other-facts-reamer">AVATAR • NAME • YEARS • Gesuch?</div>
</div>

Vorname Nachname
xx yrs • working title • single? • member group • street
Geburtstag (Datum & Ort) // Alter: ...
Membergroup: ...
Beziehungsstatus: ...
Anschrift: ...
Ankunft in Golden Lake: ...
Beruf: ...
My Family
Where You Lead I will follow

NAME • YRS • WORK
mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.
NAME • YRS • WORK
mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

NAME • YRS • WORK
dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

NAME • YRS • WORK
mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.
NAME • YRS • WORK
mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

NAME • YRS • WORK
dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

CHARACTER
I'M A HURRICANE
  • fact #01
  • fact #02
  • fact #03
  • fact #04
  • fact #05
  • +
  • #01
  • #02
  • #03
  • #04
  • #05
  • -
  • #01
  • #02
  • #03
  • #04
  • #05

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
MY LIFE
I'M SEARCHING FOR SOMETHING THAT I CAN'T REACH
schulzeit

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
Studium

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
arbeit

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
CHARACTER TEXT
FEEL LIKE WE'VE BEEN FALLING DOWN

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
AVATAR • NAME • YEARS • Gesuch?
Suchen 05.03.2016, 23:10 Zitieren

Vorlagen: Little Trail Creek



Steckbrief (MIT Timeline)



Code:
<div id="wrapper-stecki-grey">
    <div class="top-pattern"></div>
    <div class="top-userpic-littletrail" style="background:url('https://placehold.it/100x100')"></div>
    <div class="top-username-littletrail">Vorname Nachname</div>
    <div class="top-userfacts-littletrail">xx yrs • working title • single? • member group • street</div>
    <div class="top-picture"></div>
    <div class="short-infos"><b>Geburtstag (Datum & Ort) // Alter:</b> ...
<b>Membergroup:</b> ...
<b>Beziehungsstatus:</b> ...
<b>Anschrift:</b> ...
<b>Ankunft in Golden Lake:</b> ...
<b>Beruf:</b> ...
    </div>
    <div class="top-username02-littletrail">My Family</div>
    <div class="top-userfacts02-littletrail">Where You Lead I will follow</div>
    <div class="family-box">
        <div class="family-left-littletrail fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-littletrail fll"><div class="orange-pic-littletrail"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-littletrail flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-left-littletrail fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-littletrail fll"><div class="orange-pic-littletrail"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-littletrail flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div style="clear:both"></div>
    </div>

    <div class="top-usernames-more-littletrail">CHARACTER</div>
    <div class="top-userfacts-more-littletrail">I'M A HURRICANE</div>
    <div class="character-fact-box">
        <ul class="character-list">
        <li>fact #01</li>
        <li>fact #02</li>
        <li>fact #03</li>
        <li>fact #04</li>
        <li>fact #05</li>
        </ul>
    </div>
    <div style="clear:both"></div>
<div class="character-fact-box">
        <ul class="character-list">
<li>+</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
</ul>
</div>    <div style="clear:both"></div>
    <div class="character-fact-box">
        <ul class="character-list">
<li>-</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
        </ul>
    </div><div style="clear:both"></div>

<div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-littletrail">MY LIFE</div>
    <div class="top-userfacts-more-littletrail">I'M SEARCHING FOR SOMETHING THAT I CAN'T REACH</div>
   <div class="life-numbers">
        <div class="line-littletrail"></div>
        <div class="point01"></div>
        <div class="point02"></div>
        <div class="point03"></div>
        <div class="bubble01">
            <span style="font-family:oswald,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1px;border-bottom:4px solid">schulzeit</span>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
        </div>
        <div class="triangle01"></div>
        <div class="bubble02">
            <span style="font-family:oswald,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1px;border-bottom:4px solid">Studium</span>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
        </div>
        <div class="triangle02"></div>
        <div class="bubble03">
            <span style="font-family:oswald,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1px;border-bottom:4px solid">arbeit</span>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
        </div>
        <div class="triangle03"></div>
    </div>
    
    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-littletrail">CHARACTER TEXT</div>
    <div class="top-userfacts-more-littletrail">FEEL LIKE WE'VE BEEN FALLING DOWN</div>

    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="other-facts-littletrail">AVATAR • NAME • YEARS • Gesuch?</div>
</div>

Steckbrief (OHNE Timeline)



Code:
<div id="wrapper-stecki-grey">
    <div class="top-pattern"></div>
    <div class="top-userpic-littletrail" style="background:url('https://placehold.it/100x100')"></div>
    <div class="top-username-littletrail">Vorname Nachname</div>
    <div class="top-userfacts-littletrail">xx yrs • working title • single? • member group • street</div>
    <div class="top-picture"></div>
    <div class="short-infos"><b>Geburtstag (Datum & Ort) // Alter:</b> ...
<b>Membergroup:</b> ...
<b>Beziehungsstatus:</b> ...
<b>Anschrift:</b> ...
<b>Ankunft in Golden Lake:</b> ...
<b>Beruf:</b> ...
    </div>
    <div class="top-username02-littletrail">My Family</div>
    <div class="top-userfacts02-littletrail">Where You Lead I will follow</div>
    <div class="family-box">
        <div class="family-left-littletrail fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-littletrail fll"><div class="orange-pic-littletrail"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-littletrail flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-left-littletrail fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-littletrail fll"><div class="orange-pic-littletrail"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-littletrail flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div style="clear:both"></div>
    </div>

    <div class="top-usernames-more-littletrail">CHARACTER</div>
    <div class="top-userfacts-more-littletrail">I'M A HURRICANE</div>
    <div class="character-fact-box">
        <ul class="character-list">
        <li>fact #01</li>
        <li>fact #02</li>
        <li>fact #03</li>
        <li>fact #04</li>
        <li>fact #05</li>
        </ul>
    </div>
    <div style="clear:both"></div>
<div class="character-fact-box">
        <ul class="character-list">
<li>+</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
</ul>
</div>    <div style="clear:both"></div>
    <div class="character-fact-box">
        <ul class="character-list">
<li>-</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
        </ul>
    </div><div style="clear:both"></div>

<div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-littletrail">MY LIFE</div>
    <div class="top-userfacts-more-littletrail">I'M SEARCHING FOR SOMETHING THAT I CAN'T REACH</div>
    
    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-littletrail">CHARACTER TEXT</div>
    <div class="top-userfacts-more-littletrail">FEEL LIKE WE'VE BEEN FALLING DOWN</div>

    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="other-facts-littletrail">AVATAR • NAME • YEARS • Gesuch?</div>
</div>

Vorname Nachname
xx yrs • working title • single? • member group • street
Geburtstag (Datum & Ort) // Alter: ...
Membergroup: ...
Beziehungsstatus: ...
Anschrift: ...
Ankunft in Golden Lake: ...
Beruf: ...
My Family
Where You Lead I will follow

NAME • YRS • WORK
mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.
NAME • YRS • WORK
mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

NAME • YRS • WORK
dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

NAME • YRS • WORK
mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.
NAME • YRS • WORK
mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

NAME • YRS • WORK
dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

CHARACTER
I'M A HURRICANE
  • fact #01
  • fact #02
  • fact #03
  • fact #04
  • fact #05
  • +
  • #01
  • #02
  • #03
  • #04
  • #05
  • -
  • #01
  • #02
  • #03
  • #04
  • #05

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
MY LIFE
I'M SEARCHING FOR SOMETHING THAT I CAN'T REACH
schulzeit

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
Studium

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
arbeit

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
CHARACTER TEXT
FEEL LIKE WE'VE BEEN FALLING DOWN

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
AVATAR • NAME • YEARS • Gesuch?
Suchen 05.03.2016, 23:10 Zitieren

Vorlagen: Andere Gruppen



Steckbrief (MIT Timeline)



Code:
<div id="wrapper-stecki-grey">
    <div class="top-pattern"></div>
    <div class="top-userpic-others" style="background:url('https://placehold.it/100x100')"></div>
    <div class="top-username-others">Vorname Nachname</div>
    <div class="top-userfacts-others">xx yrs • working title • single? • member group • street</div>
    <div class="top-picture"></div>
    <div class="short-infos"><b>Geburtstag (Datum & Ort) // Alter:</b> ...
<b>Membergroup:</b> ...
<b>Beziehungsstatus:</b> ...
<b>Anschrift:</b> ...
<b>Ankunft in Golden Lake:</b> ...
<b>Beruf:</b> ...
    </div>
    <div class="top-username02-others">My Family</div>
    <div class="top-userfacts02-others">Where You Lead I will follow</div>
    <div class="family-box">
        <div class="family-left-others fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-others fll"><div class="orange-pic-others"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-others flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-left-others fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-others fll"><div class="orange-pic-others"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-others flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div style="clear:both"></div>
    </div>

    <div class="top-usernames-more-others">CHARACTER</div>
    <div class="top-userfacts-more-others">I'M A HURRICANE</div>
    <div class="character-fact-box">
        <ul class="character-list">
        <li>fact #01</li>
        <li>fact #02</li>
        <li>fact #03</li>
        <li>fact #04</li>
        <li>fact #05</li>
        </ul>
    </div>
    <div style="clear:both"></div>
<div class="character-fact-box">
        <ul class="character-list">
<li>+</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
</ul>
</div>    <div style="clear:both"></div>
    <div class="character-fact-box">
        <ul class="character-list">
<li>-</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
        </ul>
    </div><div style="clear:both"></div>

<div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-others">MY LIFE</div>
    <div class="top-userfacts-more-others">I'M SEARCHING FOR SOMETHING THAT I CAN'T REACH</div>
   <div class="life-numbers">
        <div class="line-others"></div>
        <div class="point01"></div>
        <div class="point02"></div>
        <div class="point03"></div>
        <div class="bubble01">
            <span style="font-family:oswald,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1px;border-bottom:4px solid">schulzeit</span>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
        </div>
        <div class="triangle01"></div>
        <div class="bubble02">
            <span style="font-family:oswald,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1px;border-bottom:4px solid">Studium</span>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
        </div>
        <div class="triangle02"></div>
        <div class="bubble03">
            <span style="font-family:oswald,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1px;border-bottom:4px solid">arbeit</span>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
        </div>
        <div class="triangle03"></div>
    </div>
    
    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-others">CHARACTER TEXT</div>
    <div class="top-userfacts-more-others">FEEL LIKE WE'VE BEEN FALLING DOWN</div>

    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="other-facts-others">AVATAR • NAME • YEARS • Gesuch?</div>
</div>

Steckbrief (OHNE Timeline)



Code:
<div id="wrapper-stecki-grey">
    <div class="top-pattern"></div>
    <div class="top-userpic-others" style="background:url('https://placehold.it/100x100')"></div>
    <div class="top-username-others">Vorname Nachname</div>
    <div class="top-userfacts-others">xx yrs • working title • single? • member group • street</div>
    <div class="top-picture"></div>
    <div class="short-infos"><b>Geburtstag (Datum & Ort) // Alter:</b> ...
<b>Membergroup:</b> ...
<b>Beziehungsstatus:</b> ...
<b>Anschrift:</b> ...
<b>Ankunft in Golden Lake:</b> ...
<b>Beruf:</b> ...
    </div>
    <div class="top-username02-others">My Family</div>
    <div class="top-userfacts02-others">Where You Lead I will follow</div>
    <div class="family-box">
        <div class="family-left-others fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-others fll"><div class="orange-pic-others"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-others flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-left-others fll"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-middle-others fll"><div class="orange-pic-others"><img src="https://placehold.it/150x100" /></div>
        <div class="family-padding"><b>NAME • YRS • WORK</b><br /> mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div class="family-right-others flr"><img src="https://placehold.it/150x100" />
        <div class="family-padding"><b>NAME • YRS • WORK</b><br />dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.<br /><br /> mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.</div>
        </div>
        <div style="clear:both"></div>
    </div>

    <div class="top-usernames-more-others">CHARACTER</div>
    <div class="top-userfacts-more-others">I'M A HURRICANE</div>
    <div class="character-fact-box">
        <ul class="character-list">
        <li>fact #01</li>
        <li>fact #02</li>
        <li>fact #03</li>
        <li>fact #04</li>
        <li>fact #05</li>
        </ul>
    </div>
    <div style="clear:both"></div>
<div class="character-fact-box">
        <ul class="character-list">
<li>+</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
</ul>
</div>    <div style="clear:both"></div>
    <div class="character-fact-box">
        <ul class="character-list">
<li>-</li>
<li>#01</li>
<li>#02</li>
<li>#03</li>
<li>#04</li>
<li>#05</li>
        </ul>
    </div><div style="clear:both"></div>

<div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-others">MY LIFE</div>
    <div class="top-userfacts-more-others">I'M SEARCHING FOR SOMETHING THAT I CAN'T REACH</div>
    
    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="top-usernames-more-others">CHARACTER TEXT</div>
    <div class="top-userfacts-more-others">FEEL LIKE WE'VE BEEN FALLING DOWN</div>

    <div class="life-txt">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

    Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
    </div>
    <div class="other-facts-others">AVATAR • NAME • YEARS • Gesuch?</div>
</div>

Vorname Nachname
xx yrs • working title • single? • member group • street
Geburtstag (Datum & Ort) // Alter: ...
Membergroup: ...
Beziehungsstatus: ...
Anschrift: ...
Ankunft in Golden Lake: ...
Beruf: ...
My Family
Where You Lead I will follow

NAME • YRS • WORK
mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.
NAME • YRS • WORK
mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

NAME • YRS • WORK
dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

NAME • YRS • WORK
mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.
NAME • YRS • WORK
mammasa mamma la lahe oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

NAME • YRS • WORK
dolizzle la le lu mammasay mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

mammasa mamma oo sa shizzle my nizzle crocodizzle, fizzle adipiscing elit.

CHARACTER
I'M A HURRICANE
  • fact #01
  • fact #02
  • fact #03
  • fact #04
  • fact #05
  • +
  • #01
  • #02
  • #03
  • #04
  • #05
  • -
  • #01
  • #02
  • #03
  • #04
  • #05

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
MY LIFE
I'M SEARCHING FOR SOMETHING THAT I CAN'T REACH
schulzeit

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
Studium

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
arbeit

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
CHARACTER TEXT
FEEL LIKE WE'VE BEEN FALLING DOWN

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
AVATAR • NAME • YEARS • Gesuch?





GRAPHIC by MOMO # COCO # PENNY # FINN # BEKKA ♥ // CODES by MOMO ♥ // OPTIMATED for GOOGLE CHROME & FULL HD
Deutsche Übersetzung: MyBB.de, Powered by MyBB, © 2002-2024 MyBB Group » Cookie-Einstellungen » Impressum » Datenschutzerklärung