Freiheit für Nottingham --- 14.11.2022, 16:14
<html><link href="https://fonts.googleapis.com/css2?family=Old+Standard+TT:wght@400;700&family=Poppins:wght@300;400;500;700;800;900&display=swap" rel="stylesheet"> <div id="snow-wrap"> <!-- Header Bild wird im CSS ausgetauscht --> <div class="snow-header"></div> <!-- Hier können Links eingefügt werden --> <div class="snow-links"></div> <!-- Ende der Links --> <!-- Anfang der Überschrift; <span> für den kleinen Text --> <div class="snow-h1"><span>Freiheit für</span><br>Nottingham</div> <!-- Ende Überschrift --> <!-- Anfang Überschrift für den Content, kann einfach kopiert werden für mehr Überschriften --> <div class="snow-subtitle">"König John hat Nottingham einen feigen Krieg erklärt"</div> <!-- Ende Überschrift für den Content --> <!-- Anfang Content, Div kann kopiert werden --> <div class="snow-content">"Im Heiligen Land legt sich endlich die Schlacht und hat keinen Sieger hervor gebracht. Vier Jahre für Nichts, doch das Sterben für Gott hat Englands Volk teuer bezahlt“
England 1192 – Vier lange Jahre diente Robin von Locksley im Heiligen Krieg und kämpfte an der Seite von König Richard im Heiligen Land. Schlacht um Schlacht bestritt er, doch am Ende tat sich kein Sieger hervor. So trat er seine Reise zurück nach England an, in der Erwartung alles wieder so vorzufinden, wie er seine Heimat verlassen hatte. Doch schnell musste er feststellen, dass nichts so war, wie früher: Ein neuer Sheriff unterdrückt und terrorisiert mit seinem Handlanger Guy of Gisborne Nottingham und Richard's kleiner Bruder, Prinz John, hat vorläufig die Krone an sich gerissen. Auch Robin's Frau Marian, die er schüchtern und zurückhaltend in Erinnerung hatte, war nun eine starke, selbstbewusste Frau. Die Leute in seinem Umfeld hatten sich ebenfalls verändert. Sie waren misstrauisch, ihre ganze Lebensfreude war entwichen und sie waren...arm. Als wäre das alles nicht genug, erreichte ihn anschließend eine Schreckensnachricht: König Richard war gefallen. Eine Information, die gefährlich werden konnte, sollte sie in falsche Hände geraten. Und genau das tat sie. Denn als Prinz John davon erfuhr, setzte er alles daran, um an die Krone zu kommen. Er schreckte nicht einmal davor zurück, den rechtmäßigen Nachfolger, König Richard's Neffen, niederzuschlachten und machte sich somit selbst zum König.
"Ab sofort verweigere ich der Krone sämtliche Abgaben und Steuern. Und als Earl von Huntingdon fordere ich den versammelten Landadel Nottinghams auf, es mir gleich zu tun."
Im Gegensatz zu den ängstlichen Bürgern, lehnt sich Robin öffentlich gegen den Thronräuber auf. Durch eine Flucht konnte er seiner Erhängung entfliehen und gilt nun als Gesetzloser. Nichtsdestotrotz machte er es sich zur Aufgabe für die Gerechtigkeit zu kämpfen - und dabei ist er nicht alleine.
"Seid ihr mutig genug und zu Kämpfen bereit?"</div>
<!-- Ende Content --> <!-- Bild wird im CSS ausgetauscht --> <div class="snow-picture"></div> <!-- Anfang FACTS Buchstaben --> <div class="snow-facts"> <div class="snow-facts-left"> <span>F</span> <span>A</span> <span>C</span> <span>T</span> <span>S</span> </div> <!-- Ende FACTS Buchstaben> <!-- Anfang Auflistung Shortfacts, <li></li> für weiteren Punkt --> <div class="snow-facts-right"> <ul> <li>Robin Hood</li> <li>England</li> <li>L3S3V3</li> <li>Whitelist</li> <li>Profilfelder</li> <li>Keine MPL</li> <li>Mittelalter</li> </ul></div> <!-- Ende Auflistung Shortfacts --> </div> </div> <p class="snow-credit"><a href="http://storming-gates.de/member.php?action=profile&uid=859" target="_blank">Nilonia @ Storming Gates</a></p> </html>
<style>/* Im Root-Verzeichnis ist das Wichtigste hinterlegt, wer im restlichen CSS rumwerkeln will, sollte wissen, was er tut
*/ :root { /* Bilder werden automatisch skaliert */ --snow-header-img: url("https://abload.de/img/headertest8jjzx.png"); --snow-content-img: url("https://abload.de/img/rh2srj6n.png"); --snow-content-subtitle-color: #c2a98d; /* Farbe Überschrift Content */ --snow-facts-letter: #ebe8e6; /* Farbe der FACTS-Buchstaben */ --snow-color: #3e3e3e; /* normale Schriftfarbe */ --snow-facts-color: #6980a8; /* Farbe Schneeflocke Aufzählungszeichen */ --snow-background: #f7f3f0; /* Hintergrundfarbe Content */ --snow-main-font: 'Poppins', sans-serif; --snow-second-font: 'Old Standard TT', serif; } #snow-wrap { background: var(--snow-background); margin: 0 auto; width: 500px; color: var(--snow-color); font-family: var(--snow-main-font); font-weight: 400; font-size: 12px; border: 25px solid white; position: relative; } .snow-content { text-align: justify; line-height: 22px; padding: 0 50px; column-count: 2; column-gap: 25px; } .snow-subtitle { font-family: var(--snow-second-font); font-size: 20px; text-transform: uppercase; font-weight: 700; color: var(--snow-content-subtitle-color); text-shadow: -1px -2px 1px white; text-align: right; padding: 50px 50px 5px 50px; } /* HEADER */ .snow-header { width: 500px; height: 250px; background: var(--snow-header-img); background-position: center center; background-size: cover; overflow: hidden; } .snow-picture { height: 100px; width: 500px; background: var(--snow-content-img); background-position: center center; background-size: cover; margin: 50px 0; } .snow-picture:before { width: 100%; height: 100px; } .snow-header:before { width: 100%; height: 250px; } .snow-picture:before, .snow-header:before { display: block; content: ''; background: rgba(212, 196, 180, 0.70); } .snow-h1 { position: absolute; left: 50px; top: 183px; font-size: 55px; font-weight: 800; text-transform: uppercase; line-height: 45px; color: white; text-align: left; } .snow-h1 span { font-size: 13px; letter-spacing: 3px; text-transform: uppercase; line-height: 25px; } .snow-h1:before { content: ''; width: 2px; height: 145px; background: white; position: absolute; top: -145px; left: 1px; } .snow-links { width: 100%; position: absolute; top: 5px; text-align: center; } .snow-links a { text-transform: uppercase; color: white; text-decoration: none; letter-spacing: 2px; font-size: 10px; } .snow-links a:not(:last-child):after { content: '\f2dc'; font-family: 'FontAwesome'; padding: 0 5px 0 10px; } /* FACTS */ .snow-facts { display: flex; align-items: center; padding-bottom: 50px; } .snow-facts-left { position: relative; flex: 0 0 200px; padding-left: 30px; } .snow-facts-left span { font-family: var(--snow-second-font); font-weight: 700; color: var(--snow-facts-letter); display: inline-block; text-shadow: -2px -3px 1px white; line-height: 50px; } .snow-facts-left span:nth-child(1) { font-size: 165px; padding: 50px 0 0 65px; } .snow-facts-left span:nth-child(2) { font-size: 175px; } .snow-facts-left span:nth-child(-3n+3) { font-size: 135px; padding: 10px 0 0 100px; } .snow-facts-left span:nth-child(4n) { font-size: 135px; padding: 20px 0 0 25px; line-height: 20px; } .snow-facts-left span:nth-last-child(1) { font-size: 110px; padding: 0px 0 5px 70px; } /* FACTS Aufzählung */ .snow-facts-right { padding-right: 50px; flex-grow: 1; } .snow-facts-right ul { text-align: right; } .snow-facts-right li { list-style-type: none; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; font-weight: 300; padding: 10px 5px; } .snow-facts-right li:not(:last-child) { border-bottom: 1px solid var(--snow-facts-letter); } .snow-facts-right li:after {padding-left: 10px; color: var(--snow-facts-color); } .snow-credit { text-align: center; font-family: 'Poppins', sans-serif; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; margin: 0; padding-top: 5px; }</style>
England 1192 – Vier lange Jahre diente Robin von Locksley im Heiligen Krieg und kämpfte an der Seite von König Richard im Heiligen Land. Schlacht um Schlacht bestritt er, doch am Ende tat sich kein Sieger hervor. So trat er seine Reise zurück nach England an, in der Erwartung alles wieder so vorzufinden, wie er seine Heimat verlassen hatte. Doch schnell musste er feststellen, dass nichts so war, wie früher: Ein neuer Sheriff unterdrückt und terrorisiert mit seinem Handlanger Guy of Gisborne Nottingham und Richard's kleiner Bruder, Prinz John, hat vorläufig die Krone an sich gerissen. Auch Robin's Frau Marian, die er schüchtern und zurückhaltend in Erinnerung hatte, war nun eine starke, selbstbewusste Frau. Die Leute in seinem Umfeld hatten sich ebenfalls verändert. Sie waren misstrauisch, ihre ganze Lebensfreude war entwichen und sie waren...arm. Als wäre das alles nicht genug, erreichte ihn anschließend eine Schreckensnachricht: König Richard war gefallen. Eine Information, die gefährlich werden konnte, sollte sie in falsche Hände geraten. Und genau das tat sie. Denn als Prinz John davon erfuhr, setzte er alles daran, um an die Krone zu kommen. Er schreckte nicht einmal davor zurück, den rechtmäßigen Nachfolger, König Richard's Neffen, niederzuschlachten und machte sich somit selbst zum König.
"Ab sofort verweigere ich der Krone sämtliche Abgaben und Steuern. Und als Earl von Huntingdon fordere ich den versammelten Landadel Nottinghams auf, es mir gleich zu tun."
Im Gegensatz zu den ängstlichen Bürgern, lehnt sich Robin öffentlich gegen den Thronräuber auf. Durch eine Flucht konnte er seiner Erhängung entfliehen und gilt nun als Gesetzloser. Nichtsdestotrotz machte er es sich zur Aufgabe für die Gerechtigkeit zu kämpfen - und dabei ist er nicht alleine.
"Seid ihr mutig genug und zu Kämpfen bereit?"</div>
<div class="snow-subtitle">Zum Forum</div>
<!-- Ende Content --> <!-- Bild wird im CSS ausgetauscht --> <div class="snow-picture"></div> <!-- Anfang FACTS Buchstaben --> <div class="snow-facts"> <div class="snow-facts-left"> <span>F</span> <span>A</span> <span>C</span> <span>T</span> <span>S</span> </div> <!-- Ende FACTS Buchstaben> <!-- Anfang Auflistung Shortfacts, <li></li> für weiteren Punkt --> <div class="snow-facts-right"> <ul> <li>Robin Hood</li> <li>England</li> <li>L3S3V3</li> <li>Whitelist</li> <li>Profilfelder</li> <li>Keine MPL</li> <li>Mittelalter</li> </ul></div> <!-- Ende Auflistung Shortfacts --> </div> </div> <p class="snow-credit"><a href="http://storming-gates.de/member.php?action=profile&uid=859" target="_blank">Nilonia @ Storming Gates</a></p> </html>
<style>/* Im Root-Verzeichnis ist das Wichtigste hinterlegt, wer im restlichen CSS rumwerkeln will, sollte wissen, was er tut
*/ :root { /* Bilder werden automatisch skaliert */ --snow-header-img: url("https://abload.de/img/headertest8jjzx.png"); --snow-content-img: url("https://abload.de/img/rh2srj6n.png"); --snow-content-subtitle-color: #c2a98d; /* Farbe Überschrift Content */ --snow-facts-letter: #ebe8e6; /* Farbe der FACTS-Buchstaben */ --snow-color: #3e3e3e; /* normale Schriftfarbe */ --snow-facts-color: #6980a8; /* Farbe Schneeflocke Aufzählungszeichen */ --snow-background: #f7f3f0; /* Hintergrundfarbe Content */ --snow-main-font: 'Poppins', sans-serif; --snow-second-font: 'Old Standard TT', serif; } #snow-wrap { background: var(--snow-background); margin: 0 auto; width: 500px; color: var(--snow-color); font-family: var(--snow-main-font); font-weight: 400; font-size: 12px; border: 25px solid white; position: relative; } .snow-content { text-align: justify; line-height: 22px; padding: 0 50px; column-count: 2; column-gap: 25px; } .snow-subtitle { font-family: var(--snow-second-font); font-size: 20px; text-transform: uppercase; font-weight: 700; color: var(--snow-content-subtitle-color); text-shadow: -1px -2px 1px white; text-align: right; padding: 50px 50px 5px 50px; } /* HEADER */ .snow-header { width: 500px; height: 250px; background: var(--snow-header-img); background-position: center center; background-size: cover; overflow: hidden; } .snow-picture { height: 100px; width: 500px; background: var(--snow-content-img); background-position: center center; background-size: cover; margin: 50px 0; } .snow-picture:before { width: 100%; height: 100px; } .snow-header:before { width: 100%; height: 250px; } .snow-picture:before, .snow-header:before { display: block; content: ''; background: rgba(212, 196, 180, 0.70); } .snow-h1 { position: absolute; left: 50px; top: 183px; font-size: 55px; font-weight: 800; text-transform: uppercase; line-height: 45px; color: white; text-align: left; } .snow-h1 span { font-size: 13px; letter-spacing: 3px; text-transform: uppercase; line-height: 25px; } .snow-h1:before { content: ''; width: 2px; height: 145px; background: white; position: absolute; top: -145px; left: 1px; } .snow-links { width: 100%; position: absolute; top: 5px; text-align: center; } .snow-links a { text-transform: uppercase; color: white; text-decoration: none; letter-spacing: 2px; font-size: 10px; } .snow-links a:not(:last-child):after { content: '\f2dc'; font-family: 'FontAwesome'; padding: 0 5px 0 10px; } /* FACTS */ .snow-facts { display: flex; align-items: center; padding-bottom: 50px; } .snow-facts-left { position: relative; flex: 0 0 200px; padding-left: 30px; } .snow-facts-left span { font-family: var(--snow-second-font); font-weight: 700; color: var(--snow-facts-letter); display: inline-block; text-shadow: -2px -3px 1px white; line-height: 50px; } .snow-facts-left span:nth-child(1) { font-size: 165px; padding: 50px 0 0 65px; } .snow-facts-left span:nth-child(2) { font-size: 175px; } .snow-facts-left span:nth-child(-3n+3) { font-size: 135px; padding: 10px 0 0 100px; } .snow-facts-left span:nth-child(4n) { font-size: 135px; padding: 20px 0 0 25px; line-height: 20px; } .snow-facts-left span:nth-last-child(1) { font-size: 110px; padding: 0px 0 5px 70px; } /* FACTS Aufzählung */ .snow-facts-right { padding-right: 50px; flex-grow: 1; } .snow-facts-right ul { text-align: right; } .snow-facts-right li { list-style-type: none; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; font-weight: 300; padding: 10px 5px; } .snow-facts-right li:not(:last-child) { border-bottom: 1px solid var(--snow-facts-letter); } .snow-facts-right li:after {padding-left: 10px; color: var(--snow-facts-color); } .snow-credit { text-align: center; font-family: 'Poppins', sans-serif; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; margin: 0; padding-top: 5px; }</style>