Hlavička
Bílá lepivá hlavička s logem a menu, jediná se stínem. Třídy: hlava, hlava__in, nav, nav__sub.
HTML kód
<header class="hlava">
<div class="hlava__in">
<a class="hlava__logo" href="#"><svg aria-label="Nadační fond Vrba" class="hlava__svg" role="img" style="fill-rule:evenodd;clip-rule:evenodd" viewbox="0 0 4053.1 719.14" xmlns="http://www.w3.org/2000/svg"><defs><style>.lg3 {fill:#FEFEFE;fill-rule:nonzero}.lg2 {fill:#004CBD;fill-rule:nonzero}.lg0 {fill:url(#lg-zlata)}.lg1 {fill:url(#lg-zlata2);fill-rule:nonzero}</style><lineargradient gradientunits="userSpaceOnUse" id="lg-zlata" x1="335.2" x2="779.07" y1="-0.77" y2="719.91"><stop offset="0" style="stop-opacity:1; stop-color:#F2D057"></stop><stop offset="0.690196" style="stop-opacity:1; stop-color:#BFA150"></stop><stop offset="1" style="stop-opacity:1; stop-color:#A58235"></stop></lineargradient><lineargradient gradientunits="userSpaceOnUse" id="lg-zlata2" x1="3312.6" x2="3331.87" y1="259.03" y2="460.11"><stop offset="0" style="stop-opacity:1; stop-color:#C8A853"></stop><stop offset="0.690196" style="stop-opacity:1; stop-color:#BFA150"></stop><stop offset="1" style="stop-opacity:1; stop-color:#A58235"></stop></lineargradient></defs><g id="Vrstva_x0020_1"><path class="lg0" d="M317.11 12.2l0 703.69 -182.11 0 0 -482.79 -135 0 0 -115.65c9.3,-2.95 18.81,-6.27 28.14,-8.93 40.26,-10.37 72.99,-22.99 98.17,-37.85 12.58,-7.43 24.9,-15.96 36.95,-25.59 12.09,-9.65 23.9,-20.4 35.42,-32.22l9.31 -10.62 109.12 0 0 9.96z"></path><path class="lg0 logo__nula" d="M754.69 0c198.59,0 359.58,160.98 359.58,359.57 0,198.58 -160.99,359.57 -359.58,359.57 -198.58,0 -359.57,-160.99 -359.57,-359.57 0,-198.59 160.99,-359.57 359.57,-359.57z"></path><path class="lg0 logo__srdce" d="M754.69 683.57C538.69 539.57 394.69 395.57 394.69 237.17C394.69 121.97 481.09 35.57 589.09 35.57C661.09 35.57 718.69 78.77 754.69 136.37C790.69 78.77 848.29 35.57 920.29 35.57C1028.29 35.57 1114.69 121.97 1114.69 237.17C1114.69 395.57 970.69 539.57 754.69 683.57Z"></path><path class="lg1" d="M2681.24 430.56l0 -106.48 -22.86 0 0 68.43 -44.15 -68.43 -22.86 0 0 106.48 22.86 0 0 -67.01 43.87 67.01 23.14 0zm121.36 -16.75l6.68 16.75 24.42 0 -46.29 -106.48 -19.45 0 -45.72 106.48 23.57 0 6.67 -16.75 50.12 0zm-7.1 -18.32l-35.64 0 17.89 -44.86 17.75 44.86zm79.69 -71.41l-0.14 106.48 36.13 0.14c29.53,0.15 53.67,-16.75 53.67,-55.23 0,-29.39 -16.61,-52.53 -53.67,-51.96l-35.99 0.57zm22.79 19.59l14.91 -0.28c13.34,-0.14 27.25,7.66 27.25,31.8 0,27.12 -13.91,35.21 -27.83,35.35l-14.33 0 0 -66.87zm181.84 70.14l6.67 16.75 24.42 0 -46.28 -106.48 -19.45 0 -45.72 106.48 23.57 0 6.67 -16.75 50.12 0zm-7.1 -18.32l-35.64 0 17.89 -44.86 17.75 44.86zm121.07 -80.22l20.45 0 23.14 -29.1 -18.88 0 -14.77 14.48 -14.62 -14.48 -19.45 0 24.13 29.1zm38.62 84.34c-6.1,6.11 -14.34,11.07 -25.41,11.07 -22.01,0 -32.8,-16.32 -32.8,-33.36 0,-17.18 10.93,-34.79 32.8,-34.79 10.08,0 18.74,4.83 24.13,10.51l15.2 -15.76c-9.66,-9.65 -22.29,-15.48 -39.33,-15.48 -32.94,0 -57.5,24 -57.5,55.24 0,29.1 22.43,55.51 57.5,55.51 17.46,0 31.09,-6.96 40.75,-16.61l-15.34 -16.33zm149.33 30.95l0 -106.48 -22.86 0 0 68.43 -44.15 -68.43 -22.86 0 0 106.48 22.86 0 0 -67.01 43.87 67.01 23.14 0zm66.41 -115.29l19.17 -29.1 -24.28 0 -12.49 29.1 17.6 0zm2.98 115.29l0 -106.48 -22.71 0 0 106.48 22.71 0zm135.38 -86.32l47 0 0 -20.16 -69.86 0 0 106.48 22.86 0 0 -35.59 40.75 0.14 0 -18.62 -40.75 0 0 -32.25zm139.82 -22.44c-35.21,0 -57.08,26.56 -57.08,55.66 0,29.11 21.87,55.51 57.08,55.51 35.07,0 57.07,-26.83 57.07,-55.93 0,-28.68 -22,-55.24 -57.07,-55.24zm0 21.45c22.01,0 32.37,17.17 32.37,34.07 0,16.75 -10.36,34.08 -32.37,34.08 -22.01,0 -32.37,-17.33 -32.37,-34.08 0,-16.9 10.36,-34.07 32.37,-34.07zm189.79 87.31l0 -106.48 -22.86 0 0 68.43 -44.16 -68.43 -22.85 0 0 106.48 22.85 0 0 -67.01 43.88 67.01 23.14 0zm47.32 -106.48l-0.15 106.48 36.14 0.14c29.53,0.15 53.67,-16.75 53.67,-55.23 0,-29.39 -16.62,-52.53 -53.67,-51.96l-35.99 0.57zm22.78 19.59l14.91 -0.28c13.35,-0.14 27.26,7.66 27.26,31.8 0,27.12 -13.91,35.21 -27.83,35.35l-14.34 0 0 -66.87z"></path><path class="lg2" d="M1464.11 513.5l115.79 -305.77 -73.39 0 -79.9 242.58 -81.95 -242.58 -70.94 0 114.56 305.77 75.83 0zm311.9 0l72.97 0 -70.12 -109.26c39.96,-15.9 61.56,-48.52 61.56,-94.99 0,-61.16 -33.84,-105.19 -121.49,-103.56l-104.17 2.04 -0.41 305.77 65.85 0 0 -98.25 32.2 0 4.49 0 59.12 98.25zm-95.81 -151.66l0 -101.11 33.83 -0.82c27.73,-1.22 54.23,11.83 54.23,49.34 0,29.35 -15.49,52.59 -53,52.59l-35.06 0zm208.94 -154.11l-0.41 305.77 122.52 0c69.71,0 111.3,-27.31 111.3,-90.1 0,-35.06 -24.87,-62.79 -64.83,-71.35 34.66,-13.86 42.41,-39.95 42.41,-66.86 0,-46.48 -33.44,-77.46 -98.26,-77.46l-112.73 0zm63.81 55.04l38.32 0c28.54,0 40.36,15.49 40.36,35.47 0,22.83 -12.23,37.51 -41.17,37.51l-37.51 0 0 -72.98zm-2.04 121.49l56.26 0c29.35,0 45.66,15.9 45.66,37.1 0,25.28 -19.16,37.51 -44.84,37.51l-57.08 0 0 -74.61zm418.3 81.14l19.16 48.1 70.13 0 -132.92 -305.77 -55.85 0 -131.28 305.77 67.68 0 19.16 -48.1 143.92 0zm-20.39 -52.6l-102.33 0 51.37 -128.83 50.96 128.83z"></path><path class="lg3 logo__text" d="M511.38 347.74l0 -121.45 27.33 0 0 121.45 -27.33 0zm88.21 1.6c-7.56,0 -14.11,-1.25 -19.65,-3.76 -5.54,-2.5 -10.15,-5.85 -13.83,-10.06 -3.67,-4.21 -6.39,-8.92 -8.14,-14.14 -1.76,-5.22 -2.64,-10.61 -2.64,-16.15 0,-5.32 0.85,-10.6 2.56,-15.82 1.7,-5.22 4.31,-9.93 7.83,-14.14 3.51,-4.21 8.01,-7.56 13.5,-10.07 5.48,-2.5 12.01,-3.75 19.57,-3.75 8.1,0 15.21,1.73 21.34,5.19 6.12,3.46 10.92,8.52 14.38,15.18 3.46,6.66 5.19,14.73 5.19,24.21l0 6.4 -56.89 0c0.32,4.36 1.89,8.17 4.72,11.42 2.82,3.25 6.84,4.88 12.06,4.88 3.94,0 6.96,-0.72 9.03,-2.16 2.08,-1.44 3.49,-2.91 4.24,-4.4 0.74,-1.49 1.12,-2.24 1.12,-2.24l25.08 0c0,0 -0.26,0.99 -0.79,2.96 -0.54,1.97 -1.55,4.42 -3.04,7.35 -1.49,2.93 -3.68,5.86 -6.55,8.79 -2.88,2.93 -6.69,5.38 -11.43,7.35 -4.74,1.98 -10.62,2.96 -17.66,2.96zm-16.94 -52.73l30.85 0c-0.22,-5.01 -1.73,-8.79 -4.56,-11.35 -2.82,-2.56 -6.36,-3.84 -10.63,-3.84 -4.15,0 -7.69,1.28 -10.62,3.84 -2.93,2.56 -4.61,6.34 -5.04,11.35zm112.35 52.73c-7.25,0 -12.98,-1.12 -17.18,-3.35 -4.21,-2.24 -7.27,-5.04 -9.19,-8.39 -1.92,-3.36 -3.14,-6.77 -3.68,-10.23 -0.53,-3.47 -0.8,-6.42 -0.8,-8.87l0 -33.72 -14.06 0 0 -21.73 14.06 0 0 -20.94 27.33 0 0 20.94 17.26 0 0 21.73 -17.26 0 0 32.92c0,3.2 0.88,5.73 2.64,7.59 1.75,1.87 4.77,2.8 9.03,2.8 1.81,0 3.4,-0.14 4.79,-0.4 1.39,-0.27 2.08,-0.4 2.08,-0.4l0 20.45c0,0 -1.52,0.27 -4.56,0.8 -3.03,0.53 -6.52,0.8 -10.46,0.8zm68.23 29.57l0 -115.86 27.33 0 0 10.06 1.28 0c0.21,-0.42 1.17,-1.59 2.87,-3.51 1.71,-1.92 4.32,-3.76 7.83,-5.51 3.52,-1.76 7.99,-2.64 13.43,-2.64 6.28,0 11.72,1.25 16.3,3.75 4.58,2.51 8.39,5.86 11.43,10.07 3.03,4.21 5.32,8.92 6.86,14.14 1.55,5.22 2.32,10.55 2.32,15.98 0,5.44 -0.77,10.77 -2.32,15.99 -1.54,5.22 -3.83,9.93 -6.86,14.14 -3.04,4.21 -6.85,7.56 -11.43,10.06 -4.58,2.51 -10.02,3.76 -16.3,3.76 -5.44,0 -9.91,-0.91 -13.43,-2.72 -3.51,-1.81 -6.12,-3.65 -7.83,-5.51 -1.7,-1.86 -2.66,-3.01 -2.87,-3.44l-1.28 0 0 41.24 -27.33 0zm26.53 -73.52c0,3.63 0.64,7.12 1.92,10.47 1.28,3.36 3.25,6.13 5.91,8.31 2.66,2.19 5.97,3.28 9.91,3.28 3.94,0 7.24,-1.09 9.91,-3.28 2.66,-2.18 4.63,-4.95 5.91,-8.31 1.28,-3.35 1.92,-6.84 1.92,-10.47 0,-3.62 -0.64,-7.11 -1.92,-10.46 -1.28,-3.36 -3.25,-6.13 -5.91,-8.31 -2.67,-2.19 -5.97,-3.28 -9.91,-3.28 -3.94,0 -7.25,1.09 -9.91,3.28 -2.66,2.18 -4.63,4.95 -5.91,8.31 -1.28,3.35 -1.92,6.84 -1.92,10.46zm79.42 42.35l0 -84.69 27.01 0 0 12.78 0.96 0c0.85,-2.24 2.1,-4.45 3.75,-6.63 1.66,-2.18 3.97,-4.02 6.95,-5.51 2.99,-1.5 6.93,-2.24 11.83,-2.24 2.34,0 4.21,0.16 5.59,0.48 1.39,0.32 2.08,0.48 2.08,0.48l0 27c0,0 -0.74,-0.16 -2.24,-0.47 -1.49,-0.33 -3.56,-0.48 -6.23,-0.48 -7.56,0 -13.18,2.02 -16.86,6.07 -3.67,4.05 -5.51,10.65 -5.51,19.81l0 33.4 -27.33 0zm112.18 1.6c-9.58,0 -17.73,-2.02 -24.44,-6.07 -6.72,-4.05 -11.86,-9.43 -15.43,-16.14 -3.57,-6.71 -5.35,-13.96 -5.35,-21.74 0,-7.77 1.78,-15.02 5.35,-21.73 3.57,-6.71 8.71,-12.09 15.43,-16.14 6.71,-4.05 14.86,-6.07 24.44,-6.07 9.7,0 17.9,2.02 24.61,6.07 6.71,4.05 11.86,9.43 15.43,16.14 3.56,6.71 5.35,13.96 5.35,21.73 0,7.78 -1.79,15.03 -5.35,21.74 -3.57,6.71 -8.72,12.09 -15.43,16.14 -6.71,4.05 -14.91,6.07 -24.61,6.07zm0 -22.05c5.65,0 10.05,-2.16 13.19,-6.47 3.14,-4.32 4.71,-9.46 4.71,-15.43 0,-5.96 -1.57,-11.1 -4.71,-15.42 -3.14,-4.31 -7.54,-6.47 -13.19,-6.47 -5.54,0 -9.9,2.16 -13.1,6.47 -3.2,4.32 -4.79,9.46 -4.79,15.42 0,5.97 1.59,11.11 4.79,15.43 3.2,4.31 7.56,6.47 13.1,6.47zm-322.48 200.91l-30.68 -84.7 27.16 0 18.06 54.33 17.42 -54.33 27.17 0 -30.84 84.7 -28.29 0zm120.97 -96.04l-19.66 -0.16 12.63 -28.61 24.93 0 -17.9 28.77zm-18.7 9.74c5.54,0 10.04,0.91 13.51,2.72 3.46,1.81 6.07,3.65 7.83,5.51 1.75,1.87 2.74,3.01 2.96,3.44l1.27 0 0 -10.07 27.33 0 0 84.7 -27.33 0 0 -10.07 -1.27 0c-0.22,0.43 -1.21,1.6 -2.96,3.52 -1.76,1.91 -4.37,3.75 -7.83,5.51 -3.47,1.76 -7.97,2.64 -13.51,2.64 -6.18,0 -11.55,-1.25 -16.14,-3.76 -4.58,-2.5 -8.41,-5.86 -11.5,-10.07 -3.09,-4.2 -5.38,-8.92 -6.87,-14.14 -1.5,-5.22 -2.24,-10.55 -2.24,-15.98 0,-5.43 0.74,-10.76 2.24,-15.98 1.49,-5.22 3.78,-9.94 6.87,-14.14 3.09,-4.21 6.92,-7.57 11.5,-10.07 4.59,-2.51 9.96,-3.76 16.14,-3.76zm8.63 21.9c-3.94,0 -7.24,1.09 -9.9,3.27 -2.67,2.19 -4.64,4.96 -5.92,8.31 -1.28,3.36 -1.92,6.85 -1.92,10.47 0,3.62 0.64,7.11 1.92,10.47 1.28,3.35 3.25,6.12 5.92,8.31 2.66,2.18 5.96,3.27 9.9,3.27 3.95,0 7.22,-1.09 9.83,-3.27 2.61,-2.19 4.58,-4.96 5.91,-8.31 1.33,-3.36 2,-6.85 2,-10.47 0,-3.62 -0.67,-7.11 -2,-10.47 -1.33,-3.35 -3.3,-6.12 -5.91,-8.31 -2.61,-2.18 -5.88,-3.27 -9.83,-3.27zm99.24 66c-7.24,0 -13.23,-0.96 -17.97,-2.88 -4.74,-1.92 -8.5,-4.32 -11.27,-7.19 -2.77,-2.88 -4.85,-5.76 -6.23,-8.63 -1.39,-2.88 -2.3,-5.27 -2.72,-7.19 -0.43,-1.92 -0.64,-2.88 -0.64,-2.88l24.93 0c0,0 0.18,0.45 0.56,1.36 0.37,0.9 1.07,1.97 2.08,3.2 1.01,1.22 2.53,2.29 4.55,3.19 2.03,0.91 4.74,1.36 8.15,1.36 4.16,0 6.87,-0.8 8.15,-2.4 1.28,-1.6 1.92,-3.03 1.92,-4.31 0,-3.2 -2.72,-5.33 -8.15,-6.4l-11.67 -2.07c-5.11,-0.85 -9.91,-2.24 -14.38,-4.16 -4.47,-1.91 -8.1,-4.58 -10.87,-7.99 -2.77,-3.4 -4.15,-7.83 -4.15,-13.26 0,-5.22 1.36,-9.91 4.07,-14.06 2.72,-4.16 6.66,-7.46 11.83,-9.91 5.17,-2.45 11.43,-3.68 18.78,-3.68 6.71,0 12.3,0.91 16.77,2.72 4.48,1.81 8.05,4.05 10.71,6.71 2.67,2.67 4.64,5.33 5.92,7.99 1.27,2.66 2.13,4.9 2.55,6.71 0.43,1.82 0.64,2.72 0.64,2.72l-24.13 0c0,0 -0.32,-0.64 -0.96,-1.92 -0.64,-1.27 -1.89,-2.55 -3.75,-3.83 -1.87,-1.28 -4.66,-1.92 -8.39,-1.92 -3.73,0 -6.29,0.72 -7.67,2.16 -1.39,1.44 -2.08,2.9 -2.08,4.39 0,1.92 0.91,3.33 2.72,4.24 1.81,0.9 4.1,1.62 6.87,2.15l10.7 2.08c8.42,1.6 15.32,4.4 20.7,8.39 5.38,4 8.07,9.83 8.07,17.5 0,7.88 -3.07,14.49 -9.19,19.82 -6.13,5.32 -14.94,7.99 -26.45,7.99z"></path></g></svg></a>
<nav aria-label="Hlavní menu">
<ul class="nav">
<li class="nav__pod"><a href="#">Služby</a>
<ul class="nav__sub">
<li><a href="#">Administrativní podpora</a></li>
<li><a href="#">Psychologická podpora</a></li>
<li><a href="#">Online podpůrné skupiny</a></li>
<li><a href="#">Vrběnky</a></li>
<li><a href="#">Řemeslník</a></li>
<li><a href="#">Setkání pod Vrbou</a></li>
<li><a href="#">Tábor</a></li>
</ul>
</li>
<li><a href="#">Odznáček truchlení</a></li>
<li><a href="#">Aktuálně</a></li>
<li><a href="#">O nás</a></li>
<li><a href="#">Projekty</a></li>
<li><a href="#">Partneři</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#" rel="noopener" target="_blank">Podpořte nás</a></li>
<li><a href="#" rel="noopener" target="_blank">E-shop</a></li>
</ul>
</nav>
<button aria-controls="ocm" aria-expanded="false" class="hlava__menu" type="button">Menu<span aria-hidden="true" class="ocm__lines"><i></i><i></i><i></i></span></button>
</div>
</header>