2026-04-30 13:23:35 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset='utf-8'>
|
|
|
|
|
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
|
|
|
|
|
<title>Zadanie 3</title>
|
|
|
|
|
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
|
|
|
|
<link rel="icon" href="/favicon.ico">
|
|
|
|
|
<link rel='stylesheet' type='text/css' media='screen' href='/assets/css/styl.css'>
|
|
|
|
|
<link rel='stylesheet' type='text/css' media='screen' href='/assets/css/blog.css'>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<header>
|
|
|
|
|
<h1>Zadanie 3</h1>
|
|
|
|
|
<nav>
|
|
|
|
|
<a href="./zad1.html">Zadanie 1</a>
|
|
|
|
|
<a href="./zad2.html">Zadanie 2</a>
|
|
|
|
|
<a href="./zad3.html">Zadanie 3</a>
|
|
|
|
|
<a href="./zad4.html">Zadanie 4</a>
|
|
|
|
|
<a href="./zad5.html">Zadanie 5</a>
|
|
|
|
|
<a href="./zad6.html">Zadanie 6</a>
|
|
|
|
|
<a href="./zad7.php">Zadanie 7</a>
|
2026-06-09 18:51:01 +02:00
|
|
|
<a href="./zad8.php">Zadanie 8</a>
|
2026-04-30 13:23:35 +02:00
|
|
|
</nav>
|
|
|
|
|
</header>
|
|
|
|
|
<section>
|
|
|
|
|
<main>
|
|
|
|
|
<div style="display:grid; grid-template-rows: 5rem; grid-template-columns: 50% 50%">
|
|
|
|
|
<article>Blok lewy</article>
|
|
|
|
|
<article>Blok prawy</article>
|
|
|
|
|
</div>
|
|
|
|
|
<br>
|
|
|
|
|
<div style="display:grid; grid-template-rows: 5rem; grid-template-columns: 33% 33% 33%">
|
|
|
|
|
<article>Blok boczny</article>
|
|
|
|
|
<article>Blok główny</article>
|
|
|
|
|
<article>Blok sekcji</article>
|
|
|
|
|
</div>
|
|
|
|
|
<br>
|
|
|
|
|
<div style="display:grid; grid-template-rows: 5rem 5rem; grid-template-columns: 50% 50%; column-gap:1rem;">
|
|
|
|
|
<article>Blok karty</article>
|
|
|
|
|
<article>Blok karty</article>
|
|
|
|
|
<article>Blok karty</article>
|
|
|
|
|
<article>Blok karty</article>
|
|
|
|
|
</div>
|
|
|
|
|
<br>
|
|
|
|
|
<article style="min-width: 10rem;max-width: 10rem;min-height: 4rem;max-height: 4rem;">
|
|
|
|
|
<h4>Blok sekcji 1</h4>
|
|
|
|
|
<article style="min-width: 10rem;max-width: 10rem;min-height: 4rem;max-height: 4rem;margin-left: .5rem;margin-top: .5rem;">
|
|
|
|
|
<h4>Blok sekcji 2</h4>
|
|
|
|
|
<article style="min-width: 10rem;max-width: 10rem;min-height: 4rem;max-height: 4rem;margin-left: .5rem;margin-top: .5rem;">
|
|
|
|
|
<h4>Blok sekcji 3</h4>
|
|
|
|
|
<article style="min-width: 10rem;max-width: 10rem;min-height: 4rem;max-height: 4rem;margin-left: .5rem;margin-top: .5rem;">
|
|
|
|
|
<h4>Blok sekcji 4</h4>
|
|
|
|
|
</article>
|
|
|
|
|
</article>
|
|
|
|
|
</article>
|
|
|
|
|
</article>
|
|
|
|
|
</main>
|
|
|
|
|
</section>
|
|
|
|
|
<footer>
|
|
|
|
|
<img class="banner" src="https://darksteveneq.nonamesoft.xyz/assets/banners/athens_acropolis_4793_images_trinitynow.gif" width="88">
|
|
|
|
|
<img class="banner" src="https://darksteveneq.nonamesoft.xyz/assets/banners/paws.gif" width="88" height="31">
|
|
|
|
|
<img class="banner" src="https://darksteveneq.nonamesoft.xyz/assets/banners/anythingbut.gif" width="88" height="31">
|
|
|
|
|
<img class="banner" src="https://darksteveneq.nonamesoft.xyz/assets/banners/itoddler.gif" width="88" height="31">
|
|
|
|
|
</footer>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
