diff --git a/05/index.html b/05/index.html new file mode 100644 index 0000000..428d541 --- /dev/null +++ b/05/index.html @@ -0,0 +1,49 @@ + + + + + + + Document + + + +
+

Záhlaví/hlavička

+

Mnohem menší text pro doplnění

+
+
+ Kotva 1 + Kotva 2 + Kotva 3 + zapatí +
+
+
+

Kotva 1

+
Podnadpis karty ktery muze byt delsi
+

Begin

+

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quas facere suscipit doloribus obcaecati placeat. Quae labore incidunt hic repellat eius error doloremque, perferendis nostrum similique deleniti temporibus illo dicta. Cupiditate?

+ NAHORU DOMU +
+
+

Kotva 2

+
Podnadpis karty ktery muze byt delsi
+

Begin

+

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quas facere suscipit doloribus obcaecati placeat. Quae labore incidunt hic repellat eius error doloremque, perferendis nostrum similique deleniti temporibus illo dicta. Cupiditate?

+ NAHORU DOMU +
+
+

Kotva 3

+
Podnadpis karty ktery muze byt delsi
+

Begin

+

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quas facere suscipit doloribus obcaecati placeat. Quae labore incidunt hic repellat eius error doloremque, perferendis nostrum similique deleniti temporibus illo dicta. Cupiditate?

+ NAHORU DOMU +
+
+ + + \ No newline at end of file diff --git a/05/style.css b/05/style.css new file mode 100644 index 0000000..abaf46d --- /dev/null +++ b/05/style.css @@ -0,0 +1,45 @@ +body{ + font-family: Arial; + padding: 10px; + background-color: rgb(200, 200, 200); +} + +.header { + text-align: center; +} + +.topnav{ + background-color: #333; + overflow: hidden; +} + +.topnav a{ + color: whitesmoke; /* barva textu*/ + text-decoration: none; /*odstrani podržítko*/ + float: left; /* nastaví elementy do leva*/ + display: block; /*blokové zobrazení*/ + padding: 5px 15px; /* mezery pro odkazy*/ +} + +.topnav a:hover { + background-color: #ddd; + color: black; +} + +.container:after{ + clear:both; + display: table; +} + +.card{ + padding: 20px; + margin-top: 20px; + background-color: white; +} + +.footer{ + background-color: #ddd; + text-align: center; + padding: 20px; + margin-top: 20px; +}