Vorlage

sneaky headline

who are you?

Alter

XX Jahre

Beruf

Wunschberuf

Avatar

First Last

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

who am I?

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

Alter

XX Jahre

Beruf

Wunschberuf

Avatar

First Last

what comes around?

Welcome to London. What’s your dream?

Du steigst am Bahnhof aus, zwei Koffer, zu wenig Geld, zu viele Pläne. Vielleicht willst du auf die Bühne. Vielleicht in ein Büro mit Aussicht. Vielleicht einfach nur raus aus dem alten Leben. Das West End verspricht viel. Die Miete ist hoch. Castings sind voll. Beziehungen kompliziert. Und niemand wartet auf dich.

Manche schaffen es. Andere bleiben auf halber Strecke stehen. Die Stadt macht kein Versprechen und gibt keine Garantie. Sie bietet Möglichkeiten – und verlangt Entscheidungen.

Mind the Gap ist ein Reallife-RPG ab 18. Wir spielen in London im Jahr 2025/2026, aktuell in den Inplaymonaten Dezember, Januar und Februar. Unser Spiel basiert auf Szenentrennung.

Hier geht es um Menschen, die ihren Platz suchen. Zwischen Arbeit und Ambition. Zwischen Freundschaften, Affären, Familie, Druck.

Welcome to London. Der Rest liegt bei dir.

Mind the Gap|| Zum Gesuch

♥

Code:

<div class="OF2_aussen">
    <div class="OF2_headline_box"></div>
    <div class="OF2_headline">sneaky headline</div>
    <div class="OF2_headline_line"></div>
    <div class="OF2_gesucht_box"></div>
    <div class="OF2_gesucht">who are you?</div>
    <li>
            <div class="OF2_gesucht_item OF2_gesucht_img">                
                <div class="OF2_gesucht_info-wrap">
                    <div class="OF2_gesucht_info">
                        <div class="OF2_gesucht_info-front OF2_gesucht_img"></div>
                        <div class="OF2_gesucht_info-back">
                            <div class="OF2_fact">Alter</div> XX Jahre
                            <div class="OF2_fact">Beruf</div> Wunschberuf
                            <div class="OF2_fact">Avatar</div> First Last
                        </div>    
                    </div>
                </div>
            </div>
        </li>
    <div class="OF2_gesucht_hochkant"></div>
    <div class="OF2_gesucht_text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div>
    <div class="OF2_suchend_box"></div>
    <div class="OF2_suchend">who am I?</div>
    <div class="OF2_suchend_hochkant"></div>
    <div class="OF2_suchend_text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div>
    <li>
            <div class="OF2_suchend_item OF2_suchend_img">                
                <div class="OF2_suchend_info-wrap">
                    <div class="OF2_suchend_info">
                        <div class="OF2_suchend_info-front OF2_suchend_img"></div>
                        <div class="OF2_suchend_info-back">
                            <div class="OF2_fact">Alter</div> XX Jahre
                            <div class="OF2_fact">Beruf</div> Wunschberuf
                            <div class="OF2_fact">Avatar</div> First Last
                        </div>    
                    </div>
                </div>
            </div>
        </li>
    <div class="OF2_infobox"></div>
    <div class="OF2_info_box"></div>
    <div class="OF2_info_headline">what comes around?</div>
    <div class="OF2_info_text">Welcome to London. What’s your dream?

Du steigst am Bahnhof aus, zwei Koffer, zu wenig Geld, zu viele Pläne. Vielleicht willst du auf die Bühne. Vielleicht in ein Büro mit Aussicht. Vielleicht einfach nur raus aus dem alten Leben. Das West End verspricht viel. Die Miete ist hoch. Castings sind voll. Beziehungen kompliziert. Und niemand wartet auf dich.

Manche schaffen es. Andere bleiben auf halber Strecke stehen. Die Stadt macht kein Versprechen und gibt keine Garantie. Sie bietet Möglichkeiten – und verlangt Entscheidungen.

Mind the Gap ist ein Reallife-RPG ab 18. Wir spielen in London im Jahr 2025/2026, aktuell in den Inplaymonaten Dezember, Januar und Februar. Unser Spiel basiert auf Szenentrennung.

Hier geht es um Menschen, die ihren Platz suchen. Zwischen Arbeit und Ambition. Zwischen Freundschaften, Affären, Familie, Druck.

Welcome to London. Der Rest liegt bei dir.

[size=large][align=center][url=https://mind-the-gap.org]Mind the Gap[/url]|| [url=https://mind-the-gap.org/showthread.php?tid=91]Zum Gesuch[/url][/align][/size]
</div>
    <div class="OF2_info_line"></div>
</div>
<div class="OF2_credit"><a href="http://storming-gates.de/member.php?action=profile&uid=1033">♥</a></div>



<link href="https://fonts.googleapis.com/css2?family=Karla:wght@400;700&family=Montserrat:wght@700&display=swap" rel="stylesheet"><style type="text/css">/*

FARBEN ÄNDERN HIER

*/.OF2_aussen { --akzent: #c48784; --hell: #ddd6bf; --mittel: #a3aba2; --dunkel: #5a6a62; --schrift: #3e3f3b; } /*

*/.OF2_aussen {    position: relative;    width: 500px;    height: 800px;    margin: auto;    background: var(--hell);   box-shadow: inset 0 0 0 1px var(--dunkel) } /*

*/.OF2_aussen li {    list-style: none; } /*

HEADLINE BEREICH

*/.OF2_headline_box {    position: absolute;    width: 170px;    height: 65px;    left: 15px;    top: 20px;    background: var(--mittel); } /*

*/.OF2_headline {    position: absolute;    left: 46px;    top: 21px;    font-family: Montserrat;    font-weight: bold;    font-size: 48px;    line-height: 59px;    text-transform: lowercase;    color: var(--akzent); } /*

*/.OF2_headline_line {    position: absolute;    width: 165px;    height: 6px;    left: 315px;    top: 79px;    background: var(--mittel); } /*

GESUCHTER BEREICH

*/.OF2_gesucht_box {    position: absolute;    width: 130px;    height: 50px;    left: 329px;    top: 136px;    background: var(--mittel); } /*

*/.OF2_gesucht {    position: absolute;    left: 245px;    top: 148px;    font-family: Montserrat;    font-weight: bold;    font-size: 24px;    line-height: 29px;    text-transform: lowercase;    color: var(--akzent); } /*

HOVER GESUCHT

*/.OF2_gesucht_item {    width: 150px;    height: 150px;    border-radius: 50%;    position: absolute;    left: 30px;    top: 167px;    box-shadow: 0 1px 2px rgba(0,0,0,0.1);    cursor: default; } /*

*/.OF2_gesucht_info-wrap{    position: absolute;    width: 130px;    height: 130px;    border-radius: 50%;    perspective: 800px;    transition: all 0.4s ease-in-out;    top: 10px;    left: 10px;    background: var(--hell);    box-shadow: 0 0 0 20px rgba(255,255,255,0.2), inset 0 0 3px rgba(115,114, 23, 0.8); } /*

*/.OF2_gesucht_info{    position: absolute;    width: 130px;    height: 130px;    border-radius: 50%;    transition: all 0.4s ease-in-out;    transform-style: preserve-3d; } /*

*/.OF2_gesucht_info > div {    display: block;    position: absolute;    width: 100%;    height: 100%;    border-radius: 50%;    background-position: center center;    backface-visibility: hidden;    font-family: Karla;    font-weight: bold;    font-size: 11px;    line-height: 13px;    text-align: center;    color: var(--mittel); } /*

*/.OF2_gesucht_info .OF2_gesucht_info-back {    transform: rotate3d(0,1,0,180deg);    background: var(--dunkel); } /*

*/.OF2_gesucht_img {     background-image: url('https://up.picr.de/39633709gi.jpg'); } /*

*/.OF2_fact {    margin-top: 10px;    font-family: Montserrat;    font-weight: bold;    font-size: 14px;    line-height: 17px;    text-align: center;    color: var(--hell); } /*

*/.OF2_gesucht_info p a:hover {    color: rgba(255,242,34, 0.8); } /*

*/.OF2_gesucht_item:hover .OF2_gesucht_info-wrap {    box-shadow: 0 0 0 0 rgba(255,255,255,0.8), inset 0 0 3px rgba(115,114, 23, 0.8); } /*

*/.OF2_gesucht_item:hover .OF2_gesucht_info {    transform: rotate3d(0,1,0,-180deg); } /*

HOVER GESUCHT ENDE

*/.OF2_gesucht_hochkant {    position: absolute;    width: 15px;    height: 135px;    left: 199px;    top: 192px;    background: var(--mittel); } /*

*/.OF2_gesucht_text {    box-sizing: border-box;    position: absolute;    width: 270px;    height: 125px;    padding-right: 3px;    left: 205px;    top: 196px;    font-family: Karla;    font-size: 11px;    line-height: 179.9%;    text-align: justify;    color: var(--schrift);    overflow: auto; } /*

*/.OF2_gesucht_text::-webkit-scrollbar{ width:4px;        background: var(--mittel); } /*

*/.OF2_gesucht_text::-webkit-scrollbar-thumb {        background: var(--dunkel); }/*

SUCHENDER BEREICH

*/.OF2_suchend_box {    position: absolute;    width: 130px;    height: 50px;    left: 30px;    top: 354px;    background: var(--mittel); } /*

*/.OF2_suchend {    position: absolute;    left: 79px;    top: 366px;    font-family: Montserrat;    font-weight: bold;    font-size: 24px;    line-height: 29px;    text-transform: lowercase;    color: var(--akzent); } /*

*/.OF2_suchend_hochkant {    position: absolute;    width: 15px;    height: 135px;    left: 286px;    top: 408px;    background: var(--mittel); } /*

*/.OF2_suchend_text {    box-sizing: border-box;    position: absolute;    width: 270px;    height: 125px;    padding-right: 3px;    left: 30px;    top: 408px;    font-family: Karla;    font-size: 11px;    line-height: 179.9%;    text-align: justify;    color: var(--schrift);    overflow: auto; } /*

*/.OF2_suchend_text::-webkit-scrollbar{        width:4px;        background: var(--mittel); } /*

*/.OF2_suchend_text::-webkit-scrollbar-thumb {        background: var(--dunkel); } /*

HOVER SUCHEND

*/.OF2_suchend_item {    width: 150px;    height: 150px;    border-radius: 50%;    position: absolute;    left: 325px;    top: 383px;    box-shadow: 0 1px 2px rgba(0,0,0,0.1);    cursor: default; } /*

*/.OF2_suchend_info-wrap{    position: absolute;    width: 130px;    height: 130px;    border-radius: 50%;    perspective: 800px;    transition: all 0.4s ease-in-out;    top: 10px;    left: 10px;    background: var(--hell);    box-shadow:     0 0 0 20px rgba(255,255,255,0.2),     inset 0 0 3px rgba(115,114, 23, 0.8); } /*

*/.OF2_suchend_info {    position: absolute;    width: 130px;    height: 130px;    border-radius: 50%;    transition: all 0.4s ease-in-out;    transform-style: preserve-3d; } /*

*/.OF2_suchend_info > div {    display: block;    position: absolute;    width: 100%;    height: 100%;    border-radius: 50%;    background-position: center center;    backface-visibility: hidden;    font-family: Karla;    font-weight: bold;    font-size: 11px;    line-height: 13px;    text-align: center;    color: var(--mittel); } /*

*/.OF2_suchend_info .OF2_suchend_info-back {    transform: rotate3d(0,1,0,180deg);    background: var(--dunkel); } /*

*/.OF2_suchend_img {     background-image: url('https://up.picr.de/39634043bi.png'); } /*

*/.OF2_suchend_info p a:hover {    color: rgba(255,242,34, 0.8); } /*

*/.OF2_suchend_item:hover .OF2_suchend_info-wrap {    box-shadow:     0 0 0 0 rgba(255,255,255,0.8),     inset 0 0 3px rgba(115,114, 23, 0.8); } /*

*/.OF2_suchend_item:hover .OF2_suchend_info {    transform: rotate3d(0,1,0,-180deg); } /*

HOVER SUCHEND ENDE & INFOBOX START

*/.OF2_infobox {    position: absolute;    width: 500px;    height: 212px;    left: 0px;    top: 588px;    background: var(--dunkel); } /*

*/.OF2_info_box {    position: absolute;    width: 130px;    height: 50px;    left: 334px;    top: 606px;    background: var(--akzent); } /*

*/.OF2_info_headline {    position: absolute;    width: 266px;    height: 29px;    left: 165px;    top: 616px;    font-family: Montserrat;    font-weight: bold;    font-size: 24px;    line-height: 29px;    text-transform: lowercase;    color: var(--mittel); } /*

*/.OF2_info_text {    box-sizing: border-box;    position: absolute;    width: 429px;    height: 102px;    padding-right: 3px;    left: 35px;    top: 666px;    font-family: Karla;    font-size: 11px;    line-height: 20px;    text-align: justify;    color: var(--hell);    overflow: auto; } /*

*/.OF2_info_text::-webkit-scrollbar{        width:4px;        background: var(--mittel); } /*

*/.OF2_info_text::-webkit-scrollbar-thumb {        background: var(--hell); } /*

*/.OF2_info_line {    position: absolute;    width: 165px;    height: 6px;    left: 15px;    top: 781px;    background: var(--mittel); } /*

FETT, KURSIV & UNTERSTRICHEN

*/.OF2_gesucht_text b, .OF2_suchend_text b, .OF2_info_text b {    padding: 2px;    background:var(--akzent);    color:var(--hell);    font-weight: bold;    letter-spacing: 2px;    text-transform: uppercase; } /*

*/.OF2_gesucht_text i, .OF2_suchend_text i, .OF2_info_text i {    padding: 2px;    background:var(--mittel);    color:var(--akzent);    letter-spacing: 2px; } /*

*/.OF2_gesucht_text u, .OF2_suchend_text u, .OF2_info_text u {    padding-bottom: 1px;    border-bottom: 2px solid var(--schrift);    letter-spacing: 2px;    text-decoration:none; } /*

*/.OF2_credit { font-family: sans-serif; font-size: 10px; text-align: center ; } </style>

[align=center]<a href='https://mind-the-gap.org' target='_blank'><img src='https://i.postimg.cc/K8cRzdsL/sisbottom.png' border='0' alt='Mind the Gap'/></a>[/align]