nastylování Hero

-inc/style.css

@@ -39,8 +39,9 @@ body {
 header {
     min-height: 50px;
     height: 10vh;
-    padding: 0.5em 0;
     background-color: #090c0f;
+    box-sizing: border-box;
+    padding: 1em 0;
 }
 
 header img {
@@ -52,26 +53,36 @@ header img {
 /*----------------------------------*/
 
 nav {
-    padding-top: 1em;
+    height: 90vh;
-    display: none;
+    display: flex;
+    flex-direction: column;
 }
 
 nav ul {
     padding: 0;
+    margin: 0;
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
 }
 
-nav ul li ul li {
+nav ul:nth-of-type(1) {
-    list-style-type: circle;
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC) repeat, url('../-img/restaurace-fotka.jpg') center/cover no-repeat scroll;
-    position: relative;
+    margin-bottom: 0.3em;
-    left: 50%;
+}
-    text-align: start;
+
-    width: 50vw;
+nav ul:nth-of-type(2) {
-    margin: 0;
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC) repeat, url('../-img/club-fotka.jpg') center/cover no-repeat scroll;
+    margin-bottom: 0.3em;
+}
+
+nav ul:nth-of-type(3) {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC) repeat, url('../-img/apartmany-fotka.jpg') center/cover no-repeat scroll;
 }
 
 nav li {
     list-style-type: none;
-    margin-bottom: 1em;
     font-style: normal;
 }
 
@@ -89,7 +100,7 @@ nav li {
     background-position-x: right+80vw, right+88vw, 80vw, 85vw;
     background-position-y: 35%, 10%, 35%, 15%;
     background-size: 40%, 24%, 45%, 35%;
-  }
+}
 
 #hero div em {
     color: #c19977;
@@ -425,7 +436,7 @@ a.button {
     font-weight: bold;
     font-size: 1em;
     cursor: pointer;
-    margin: 4em auto;
+    margin: 0 auto;
     display: block;
     width: fit-content;
 }

index.html

@@ -17,7 +17,8 @@
 
     <meta name="description"
         content="Sud Slušovice: pronájem prostor s restaurací, polední menu, apartmány k ubytování a pořádání kulturních akcí. Ideální místo pro relaxaci a zábavu.">
-    <meta name="keywords" content="Sud Slušovice, pronájem prostor, restaurace, polední menu, apartmány, ubytování, kulturní akce, oslavy, firemní akce, svatby, relaxace, zábava.">
+    <meta name="keywords"
+        content="Sud Slušovice, pronájem prostor, restaurace, polední menu, apartmány, ubytování, kulturní akce, oslavy, firemní akce, svatby, relaxace, zábava.">
     <meta name="author" content="Sud Slušovice">
     <meta name="robots" content="index, follow">
 
@@ -30,14 +31,13 @@
         <h1 class="hide">Sud Slušovice</h1>
     </header>
 
-    <section id="hero">
     <nav>
         <h2 class="hide">Služby:</h2>
         <ul>
-                <li><a href="" class="button">
+            <li><a href="https://rsud.pixx.cz/#poledniMenu" class="button">
                     <h3>Polední menu</h3>
                 </a></li>
-                    <li><a href="#poledniMenu" class="button">
+            <li><a href="https://rsud.pixx.cz/" class="button">
                     <h3>Firemní akce, svatby, večírky</h3>
                 </a></li>
         </ul>
@@ -55,7 +55,6 @@
                 </a></li>
         </ul>
     </nav>
-    </section>
 
     <footer>
         <div>