nastylování Hero

This commit is contained in:
2024-11-03 02:56:50 +01:00
parent 003377d937
commit 40d22eb508
6 changed files with 63 additions and 52 deletions

BIN
-img/apartmany-fotka.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

BIN
-img/club-fotka.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
-img/restaurace-fotka.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

View File

@@ -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;
display: none;
height: 90vh;
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 {
list-style-type: circle;
position: relative;
left: 50%;
text-align: start;
width: 50vw;
margin: 0;
nav ul:nth-of-type(1) {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC) repeat, url('../-img/restaurace-fotka.jpg') center/cover no-repeat scroll;
margin-bottom: 0.3em;
}
nav ul:nth-of-type(2) {
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;
}
@@ -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;
}

View File

@@ -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>