Přidána omáčka do HTML souboru

master
snowflake 12 months ago
parent 293fac6bfe
commit 3d347fe193

@ -27,10 +27,12 @@
<body>
<!-- Hlavní část webu -->
<!-- Zobrazená část webu -->
<div class="page-wrapper">
<!-- Intro -->
<section class="intro">
<header>
@ -39,22 +41,34 @@
</header>
<div class"preambule">
<h3>&#126;Čistý a přehledný kód</h3>
<p>Přehlednost a čistota kódu vede ke snadnějšímu editování, týmové práci a vývoji. Komentáře nejsou na škodu</p>
<h3>&#126;Moderní a responzivní</h3>
<p>Responzivita pro zařízení s různou úhlopříčkou je podstatná část designu, nad kterou je dobré uvažovat již při návrhu</p>
</div>
</section>
<!-- Hlavní část webu -->
<!-- Hlavní část -->
<section class="main">
<article>
<p>CSS Album váš zve na relaxační zážitek a demonstraci čeho všeho je možné dosáhnout kvalitním CSS designem. Vyberte kterýkoliv design pro načtení.</p>
<h3>Cesta k osvícení</h3>
<h3></h3>
<p>ze všech stran lemována jest specifickými tagy prohlížečů, nekompatibilními DOM a selektory lidské zloby... A když uvalím svůj syntax na tebe, seznáš, že jméno mé je CSS!</p>
<h3>Proč jsme tady?</h3>
<p>Existuje trvalá potřeba demonstrovat sílu CSS. Naše CSS album si klade za cíl inspirovat a podporovat výuku a studium webů a především CSS. Pro začátek si prohlédněte některé z existujících návrhů v seznamu. Kliknutím na kterýkoli z nich se načte stylový list do této stránky. HTML zůstává vždy stejné, jediná věc, která se změnila, je externí CSS soubor. Ano, opravdu. CSS umožňuje úplnou a absolutní kontrolu nad stylem hypertextového dokumentu. Jediný způsob, jak to lze ilustrovat tak, aby lidé byli nadšeni, je ukázat, co všechno skutečně dokáže. Převzměte do rukou otěže, a staňte se těmi kdo jsou schopni vytvářet krásu ze struktury. Naším zaměřením je silný vizuální design jehož hranice lze vždy posouvat dál.</p>
<h3>Jak na to?</h3>
<p>CSS můžete libovolně upravovat, ale ne HTML. Pokud jste dosud nikdy nepracovali tímto způsobem, může se to zpočátku jevit obtížné, ale v zájmu dobré praxe je vhodné tvořit CSS design, který je šitý na HTML dokument, ten může být totiž dynamicky generovaný nebo CSS může být aplikovatelné pro více stránek.</p>
<p>Toto je výukové cvičení a zároveň demonstrace.</p>
</article>
<!-- Postraní informace -->
@ -74,19 +88,20 @@
<!-- Zápatí webu -->
<footer>
<h4>Ve spolupráci s:</h4>
<nav>
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href="https://www.microlab.space">microlab</a></li>
<li><a href="https://www.gjk.cz"">Gymnázium Jana Keplera</a></li>
<li><a href="https://www.it.pedf.cuni.cz">Katedra informačních technologií a Technické výchovy</a></li>
<li><a href="">I Zde můžete být vaše jméno</a></li>
</ul>
</nav>
<p>Igor Vujovič &amp; Fili Projekt</p>
<p>UK PedF KITTV, Praha 2023</p>
</footer>
</div>

@ -0,0 +1,5 @@
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
Loading…
Cancel
Save