diff --git a/-img/apartmany-fotka.jpg b/-img/apartmany-fotka.jpg
new file mode 100644
index 0000000..cd0664b
Binary files /dev/null and b/-img/apartmany-fotka.jpg differ
diff --git a/-img/club-fotka.jpg b/-img/club-fotka.jpg
new file mode 100644
index 0000000..034d5c2
Binary files /dev/null and b/-img/club-fotka.jpg differ
diff --git a/-img/logo.svg b/-img/logo.svg
index a717135..f0de892 100644
--- a/-img/logo.svg
+++ b/-img/logo.svg
@@ -4,11 +4,11 @@
diff --git a/-img/restaurace-fotka.jpg b/-img/restaurace-fotka.jpg
new file mode 100644
index 0000000..f5aab69
Binary files /dev/null and b/-img/restaurace-fotka.jpg differ
diff --git a/-inc/style.css b/-inc/style.css
index e328dd1..772eadd 100644
--- a/-inc/style.css
+++ b/-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;
- 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;
}
@@ -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;
}
\ No newline at end of file
diff --git a/index.html b/index.html
index 623ff81..fd1b865 100644
--- a/index.html
+++ b/index.html
@@ -17,7 +17,8 @@
-
+
@@ -30,32 +31,30 @@
Sud Slušovice
-
+