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

» If you met my family, you would understand «
James Ehefrau & Harpers Schwester Tierärztin 37 Jahre Sarah Paulson

gesucht von: James Hastings

Most Wanted
Wanted Males

» searching for something that I can't reach «
zukünftiges Pairing mit Hindernissen Tanzlehrer / Kellner 28-30 Jahre Ryan Guzman

gesucht von: Sam Jensen

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

es ist so weit: das empty gold feiert seinen zweiten Geburtstag. Und dafür haben wir ordentlich in Schale geschmissen - auch Dank diverser Beteiligungen unserer User. Aus diesem Gemeinschaftsprojekt sind insgesamt sechs neue, wundervolle Styles entstanden, die unten im Stylechanger zu finden sind. Vielen lieben Dank an alle, die sich beteiligt haben ♥.

Innerhalb der Gemeinschaftsaktion sind auch einige Plot-Vorschläge eingereicht worden, weswegen wir ab sofort vier neue Userplots für euch freigegeben haben. Ihr dürft eure Charaktere ab sofort auf die Plots loslassen. Alle weiteren Informationen gibt es an dieser Stelle. Und um euch das Einreichen von Plots zukünftig etwas zu erleichtern, haben wir hierfür ein einfaches Formular eingerichtet.

Weitere Geburtstags-Gimmicks für euch sind ein Inplay-Sprung, ein Update der Tracker-Software sowie die Etablierung sogenannter Inhabitant Files. Außerdem dürft ihr euch ab sofort an einer Gerüchteküche erfreuen. Alle ausführlichen Informationen bekommt ihr auch noch mal an dieser Stelle.

Wir freuen uns auf das nächste, gemeinsame Jahr mit euch zusammen!

Happy Birthday empty gold! ♥

Inplay Zeit
Mai Juni Juli 2016

Keine Panik – im Mai sieht das Wetter schon deutlich besser aus. Mit maximal 19 Grad kann man den Sommer quasi schon riechen! Nachts wird es auch gar nicht mehr so kalt – 5 Grad halten wir alle aus, oder? Im Zweifel machen wir uns warme Gedanken vom Sommer!

Der Juni ist zwar der Monat mit den meisten Niederschlägen, dafür wird's langsam aber auch ein wenig wärmer. Im Minimum sind es mittlerweile fast 15 Grad - manchmal klettert das Thermomether aber sogar bis zu 25 Grad! Zeit, eure dicken Jacken definitiv zu Hause zu lassen!

Yihaaa ... wir sind im Juli angekommen! Endlich wird's warm in Golden Lake, liebe Freunde! Mit einem Minimum von 11 Grad kann's zwar ab und an doch noch mal ungemütlich werden, aber wir konzentrieren uns lieber auf die sonnigen 28 Grad, die drin sind! Es ist endlich Zeit, das erste Eis schlecken zu gehen!

Plot News
Diverse User Plots

Plot #1 - Memorial Day // 27. - 30. Mai 2016
Der Memorial Day ist nur einer von vielen Feiertagen, an denen die Bewohner von Golden Lake zeigen, was in ihnen steckt; Schon Tage vorher werden die Gärten hergerichtet, Gräber geschmuckt und alle Geschäfte in der Innenstadt bereiten sich auf den großen Tag vor, an dem gegessen und gefeiert wird. Diesen besonderen Tag lässt sich wirklich niemand entgehen.

Plot #2 - Grizzlies Sommerfest // 11. Juni 2016
Das Sommerfest der Golden Lake Grizzlies naht und damit auch das Freundschaftsspiel gegen die Mannschaft aus dem Nachbarort. Kein Spiel, dass man sich entgehen lassen sollte, immerhin wird man noch in Jahren darüber reden. Okay, vielleicht auch nicht. Aber für den Spaß und dem reichhaltigen Angebot an Essen, Trinken und anderen Attraktionen lohnt es sich auf jeden Fall dabei zu sein.

Plot #3 - 4th of July // 4. Juli 2016
Der 4. Juli naht und damit auch die große, alljährliche Feier auf der Reamer Ranch. Also schnappt eure Sachen und nichts wie hin, immerhin wird allerlei geboten. Rodeo Reiten für den Herrn, damit er seine Liebste mit seinem Können beeindrucken kann. Die Versteigerung der selbst gepackten Picknickkörbe der Damen, die dann meist direkt Abends beim großen Feuerwerk verputzt werden. Oder doch lieber die Ranch an sich erkunden? Es wird auf jeden Fall für jeden etwas geboten.

Plot #4 - Straßenfeste // 30. Juli 2016
Die großen Straßenfeste stehen mal wieder an. Eine Zeit des Miteinanders, des Zusammenkommens, Redens und neue Bekanntschaften schließen. Zwar feiert jede Straße traditionsgemäß für sich, aber das hält niemanden davon ab, an diesem Abend mal richtig auf die Pauke zu hauen oder sich spät am Abend doch zu versuchen sich auf andere Feste zu schleichen.

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


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-2018 MyBB Group » Cookie-Einstellungen » Impressum » Datenschutzerklärung