Zdrojové CSS: /src/css/organism/_header-min.scss
Výchozí organismus s minimalizovanou hlavičkou. Slouží pro něj div.header-min a je určen pro spřízněné weby nad hlavičku.
Každá barevná varianta je připravena ve dvou provedení. Jednou se zarovnáním obsahu na střed containeru a jedna od kraje ke kraji. Pro naši ukázku byl mezi tyto ukázky umístěn element br pro odsazení.
Pro ušetření requestů je logo řešeno pomocí inline svg.
<header class="header-min">
<div class="row-main">
<p class="header-min__logo" role="banner">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="225px" height="40px" viewBox="0 0 225 40">
<desc>Masarykova univerzita | Masaryk university</desc>
<path fill="#002776" d="M6.5,28.114V19c0.006,0.037,0.201,1.219,1.733,7.2c0.074,0.284,0.309,0.6,0.772,0.6
c0.479,0,0.688-0.277,0.773-0.6C10.248,24.353,11.5,19,11.5,19v9.114C10.757,28.365,9.859,28.7,9,28.7
C8.143,28.7,7.241,28.365,6.5,28.114z M16.639,9c-0.786,0-1.423,0.637-1.423,1.423v12.879c0,1.168-0.485,2.221-1.215,3.071V10.4
c0-0.688-0.446-1.273-1.129-1.369c-0.677-0.101-1.356,0.301-1.521,0.979c-2.328,9.568-2.349,9.644-2.349,9.644
s-0.016-0.076-2.354-9.645C6.48,9.332,5.808,8.931,5.129,9.031C4.446,9.127,4,9.711,4,10.4v15.973
c-0.732-0.851-1.219-1.903-1.219-3.071V10.423C2.781,9.637,2.146,9,1.361,9C0.575,9,0,9.637,0,10.423v12.879
C0,27.832,3.972,31,9,31s9-3.168,9-7.698V10.423C18,9.637,17.423,9,16.639,9z"></path>
<g class="logo-version logo-version--en">
<path fill="#002776" d="M32.63,14.621h1.965l2.52,8.294h0.03l2.88-8.294h1.965L43.52,25l-1.95,0.21l-0.78-8.189h-0.03L38.12,25
h-1.98l-2.385-7.979h-0.03l-1.08,8.189L30.801,25L32.63,14.621z"></path>
<path fill="#002776" d="M46.453,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L46.453,25.21z
M49.513,16.631h-0.03l-1.305,4.05h2.535L49.513,16.631z"></path>
<path fill="#002776" d="M58.025,25.21c-1.02,0-1.935-0.27-2.82-0.795l0.75-1.47c0.48,0.345,1.245,0.705,1.83,0.705
c1.08,0,1.665-0.66,1.665-1.5c0-2.055-4.26-1.2-4.26-4.725c0-1.695,1.38-3.015,3.465-3.015c1.035,0,2.025,0.345,2.925,0.87
l-0.81,1.38c-0.645-0.345-1.2-0.69-1.965-0.69c-0.885,0-1.695,0.48-1.695,1.395c0,2.025,4.35,1.395,4.35,4.71
C61.46,23.846,60.02,25.21,58.025,25.21z"></path>
<path fill="#002776" d="M64.016,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L64.016,25.21z
M67.076,16.631h-0.03l-1.305,4.05h2.535L67.076,16.631z"></path>
<path fill="#002776" d="M75.632,20.846h-0.6L75.017,25h-1.965l0.105-10.379h3.285c2.52,0,3.525,1.365,3.525,3
c0,1.32-0.795,2.265-2.01,2.7l2.955,3.87l-1.71,1.02l-2.88-4.005C76.157,20.966,75.917,20.846,75.632,20.846z M76.247,19.286
c0.555,0,1.71-0.24,1.71-1.605c0-1.005-0.78-1.5-1.755-1.5h-1.11l-0.03,3.105H76.247z"></path>
<path fill="#002776" d="M84.344,20.696l-3.435-5.295l1.755-0.99l2.715,4.439l2.82-4.439l1.695,0.975l-3.54,5.25L86.293,25h-2.01
L84.344,20.696z"></path>
<path fill="#002776" d="M91.199,14.621h1.92l-0.03,4.845h0.075l4.245-5.055l1.425,1.14l-3.705,4.095l3.66,4.455l-1.56,1.11
l-4.11-5.22h-0.03L93.044,25h-1.92L91.199,14.621z"></path>
<path fill="#002776" d="M108.704,23.561c1.515,0,2.31-0.99,2.325-2.415l0.06-6.524h1.92l-0.06,6.629
c-0.045,2.55-1.8,3.96-4.274,3.96c-2.46,0-4.185-1.365-4.185-4.065c0-2.175,0.045-4.35,0.06-6.524h1.92
c-0.015,2.22-0.06,4.41-0.06,6.629C106.409,22.706,107.429,23.561,108.704,23.561z"></path>
<path fill="#002776" d="M115.413,14.951l1.785-0.54l4.845,7.95h0.03l-0.12-7.74h1.92l-0.09,10.049l-1.935,0.54l-4.725-7.905
l-0.03,0.03l0.15,7.665h-1.92L115.413,14.951z"></path>
<path fill="#002776" d="M126.307,14.621h1.92L128.137,25h-1.92L126.307,14.621z"></path>
<path fill="#002776" d="M129.531,15.026l1.935-0.615l2.655,8.16h0.03l2.985-8.16l1.86,0.615L135.036,25h-1.8L129.531,15.026z"></path>
<path fill="#002776" d="M145.954,25h-5.655l0.105-10.379h5.55v1.65h-3.63l-0.03,2.67h3.6v1.56h-3.615l-0.015,2.85h3.69V25z"></path>
<path fill="#002776" d="M150.605,20.846h-0.6L149.991,25h-1.965l0.105-10.379h3.285c2.52,0,3.525,1.365,3.525,3
c0,1.32-0.795,2.265-2.01,2.7l2.955,3.87l-1.71,1.02l-2.88-4.005C151.13,20.966,150.891,20.846,150.605,20.846z M151.221,19.286
c0.555,0,1.71-0.24,1.71-1.605c0-1.005-0.78-1.5-1.755-1.5h-1.11l-0.03,3.105H151.221z"></path>
<path fill="#002776" d="M159.725,25.21c-1.02,0-1.935-0.27-2.82-0.795l0.75-1.47c0.48,0.345,1.245,0.705,1.83,0.705
c1.08,0,1.665-0.66,1.665-1.5c0-2.055-4.26-1.2-4.26-4.725c0-1.695,1.38-3.015,3.465-3.015c1.035,0,2.025,0.345,2.925,0.87
l-0.81,1.38c-0.645-0.345-1.2-0.69-1.965-0.69c-0.885,0-1.695,0.48-1.695,1.395c0,2.025,4.35,1.395,4.35,4.71
C163.16,23.846,161.72,25.21,159.725,25.21z"></path>
<path fill="#002776" d="M165.099,14.621h1.92L166.929,25h-1.92L165.099,14.621z"></path>
<path fill="#002776" d="M171.254,16.271h-2.91l0.015-1.65h7.695l-0.015,1.65h-2.865L173.099,25h-1.92L171.254,16.271z"></path>
<path fill="#002776" d="M180.338,20.696l-3.435-5.295l1.755-0.99l2.715,4.439l2.82-4.439l1.695,0.975l-3.54,5.25L182.288,25
h-2.01L180.338,20.696z"></path>
</g>
<g class="logo-version logo-version--cz">
<path fill="#002776" d="M32.63,14.621h1.965l2.52,8.294h0.03l2.88-8.294h1.965L43.52,25l-1.95,0.21l-0.78-8.189h-0.03L38.12,25
h-1.98l-2.385-7.979h-0.03l-1.08,8.189L30.801,25L32.63,14.621z"></path>
<path fill="#002776" d="M46.453,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L46.453,25.21z
M49.513,16.631h-0.03l-1.305,4.05h2.535L49.513,16.631z"></path>
<path fill="#002776" d="M58.025,25.21c-1.02,0-1.935-0.27-2.82-0.795l0.75-1.47c0.48,0.345,1.245,0.705,1.83,0.705
c1.08,0,1.665-0.66,1.665-1.5c0-2.055-4.26-1.2-4.26-4.725c0-1.695,1.38-3.015,3.465-3.015c1.035,0,2.025,0.345,2.925,0.87
l-0.81,1.38c-0.645-0.345-1.2-0.69-1.965-0.69c-0.885,0-1.695,0.48-1.695,1.395c0,2.025,4.35,1.395,4.35,4.71
C61.46,23.846,60.02,25.21,58.025,25.21z"></path>
<path fill="#002776" d="M64.016,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L64.016,25.21z
M67.076,16.631h-0.03l-1.305,4.05h2.535L67.076,16.631z"></path>
<path fill="#002776" d="M75.632,20.846h-0.6L75.017,25h-1.965l0.105-10.379h3.285c2.52,0,3.525,1.365,3.525,3
c0,1.32-0.795,2.265-2.01,2.7l2.955,3.87l-1.71,1.02l-2.88-4.005C76.157,20.966,75.917,20.846,75.632,20.846z M76.247,19.286
c0.555,0,1.71-0.24,1.71-1.605c0-1.005-0.78-1.5-1.755-1.5h-1.11l-0.03,3.105H76.247z"></path>
<path fill="#002776" d="M84.344,20.696l-3.435-5.295l1.755-0.99l2.715,4.439l2.82-4.439l1.695,0.975l-3.54,5.25L86.293,25h-2.01
L84.344,20.696z"></path>
<path fill="#002776" d="M91.199,14.621h1.92l-0.03,4.845h0.075l4.245-5.055l1.425,1.14l-3.705,4.095l3.66,4.455l-1.56,1.11
l-4.11-5.22h-0.03L93.044,25h-1.92L91.199,14.621z"></path>
<path fill="#002776" d="M99.408,19.811c0-3.03,2.475-5.399,5.565-5.399c3.36,0,5.565,2.37,5.565,5.399s-2.415,5.4-5.565,5.4
S99.408,22.976,99.408,19.811z M101.418,19.811c0,2.265,1.41,3.84,3.555,3.84s3.555-1.785,3.555-3.84
c0-2.205-1.41-3.84-3.555-3.84C103.233,15.971,101.418,17.411,101.418,19.811z"></path>
<path fill="#002776" d="M111.037,15.026l1.935-0.615l2.655,8.16h0.03l2.985-8.16l1.86,0.615L116.542,25h-1.8L111.037,15.026z"></path>
<path fill="#002776" d="M121.959,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L121.959,25.21z
M125.019,16.631h-0.03l-1.305,4.05h2.535L125.019,16.631z"></path>
<path fill="#002776" d="M139.464,23.561c1.515,0,2.31-0.99,2.325-2.415l0.06-6.524h1.92l-0.06,6.629
c-0.045,2.55-1.8,3.96-4.274,3.96c-2.46,0-4.185-1.365-4.185-4.065c0-2.175,0.045-4.35,0.06-6.524h1.92
c-0.015,2.22-0.06,4.41-0.06,6.629C137.169,22.706,138.189,23.561,139.464,23.561z"></path>
<path fill="#002776" d="M146.173,14.951l1.785-0.54l4.845,7.95h0.03l-0.12-7.74h1.92l-0.09,10.049l-1.935,0.54l-4.725-7.905
l-0.03,0.03l0.15,7.665h-1.92L146.173,14.951z"></path>
<path fill="#002776" d="M157.067,14.621h1.92L158.897,25h-1.92L157.067,14.621z"></path>
<path fill="#002776" d="M160.291,15.026l1.935-0.615l2.655,8.16h0.03l2.985-8.16l1.86,0.615L165.796,25h-1.8L160.291,15.026z"></path>
<path fill="#002776" d="M176.714,25h-5.655l0.105-10.379h5.55v1.65h-3.63l-0.03,2.67h3.6v1.56h-3.615l-0.015,2.85h3.69V25z"></path>
<path fill="#002776" d="M181.366,20.846h-0.6L180.751,25h-1.965l0.105-10.379h3.285c2.52,0,3.525,1.365,3.525,3
c0,1.32-0.795,2.265-2.01,2.7l2.955,3.87l-1.71,1.02l-2.88-4.005C181.891,20.966,181.651,20.846,181.366,20.846z M181.981,19.286
c0.555,0,1.71-0.24,1.71-1.605c0-1.005-0.78-1.5-1.755-1.5h-1.11l-0.03,3.105H181.981z"></path>
<path fill="#002776" d="M194.74,25h-6.57l-0.6-1.23l4.965-7.5h-4.725v-1.65h6.57l0.6,1.38l-4.875,7.35h4.635V25z"></path>
<path fill="#002776" d="M196.649,14.621h1.92L198.479,25h-1.92L196.649,14.621z"></path>
<path fill="#002776" d="M202.805,16.271h-2.91l0.015-1.65h7.695l-0.015,1.65h-2.865L204.65,25h-1.92L202.805,16.271z"></path>
<path fill="#002776" d="M208.845,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L208.845,25.21z
M211.905,16.631h-0.03l-1.305,4.05h2.535L211.905,16.631z"></path>
</g>
</svg>
</a>
</p>
<nav class="header-min__menu" role="navigation">
<ul class="header-min__menu__list">
<li class="header-min__menu__item hide-xs">
<a href="#" class="header-min__menu__link">
Hyperlink
</a>
</li>
<li class="header-min__menu__item hide-xs">
<a href="#" class="header-min__menu__link">
Hyperlink
</a>
</li>
<li class="header-min__menu__item header-min__menu__item--lang">
<a href="#" class="header-min__menu__link">
English
</a>
</li>
</ul>
</nav>
</div>
</header>
<br>
<header class="header-min">
<div class="row-main row-main--full">
<p class="header-min__logo" role="banner">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="225px" height="40px" viewBox="0 0 225 40">
<desc>Masarykova univerzita | Masaryk university</desc>
<path fill="#002776" d="M6.5,28.114V19c0.006,0.037,0.201,1.219,1.733,7.2c0.074,0.284,0.309,0.6,0.772,0.6
c0.479,0,0.688-0.277,0.773-0.6C10.248,24.353,11.5,19,11.5,19v9.114C10.757,28.365,9.859,28.7,9,28.7
C8.143,28.7,7.241,28.365,6.5,28.114z M16.639,9c-0.786,0-1.423,0.637-1.423,1.423v12.879c0,1.168-0.485,2.221-1.215,3.071V10.4
c0-0.688-0.446-1.273-1.129-1.369c-0.677-0.101-1.356,0.301-1.521,0.979c-2.328,9.568-2.349,9.644-2.349,9.644
s-0.016-0.076-2.354-9.645C6.48,9.332,5.808,8.931,5.129,9.031C4.446,9.127,4,9.711,4,10.4v15.973
c-0.732-0.851-1.219-1.903-1.219-3.071V10.423C2.781,9.637,2.146,9,1.361,9C0.575,9,0,9.637,0,10.423v12.879
C0,27.832,3.972,31,9,31s9-3.168,9-7.698V10.423C18,9.637,17.423,9,16.639,9z"></path>
<g class="logo-version logo-version--en">
<path fill="#002776" d="M32.63,14.621h1.965l2.52,8.294h0.03l2.88-8.294h1.965L43.52,25l-1.95,0.21l-0.78-8.189h-0.03L38.12,25
h-1.98l-2.385-7.979h-0.03l-1.08,8.189L30.801,25L32.63,14.621z"></path>
<path fill="#002776" d="M46.453,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L46.453,25.21z
M49.513,16.631h-0.03l-1.305,4.05h2.535L49.513,16.631z"></path>
<path fill="#002776" d="M58.025,25.21c-1.02,0-1.935-0.27-2.82-0.795l0.75-1.47c0.48,0.345,1.245,0.705,1.83,0.705
c1.08,0,1.665-0.66,1.665-1.5c0-2.055-4.26-1.2-4.26-4.725c0-1.695,1.38-3.015,3.465-3.015c1.035,0,2.025,0.345,2.925,0.87
l-0.81,1.38c-0.645-0.345-1.2-0.69-1.965-0.69c-0.885,0-1.695,0.48-1.695,1.395c0,2.025,4.35,1.395,4.35,4.71
C61.46,23.846,60.02,25.21,58.025,25.21z"></path>
<path fill="#002776" d="M64.016,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L64.016,25.21z
M67.076,16.631h-0.03l-1.305,4.05h2.535L67.076,16.631z"></path>
<path fill="#002776" d="M75.632,20.846h-0.6L75.017,25h-1.965l0.105-10.379h3.285c2.52,0,3.525,1.365,3.525,3
c0,1.32-0.795,2.265-2.01,2.7l2.955,3.87l-1.71,1.02l-2.88-4.005C76.157,20.966,75.917,20.846,75.632,20.846z M76.247,19.286
c0.555,0,1.71-0.24,1.71-1.605c0-1.005-0.78-1.5-1.755-1.5h-1.11l-0.03,3.105H76.247z"></path>
<path fill="#002776" d="M84.344,20.696l-3.435-5.295l1.755-0.99l2.715,4.439l2.82-4.439l1.695,0.975l-3.54,5.25L86.293,25h-2.01
L84.344,20.696z"></path>
<path fill="#002776" d="M91.199,14.621h1.92l-0.03,4.845h0.075l4.245-5.055l1.425,1.14l-3.705,4.095l3.66,4.455l-1.56,1.11
l-4.11-5.22h-0.03L93.044,25h-1.92L91.199,14.621z"></path>
<path fill="#002776" d="M108.704,23.561c1.515,0,2.31-0.99,2.325-2.415l0.06-6.524h1.92l-0.06,6.629
c-0.045,2.55-1.8,3.96-4.274,3.96c-2.46,0-4.185-1.365-4.185-4.065c0-2.175,0.045-4.35,0.06-6.524h1.92
c-0.015,2.22-0.06,4.41-0.06,6.629C106.409,22.706,107.429,23.561,108.704,23.561z"></path>
<path fill="#002776" d="M115.413,14.951l1.785-0.54l4.845,7.95h0.03l-0.12-7.74h1.92l-0.09,10.049l-1.935,0.54l-4.725-7.905
l-0.03,0.03l0.15,7.665h-1.92L115.413,14.951z"></path>
<path fill="#002776" d="M126.307,14.621h1.92L128.137,25h-1.92L126.307,14.621z"></path>
<path fill="#002776" d="M129.531,15.026l1.935-0.615l2.655,8.16h0.03l2.985-8.16l1.86,0.615L135.036,25h-1.8L129.531,15.026z"></path>
<path fill="#002776" d="M145.954,25h-5.655l0.105-10.379h5.55v1.65h-3.63l-0.03,2.67h3.6v1.56h-3.615l-0.015,2.85h3.69V25z"></path>
<path fill="#002776" d="M150.605,20.846h-0.6L149.991,25h-1.965l0.105-10.379h3.285c2.52,0,3.525,1.365,3.525,3
c0,1.32-0.795,2.265-2.01,2.7l2.955,3.87l-1.71,1.02l-2.88-4.005C151.13,20.966,150.891,20.846,150.605,20.846z M151.221,19.286
c0.555,0,1.71-0.24,1.71-1.605c0-1.005-0.78-1.5-1.755-1.5h-1.11l-0.03,3.105H151.221z"></path>
<path fill="#002776" d="M159.725,25.21c-1.02,0-1.935-0.27-2.82-0.795l0.75-1.47c0.48,0.345,1.245,0.705,1.83,0.705
c1.08,0,1.665-0.66,1.665-1.5c0-2.055-4.26-1.2-4.26-4.725c0-1.695,1.38-3.015,3.465-3.015c1.035,0,2.025,0.345,2.925,0.87
l-0.81,1.38c-0.645-0.345-1.2-0.69-1.965-0.69c-0.885,0-1.695,0.48-1.695,1.395c0,2.025,4.35,1.395,4.35,4.71
C163.16,23.846,161.72,25.21,159.725,25.21z"></path>
<path fill="#002776" d="M165.099,14.621h1.92L166.929,25h-1.92L165.099,14.621z"></path>
<path fill="#002776" d="M171.254,16.271h-2.91l0.015-1.65h7.695l-0.015,1.65h-2.865L173.099,25h-1.92L171.254,16.271z"></path>
<path fill="#002776" d="M180.338,20.696l-3.435-5.295l1.755-0.99l2.715,4.439l2.82-4.439l1.695,0.975l-3.54,5.25L182.288,25
h-2.01L180.338,20.696z"></path>
</g>
<g class="logo-version logo-version--cz">
<path fill="#002776" d="M32.63,14.621h1.965l2.52,8.294h0.03l2.88-8.294h1.965L43.52,25l-1.95,0.21l-0.78-8.189h-0.03L38.12,25
h-1.98l-2.385-7.979h-0.03l-1.08,8.189L30.801,25L32.63,14.621z"></path>
<path fill="#002776" d="M46.453,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L46.453,25.21z
M49.513,16.631h-0.03l-1.305,4.05h2.535L49.513,16.631z"></path>
<path fill="#002776" d="M58.025,25.21c-1.02,0-1.935-0.27-2.82-0.795l0.75-1.47c0.48,0.345,1.245,0.705,1.83,0.705
c1.08,0,1.665-0.66,1.665-1.5c0-2.055-4.26-1.2-4.26-4.725c0-1.695,1.38-3.015,3.465-3.015c1.035,0,2.025,0.345,2.925,0.87
l-0.81,1.38c-0.645-0.345-1.2-0.69-1.965-0.69c-0.885,0-1.695,0.48-1.695,1.395c0,2.025,4.35,1.395,4.35,4.71
C61.46,23.846,60.02,25.21,58.025,25.21z"></path>
<path fill="#002776" d="M64.016,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L64.016,25.21z
M67.076,16.631h-0.03l-1.305,4.05h2.535L67.076,16.631z"></path>
<path fill="#002776" d="M75.632,20.846h-0.6L75.017,25h-1.965l0.105-10.379h3.285c2.52,0,3.525,1.365,3.525,3
c0,1.32-0.795,2.265-2.01,2.7l2.955,3.87l-1.71,1.02l-2.88-4.005C76.157,20.966,75.917,20.846,75.632,20.846z M76.247,19.286
c0.555,0,1.71-0.24,1.71-1.605c0-1.005-0.78-1.5-1.755-1.5h-1.11l-0.03,3.105H76.247z"></path>
<path fill="#002776" d="M84.344,20.696l-3.435-5.295l1.755-0.99l2.715,4.439l2.82-4.439l1.695,0.975l-3.54,5.25L86.293,25h-2.01
L84.344,20.696z"></path>
<path fill="#002776" d="M91.199,14.621h1.92l-0.03,4.845h0.075l4.245-5.055l1.425,1.14l-3.705,4.095l3.66,4.455l-1.56,1.11
l-4.11-5.22h-0.03L93.044,25h-1.92L91.199,14.621z"></path>
<path fill="#002776" d="M99.408,19.811c0-3.03,2.475-5.399,5.565-5.399c3.36,0,5.565,2.37,5.565,5.399s-2.415,5.4-5.565,5.4
S99.408,22.976,99.408,19.811z M101.418,19.811c0,2.265,1.41,3.84,3.555,3.84s3.555-1.785,3.555-3.84
c0-2.205-1.41-3.84-3.555-3.84C103.233,15.971,101.418,17.411,101.418,19.811z"></path>
<path fill="#002776" d="M111.037,15.026l1.935-0.615l2.655,8.16h0.03l2.985-8.16l1.86,0.615L116.542,25h-1.8L111.037,15.026z"></path>
<path fill="#002776" d="M121.959,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L121.959,25.21z
M125.019,16.631h-0.03l-1.305,4.05h2.535L125.019,16.631z"></path>
<path fill="#002776" d="M139.464,23.561c1.515,0,2.31-0.99,2.325-2.415l0.06-6.524h1.92l-0.06,6.629
c-0.045,2.55-1.8,3.96-4.274,3.96c-2.46,0-4.185-1.365-4.185-4.065c0-2.175,0.045-4.35,0.06-6.524h1.92
c-0.015,2.22-0.06,4.41-0.06,6.629C137.169,22.706,138.189,23.561,139.464,23.561z"></path>
<path fill="#002776" d="M146.173,14.951l1.785-0.54l4.845,7.95h0.03l-0.12-7.74h1.92l-0.09,10.049l-1.935,0.54l-4.725-7.905
l-0.03,0.03l0.15,7.665h-1.92L146.173,14.951z"></path>
<path fill="#002776" d="M157.067,14.621h1.92L158.897,25h-1.92L157.067,14.621z"></path>
<path fill="#002776" d="M160.291,15.026l1.935-0.615l2.655,8.16h0.03l2.985-8.16l1.86,0.615L165.796,25h-1.8L160.291,15.026z"></path>
<path fill="#002776" d="M176.714,25h-5.655l0.105-10.379h5.55v1.65h-3.63l-0.03,2.67h3.6v1.56h-3.615l-0.015,2.85h3.69V25z"></path>
<path fill="#002776" d="M181.366,20.846h-0.6L180.751,25h-1.965l0.105-10.379h3.285c2.52,0,3.525,1.365,3.525,3
c0,1.32-0.795,2.265-2.01,2.7l2.955,3.87l-1.71,1.02l-2.88-4.005C181.891,20.966,181.651,20.846,181.366,20.846z M181.981,19.286
c0.555,0,1.71-0.24,1.71-1.605c0-1.005-0.78-1.5-1.755-1.5h-1.11l-0.03,3.105H181.981z"></path>
<path fill="#002776" d="M194.74,25h-6.57l-0.6-1.23l4.965-7.5h-4.725v-1.65h6.57l0.6,1.38l-4.875,7.35h4.635V25z"></path>
<path fill="#002776" d="M196.649,14.621h1.92L198.479,25h-1.92L196.649,14.621z"></path>
<path fill="#002776" d="M202.805,16.271h-2.91l0.015-1.65h7.695l-0.015,1.65h-2.865L204.65,25h-1.92L202.805,16.271z"></path>
<path fill="#002776" d="M208.845,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L208.845,25.21z
M211.905,16.631h-0.03l-1.305,4.05h2.535L211.905,16.631z"></path>
</g>
</svg>
</a>
</p>
<nav class="header-min__menu" role="navigation">
<ul class="header-min__menu__list">
<li class="header-min__menu__item hide-xs">
<a href="#" class="header-min__menu__link">
Hyperlink
</a>
</li>
<li class="header-min__menu__item hide-xs">
<a href="#" class="header-min__menu__link">
Hyperlink
</a>
</li>
<li class="header-min__menu__item header-min__menu__item--lang">
<a href="#" class="header-min__menu__link">
English
</a>
</li>
</ul>
</nav>
</div>
</header>
Tento organismus vychází z defaultního organismu. Navíc je na .header-min přidán modifikátor header-min--inverse, který obarví hlavičku do bílé barvy.
Pro nasimulování byla tato hlavička obalena do molekuly s pozadím.
<div class="box-bg box-bg--primary box-bg--full">
<header class="header-min header-min--inverse">
<div class="row-main">
<p class="header-min__logo" role="banner">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="225px" height="40px" viewBox="0 0 225 40">
<desc>Masarykova univerzita | Masaryk university</desc>
<path fill="#002776" d="M6.5,28.114V19c0.006,0.037,0.201,1.219,1.733,7.2c0.074,0.284,0.309,0.6,0.772,0.6
c0.479,0,0.688-0.277,0.773-0.6C10.248,24.353,11.5,19,11.5,19v9.114C10.757,28.365,9.859,28.7,9,28.7
C8.143,28.7,7.241,28.365,6.5,28.114z M16.639,9c-0.786,0-1.423,0.637-1.423,1.423v12.879c0,1.168-0.485,2.221-1.215,3.071V10.4
c0-0.688-0.446-1.273-1.129-1.369c-0.677-0.101-1.356,0.301-1.521,0.979c-2.328,9.568-2.349,9.644-2.349,9.644
s-0.016-0.076-2.354-9.645C6.48,9.332,5.808,8.931,5.129,9.031C4.446,9.127,4,9.711,4,10.4v15.973
c-0.732-0.851-1.219-1.903-1.219-3.071V10.423C2.781,9.637,2.146,9,1.361,9C0.575,9,0,9.637,0,10.423v12.879
C0,27.832,3.972,31,9,31s9-3.168,9-7.698V10.423C18,9.637,17.423,9,16.639,9z"></path>
<g class="logo-version logo-version--en">
<path fill="#002776" d="M32.63,14.621h1.965l2.52,8.294h0.03l2.88-8.294h1.965L43.52,25l-1.95,0.21l-0.78-8.189h-0.03L38.12,25
h-1.98l-2.385-7.979h-0.03l-1.08,8.189L30.801,25L32.63,14.621z"></path>
<path fill="#002776" d="M46.453,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L46.453,25.21z
M49.513,16.631h-0.03l-1.305,4.05h2.535L49.513,16.631z"></path>
<path fill="#002776" d="M58.025,25.21c-1.02,0-1.935-0.27-2.82-0.795l0.75-1.47c0.48,0.345,1.245,0.705,1.83,0.705
c1.08,0,1.665-0.66,1.665-1.5c0-2.055-4.26-1.2-4.26-4.725c0-1.695,1.38-3.015,3.465-3.015c1.035,0,2.025,0.345,2.925,0.87
l-0.81,1.38c-0.645-0.345-1.2-0.69-1.965-0.69c-0.885,0-1.695,0.48-1.695,1.395c0,2.025,4.35,1.395,4.35,4.71
C61.46,23.846,60.02,25.21,58.025,25.21z"></path>
<path fill="#002776" d="M64.016,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L64.016,25.21z
M67.076,16.631h-0.03l-1.305,4.05h2.535L67.076,16.631z"></path>
<path fill="#002776" d="M75.632,20.846h-0.6L75.017,25h-1.965l0.105-10.379h3.285c2.52,0,3.525,1.365,3.525,3
c0,1.32-0.795,2.265-2.01,2.7l2.955,3.87l-1.71,1.02l-2.88-4.005C76.157,20.966,75.917,20.846,75.632,20.846z M76.247,19.286
c0.555,0,1.71-0.24,1.71-1.605c0-1.005-0.78-1.5-1.755-1.5h-1.11l-0.03,3.105H76.247z"></path>
<path fill="#002776" d="M84.344,20.696l-3.435-5.295l1.755-0.99l2.715,4.439l2.82-4.439l1.695,0.975l-3.54,5.25L86.293,25h-2.01
L84.344,20.696z"></path>
<path fill="#002776" d="M91.199,14.621h1.92l-0.03,4.845h0.075l4.245-5.055l1.425,1.14l-3.705,4.095l3.66,4.455l-1.56,1.11
l-4.11-5.22h-0.03L93.044,25h-1.92L91.199,14.621z"></path>
<path fill="#002776" d="M108.704,23.561c1.515,0,2.31-0.99,2.325-2.415l0.06-6.524h1.92l-0.06,6.629
c-0.045,2.55-1.8,3.96-4.274,3.96c-2.46,0-4.185-1.365-4.185-4.065c0-2.175,0.045-4.35,0.06-6.524h1.92
c-0.015,2.22-0.06,4.41-0.06,6.629C106.409,22.706,107.429,23.561,108.704,23.561z"></path>
<path fill="#002776" d="M115.413,14.951l1.785-0.54l4.845,7.95h0.03l-0.12-7.74h1.92l-0.09,10.049l-1.935,0.54l-4.725-7.905
l-0.03,0.03l0.15,7.665h-1.92L115.413,14.951z"></path>
<path fill="#002776" d="M126.307,14.621h1.92L128.137,25h-1.92L126.307,14.621z"></path>
<path fill="#002776" d="M129.531,15.026l1.935-0.615l2.655,8.16h0.03l2.985-8.16l1.86,0.615L135.036,25h-1.8L129.531,15.026z"></path>
<path fill="#002776" d="M145.954,25h-5.655l0.105-10.379h5.55v1.65h-3.63l-0.03,2.67h3.6v1.56h-3.615l-0.015,2.85h3.69V25z"></path>
<path fill="#002776" d="M150.605,20.846h-0.6L149.991,25h-1.965l0.105-10.379h3.285c2.52,0,3.525,1.365,3.525,3
c0,1.32-0.795,2.265-2.01,2.7l2.955,3.87l-1.71,1.02l-2.88-4.005C151.13,20.966,150.891,20.846,150.605,20.846z M151.221,19.286
c0.555,0,1.71-0.24,1.71-1.605c0-1.005-0.78-1.5-1.755-1.5h-1.11l-0.03,3.105H151.221z"></path>
<path fill="#002776" d="M159.725,25.21c-1.02,0-1.935-0.27-2.82-0.795l0.75-1.47c0.48,0.345,1.245,0.705,1.83,0.705
c1.08,0,1.665-0.66,1.665-1.5c0-2.055-4.26-1.2-4.26-4.725c0-1.695,1.38-3.015,3.465-3.015c1.035,0,2.025,0.345,2.925,0.87
l-0.81,1.38c-0.645-0.345-1.2-0.69-1.965-0.69c-0.885,0-1.695,0.48-1.695,1.395c0,2.025,4.35,1.395,4.35,4.71
C163.16,23.846,161.72,25.21,159.725,25.21z"></path>
<path fill="#002776" d="M165.099,14.621h1.92L166.929,25h-1.92L165.099,14.621z"></path>
<path fill="#002776" d="M171.254,16.271h-2.91l0.015-1.65h7.695l-0.015,1.65h-2.865L173.099,25h-1.92L171.254,16.271z"></path>
<path fill="#002776" d="M180.338,20.696l-3.435-5.295l1.755-0.99l2.715,4.439l2.82-4.439l1.695,0.975l-3.54,5.25L182.288,25
h-2.01L180.338,20.696z"></path>
</g>
<g class="logo-version logo-version--cz">
<path fill="#002776" d="M32.63,14.621h1.965l2.52,8.294h0.03l2.88-8.294h1.965L43.52,25l-1.95,0.21l-0.78-8.189h-0.03L38.12,25
h-1.98l-2.385-7.979h-0.03l-1.08,8.189L30.801,25L32.63,14.621z"></path>
<path fill="#002776" d="M46.453,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L46.453,25.21z
M49.513,16.631h-0.03l-1.305,4.05h2.535L49.513,16.631z"></path>
<path fill="#002776" d="M58.025,25.21c-1.02,0-1.935-0.27-2.82-0.795l0.75-1.47c0.48,0.345,1.245,0.705,1.83,0.705
c1.08,0,1.665-0.66,1.665-1.5c0-2.055-4.26-1.2-4.26-4.725c0-1.695,1.38-3.015,3.465-3.015c1.035,0,2.025,0.345,2.925,0.87
l-0.81,1.38c-0.645-0.345-1.2-0.69-1.965-0.69c-0.885,0-1.695,0.48-1.695,1.395c0,2.025,4.35,1.395,4.35,4.71
C61.46,23.846,60.02,25.21,58.025,25.21z"></path>
<path fill="#002776" d="M64.016,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L64.016,25.21z
M67.076,16.631h-0.03l-1.305,4.05h2.535L67.076,16.631z"></path>
<path fill="#002776" d="M75.632,20.846h-0.6L75.017,25h-1.965l0.105-10.379h3.285c2.52,0,3.525,1.365,3.525,3
c0,1.32-0.795,2.265-2.01,2.7l2.955,3.87l-1.71,1.02l-2.88-4.005C76.157,20.966,75.917,20.846,75.632,20.846z M76.247,19.286
c0.555,0,1.71-0.24,1.71-1.605c0-1.005-0.78-1.5-1.755-1.5h-1.11l-0.03,3.105H76.247z"></path>
<path fill="#002776" d="M84.344,20.696l-3.435-5.295l1.755-0.99l2.715,4.439l2.82-4.439l1.695,0.975l-3.54,5.25L86.293,25h-2.01
L84.344,20.696z"></path>
<path fill="#002776" d="M91.199,14.621h1.92l-0.03,4.845h0.075l4.245-5.055l1.425,1.14l-3.705,4.095l3.66,4.455l-1.56,1.11
l-4.11-5.22h-0.03L93.044,25h-1.92L91.199,14.621z"></path>
<path fill="#002776" d="M99.408,19.811c0-3.03,2.475-5.399,5.565-5.399c3.36,0,5.565,2.37,5.565,5.399s-2.415,5.4-5.565,5.4
S99.408,22.976,99.408,19.811z M101.418,19.811c0,2.265,1.41,3.84,3.555,3.84s3.555-1.785,3.555-3.84
c0-2.205-1.41-3.84-3.555-3.84C103.233,15.971,101.418,17.411,101.418,19.811z"></path>
<path fill="#002776" d="M111.037,15.026l1.935-0.615l2.655,8.16h0.03l2.985-8.16l1.86,0.615L116.542,25h-1.8L111.037,15.026z"></path>
<path fill="#002776" d="M121.959,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L121.959,25.21z
M125.019,16.631h-0.03l-1.305,4.05h2.535L125.019,16.631z"></path>
<path fill="#002776" d="M139.464,23.561c1.515,0,2.31-0.99,2.325-2.415l0.06-6.524h1.92l-0.06,6.629
c-0.045,2.55-1.8,3.96-4.274,3.96c-2.46,0-4.185-1.365-4.185-4.065c0-2.175,0.045-4.35,0.06-6.524h1.92
c-0.015,2.22-0.06,4.41-0.06,6.629C137.169,22.706,138.189,23.561,139.464,23.561z"></path>
<path fill="#002776" d="M146.173,14.951l1.785-0.54l4.845,7.95h0.03l-0.12-7.74h1.92l-0.09,10.049l-1.935,0.54l-4.725-7.905
l-0.03,0.03l0.15,7.665h-1.92L146.173,14.951z"></path>
<path fill="#002776" d="M157.067,14.621h1.92L158.897,25h-1.92L157.067,14.621z"></path>
<path fill="#002776" d="M160.291,15.026l1.935-0.615l2.655,8.16h0.03l2.985-8.16l1.86,0.615L165.796,25h-1.8L160.291,15.026z"></path>
<path fill="#002776" d="M176.714,25h-5.655l0.105-10.379h5.55v1.65h-3.63l-0.03,2.67h3.6v1.56h-3.615l-0.015,2.85h3.69V25z"></path>
<path fill="#002776" d="M181.366,20.846h-0.6L180.751,25h-1.965l0.105-10.379h3.285c2.52,0,3.525,1.365,3.525,3
c0,1.32-0.795,2.265-2.01,2.7l2.955,3.87l-1.71,1.02l-2.88-4.005C181.891,20.966,181.651,20.846,181.366,20.846z M181.981,19.286
c0.555,0,1.71-0.24,1.71-1.605c0-1.005-0.78-1.5-1.755-1.5h-1.11l-0.03,3.105H181.981z"></path>
<path fill="#002776" d="M194.74,25h-6.57l-0.6-1.23l4.965-7.5h-4.725v-1.65h6.57l0.6,1.38l-4.875,7.35h4.635V25z"></path>
<path fill="#002776" d="M196.649,14.621h1.92L198.479,25h-1.92L196.649,14.621z"></path>
<path fill="#002776" d="M202.805,16.271h-2.91l0.015-1.65h7.695l-0.015,1.65h-2.865L204.65,25h-1.92L202.805,16.271z"></path>
<path fill="#002776" d="M208.845,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L208.845,25.21z
M211.905,16.631h-0.03l-1.305,4.05h2.535L211.905,16.631z"></path>
</g>
</svg>
</a>
</p>
<nav class="header-min__menu" role="navigation">
<ul class="header-min__menu__list">
<li class="header-min__menu__item hide-xs">
<a href="#" class="header-min__menu__link">
Hyperlink
</a>
</li>
<li class="header-min__menu__item hide-xs">
<a href="#" class="header-min__menu__link">
Hyperlink
</a>
</li>
<li class="header-min__menu__item header-min__menu__item--lang">
<a href="#" class="header-min__menu__link">
English
</a>
</li>
</ul>
</nav>
</div>
</header>
<br>
<header class="header-min header-min--inverse">
<div class="row-main row-main--full">
<p class="header-min__logo" role="banner">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="225px" height="40px" viewBox="0 0 225 40">
<desc>Masarykova univerzita | Masaryk university</desc>
<path fill="#002776" d="M6.5,28.114V19c0.006,0.037,0.201,1.219,1.733,7.2c0.074,0.284,0.309,0.6,0.772,0.6
c0.479,0,0.688-0.277,0.773-0.6C10.248,24.353,11.5,19,11.5,19v9.114C10.757,28.365,9.859,28.7,9,28.7
C8.143,28.7,7.241,28.365,6.5,28.114z M16.639,9c-0.786,0-1.423,0.637-1.423,1.423v12.879c0,1.168-0.485,2.221-1.215,3.071V10.4
c0-0.688-0.446-1.273-1.129-1.369c-0.677-0.101-1.356,0.301-1.521,0.979c-2.328,9.568-2.349,9.644-2.349,9.644
s-0.016-0.076-2.354-9.645C6.48,9.332,5.808,8.931,5.129,9.031C4.446,9.127,4,9.711,4,10.4v15.973
c-0.732-0.851-1.219-1.903-1.219-3.071V10.423C2.781,9.637,2.146,9,1.361,9C0.575,9,0,9.637,0,10.423v12.879
C0,27.832,3.972,31,9,31s9-3.168,9-7.698V10.423C18,9.637,17.423,9,16.639,9z"></path>
<g class="logo-version logo-version--en">
<path fill="#002776" d="M32.63,14.621h1.965l2.52,8.294h0.03l2.88-8.294h1.965L43.52,25l-1.95,0.21l-0.78-8.189h-0.03L38.12,25
h-1.98l-2.385-7.979h-0.03l-1.08,8.189L30.801,25L32.63,14.621z"></path>
<path fill="#002776" d="M46.453,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L46.453,25.21z
M49.513,16.631h-0.03l-1.305,4.05h2.535L49.513,16.631z"></path>
<path fill="#002776" d="M58.025,25.21c-1.02,0-1.935-0.27-2.82-0.795l0.75-1.47c0.48,0.345,1.245,0.705,1.83,0.705
c1.08,0,1.665-0.66,1.665-1.5c0-2.055-4.26-1.2-4.26-4.725c0-1.695,1.38-3.015,3.465-3.015c1.035,0,2.025,0.345,2.925,0.87
l-0.81,1.38c-0.645-0.345-1.2-0.69-1.965-0.69c-0.885,0-1.695,0.48-1.695,1.395c0,2.025,4.35,1.395,4.35,4.71
C61.46,23.846,60.02,25.21,58.025,25.21z"></path>
<path fill="#002776" d="M64.016,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L64.016,25.21z
M67.076,16.631h-0.03l-1.305,4.05h2.535L67.076,16.631z"></path>
<path fill="#002776" d="M75.632,20.846h-0.6L75.017,25h-1.965l0.105-10.379h3.285c2.52,0,3.525,1.365,3.525,3
c0,1.32-0.795,2.265-2.01,2.7l2.955,3.87l-1.71,1.02l-2.88-4.005C76.157,20.966,75.917,20.846,75.632,20.846z M76.247,19.286
c0.555,0,1.71-0.24,1.71-1.605c0-1.005-0.78-1.5-1.755-1.5h-1.11l-0.03,3.105H76.247z"></path>
<path fill="#002776" d="M84.344,20.696l-3.435-5.295l1.755-0.99l2.715,4.439l2.82-4.439l1.695,0.975l-3.54,5.25L86.293,25h-2.01
L84.344,20.696z"></path>
<path fill="#002776" d="M91.199,14.621h1.92l-0.03,4.845h0.075l4.245-5.055l1.425,1.14l-3.705,4.095l3.66,4.455l-1.56,1.11
l-4.11-5.22h-0.03L93.044,25h-1.92L91.199,14.621z"></path>
<path fill="#002776" d="M108.704,23.561c1.515,0,2.31-0.99,2.325-2.415l0.06-6.524h1.92l-0.06,6.629
c-0.045,2.55-1.8,3.96-4.274,3.96c-2.46,0-4.185-1.365-4.185-4.065c0-2.175,0.045-4.35,0.06-6.524h1.92
c-0.015,2.22-0.06,4.41-0.06,6.629C106.409,22.706,107.429,23.561,108.704,23.561z"></path>
<path fill="#002776" d="M115.413,14.951l1.785-0.54l4.845,7.95h0.03l-0.12-7.74h1.92l-0.09,10.049l-1.935,0.54l-4.725-7.905
l-0.03,0.03l0.15,7.665h-1.92L115.413,14.951z"></path>
<path fill="#002776" d="M126.307,14.621h1.92L128.137,25h-1.92L126.307,14.621z"></path>
<path fill="#002776" d="M129.531,15.026l1.935-0.615l2.655,8.16h0.03l2.985-8.16l1.86,0.615L135.036,25h-1.8L129.531,15.026z"></path>
<path fill="#002776" d="M145.954,25h-5.655l0.105-10.379h5.55v1.65h-3.63l-0.03,2.67h3.6v1.56h-3.615l-0.015,2.85h3.69V25z"></path>
<path fill="#002776" d="M150.605,20.846h-0.6L149.991,25h-1.965l0.105-10.379h3.285c2.52,0,3.525,1.365,3.525,3
c0,1.32-0.795,2.265-2.01,2.7l2.955,3.87l-1.71,1.02l-2.88-4.005C151.13,20.966,150.891,20.846,150.605,20.846z M151.221,19.286
c0.555,0,1.71-0.24,1.71-1.605c0-1.005-0.78-1.5-1.755-1.5h-1.11l-0.03,3.105H151.221z"></path>
<path fill="#002776" d="M159.725,25.21c-1.02,0-1.935-0.27-2.82-0.795l0.75-1.47c0.48,0.345,1.245,0.705,1.83,0.705
c1.08,0,1.665-0.66,1.665-1.5c0-2.055-4.26-1.2-4.26-4.725c0-1.695,1.38-3.015,3.465-3.015c1.035,0,2.025,0.345,2.925,0.87
l-0.81,1.38c-0.645-0.345-1.2-0.69-1.965-0.69c-0.885,0-1.695,0.48-1.695,1.395c0,2.025,4.35,1.395,4.35,4.71
C163.16,23.846,161.72,25.21,159.725,25.21z"></path>
<path fill="#002776" d="M165.099,14.621h1.92L166.929,25h-1.92L165.099,14.621z"></path>
<path fill="#002776" d="M171.254,16.271h-2.91l0.015-1.65h7.695l-0.015,1.65h-2.865L173.099,25h-1.92L171.254,16.271z"></path>
<path fill="#002776" d="M180.338,20.696l-3.435-5.295l1.755-0.99l2.715,4.439l2.82-4.439l1.695,0.975l-3.54,5.25L182.288,25
h-2.01L180.338,20.696z"></path>
</g>
<g class="logo-version logo-version--cz">
<path fill="#002776" d="M32.63,14.621h1.965l2.52,8.294h0.03l2.88-8.294h1.965L43.52,25l-1.95,0.21l-0.78-8.189h-0.03L38.12,25
h-1.98l-2.385-7.979h-0.03l-1.08,8.189L30.801,25L32.63,14.621z"></path>
<path fill="#002776" d="M46.453,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L46.453,25.21z
M49.513,16.631h-0.03l-1.305,4.05h2.535L49.513,16.631z"></path>
<path fill="#002776" d="M58.025,25.21c-1.02,0-1.935-0.27-2.82-0.795l0.75-1.47c0.48,0.345,1.245,0.705,1.83,0.705
c1.08,0,1.665-0.66,1.665-1.5c0-2.055-4.26-1.2-4.26-4.725c0-1.695,1.38-3.015,3.465-3.015c1.035,0,2.025,0.345,2.925,0.87
l-0.81,1.38c-0.645-0.345-1.2-0.69-1.965-0.69c-0.885,0-1.695,0.48-1.695,1.395c0,2.025,4.35,1.395,4.35,4.71
C61.46,23.846,60.02,25.21,58.025,25.21z"></path>
<path fill="#002776" d="M64.016,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L64.016,25.21z
M67.076,16.631h-0.03l-1.305,4.05h2.535L67.076,16.631z"></path>
<path fill="#002776" d="M75.632,20.846h-0.6L75.017,25h-1.965l0.105-10.379h3.285c2.52,0,3.525,1.365,3.525,3
c0,1.32-0.795,2.265-2.01,2.7l2.955,3.87l-1.71,1.02l-2.88-4.005C76.157,20.966,75.917,20.846,75.632,20.846z M76.247,19.286
c0.555,0,1.71-0.24,1.71-1.605c0-1.005-0.78-1.5-1.755-1.5h-1.11l-0.03,3.105H76.247z"></path>
<path fill="#002776" d="M84.344,20.696l-3.435-5.295l1.755-0.99l2.715,4.439l2.82-4.439l1.695,0.975l-3.54,5.25L86.293,25h-2.01
L84.344,20.696z"></path>
<path fill="#002776" d="M91.199,14.621h1.92l-0.03,4.845h0.075l4.245-5.055l1.425,1.14l-3.705,4.095l3.66,4.455l-1.56,1.11
l-4.11-5.22h-0.03L93.044,25h-1.92L91.199,14.621z"></path>
<path fill="#002776" d="M99.408,19.811c0-3.03,2.475-5.399,5.565-5.399c3.36,0,5.565,2.37,5.565,5.399s-2.415,5.4-5.565,5.4
S99.408,22.976,99.408,19.811z M101.418,19.811c0,2.265,1.41,3.84,3.555,3.84s3.555-1.785,3.555-3.84
c0-2.205-1.41-3.84-3.555-3.84C103.233,15.971,101.418,17.411,101.418,19.811z"></path>
<path fill="#002776" d="M111.037,15.026l1.935-0.615l2.655,8.16h0.03l2.985-8.16l1.86,0.615L116.542,25h-1.8L111.037,15.026z"></path>
<path fill="#002776" d="M121.959,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L121.959,25.21z
M125.019,16.631h-0.03l-1.305,4.05h2.535L125.019,16.631z"></path>
<path fill="#002776" d="M139.464,23.561c1.515,0,2.31-0.99,2.325-2.415l0.06-6.524h1.92l-0.06,6.629
c-0.045,2.55-1.8,3.96-4.274,3.96c-2.46,0-4.185-1.365-4.185-4.065c0-2.175,0.045-4.35,0.06-6.524h1.92
c-0.015,2.22-0.06,4.41-0.06,6.629C137.169,22.706,138.189,23.561,139.464,23.561z"></path>
<path fill="#002776" d="M146.173,14.951l1.785-0.54l4.845,7.95h0.03l-0.12-7.74h1.92l-0.09,10.049l-1.935,0.54l-4.725-7.905
l-0.03,0.03l0.15,7.665h-1.92L146.173,14.951z"></path>
<path fill="#002776" d="M157.067,14.621h1.92L158.897,25h-1.92L157.067,14.621z"></path>
<path fill="#002776" d="M160.291,15.026l1.935-0.615l2.655,8.16h0.03l2.985-8.16l1.86,0.615L165.796,25h-1.8L160.291,15.026z"></path>
<path fill="#002776" d="M176.714,25h-5.655l0.105-10.379h5.55v1.65h-3.63l-0.03,2.67h3.6v1.56h-3.615l-0.015,2.85h3.69V25z"></path>
<path fill="#002776" d="M181.366,20.846h-0.6L180.751,25h-1.965l0.105-10.379h3.285c2.52,0,3.525,1.365,3.525,3
c0,1.32-0.795,2.265-2.01,2.7l2.955,3.87l-1.71,1.02l-2.88-4.005C181.891,20.966,181.651,20.846,181.366,20.846z M181.981,19.286
c0.555,0,1.71-0.24,1.71-1.605c0-1.005-0.78-1.5-1.755-1.5h-1.11l-0.03,3.105H181.981z"></path>
<path fill="#002776" d="M194.74,25h-6.57l-0.6-1.23l4.965-7.5h-4.725v-1.65h6.57l0.6,1.38l-4.875,7.35h4.635V25z"></path>
<path fill="#002776" d="M196.649,14.621h1.92L198.479,25h-1.92L196.649,14.621z"></path>
<path fill="#002776" d="M202.805,16.271h-2.91l0.015-1.65h7.695l-0.015,1.65h-2.865L204.65,25h-1.92L202.805,16.271z"></path>
<path fill="#002776" d="M208.845,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L208.845,25.21z
M211.905,16.631h-0.03l-1.305,4.05h2.535L211.905,16.631z"></path>
</g>
</svg>
</a>
</p>
<nav class="header-min__menu" role="navigation">
<ul class="header-min__menu__list">
<li class="header-min__menu__item hide-xs">
<a href="#" class="header-min__menu__link">
Hyperlink
</a>
</li>
<li class="header-min__menu__item hide-xs">
<a href="#" class="header-min__menu__link">
Hyperlink
</a>
</li>
<li class="header-min__menu__item header-min__menu__item--lang">
<a href="#" class="header-min__menu__link">
English
</a>
</li>
</ul>
</nav>
</div>
</header>
</div>
Tento organismus vychází z defaultního organismu. Navíc je na .header-min přidán modifikátor header-min--inverse, který obarví hlavičku do bílé barvy.
Pro nasimulování byla tato hlavička obalena do molekuly s pozadím.
Tento organismus vychází z defaultního organismu. Navíc je na .header-min přidán modifikátor header-min--dark, který obarví hlavičku do černé barvy.
Pro nasimulování byla tato hlavička obalena do molekuly s pozadím.
<header class="header-min header-min--dark">
<div class="row-main">
<p class="header-min__logo" role="banner">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="225px" height="40px" viewBox="0 0 225 40">
<desc>Masarykova univerzita | Masaryk university</desc>
<path fill="#002776" d="M6.5,28.114V19c0.006,0.037,0.201,1.219,1.733,7.2c0.074,0.284,0.309,0.6,0.772,0.6
c0.479,0,0.688-0.277,0.773-0.6C10.248,24.353,11.5,19,11.5,19v9.114C10.757,28.365,9.859,28.7,9,28.7
C8.143,28.7,7.241,28.365,6.5,28.114z M16.639,9c-0.786,0-1.423,0.637-1.423,1.423v12.879c0,1.168-0.485,2.221-1.215,3.071V10.4
c0-0.688-0.446-1.273-1.129-1.369c-0.677-0.101-1.356,0.301-1.521,0.979c-2.328,9.568-2.349,9.644-2.349,9.644
s-0.016-0.076-2.354-9.645C6.48,9.332,5.808,8.931,5.129,9.031C4.446,9.127,4,9.711,4,10.4v15.973
c-0.732-0.851-1.219-1.903-1.219-3.071V10.423C2.781,9.637,2.146,9,1.361,9C0.575,9,0,9.637,0,10.423v12.879
C0,27.832,3.972,31,9,31s9-3.168,9-7.698V10.423C18,9.637,17.423,9,16.639,9z"></path>
<g class="logo-version logo-version--en">
<path fill="#002776" d="M32.63,14.621h1.965l2.52,8.294h0.03l2.88-8.294h1.965L43.52,25l-1.95,0.21l-0.78-8.189h-0.03L38.12,25
h-1.98l-2.385-7.979h-0.03l-1.08,8.189L30.801,25L32.63,14.621z"></path>
<path fill="#002776" d="M46.453,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L46.453,25.21z
M49.513,16.631h-0.03l-1.305,4.05h2.535L49.513,16.631z"></path>
<path fill="#002776" d="M58.025,25.21c-1.02,0-1.935-0.27-2.82-0.795l0.75-1.47c0.48,0.345,1.245,0.705,1.83,0.705
c1.08,0,1.665-0.66,1.665-1.5c0-2.055-4.26-1.2-4.26-4.725c0-1.695,1.38-3.015,3.465-3.015c1.035,0,2.025,0.345,2.925,0.87
l-0.81,1.38c-0.645-0.345-1.2-0.69-1.965-0.69c-0.885,0-1.695,0.48-1.695,1.395c0,2.025,4.35,1.395,4.35,4.71
C61.46,23.846,60.02,25.21,58.025,25.21z"></path>
<path fill="#002776" d="M64.016,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L64.016,25.21z
M67.076,16.631h-0.03l-1.305,4.05h2.535L67.076,16.631z"></path>
<path fill="#002776" d="M75.632,20.846h-0.6L75.017,25h-1.965l0.105-10.379h3.285c2.52,0,3.525,1.365,3.525,3
c0,1.32-0.795,2.265-2.01,2.7l2.955,3.87l-1.71,1.02l-2.88-4.005C76.157,20.966,75.917,20.846,75.632,20.846z M76.247,19.286
c0.555,0,1.71-0.24,1.71-1.605c0-1.005-0.78-1.5-1.755-1.5h-1.11l-0.03,3.105H76.247z"></path>
<path fill="#002776" d="M84.344,20.696l-3.435-5.295l1.755-0.99l2.715,4.439l2.82-4.439l1.695,0.975l-3.54,5.25L86.293,25h-2.01
L84.344,20.696z"></path>
<path fill="#002776" d="M91.199,14.621h1.92l-0.03,4.845h0.075l4.245-5.055l1.425,1.14l-3.705,4.095l3.66,4.455l-1.56,1.11
l-4.11-5.22h-0.03L93.044,25h-1.92L91.199,14.621z"></path>
<path fill="#002776" d="M108.704,23.561c1.515,0,2.31-0.99,2.325-2.415l0.06-6.524h1.92l-0.06,6.629
c-0.045,2.55-1.8,3.96-4.274,3.96c-2.46,0-4.185-1.365-4.185-4.065c0-2.175,0.045-4.35,0.06-6.524h1.92
c-0.015,2.22-0.06,4.41-0.06,6.629C106.409,22.706,107.429,23.561,108.704,23.561z"></path>
<path fill="#002776" d="M115.413,14.951l1.785-0.54l4.845,7.95h0.03l-0.12-7.74h1.92l-0.09,10.049l-1.935,0.54l-4.725-7.905
l-0.03,0.03l0.15,7.665h-1.92L115.413,14.951z"></path>
<path fill="#002776" d="M126.307,14.621h1.92L128.137,25h-1.92L126.307,14.621z"></path>
<path fill="#002776" d="M129.531,15.026l1.935-0.615l2.655,8.16h0.03l2.985-8.16l1.86,0.615L135.036,25h-1.8L129.531,15.026z"></path>
<path fill="#002776" d="M145.954,25h-5.655l0.105-10.379h5.55v1.65h-3.63l-0.03,2.67h3.6v1.56h-3.615l-0.015,2.85h3.69V25z"></path>
<path fill="#002776" d="M150.605,20.846h-0.6L149.991,25h-1.965l0.105-10.379h3.285c2.52,0,3.525,1.365,3.525,3
c0,1.32-0.795,2.265-2.01,2.7l2.955,3.87l-1.71,1.02l-2.88-4.005C151.13,20.966,150.891,20.846,150.605,20.846z M151.221,19.286
c0.555,0,1.71-0.24,1.71-1.605c0-1.005-0.78-1.5-1.755-1.5h-1.11l-0.03,3.105H151.221z"></path>
<path fill="#002776" d="M159.725,25.21c-1.02,0-1.935-0.27-2.82-0.795l0.75-1.47c0.48,0.345,1.245,0.705,1.83,0.705
c1.08,0,1.665-0.66,1.665-1.5c0-2.055-4.26-1.2-4.26-4.725c0-1.695,1.38-3.015,3.465-3.015c1.035,0,2.025,0.345,2.925,0.87
l-0.81,1.38c-0.645-0.345-1.2-0.69-1.965-0.69c-0.885,0-1.695,0.48-1.695,1.395c0,2.025,4.35,1.395,4.35,4.71
C163.16,23.846,161.72,25.21,159.725,25.21z"></path>
<path fill="#002776" d="M165.099,14.621h1.92L166.929,25h-1.92L165.099,14.621z"></path>
<path fill="#002776" d="M171.254,16.271h-2.91l0.015-1.65h7.695l-0.015,1.65h-2.865L173.099,25h-1.92L171.254,16.271z"></path>
<path fill="#002776" d="M180.338,20.696l-3.435-5.295l1.755-0.99l2.715,4.439l2.82-4.439l1.695,0.975l-3.54,5.25L182.288,25
h-2.01L180.338,20.696z"></path>
</g>
<g class="logo-version logo-version--cz">
<path fill="#002776" d="M32.63,14.621h1.965l2.52,8.294h0.03l2.88-8.294h1.965L43.52,25l-1.95,0.21l-0.78-8.189h-0.03L38.12,25
h-1.98l-2.385-7.979h-0.03l-1.08,8.189L30.801,25L32.63,14.621z"></path>
<path fill="#002776" d="M46.453,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L46.453,25.21z
M49.513,16.631h-0.03l-1.305,4.05h2.535L49.513,16.631z"></path>
<path fill="#002776" d="M58.025,25.21c-1.02,0-1.935-0.27-2.82-0.795l0.75-1.47c0.48,0.345,1.245,0.705,1.83,0.705
c1.08,0,1.665-0.66,1.665-1.5c0-2.055-4.26-1.2-4.26-4.725c0-1.695,1.38-3.015,3.465-3.015c1.035,0,2.025,0.345,2.925,0.87
l-0.81,1.38c-0.645-0.345-1.2-0.69-1.965-0.69c-0.885,0-1.695,0.48-1.695,1.395c0,2.025,4.35,1.395,4.35,4.71
C61.46,23.846,60.02,25.21,58.025,25.21z"></path>
<path fill="#002776" d="M64.016,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L64.016,25.21z
M67.076,16.631h-0.03l-1.305,4.05h2.535L67.076,16.631z"></path>
<path fill="#002776" d="M75.632,20.846h-0.6L75.017,25h-1.965l0.105-10.379h3.285c2.52,0,3.525,1.365,3.525,3
c0,1.32-0.795,2.265-2.01,2.7l2.955,3.87l-1.71,1.02l-2.88-4.005C76.157,20.966,75.917,20.846,75.632,20.846z M76.247,19.286
c0.555,0,1.71-0.24,1.71-1.605c0-1.005-0.78-1.5-1.755-1.5h-1.11l-0.03,3.105H76.247z"></path>
<path fill="#002776" d="M84.344,20.696l-3.435-5.295l1.755-0.99l2.715,4.439l2.82-4.439l1.695,0.975l-3.54,5.25L86.293,25h-2.01
L84.344,20.696z"></path>
<path fill="#002776" d="M91.199,14.621h1.92l-0.03,4.845h0.075l4.245-5.055l1.425,1.14l-3.705,4.095l3.66,4.455l-1.56,1.11
l-4.11-5.22h-0.03L93.044,25h-1.92L91.199,14.621z"></path>
<path fill="#002776" d="M99.408,19.811c0-3.03,2.475-5.399,5.565-5.399c3.36,0,5.565,2.37,5.565,5.399s-2.415,5.4-5.565,5.4
S99.408,22.976,99.408,19.811z M101.418,19.811c0,2.265,1.41,3.84,3.555,3.84s3.555-1.785,3.555-3.84
c0-2.205-1.41-3.84-3.555-3.84C103.233,15.971,101.418,17.411,101.418,19.811z"></path>
<path fill="#002776" d="M111.037,15.026l1.935-0.615l2.655,8.16h0.03l2.985-8.16l1.86,0.615L116.542,25h-1.8L111.037,15.026z"></path>
<path fill="#002776" d="M121.959,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L121.959,25.21z
M125.019,16.631h-0.03l-1.305,4.05h2.535L125.019,16.631z"></path>
<path fill="#002776" d="M139.464,23.561c1.515,0,2.31-0.99,2.325-2.415l0.06-6.524h1.92l-0.06,6.629
c-0.045,2.55-1.8,3.96-4.274,3.96c-2.46,0-4.185-1.365-4.185-4.065c0-2.175,0.045-4.35,0.06-6.524h1.92
c-0.015,2.22-0.06,4.41-0.06,6.629C137.169,22.706,138.189,23.561,139.464,23.561z"></path>
<path fill="#002776" d="M146.173,14.951l1.785-0.54l4.845,7.95h0.03l-0.12-7.74h1.92l-0.09,10.049l-1.935,0.54l-4.725-7.905
l-0.03,0.03l0.15,7.665h-1.92L146.173,14.951z"></path>
<path fill="#002776" d="M157.067,14.621h1.92L158.897,25h-1.92L157.067,14.621z"></path>
<path fill="#002776" d="M160.291,15.026l1.935-0.615l2.655,8.16h0.03l2.985-8.16l1.86,0.615L165.796,25h-1.8L160.291,15.026z"></path>
<path fill="#002776" d="M176.714,25h-5.655l0.105-10.379h5.55v1.65h-3.63l-0.03,2.67h3.6v1.56h-3.615l-0.015,2.85h3.69V25z"></path>
<path fill="#002776" d="M181.366,20.846h-0.6L180.751,25h-1.965l0.105-10.379h3.285c2.52,0,3.525,1.365,3.525,3
c0,1.32-0.795,2.265-2.01,2.7l2.955,3.87l-1.71,1.02l-2.88-4.005C181.891,20.966,181.651,20.846,181.366,20.846z M181.981,19.286
c0.555,0,1.71-0.24,1.71-1.605c0-1.005-0.78-1.5-1.755-1.5h-1.11l-0.03,3.105H181.981z"></path>
<path fill="#002776" d="M194.74,25h-6.57l-0.6-1.23l4.965-7.5h-4.725v-1.65h6.57l0.6,1.38l-4.875,7.35h4.635V25z"></path>
<path fill="#002776" d="M196.649,14.621h1.92L198.479,25h-1.92L196.649,14.621z"></path>
<path fill="#002776" d="M202.805,16.271h-2.91l0.015-1.65h7.695l-0.015,1.65h-2.865L204.65,25h-1.92L202.805,16.271z"></path>
<path fill="#002776" d="M208.845,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L208.845,25.21z
M211.905,16.631h-0.03l-1.305,4.05h2.535L211.905,16.631z"></path>
</g>
</svg>
</a>
</p>
<nav class="header-min__menu" role="navigation">
<ul class="header-min__menu__list">
<li class="header-min__menu__item hide-xs">
<a href="#" class="header-min__menu__link">
Hyperlink
</a>
</li>
<li class="header-min__menu__item hide-xs">
<a href="#" class="header-min__menu__link">
Hyperlink
</a>
</li>
<li class="header-min__menu__item header-min__menu__item--lang">
<a href="#" class="header-min__menu__link">
English
</a>
</li>
</ul>
</nav>
</div>
</header>
<br>
<header class="header-min header-min--dark">
<div class="row-main row-main--full">
<p class="header-min__logo" role="banner">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="225px" height="40px" viewBox="0 0 225 40">
<desc>Masarykova univerzita | Masaryk university</desc>
<path fill="#002776" d="M6.5,28.114V19c0.006,0.037,0.201,1.219,1.733,7.2c0.074,0.284,0.309,0.6,0.772,0.6
c0.479,0,0.688-0.277,0.773-0.6C10.248,24.353,11.5,19,11.5,19v9.114C10.757,28.365,9.859,28.7,9,28.7
C8.143,28.7,7.241,28.365,6.5,28.114z M16.639,9c-0.786,0-1.423,0.637-1.423,1.423v12.879c0,1.168-0.485,2.221-1.215,3.071V10.4
c0-0.688-0.446-1.273-1.129-1.369c-0.677-0.101-1.356,0.301-1.521,0.979c-2.328,9.568-2.349,9.644-2.349,9.644
s-0.016-0.076-2.354-9.645C6.48,9.332,5.808,8.931,5.129,9.031C4.446,9.127,4,9.711,4,10.4v15.973
c-0.732-0.851-1.219-1.903-1.219-3.071V10.423C2.781,9.637,2.146,9,1.361,9C0.575,9,0,9.637,0,10.423v12.879
C0,27.832,3.972,31,9,31s9-3.168,9-7.698V10.423C18,9.637,17.423,9,16.639,9z"></path>
<g class="logo-version logo-version--en">
<path fill="#002776" d="M32.63,14.621h1.965l2.52,8.294h0.03l2.88-8.294h1.965L43.52,25l-1.95,0.21l-0.78-8.189h-0.03L38.12,25
h-1.98l-2.385-7.979h-0.03l-1.08,8.189L30.801,25L32.63,14.621z"></path>
<path fill="#002776" d="M46.453,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L46.453,25.21z
M49.513,16.631h-0.03l-1.305,4.05h2.535L49.513,16.631z"></path>
<path fill="#002776" d="M58.025,25.21c-1.02,0-1.935-0.27-2.82-0.795l0.75-1.47c0.48,0.345,1.245,0.705,1.83,0.705
c1.08,0,1.665-0.66,1.665-1.5c0-2.055-4.26-1.2-4.26-4.725c0-1.695,1.38-3.015,3.465-3.015c1.035,0,2.025,0.345,2.925,0.87
l-0.81,1.38c-0.645-0.345-1.2-0.69-1.965-0.69c-0.885,0-1.695,0.48-1.695,1.395c0,2.025,4.35,1.395,4.35,4.71
C61.46,23.846,60.02,25.21,58.025,25.21z"></path>
<path fill="#002776" d="M64.016,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L64.016,25.21z
M67.076,16.631h-0.03l-1.305,4.05h2.535L67.076,16.631z"></path>
<path fill="#002776" d="M75.632,20.846h-0.6L75.017,25h-1.965l0.105-10.379h3.285c2.52,0,3.525,1.365,3.525,3
c0,1.32-0.795,2.265-2.01,2.7l2.955,3.87l-1.71,1.02l-2.88-4.005C76.157,20.966,75.917,20.846,75.632,20.846z M76.247,19.286
c0.555,0,1.71-0.24,1.71-1.605c0-1.005-0.78-1.5-1.755-1.5h-1.11l-0.03,3.105H76.247z"></path>
<path fill="#002776" d="M84.344,20.696l-3.435-5.295l1.755-0.99l2.715,4.439l2.82-4.439l1.695,0.975l-3.54,5.25L86.293,25h-2.01
L84.344,20.696z"></path>
<path fill="#002776" d="M91.199,14.621h1.92l-0.03,4.845h0.075l4.245-5.055l1.425,1.14l-3.705,4.095l3.66,4.455l-1.56,1.11
l-4.11-5.22h-0.03L93.044,25h-1.92L91.199,14.621z"></path>
<path fill="#002776" d="M108.704,23.561c1.515,0,2.31-0.99,2.325-2.415l0.06-6.524h1.92l-0.06,6.629
c-0.045,2.55-1.8,3.96-4.274,3.96c-2.46,0-4.185-1.365-4.185-4.065c0-2.175,0.045-4.35,0.06-6.524h1.92
c-0.015,2.22-0.06,4.41-0.06,6.629C106.409,22.706,107.429,23.561,108.704,23.561z"></path>
<path fill="#002776" d="M115.413,14.951l1.785-0.54l4.845,7.95h0.03l-0.12-7.74h1.92l-0.09,10.049l-1.935,0.54l-4.725-7.905
l-0.03,0.03l0.15,7.665h-1.92L115.413,14.951z"></path>
<path fill="#002776" d="M126.307,14.621h1.92L128.137,25h-1.92L126.307,14.621z"></path>
<path fill="#002776" d="M129.531,15.026l1.935-0.615l2.655,8.16h0.03l2.985-8.16l1.86,0.615L135.036,25h-1.8L129.531,15.026z"></path>
<path fill="#002776" d="M145.954,25h-5.655l0.105-10.379h5.55v1.65h-3.63l-0.03,2.67h3.6v1.56h-3.615l-0.015,2.85h3.69V25z"></path>
<path fill="#002776" d="M150.605,20.846h-0.6L149.991,25h-1.965l0.105-10.379h3.285c2.52,0,3.525,1.365,3.525,3
c0,1.32-0.795,2.265-2.01,2.7l2.955,3.87l-1.71,1.02l-2.88-4.005C151.13,20.966,150.891,20.846,150.605,20.846z M151.221,19.286
c0.555,0,1.71-0.24,1.71-1.605c0-1.005-0.78-1.5-1.755-1.5h-1.11l-0.03,3.105H151.221z"></path>
<path fill="#002776" d="M159.725,25.21c-1.02,0-1.935-0.27-2.82-0.795l0.75-1.47c0.48,0.345,1.245,0.705,1.83,0.705
c1.08,0,1.665-0.66,1.665-1.5c0-2.055-4.26-1.2-4.26-4.725c0-1.695,1.38-3.015,3.465-3.015c1.035,0,2.025,0.345,2.925,0.87
l-0.81,1.38c-0.645-0.345-1.2-0.69-1.965-0.69c-0.885,0-1.695,0.48-1.695,1.395c0,2.025,4.35,1.395,4.35,4.71
C163.16,23.846,161.72,25.21,159.725,25.21z"></path>
<path fill="#002776" d="M165.099,14.621h1.92L166.929,25h-1.92L165.099,14.621z"></path>
<path fill="#002776" d="M171.254,16.271h-2.91l0.015-1.65h7.695l-0.015,1.65h-2.865L173.099,25h-1.92L171.254,16.271z"></path>
<path fill="#002776" d="M180.338,20.696l-3.435-5.295l1.755-0.99l2.715,4.439l2.82-4.439l1.695,0.975l-3.54,5.25L182.288,25
h-2.01L180.338,20.696z"></path>
</g>
<g class="logo-version logo-version--cz">
<path fill="#002776" d="M32.63,14.621h1.965l2.52,8.294h0.03l2.88-8.294h1.965L43.52,25l-1.95,0.21l-0.78-8.189h-0.03L38.12,25
h-1.98l-2.385-7.979h-0.03l-1.08,8.189L30.801,25L32.63,14.621z"></path>
<path fill="#002776" d="M46.453,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L46.453,25.21z
M49.513,16.631h-0.03l-1.305,4.05h2.535L49.513,16.631z"></path>
<path fill="#002776" d="M58.025,25.21c-1.02,0-1.935-0.27-2.82-0.795l0.75-1.47c0.48,0.345,1.245,0.705,1.83,0.705
c1.08,0,1.665-0.66,1.665-1.5c0-2.055-4.26-1.2-4.26-4.725c0-1.695,1.38-3.015,3.465-3.015c1.035,0,2.025,0.345,2.925,0.87
l-0.81,1.38c-0.645-0.345-1.2-0.69-1.965-0.69c-0.885,0-1.695,0.48-1.695,1.395c0,2.025,4.35,1.395,4.35,4.71
C61.46,23.846,60.02,25.21,58.025,25.21z"></path>
<path fill="#002776" d="M64.016,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L64.016,25.21z
M67.076,16.631h-0.03l-1.305,4.05h2.535L67.076,16.631z"></path>
<path fill="#002776" d="M75.632,20.846h-0.6L75.017,25h-1.965l0.105-10.379h3.285c2.52,0,3.525,1.365,3.525,3
c0,1.32-0.795,2.265-2.01,2.7l2.955,3.87l-1.71,1.02l-2.88-4.005C76.157,20.966,75.917,20.846,75.632,20.846z M76.247,19.286
c0.555,0,1.71-0.24,1.71-1.605c0-1.005-0.78-1.5-1.755-1.5h-1.11l-0.03,3.105H76.247z"></path>
<path fill="#002776" d="M84.344,20.696l-3.435-5.295l1.755-0.99l2.715,4.439l2.82-4.439l1.695,0.975l-3.54,5.25L86.293,25h-2.01
L84.344,20.696z"></path>
<path fill="#002776" d="M91.199,14.621h1.92l-0.03,4.845h0.075l4.245-5.055l1.425,1.14l-3.705,4.095l3.66,4.455l-1.56,1.11
l-4.11-5.22h-0.03L93.044,25h-1.92L91.199,14.621z"></path>
<path fill="#002776" d="M99.408,19.811c0-3.03,2.475-5.399,5.565-5.399c3.36,0,5.565,2.37,5.565,5.399s-2.415,5.4-5.565,5.4
S99.408,22.976,99.408,19.811z M101.418,19.811c0,2.265,1.41,3.84,3.555,3.84s3.555-1.785,3.555-3.84
c0-2.205-1.41-3.84-3.555-3.84C103.233,15.971,101.418,17.411,101.418,19.811z"></path>
<path fill="#002776" d="M111.037,15.026l1.935-0.615l2.655,8.16h0.03l2.985-8.16l1.86,0.615L116.542,25h-1.8L111.037,15.026z"></path>
<path fill="#002776" d="M121.959,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L121.959,25.21z
M125.019,16.631h-0.03l-1.305,4.05h2.535L125.019,16.631z"></path>
<path fill="#002776" d="M139.464,23.561c1.515,0,2.31-0.99,2.325-2.415l0.06-6.524h1.92l-0.06,6.629
c-0.045,2.55-1.8,3.96-4.274,3.96c-2.46,0-4.185-1.365-4.185-4.065c0-2.175,0.045-4.35,0.06-6.524h1.92
c-0.015,2.22-0.06,4.41-0.06,6.629C137.169,22.706,138.189,23.561,139.464,23.561z"></path>
<path fill="#002776" d="M146.173,14.951l1.785-0.54l4.845,7.95h0.03l-0.12-7.74h1.92l-0.09,10.049l-1.935,0.54l-4.725-7.905
l-0.03,0.03l0.15,7.665h-1.92L146.173,14.951z"></path>
<path fill="#002776" d="M157.067,14.621h1.92L158.897,25h-1.92L157.067,14.621z"></path>
<path fill="#002776" d="M160.291,15.026l1.935-0.615l2.655,8.16h0.03l2.985-8.16l1.86,0.615L165.796,25h-1.8L160.291,15.026z"></path>
<path fill="#002776" d="M176.714,25h-5.655l0.105-10.379h5.55v1.65h-3.63l-0.03,2.67h3.6v1.56h-3.615l-0.015,2.85h3.69V25z"></path>
<path fill="#002776" d="M181.366,20.846h-0.6L180.751,25h-1.965l0.105-10.379h3.285c2.52,0,3.525,1.365,3.525,3
c0,1.32-0.795,2.265-2.01,2.7l2.955,3.87l-1.71,1.02l-2.88-4.005C181.891,20.966,181.651,20.846,181.366,20.846z M181.981,19.286
c0.555,0,1.71-0.24,1.71-1.605c0-1.005-0.78-1.5-1.755-1.5h-1.11l-0.03,3.105H181.981z"></path>
<path fill="#002776" d="M194.74,25h-6.57l-0.6-1.23l4.965-7.5h-4.725v-1.65h6.57l0.6,1.38l-4.875,7.35h4.635V25z"></path>
<path fill="#002776" d="M196.649,14.621h1.92L198.479,25h-1.92L196.649,14.621z"></path>
<path fill="#002776" d="M202.805,16.271h-2.91l0.015-1.65h7.695l-0.015,1.65h-2.865L204.65,25h-1.92L202.805,16.271z"></path>
<path fill="#002776" d="M208.845,25.21l-1.785-0.54l3.99-10.049h1.77l3.705,10.049l-1.875,0.54l-1.02-2.97h-3.615L208.845,25.21z
M211.905,16.631h-0.03l-1.305,4.05h2.535L211.905,16.631z"></path>
</g>
</svg>
</a>
</p>
<nav class="header-min__menu" role="navigation">
<ul class="header-min__menu__list">
<li class="header-min__menu__item hide-xs">
<a href="#" class="header-min__menu__link">
Hyperlink
</a>
</li>
<li class="header-min__menu__item hide-xs">
<a href="#" class="header-min__menu__link">
Hyperlink
</a>
</li>
<li class="header-min__menu__item header-min__menu__item--lang">
<a href="#" class="header-min__menu__link">
English
</a>
</li>
</ul>
</nav>
</div>
</header>
Tento organismus vychází z defaultního organismu. Navíc je na .header-min přidán modifikátor header-min--dark, který obarví hlavičku do černé barvy.
Pro nasimulování byla tato hlavička obalena do molekuly s pozadím.
Výchozí organismus s minimalizovanou hlavičkou. Slouží pro něj div.header-min a je určen pro spřízněné weby nad hlavičku.
Každá barevná varianta je připravena ve dvou provedení. Jednou se zarovnáním obsahu na střed containeru a jedna od kraje ke kraji. Pro naši ukázku byl mezi tyto ukázky umístěn element br pro odsazení.
Pro ušetření requestů je logo řešeno pomocí inline svg.