rozpracováno

4 years ago · 69240ffbdd
8 changed files with 102 additions and 0 deletions
--- a/img/map.png
+++ b/img/map.png
--- a/img/thumb_11.jpg
+++ b/img/thumb_11.jpg
--- a/img/thumb_12.jpg
+++ b/img/thumb_12.jpg
--- a/img/thumb_17.jpg
+++ b/img/thumb_17.jpg
--- a/img/thumb_19.jpg
+++ b/img/thumb_19.jpg
--- a/img/title.jpg
+++ b/img/title.jpg
--- a/index.css
+++ b/index.css
@ -0,0 +1,28 @@
+nav a {
+    color: orange;
+}
+
+article {
+    margin: 0 10%;
+}
+
+article > p {
+    margin: 0 20%;
+}
+
+article header img {
+    width: 100%;
+}
+
+article section {
+    width: 25%;
+    padding: 0.5rem;
+}
+
+article section img {
+    width: 100%;
+}
+
+article section p {
+    font-size: 10pt;
+}
--- a/index.html
+++ b/index.html
@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Povstalci</title>
+    <link rel="stylesheet" href="index.css">
+</head>
+<body>
+    <nav>
+        <a href="#">Základna</a>
+        <a href="#">O nás</a>
+        <a href="#">Co děláme</a>
+        <a href="#">Kontakt</a>
+    </nav>
+
+    <article>
+        <header>
+            <img src="img/title.jpg" alt="Titulní obrázek">
+        </header>
+        <h1>O nás</h1>
+        <p>
+            Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quae incidunt qui at error, iusto commodi inventore deserunt explicabo iste hic, nam eveniet similique deleniti tenetur sint aliquam alias molestiae mollitia?
+        </p>
+        <p>
+            Lorem ipsum dolor sit amet consectetur, adipisicing elit. Itaque temporibus dolore nisi tenetur eaque est suscipit recusandae, eum expedita iste quo deleniti fugiat asperiores perspiciatis laboriosam, natus nulla amet. Excepturi.
+        </p>
+        <p>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse incidunt animi earum officiis ab praesentium vel harum, amet tenetur, aliquid magni suscipit fuga doloribus minus! Asperiores debitis perferendis illum iusto?
+        </p>
+    </article>
+
+    <article>
+        <h1>Co děláme</h1>
+        <div style="display: flex;">
+            <section>
+                <img src="img/thumb_11.jpg" alt="">
+                <h2>Lorem</h2>
+                <p>
+                    Accusantium deleniti corrupti adipisci quae saepe placeat ipsa asperiores praesentium magnam illum incidunt odio, cupiditate eius veniam unde, excepturi nostrum culpa! Autem?
+                </p>
+            </section>
+            <section>
+                <img src="img/thumb_12.jpg" alt="">
+                <h2>Dolor amet</h2>
+                <p>
+                    Consectetur adipisicing elit. Incidunt, sed laborum, ullam id corporis similique molestiae rerum facere tempore aspernatur nam repellat nobis et officia error itaque. Voluptatum, sed obcaecati.
+                </p>
+            </section>
+            <section>
+                <img src="img/thumb_17.jpg" alt="">
+                <h2>Vestibulum</h2>
+                <p>
+                Expedita eligendi nulla sunt odit quae itaque, voluptatum dignissimos, repellat amet saepe tempore distinctio minus pariatur? Cum earum odit aspernatur mollitia sequi?
+                </p>
+            </section>
+            <section>
+                <img src="img/thumb_19.jpg" alt="">
+                <h2>Dolor amet</h2>
+                <p>
+                    Neque iure nihil, obcaecati deserunt nobis officia porro pariatur at quidem dolorum qui expedita voluptates alias harum eaque asperiores. Id, veniam excepturi?
+                </p>
+            </section>
+        </div>
+        
+    </article>
+
+
+    <footer>
+
+    </footer>
+</body>
+</html>