ghostfox/sketchbook
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Lekcja 2

Browse Source
This commit is contained in:
Ghost Fox
2026-04-30 13:23:35 +02:00
commit 6abe98a436
25 changed files with 826 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
zad3.html Normal file
View File

@@ -0,0 +1,66 @@
<!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>
</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>