Untitled

From Crimson Marten, 4 Years ago, written in HTML5.

Embed

Download Paste or View Raw
Hits: 126

<!DOCTYPE html>

<html lang="pl">

<head>

<meta charset="utf-8">

<title>Gra o tron</title>

<meta name="description" content="">

<meta name="keywords" content="">

<meta name="author" content="">

<meta http-equiv="X-Ua-Compatible" content="IE=edge,chrome=1">

<link rel="stylesheet" href="style.css">

</head>

<body>

<header>

<h1 class="logo"><img src="img/got.png"></h1>

<nav>

<ul class="menu">

<li><a href="#">Strona główna</a></li>

<li><a href="#">Ale o co chodzi?</a></li>

<li><a href="#">George R.R.Martin</a></li>

<li><a href="#">Książki</a></li>

<li><a href="#">Serial</a></li>

<li><a href="#">Gry</a></li>

</ul>

</nav>

</header>

<main>

<section>

<div class="categories">

<h1>Witaj na stronie poświęconej Grze o Tron!</h1>

<p>Jeśli jeszcze nie wiesz czemu świat oszalał na punkcie "Gry o Tron" to jesteś w dobrym miejscu, żeby to zrozumieć. Czuj się swobodnie i klikaj gdzie popadnie.</p>

</div>

<div class="pictures-container">

<div class="kategorie">

<figure>

<a href="#"><img class="miniatura" src="img/got-ksiazki.jpg" alt="Książki"></a>

<figcaption>Książki</figcaption>

</figure>

</div>

<div class="kategorie">

<figure>

<a href="#"><img class="miniatura" src="img/got-serial.jpg" alt="Serial"></a>

<figcaption>Serial</figcaption>

</figure>

</div>

<div class="kategorie">

<figure>

<a href="#"><img class="miniatura" src="img/got-gra.jpg" alt="Gry"></a>

<figcaption>Gry</figcaption>

</figure>

</div>

</div>

</section>

<article id="newest">

<div class="entries">

<header>

<h1>Najnowsze wpisy</h1>

<p>Poniżej znajdziesz dwa ostatnio opublikowane artykuły - dzięki temu łatwo sprawdzisz, czy na stronie pojawiło się coś nowego. Nie dodajemy wpisów często, ale zawsze warto je przeczytać. </p>

</header>

<div>

<div class="entry">

<div class="entryimg">

<img src="img/got-serial.jpg" alt="serial">

</div>

<div class="entrytxt">

<h2>Już 15 kwietnia - premiera ósmego - finałowego sezonu "Gry o Tron"</h2>

<p>Wszystko co piękne kiedyś się kończy. Przez wiele lat towarzyszyliśmy bohaterom kultowej sagi "o seksie i smokach". Przed nami ostatni sezon, z mniejszą ilością odcinków, ale trwających tyle co film krótkometrażowy. Twórcy zapowiadają kolejne spektakularne bitwy.</p>

</div>

</div>

</div>

<div>

<div class="entry">

<div class="entryimg">

<img src="img/got-white.jpg" alt="spin-off">

</div>

<div class="entrytxt">

<h2>Spin-off "Gry o Tron" w fazie produkcji</h2>

<p>Akcja ma dziać się na tysiące lat przed wydarzeniami znanymi z emitowanego właśnie serialu. Tematem ma być złoty wiek bohaterów. Co jednak najistotniejsze, serial ma przybliżyć genezę Białych Wędrowców i pokazać tajemnice legendarnych Starków.</p>

</div>

</div>

</div>

</div>

</article>

<article>

<div class="contact">

<div>

<h1>Kontakt z autorem</h1>

<p>Jeśli masz ochotę podyskutować, masz uwagi do strony lub masz interesujące newsy ze świata GOT podziel się z nami poprzez poniższy formularz.</p>

</div>

<form>

Imię i nazwisko:

<br/>

<input type="text" name="personalia" required>

<br/>

<br/>

<input type="email" name="email" placeholder="Adres e-mail:" required>

<br/>

<br/> Treść wiadomości:

<br/>

<textarea rows="8" cols="40" name="message" required> </textarea>

<br/>

<input type="submit" value="Wyślij" onClick="alert('Dziękujemy za wypełnienie formularza.')">

<br/>

</form>

</div>

</article>

</main>

<footer>

<p class="info">

© 2019 Wszelkie prawa zastrzeżone!

</p>

</footer>

</body>

</html>

Author

Title

Language

Your paste - Paste your paste here

&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;pl&quot;&gt;
&lt;head&gt;
	&lt;meta charset=&quot;utf-8&quot;&gt;
	&lt;title&gt;Gra o tron&lt;/title&gt;
	&lt;meta name=&quot;description&quot; content=&quot;&quot;&gt;
	&lt;meta name=&quot;keywords&quot; content=&quot;&quot;&gt;
	&lt;meta name=&quot;author&quot; content=&quot;&quot;&gt;
	&lt;meta http-equiv=&quot;X-Ua-Compatible&quot; content=&quot;IE=edge,chrome=1&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; href=&quot;style.css&quot;&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;header&gt;
	&lt;h1 class=&quot;logo&quot;&gt;&lt;img src=&quot;img/got.png&quot;&gt;&lt;/h1&gt;
	&lt;nav&gt;
		&lt;ul class=&quot;menu&quot;&gt;
			&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Strona główna&lt;/a&gt;&lt;/li&gt;
			&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Ale o co chodzi?&lt;/a&gt;&lt;/li&gt;
			&lt;li&gt;&lt;a href=&quot;#&quot;&gt;George R.R.Martin&lt;/a&gt;&lt;/li&gt;
			&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Książki&lt;/a&gt;&lt;/li&gt;
			&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Serial&lt;/a&gt;&lt;/li&gt;
			&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Gry&lt;/a&gt;&lt;/li&gt;
		&lt;/ul&gt;
	&lt;/nav&gt;
&lt;/header&gt;
&lt;main&gt;
	&lt;section&gt;
		&lt;div class=&quot;categories&quot;&gt;
			&lt;h1&gt;Witaj na stronie poświęconej Grze o Tron!&lt;/h1&gt;
			&lt;p&gt;Jeśli jeszcze nie wiesz czemu świat oszalał na punkcie &quot;Gry o Tron&quot; to jesteś w dobrym miejscu, żeby to zrozumieć. Czuj się swobodnie i klikaj gdzie popadnie.&lt;/p&gt;
		&lt;/div&gt;
		&lt;div class=&quot;pictures-container&quot;&gt;
			&lt;div class=&quot;kategorie&quot;&gt;
				&lt;figure&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;img class=&quot;miniatura&quot; src=&quot;img/got-ksiazki.jpg&quot; alt=&quot;Książki&quot;&gt;&lt;/a&gt;
					&lt;figcaption&gt;Książki&lt;/figcaption&gt;
				&lt;/figure&gt;
			&lt;/div&gt;
			&lt;div class=&quot;kategorie&quot;&gt;
				&lt;figure&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;img class=&quot;miniatura&quot; src=&quot;img/got-serial.jpg&quot; alt=&quot;Serial&quot;&gt;&lt;/a&gt;
					&lt;figcaption&gt;Serial&lt;/figcaption&gt;
				&lt;/figure&gt;
			&lt;/div&gt;
			&lt;div class=&quot;kategorie&quot;&gt;
				&lt;figure&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;img class=&quot;miniatura&quot; src=&quot;img/got-gra.jpg&quot; alt=&quot;Gry&quot;&gt;&lt;/a&gt;
					&lt;figcaption&gt;Gry&lt;/figcaption&gt;
				&lt;/figure&gt;
			&lt;/div&gt;
		&lt;/div&gt;
	&lt;/section&gt;
	&lt;article id=&quot;newest&quot;&gt;
		&lt;div class=&quot;entries&quot;&gt;
			&lt;header&gt;
				&lt;h1&gt;Najnowsze wpisy&lt;/h1&gt;
				&lt;p&gt;Poniżej znajdziesz dwa ostatnio opublikowane artykuły - dzięki temu łatwo sprawdzisz, czy na stronie pojawiło się coś nowego. Nie dodajemy wpisów często, ale zawsze warto je przeczytać. &lt;/p&gt;
			&lt;/header&gt;
			&lt;div&gt;
				&lt;div class=&quot;entry&quot;&gt;
					&lt;div class=&quot;entryimg&quot;&gt;
						&lt;img src=&quot;img/got-serial.jpg&quot; alt=&quot;serial&quot;&gt;
					&lt;/div&gt;
					&lt;div class=&quot;entrytxt&quot;&gt;
						&lt;h2&gt;Już 15 kwietnia - premiera ósmego - finałowego sezonu &quot;Gry o Tron&quot;&lt;/h2&gt;
						&lt;p&gt;Wszystko co piękne kiedyś się kończy. Przez wiele lat towarzyszyliśmy bohaterom kultowej sagi &quot;o seksie i smokach&quot;. Przed nami ostatni sezon, z mniejszą ilością odcinków, ale trwających tyle co film krótkometrażowy. Twórcy zapowiadają kolejne spektakularne bitwy.&lt;/p&gt;
					&lt;/div&gt;
				&lt;/div&gt;
			&lt;/div&gt;
			&lt;div&gt;
				&lt;div class=&quot;entry&quot;&gt;
					&lt;div class=&quot;entryimg&quot;&gt;
						&lt;img src=&quot;img/got-white.jpg&quot; alt=&quot;spin-off&quot;&gt;
					&lt;/div&gt;
					&lt;div class=&quot;entrytxt&quot;&gt;
						&lt;h2&gt;Spin-off &quot;Gry o Tron&quot; w fazie produkcji&lt;/h2&gt;
						&lt;p&gt;Akcja ma dziać się na tysiące lat przed wydarzeniami znanymi z emitowanego właśnie serialu. Tematem ma być złoty wiek bohaterów. Co jednak najistotniejsze, serial ma przybliżyć genezę Białych Wędrowców i pokazać tajemnice legendarnych Starków.&lt;/p&gt;
					&lt;/div&gt;
				&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;
	&lt;/article&gt;
	&lt;article&gt;
		&lt;div class=&quot;contact&quot;&gt;
			&lt;div&gt;
				&lt;h1&gt;Kontakt z autorem&lt;/h1&gt;
				&lt;p&gt;Jeśli masz ochotę podyskutować, masz uwagi do strony lub masz interesujące newsy ze świata GOT podziel się z nami poprzez poniższy formularz.&lt;/p&gt;
			&lt;/div&gt;
			&lt;form&gt;
				Imię i nazwisko:
				&lt;br/&gt;
				&lt;input type=&quot;text&quot; name=&quot;personalia&quot; required&gt;
				&lt;br/&gt;
				&lt;br/&gt;
				&lt;input type=&quot;email&quot; name=&quot;email&quot; placeholder=&quot;Adres e-mail:&quot; required&gt;
				&lt;br/&gt;
				&lt;br/&gt; Treść wiadomości:
				&lt;br/&gt;
				&lt;textarea rows=&quot;8&quot; cols=&quot;40&quot; name=&quot;message&quot; required&gt; &lt;/textarea&gt;
				&lt;br/&gt;
				&lt;input type=&quot;submit&quot; value=&quot;Wyślij&quot; onClick=&quot;alert('Dziękujemy za wypełnienie formularza.')&quot;&gt;
				&lt;br/&gt;
			&lt;/form&gt;
		&lt;/div&gt;
	&lt;/article&gt;
&lt;/main&gt;
&lt;footer&gt;
	&lt;p class=&quot;info&quot;&gt;
		&amp;copy; 2019 Wszelkie prawa zastrzeżone!
	&lt;/p&gt;
&lt;/footer&gt;
&lt;/body&gt;
&lt;/html&gt;

Private - Private paste aren't shown in recent listings.

Delete After - When should we delete your paste?

Spam protection -

{"html5":"htmlmixed","css":"css","javascript":"javascript","php":"php","python":"python","ruby":"ruby","lua":"text\/x-lua","bash":"text\/x-sh","go":"go","c":"text\/x-csrc","cpp":"text\/x-c++src","diff":"diff","latex":"stex","sql":"sql","xml":"xml","apl":"apl","asterisk":"asterisk","c_loadrunner":"text\/x-csrc","c_mac":"text\/x-csrc","coffeescript":"text\/x-coffeescript","csharp":"text\/x-csharp","d":"d","ecmascript":"javascript","erlang":"erlang","groovy":"text\/x-groovy","haskell":"text\/x-haskell","haxe":"text\/x-haxe","html4strict":"htmlmixed","java":"text\/x-java","java5":"text\/x-java","jquery":"javascript","mirc":"mirc","mysql":"sql","ocaml":"text\/x-ocaml","pascal":"text\/x-pascal","perl":"perl","perl6":"perl","plsql":"sql","properties":"text\/x-properties","q":"text\/x-q","scala":"scala","scheme":"text\/x-scheme","tcl":"text\/x-tcl","vb":"text\/x-vb","verilog":"text\/x-verilog","yaml":"text\/x-yaml","z80":"text\/x-z80"}

Reply to "Untitled"