initial commit

-img/facebook-icon.svg

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   width="800px"
+   height="800px"
+   viewBox="0 0 24 24"
+   fill="none"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="facebook.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="1.12125"
+     inkscape:cx="400.89186"
+     inkscape:cy="400.44593"
+     inkscape:window-width="1918"
+     inkscape:window-height="419"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     fill-rule="evenodd"
+     clip-rule="evenodd"
+     d="M2 6C2 3.79086 3.79086 2 6 2H18C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6ZM6 4C4.89543 4 4 4.89543 4 6V18C4 19.1046 4.89543 20 6 20H12V13H11C10.4477 13 10 12.5523 10 12C10 11.4477 10.4477 11 11 11H12V9.5C12 7.567 13.567 6 15.5 6H16.1C16.6523 6 17.1 6.44772 17.1 7C17.1 7.55228 16.6523 8 16.1 8H15.5C14.6716 8 14 8.67157 14 9.5V11H16.1C16.6523 11 17.1 11.4477 17.1 12C17.1 12.5523 16.6523 13 16.1 13H14V20H18C19.1046 20 20 19.1046 20 18V6C20 4.89543 19.1046 4 18 4H6Z"
+     fill="#000000"
+     id="path2"
+     style="fill:#ffffff" />
+</svg>

-img/instagram-icon.svg

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   width="800px"
+   height="800px"
+   viewBox="0 0 24 24"
+   fill="none"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="instagram.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="0.39642174"
+     inkscape:cx="389.73645"
+     inkscape:cy="438.92648"
+     inkscape:window-width="1918"
+     inkscape:window-height="419"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     fill-rule="evenodd"
+     clip-rule="evenodd"
+     d="M2 6C2 3.79086 3.79086 2 6 2H18C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6ZM6 4C4.89543 4 4 4.89543 4 6V18C4 19.1046 4.89543 20 6 20H18C19.1046 20 20 19.1046 20 18V6C20 4.89543 19.1046 4 18 4H6ZM12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9ZM7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12ZM17.5 8C18.3284 8 19 7.32843 19 6.5C19 5.67157 18.3284 5 17.5 5C16.6716 5 16 5.67157 16 6.5C16 7.32843 16.6716 8 17.5 8Z"
+     fill="#000000"
+     id="path2"
+     style="fill:#ffffff" />
+</svg>

-img/mail-icon.svg

@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   height="800px"
+   width="800px"
+   version="1.1"
+   id="_x32_"
+   viewBox="0 0 512 512"
+   xml:space="preserve"
+   sodipodi:docname="mail.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs11" /><sodipodi:namedview
+   id="namedview9"
+   pagecolor="#ffffff"
+   bordercolor="#999999"
+   borderopacity="1"
+   inkscape:showpageshadow="0"
+   inkscape:pageopacity="0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   showgrid="false"
+   inkscape:zoom="1.12125"
+   inkscape:cx="400.44593"
+   inkscape:cy="400.44593"
+   inkscape:window-width="1918"
+   inkscape:window-height="419"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="_x32_" />
+<style
+   type="text/css"
+   id="style2">
+	.st0{fill:#000000;}
+</style>
+<g
+   id="g6"
+   style="fill:#ffffff">
+	<path
+   class="st0"
+   d="M510.678,112.275c-2.308-11.626-7.463-22.265-14.662-31.054c-1.518-1.915-3.104-3.63-4.823-5.345   c-12.755-12.818-30.657-20.814-50.214-20.814H71.021c-19.557,0-37.395,7.996-50.21,20.814c-1.715,1.715-3.301,3.43-4.823,5.345   C8.785,90.009,3.63,100.649,1.386,112.275C0.464,116.762,0,121.399,0,126.087V385.92c0,9.968,2.114,19.55,5.884,28.203   c3.497,8.26,8.653,15.734,14.926,22.001c1.59,1.586,3.169,3.044,4.892,4.494c12.286,10.175,28.145,16.32,45.319,16.32h369.958   c17.18,0,33.108-6.145,45.323-16.384c1.718-1.386,3.305-2.844,4.891-4.43c6.27-6.267,11.425-13.741,14.994-22.001v-0.064   c3.769-8.653,5.812-18.171,5.812-28.138V126.087C512,121.399,511.543,116.762,510.678,112.275z M46.509,101.571   c6.345-6.338,14.866-10.175,24.512-10.175h369.958c9.646,0,18.242,3.837,24.512,10.175c1.122,1.129,2.179,2.387,3.112,3.637   L274.696,274.203c-5.348,4.687-11.954,7.002-18.696,7.002c-6.674,0-13.276-2.315-18.695-7.002L43.472,105.136   C44.33,103.886,45.387,102.7,46.509,101.571z M36.334,385.92V142.735L176.658,265.15L36.405,387.435   C36.334,386.971,36.334,386.449,36.334,385.92z M440.979,420.597H71.021c-6.281,0-12.158-1.651-17.174-4.552l147.978-128.959   l13.815,12.018c11.561,10.046,26.028,15.134,40.36,15.134c14.406,0,28.872-5.088,40.432-15.134l13.808-12.018l147.92,128.959   C453.137,418.946,447.26,420.597,440.979,420.597z M475.666,385.92c0,0.529,0,1.051-0.068,1.515L335.346,265.221L475.666,142.8   V385.92z"
+   id="path4"
+   style="fill:#ffffff" />
+</g>
+</svg>

-img/map-icon.svg

@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   version="1.1"
+   id="_x32_"
+   width="800px"
+   height="800px"
+   viewBox="0 0 512 512"
+   xml:space="preserve"
+   sodipodi:docname="map_icon.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs13" /><sodipodi:namedview
+   id="namedview11"
+   pagecolor="#ffffff"
+   bordercolor="#999999"
+   borderopacity="1"
+   inkscape:showpageshadow="0"
+   inkscape:pageopacity="0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   showgrid="false"
+   inkscape:zoom="0.2803125"
+   inkscape:cx="893.64548"
+   inkscape:cy="403.12152"
+   inkscape:window-width="1918"
+   inkscape:window-height="419"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="g8" />
+<style
+   type="text/css"
+   id="style2">
+<![CDATA[
+	.st0{fill:#000000;}
+]]>
+</style>
+<g
+   id="g8">
+	<path
+   class="st0"
+   d="M256.016,0C158.797,0.031,80.094,78.781,80.063,175.953c0.063,14.297,3.031,28.641,7.563,43.797   c7.969,26.438,21.094,55.328,36.281,84.547c45.563,87.359,110.328,177.391,110.688,177.891L256.016,512l21.391-29.813   c0.25-0.313,37.969-52.844,76.016-116.266c19.016-31.766,38.141-66.25,52.828-98.859c7.344-16.313,13.578-32.172,18.156-47.313   c4.531-15.156,7.469-29.5,7.531-43.797C431.906,78.781,353.203,0.031,256.016,0z M373.938,204.594   c-6.344,21.156-18.25,47.906-32.594,75.359c-21.484,41.266-48.281,84.375-69.625,116.953c-5.719,8.719-10.969,16.609-15.703,23.594   c-14.891-22-35.594-53.594-55.844-87.75c-17.719-29.906-35.063-61.75-47.656-90.25c-6.297-14.188-11.391-27.547-14.781-39.094   c-3.422-11.5-5-21.281-4.953-27.453c0.016-34.109,13.75-64.734,36.078-87.156c22.391-22.328,53.016-36.063,87.156-36.094   c34.109,0.031,64.75,13.766,87.125,36.094c22.359,22.422,36.078,53.047,36.094,87.156   C379.281,182.344,377.594,192.563,373.938,204.594z"
+   id="path4"
+   style="fill:#ffffff" />
+	<path
+   class="st0"
+   d="M256.016,118.719c-31.594,0-57.219,25.641-57.219,57.234c0,31.609,25.625,57.219,57.219,57.219   c31.578,0,57.219-25.609,57.219-57.219C313.234,144.359,287.594,118.719,256.016,118.719z"
+   id="path6"
+   style="fill:#ffffff" />
+</g>
+</svg>

-img/parking-icon.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="43.91338mm"
+   height="43.964485mm"
+   viewBox="0 0 165.97183 166.16499"
+   version="1.1"
+   id="svg5"
+   xml:space="preserve"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="parking-icon.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="3.1963805"
+     inkscape:cx="55.218708"
+     inkscape:cy="105.74461"
+     inkscape:window-width="1920"
+     inkscape:window-height="1063"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" /><defs
+     id="defs2" /><g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-300.65943,-323.26205)"><path
+       style="fill:#c19a77;fill-opacity:1"
+       d="m 368.64535,488.38673 c -32.55461,-6.3812 -57.73204,-30.03302 -66.08988,-62.08521 -2.52805,-9.695 -2.52805,-30.305 0,-40 3.88016,-14.88036 11.36747,-27.94425 22.25655,-38.83333 10.88908,-10.88908 23.95297,-18.37639 38.83333,-22.25655 10.61016,-2.76668 30.35714,-2.55941 41.47024,0.43528 29.01143,7.81783 51.91911,31.12317 59.61964,60.6546 2.52804,9.695 2.52804,30.305 0,40 -7.64621,29.32313 -30.67326,52.89064 -59.09063,60.47755 -10.27163,2.74233 -27.41118,3.48706 -36.99925,1.60766 z m 33.78561,-7.53038 c 13.59828,-3.47785 24.83729,-9.99108 35.30772,-20.4615 15.35425,-15.35425 22.40667,-32.37994 22.40667,-54.09333 0,-30.28278 -16.05222,-55.7124 -43.8849,-69.52164 -19.07705,-9.46511 -46.17286,-9.45533 -65.27769,0.0236 -27.73414,13.76035 -43.83741,39.28983 -43.83741,69.49808 0,30.38358 16.02508,55.68592 44.0961,69.62426 13.92606,6.91483 35.35925,8.97927 51.18951,4.93057 z m -21.69461,-5.67828 c -0.97838,-2.54963 1.93511,-5.16524 4.17776,-3.75061 0.95218,0.60062 1.73124,1.94299 1.73124,2.98305 0,2.57258 -4.96868,3.218 -5.909,0.76756 z m -19.58097,-1.44844 c -24.41937,-8.76013 -41.50938,-27.88311 -47.0621,-52.66045 -1.59846,-7.13267 -1.26019,-24.3793 0.62839,-32.03763 6.09723,-24.72475 26.86486,-45.54259 51.48757,-51.61204 8.66611,-2.13618 26.20611,-2.13618 34.87222,0 24.86653,6.12955 45.16647,26.51966 51.48485,51.71353 1.89313,7.54867 2.23375,24.78485 0.63111,31.93614 -5.73014,25.56901 -24.2195,45.54492 -49.36789,53.33707 -6.28445,1.94722 -9.18418,1.28105 -9.18418,-2.10993 0,-1.34778 1.9919,-2.44887 8.10103,-4.47812 21.5458,-7.15679 35.83506,-21.87721 43.21279,-44.51668 2.24889,-6.901 2.24889,-27.099 0,-34 -6.68142,-20.50275 -19.16684,-34.67334 -37.31382,-42.35009 -32.60462,-13.7928 -70.51502,1.64555 -84.35009,34.35009 -14.6524,34.63664 3.91395,74.91517 39.85009,86.45223 8.72713,2.80179 9.78586,3.52903 8.39914,5.7693 -1.52195,2.45874 -4.93834,2.52071 -11.38911,0.20658 z M 360.4439,451.842 c -6.27494,-3.82605 -6.29894,-4.00046 -6.29481,-45.74082 0.004,-35.72639 0.1108,-37.97526 1.95578,-41.00111 3.60846,-5.91809 6.0874,-6.49355 26.39169,-6.12657 17.19189,0.31073 18.43878,0.46675 23.64879,2.95917 7.27277,3.47922 12.61443,8.78498 15.75854,15.65261 2.14603,4.68754 2.56063,7.03506 2.52653,14.30535 -0.0483,10.29387 -2.61632,17.01754 -8.89787,23.29647 -6.18393,6.18136 -11.19169,7.98191 -23.8872,8.58868 l -11,0.52574 -0.5,10.5 c -0.28129,5.90712 -1.07469,11.5076 -1.81382,12.80351 -3.29409,5.77549 -11.9873,7.83462 -17.88763,4.23697 z m 11.82901,-6.69292 c 0.95952,-1.15529 1.47787,-5.51778 1.72286,-14.5 l 0.35043,-12.84756 h 10.71807 c 14.39531,0 20.16627,-1.73674 26.09996,-7.85463 5.06162,-5.21876 6.98112,-10.20793 6.98112,-18.14537 0,-8.33565 -1.85883,-12.92309 -7.56109,-18.66019 -6.3592,-6.39805 -9.10095,-7.22696 -26.43891,-7.99324 -17.421,-0.76995 -21.48825,0.18945 -23.03483,5.4336 -1.70928,5.7958 -0.89898,72.39343 0.90728,74.56773 1.8216,2.19278 8.43378,2.19256 10.25511,-3.4e-4 z m 1.87244,-53.34756 v -15 h 10.36514 c 9.16381,0 10.6995,0.25661 13.25,2.21403 9.53197,7.31544 8.59259,20.96567 -1.81548,26.38098 -1.76831,0.92006 -5.99642,1.40499 -12.25,1.40499 h -9.54966 z m 18.90881,7.54716 c 5.6063,-2.89913 6.32139,-10.64773 1.34395,-14.56298 -1.86455,-1.46665 -4.05226,-1.98418 -8.38762,-1.98418 h -5.86514 v 9 9 h 5.04966 c 2.77731,0 6.31393,-0.65378 7.85915,-1.45284 z"
+       id="path860" /></g></svg>

-img/phone-icon.svg

@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   width="643.78369"
+   height="643.76703"
+   viewBox="0 0 19.313511 19.313011"
+   fill="none"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="phone-icon.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="0.2803125"
+     inkscape:cx="290.74693"
+     inkscape:cy="288.96321"
+     inkscape:window-width="1918"
+     inkscape:window-height="419"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Communication / Phone" />
+  <g
+     id="Communication / Phone"
+     style="fill:#ffffff"
+     transform="translate(-2.343495,-2.343495)">
+    <path
+       id="Vector"
+       d="M 9.50246,4.25722 C 9.19873,3.4979 8.46332,3 7.64551,3 H 4.89474 C 3.8483,3 3,3.8481 3,4.89453 3,13.7892 10.2108,21 19.1055,21 20.1519,21 21,20.1516 21,19.1052 l 5e-4,-2.7512 c 0,-0.8179 -0.4978,-1.5531 -1.2571,-1.8569 l -2.6365,-1.0542 c -0.682,-0.2728 -1.4586,-0.15 -2.023,0.3203 l -0.6804,0.5675 c -0.7946,0.6622 -1.9639,0.6095 -2.6953,-0.1219 L 9.79222,12.2911 C 9.06079,11.5596 9.00673,10.3913 9.66895,9.59668 L 10.2363,8.9163 c 0.4703,-0.56435 0.5942,-1.34114 0.3214,-2.02321 z"
+       stroke="#000000"
+       stroke-width="2"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       style="fill:none;stroke:#ffffff;stroke-width:1.31301;stroke-dasharray:none;stroke-opacity:1" />
+  </g>
+</svg>

-inc/style.css

@@ -0,0 +1,431 @@
+@font-face {
+    font-family: 'Mulish';
+    src: url('Mulish-Regular.ttf');
+    /* older browsers */
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Oswald';
+    src: url('Oswald-ExtraLight.ttf');
+    /* older browsers */
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Sorts';
+    src: url('SortsMillGoudy-Regular.ttf');
+    /* older browsers */
+    font-weight: 300;
+    font-style: normal;
+}
+
+body {
+    min-height: 100vh;
+    margin: 0;
+    font-family: 'Mulish', sans-serif;
+    line-height: 2em;
+    background: #0e1317;
+    color: white;
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+}
+
+/*----------------------------------*/
+
+header {
+    min-height: 50px;
+    height: 10vh;
+    padding: 0.5em 0;
+    background-color: #090c0f;
+}
+
+header img {
+    height: 100%;
+    display: block;
+    margin: 0 auto;
+}
+
+/*----------------------------------*/
+
+nav {
+    padding-top: 1em;
+    display: none;
+}
+
+nav ul {
+    padding: 0;
+}
+
+nav ul li ul li {
+    list-style-type: circle;
+    position: relative;
+    left: 50%;
+    text-align: start;
+    width: 50vw;
+    margin: 0;
+}
+
+nav li {
+    list-style-type: none;
+    margin-bottom: 1em;
+    font-style: normal;
+}
+
+/*----------------------------------*/
+
+#hero {
+    background-color: darkslategrey;
+}
+
+#hero div {
+    padding: 12vh 8vw;
+    background-color: slategrey;
+    background-image: url("../-img/hero-burger-fotografie.jpg"), url("../-img/hero-vino.jpg"), url("../-img/hero-krkovicka.jpg"), url("../-img/hero-kure.jpg");
+    background-repeat: no-repeat;
+    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;
+    position: relative;
+}
+
+#hero div em::after {
+    content: "";
+    background-color: #c19977;
+    height: .5em;
+    width: 300%;
+    margin-left: -200%;
+    position: absolute;
+    top: 4em;
+}
+
+#hero div p {
+    font-size: 0.8em;
+    line-height: 1.5em;
+}
+
+#hero nav {
+    display: initial;
+    display: block;
+    padding: 5vh 8vw;
+}
+
+#hero nav h3 {
+    font-size: 2em;
+    font-weight: lighter;
+    margin: 2vh 0 5vh 0;
+}
+
+#hero ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+#hero img {
+    width: 100%;
+}
+
+/*----------------------------------*/
+
+/*
+#oNas h2::before {
+    content: "◈";
+    position: relative;
+    display: block;
+    font-size: 0.6em;
+    background-color: red;
+    width: 60vw;
+    line-height: 0;
+    left: 20%;
+    top: 2em;
+}
+*/
+
+
+#oNas p {
+    padding: 3vh 8vw;
+    color: #b1b5b7;
+}
+
+#oNas figure {
+    position: relative;
+    min-height: 75vw;
+    margin-block-start: 1em;
+    margin-block-end: 1em;
+    margin-inline-start: 8vw;
+    margin-inline-end: 8vw;
+}
+
+#oNas figure img:nth-child(1) {
+    right: 0;
+    top: 0;
+    width: 60vw;
+}
+
+#oNas figure img:nth-child(2) {
+    left: 0;
+    bottom: 0;
+    width: 30vw;
+    padding-bottom: 3vh;
+}
+
+#oNas figure img:nth-child(3) {
+    bottom: 0;
+    margin: 0 auto;
+    margin-left: -25vw;
+    width: 50vw;
+    padding-top: 1em;
+}
+
+#oNas figure img {
+    position: absolute;
+}
+
+/*----------------------------------*/
+
+#highlights {
+    background-color: #090c0f;
+    margin: 0 5vw;
+    padding: 3vh 0;
+}
+
+#highlights figure {
+    background: #0e1317;
+    display: inline-block;
+    line-height: 0;
+    border-radius: 50%;
+    margin: 10vw;
+}
+
+#highlights img {
+    width: 10vh;
+    height: 10vh;
+    margin: 1.1em;
+}
+
+#highlights h3 {
+    font-size: 1.3em;
+    font-family: 'Oswald', sans-serif;
+    display: block;
+    font-weight: bold;
+    margin-top: -1em;
+}
+
+#highlights p {
+    color: #b1b5b7;
+}
+
+/*----------------------------------*/
+
+#poledniMenu {
+    background-color: #090c0f;
+    padding: 3vh 9vw 5vh;
+    margin-bottom: 20vh;
+}
+
+#poledniMenu ul {
+    list-style-type: none;
+    margin: 0;
+    margin-top: 3em;
+    padding: 0;
+    text-align: initial;
+}
+
+#poledniMenu ol {
+    overflow-x: hidden;
+    counter-set: menu-counter -1;
+    padding-left: 1.5em;
+    padding-bottom: 2em;
+}
+
+#poledniMenu ol li {
+    display: flex;
+    overflow: hidden;
+    counter-increment: menu-counter;
+    justify-content: space-between;
+}
+
+#poledniMenu ol li::before {
+    content: counter(menu-counter)".";
+    padding-right: 0.33em;
+}
+
+#poledniMenu ol li:first-child::before {
+    display: none;
+}
+
+#poledniMenu ol li span:first-child::after {
+    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
+        ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
+        ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
+    position: absolute;
+    white-space: nowrap;
+    padding-left: .5em;
+}
+
+#poledniMenu li span {
+    position: relative;
+    flex-grow: 10;
+}
+
+#poledniMenu ol li em {
+    background: #090c0f;
+    align-self: flex-end;
+    z-index: 10;
+    padding-left: .5em;
+}
+
+#poledniMenu li em {
+    color: inherit;
+    font-weight: bold;
+    font-style: normal;
+    font-size: inherit;
+    font-family: inherit;
+}
+
+#poledniMenu em {
+    color: #c19977;
+}
+
+/*----------------------------------*/
+
+footer {
+    min-height: 50px;
+    padding: 3vh 9vw 5vh;
+    background: #090c0f;
+}
+
+footer nav {
+    display: initial;
+    font-weight: bold;
+}
+
+footer ul,
+address {
+    list-style-type: none;
+    margin: 0;
+    margin-bottom: 2em;
+    padding: 0;
+    font-style: normal;
+}
+
+footer img {
+    max-height: 4vh;
+    vertical-align: top;
+}
+
+footer .social {
+    max-height: 8vh;
+}
+
+footer strong {
+    font-size: 1.2em;
+    font-family: 'Oswald', sans-serif;
+    display: block;
+    margin-bottom: 1.5em;
+    text-transform: uppercase;
+    color: #c19977;
+    font-weight: normal;
+}
+
+footer strong::before,
+footer strong::after {
+    content: "◆";
+    font-size: 0.5em;
+    vertical-align: top;
+    margin: 0 1.5em;
+}
+
+footer em {
+    font-weight: bold;
+    font-style: normal;
+    font-size: inherit;
+    font-family: inherit;
+}
+
+/*----------------------------------*/
+
+a:link {
+    color: white;
+    background-color: transparent;
+    text-decoration: none;
+    font-family: 'Oswald', sans-serif;
+    font-size: 1.1em;
+}
+
+a,
+a:hover,
+a:active,
+a:visited {
+    color: white;
+}
+
+h1 {
+    font-family: 'Oswald', sans-serif;
+    font-size: 2.5em;
+    font-weight: normal;
+    margin-top: 0;
+    margin-bottom: 2em;
+}
+
+h2 {
+    font-family: 'Oswald', sans-serif;
+    font-size: 2.5em;
+    font-weight: normal;
+    border-bottom: 1px solid rgb(193, 153, 119, 0.6);
+    width: fit-content;
+    margin: 0 auto;
+    line-height: 1em;
+}
+
+h2::after {
+    content: "";
+    height: 0.25em;
+    width: 0.25em;
+    display: block;
+    position: relative;
+    left: 50%;
+    margin-left: -0.125em;
+    background-color: #c19977;
+    transform: rotate(45deg);
+
+    border: 3px solid #0e1317;
+    outline: 1px solid #c19977;
+    margin-bottom: -0.21em;
+    margin-top: 1em;
+}
+
+em {
+    font-size: 1.3em;
+    font-family: 'Sorts', sans-serif;
+}
+
+/*----------------------------------*/
+
+.hide {
+    display: none;
+}
+
+a.button {
+    padding: 1em 3em;
+    text-transform: uppercase;
+    background-color: #222d3b;
+    color: white;
+    border: 4px solid #0a0e10;
+    outline: 1px solid #c19977;
+    font-family: 'Oswald', sans-serif;
+    font-weight: bold;
+    font-size: 1em;
+    cursor: pointer;
+    margin: 4em auto;
+    display: block;
+    width: fit-content;
+}

index.html

@@ -0,0 +1,298 @@
+<!DOCTYPE html>
+<html lang="cs">
+
+<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">
+
+    <link rel="stylesheet" href="-inc/style.css">
+
+    <!-- Facebook Meta Tags -->
+    <meta property="og:title" content="Restaurace SUD - Slušovice">
+    <meta property="og:description"
+        content="Restauraci najdete v prostorách budovy Music Club SUD ve Slušovicích. Restaurace nabízí výhled na dostihovou dráhu. Náš kuchařský tým si zakládá na přípravě české i zahraniční kuchyně.">
+    <meta property="og:image" content="https://www.example.com/images/italian-restaurants-nyc.jpg">
+    <meta property="og:url" content="https://www.example.com/italian-restaurants-nyc">
+
+    <meta name="description"
+        content="Restauraci najdete ve netradičních prostorách budovy Music Club SUD ve Slušovicích. Česká i zahraniční kuchyně.">
+    <meta name="keywords" content="restaurace, Slušovice, sud, club, music, svatby, apartmany, wellness, polední, menu">
+    <meta name="author" content="Music Club Sud">
+    <meta name="robots" content="index, follow">
+
+    <title>Sud Slušovice</title>
+</head>
+
+<body>
+    <header>
+        <img src="-img/logo.svg" alt="Restaurace SUD - logo">
+    </header>
+
+    <nav>
+        <div class="hide">Menu:</div>
+        <ul>
+            <li>
+                <a href="">Polední menu</a>
+            </li>
+            <li>
+                <a href="">Koncerty&nbsp;/&nbsp;Music Club SUD</a>
+            </li>
+            <li>
+                <a href="">Naše služby</a>
+                <ul>
+                    <li>
+                        <a href="">Restaturace</a>
+                    </li>
+                    <li>
+                        <a href="">Svatby</a>
+                    </li>
+                    <li>
+                        <a href="">Apartmány</a>
+                    </li>
+                    <li>
+                        <a href="">Wellness</a>
+                    </li>
+                </ul>
+            </li>
+            <li>
+                <a href="">Kontakty</a>
+            </li>
+        </ul>
+    </nav>
+
+    <section id="hero">
+        <div>
+            <em>Vítá vás</em>
+            <h1>Restaturace Sud</h1>
+            <p>Náš kuchařský tým si zakládá na přípravě české i zahraniční kuchyně.<br>Základ naší kuchyně je založen na
+                přípravě výhradně z čerstvých surovin té nejvyšší kvality.</p>
+            <a href="#poledniMenu" class="button">Týdenní menu</a>
+        </div>
+        <nav>
+            <h2 class="hide">Služby:</h2>
+            <ul>
+                <li><a href=""><img src="-img/restaurace-fotka.jpg" alt="Restaurace - fotografie">
+                        <h3>Restaurace</h3>
+                    </a></li>
+                <li><a href=""><img src="-img/svatby-fotka.jpg" alt="Svatby - fotografie">
+                        <h3>Svatby</h3>
+                    </a></li>
+                <li><a href=""><img src="-img/apartmany-fotka.jpg" alt="Apartmány - fotografie">
+                        <h3>Apartmany</h3>
+                    </a></li>
+                <li><a href=""><img src="-img/wellness-fotka.jpg" alt="Wellness - fotografie">
+                        <h3>Wellness</h3>
+                    </a></li>
+                <li><a href=""><img src="-img/club-fotka.jpg" alt="Music club - fotografie">
+                        <h3>Music club</h3>
+                    </a></li>
+            </ul>
+        </nav>
+    </section>
+
+    <section id="oNas">
+        <div>
+            <h2>O&nbsp;restauraci SUD</h2>
+            <p>Přijměte pozvání do restaurace, kterou najdete ve zcela netradičních prostorách budovy Music Club SUD ve
+                Slušovicích. Po vstupu do restaurace se vám naskytne jedinečný výhled na dostihovou dráhu. To nejlepší
+                ovšem
+                přichází až s&nbsp;přinesením Vaší objednávky. Náš kuchařský tým si zakládá na přípravě české i
+                zahraniční
+                kuchyně. Základ naší kuchyně je založen na přípravě výhradně z&nbsp;čerstvých surovin té nejvyšší
+                kvality.
+            </p>
+            <em>Přijďte se sami přesvědčit!</em><br>
+            <a href="" class="button">Zobrazit více</a><br>
+        </div>
+        <figure>
+            <img src="-img/kolaz-fotografie-21.jpg" alt="Něco - fotografie">
+            <img src="-img/kolaz-fotografie-22.jpg" alt="Víno - fotografie">
+            <img src="-img/kolaz-fotografie-23.svg" alt="Od roku 1981">
+        </figure>
+    </section>
+
+    <div id="highlights">
+        <article>
+            <figure><img src="-img/parking-icon.svg" alt=""></figure>
+            <h3>Parkování zdarma</h3>
+            <p>Parkoviště v bezprostřední blízkosti.</p>
+        </article>
+        <article>
+            <figure><img src="-img/wifi-icon.svg" alt=""></figure>
+            <h3>Wi-Fi zdarma</h3>
+            <p>WIFI zdarma po celém areálu.</p>
+        </article>
+        <article>
+            <figure><img src="-img/handicap-icon.svg" alt=""></figure>
+            <h3>Bezbariérový přístup</h3>
+            <p>Vstup do restaurace je bezbariérový.</p>
+        </article>
+        <article>
+            <figure><img src="-img/dostihy-icon.svg" alt=""></figure>
+            <h3>Dostihová dráha</h3>
+            <p>Výhled na dostihovou dráhu.</p>
+        </article>
+    </div>
+
+    <section id="poledniMenu">
+        <em>Vyzkoušejte naše</em>
+        <h2>Polední menu</h2>
+        <ul>
+            <li><strong>Pondělí - 24. 4.</strong>
+                <ol>
+                    <li value="0"><span>Lilkový krém s bramborem</span><em>&nbsp;15&nbsp;Kč</em>
+                    </li>
+                    <li><span>Vepřová špikovaná kotleta na hříbkách, jasmínová rýže</span><em>&nbsp;129&nbsp;Kč</em>
+                    </li>
+                    <li><span>Kuřecí kousky, avokádová omáčka, makarony</span><em>&nbsp;129&nbsp;Kč</em>
+                    </li>
+                    <li><span>Zapékané francouzské brambory, okurek</span><em>&nbsp;125&nbsp;Kč</em>
+                    </li>
+                    <li><span>Hovězí striploin steak, čedarová omáčka, domácí hranolky</span><em>&nbsp;165&nbsp;Kč</em>
+                    </li>
+                </ol>
+            </li>
+            <li><strong>Úterý - 25. 4.</strong>
+                <ol>
+                    <li value="0"><span>Čočková s párkem</span><em>&nbsp;15&nbsp;Kč</em>
+                    </li>
+                    <li><span>Jarní domácí plněná sekaná, šťouchaný brambor, okurkový
+                            salát</span><em>&nbsp;129&nbsp;Kč</em>
+                    </li>
+                    <li><span>Kuřecí stehenní steak na fazolkách, basmati rýže</span><em>&nbsp;129&nbsp;Kč</em>
+                    </li>
+                    <li><span>Telecí kostky na portském víně a zelenině, špagety</span><em>&nbsp;134&nbsp;Kč</em>
+                    </li>
+                    <li><span>Vepřová panenka v slaninovém kabátku, jablečné chutney, opékaný
+                            brambor</span><em>&nbsp;159&nbsp;Kč</em>
+                    </li>
+                </ol>
+            </li>
+            <li><strong>Středa - 26. 4.</strong>
+                <ol>
+                    <li value="0"><span>Vývar s játrovou rýží</span><em>&nbsp;15&nbsp;Kč</em>
+                    </li>
+                    <li><span>Hovězí svíčková na smetaně, houskový knedlík</span><em>&nbsp;134&nbsp;Kč</em>
+                    </li>
+                    <li><span>Kuřecí filírovaný steak na sekaných rajčatech, gratinovaný
+                            brambor</span><em>&nbsp;129&nbsp;Kč</em>
+                    </li>
+                    <li><span>Zeleninové lečo s grilovanou klobásou, chléb</span><em>&nbsp;125&nbsp;Kč</em>
+                    </li>
+                    <li><span>Hamburger s vepřovým trhaným masem, opečenou slaninou, medovou cibulkou, barevné hranolky,
+                            kečup</span><em>&nbsp;165&nbsp;Kč</em>
+                    </li>
+                </ol>
+            </li>
+            <li><strong>Čtvrtek - 27. 4.</strong>
+                <ol>
+                    <li value="0"><span>Italská s rýží</span><em>&nbsp;15&nbsp;Kč</em>
+                    </li>
+                    <li><span>Konfitovaná hovězí líčka, vinná redukce, bramborovo karotkové
+                            pyré</span><em>&nbsp;134&nbsp;Kč</em>
+                    </li>
+                    <li><span>Kuřecí sedlácké gnocchi, parmezán</span><em>&nbsp;129&nbsp;Kč</em>
+                    </li>
+                    <li><span>Zeleninový salátek se smaženou mozzarellou a červenou řepou, máslová
+                            bageta</span><em>&nbsp;129&nbsp;Kč</em>
+                    </li>
+                    <li><span>Filet z pstruha duhového, koprová omáčka, polenta</span><em>&nbsp;159&nbsp;Kč</em>
+                    </li>
+                </ol>
+            </li>
+            <li><strong>Pátek - 28. 4.</strong>
+                <ol>
+                    <li value="0"><span>Valašská kyselice</span><em>&nbsp;15&nbsp;Kč</em>
+                    </li>
+                    <li><span>Tyrolský sekaný řízek, bramborový salát s majonézou</span><em>&nbsp;129&nbsp;Kč</em>
+                    </li>
+                    <li><span>Marinované vepřové žebírka, zelný salát, hořčice, křen,
+                            pečivo</span><em>&nbsp;129&nbsp;Kč</em>
+                    </li>
+                    <li><span>Zapékané palačinky s tvarohem</span><em>&nbsp;99&nbsp;Kč</em>
+                    </li>
+                    <li><span>Kachní stehno, šípková omáčka, bramborová roláda</span><em>&nbsp;165&nbsp;Kč</em>
+                    </li>
+                </ol>
+            </li>
+        </ul>
+        <a href="" class="button">Zobrazit celé menu</a><br>
+    </section>
+
+    <footer>
+        <div>
+            <strong>Kde nás najdete?</strong>
+            <address>
+                <a href="https://mapy.cz/s/lejenakude"><img src="-img/map-icon.svg" alt="mapy.cz"></a><br>
+                Derby Company, s.r.o.<br>
+                Dostihová 672,<br>
+                763 15 Slušovice
+            </address>
+        </div>
+        <div>
+            <strong>Otevírací doba:</strong>
+            <ul>
+                <li>PO&nbsp;–&nbsp;PÁ 10:30-14:00</li>
+                <li>Po předchozí domluvě možnost otevření o&nbsp;víkendu pro firemní večírky, oslavy, aj.</li>
+            </ul>
+        </div>
+        <nav>
+            <strong>Služby:</strong>
+            <ul>
+                <li><a href="">Restaurace</a></li>
+                <li><a href="">Svatby</a></li>
+                <li><a href="">Apartmány</a></li>
+                <li><a href="">Wellness</a></li>
+                <li><a href="">Koncerty&nbsp;/&nbsp;Music Club SUD</a></li>
+            </ul>
+        </nav>
+        <div>
+            <strong>Sociální sítě:</strong>
+            <ul>
+                <li>Restaurace:<br>
+                    <a href="https://www.facebook.com/restauracesud"><img src="-img/facebook-icon.svg"
+                            alt="Facebook icon" class="social"></a>
+                    <a href="https://www.instagram.com/restaurace_sud_slusovice/"><img src="-img/instagram-icon.svg"
+                            alt="Instagram icon" class="social"></a>
+                </li>
+                <li>Music club:<br>
+                    <a href="https://www.facebook.com/Music.Club.SUD"><img src="-img/facebook-icon.svg"
+                            alt="Facebook icon" class="social"></a>
+                    <a href="https://www.instagram.com/music_club_sud/"><img src="-img/instagram-icon.svg"
+                            alt="Instagram icon" class="social"></a>
+                </li>
+            </ul>
+        </div>
+        <div>
+            <strong>Kontakt:</strong>
+            <ul>
+                <li><img src="-img/phone-icon.svg" alt="Telefon">
+                    <ul>
+                        <li>
+                            <em>music club:</em><br>
+                            <a href="tel:+420728604385">+420&nbsp;728&nbsp;604&nbsp;385</a>
+                        </li>
+                        <li>
+                            <em>restaurace&nbsp;–&nbsp;oslavy a večírky:</em><br>
+                            <a href="tel:+420608623055 ">+420&nbsp;608&nbsp;623&nbsp;055</a>
+                        </li>
+                        <li>
+                            <em>restaurace&nbsp;–&nbsp;denní menu:</em><br>
+                            <a href="tel:+420608921312">+420&nbsp;608&nbsp;921&nbsp;312</a>
+                        </li>
+                    </ul>
+                </li>
+                <li><img src="-img/mail-icon.svg" alt="Email">
+                    <ul>
+                        <li>
+                            <a href="mailto:musicclubsud@seznam.cz">musicclubsud@seznam.cz</a>
+                        </li>
+                    </ul>
+                </li>
+            </ul>
+        </div>
+    </footer>
+</body>
+
+</html>

robots.txt

@@ -0,0 +1,3 @@
+Sitemap: https://pixx.cz/sud/sitemap.xml
+User-agent: *
+Allow: /