Browse Source

funkcni navbar

master
vit.tlusty 3 years ago
parent
commit
86f0c85e72
  1. 4
      css/style.css
  2. 21
      home.html
  3. 23
      img/Logo_menu.svg
  4. 39
      kontaktni.html
  5. 39
      o-spolecnosti.html
  6. 28
      sratnato.html
  7. 57
      typy-ochranych-prvku.html

4
css/style.css

@ -112,4 +112,8 @@ body{
}
#offcanvasNavbar a{
color: white;
}
.offcanvas-header{
color:#2B91FF;
}

21
home.html

@ -21,22 +21,35 @@
</button>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasNavbarLabel">Offcanvas</h5>
<img src="img/Logo_menu.svg" alt="">
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<div class="container">
<div class="row justify-content-center">
<div class="col-6">
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="home.html">Domů</a>
<a class="nav-link active" aria-current="page" href="typy-ochranych-prvku.html">Typy Ochranných prvků</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Naše produkty</a>
</li>
<li class="nav-item">
<a class="nav-link" href="o-spolecnosti.html">O společnosti</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
<a class="nav-link" href="#">Certifikáty</a>
</li>
<li class="nav-item">
<a class="nav-link" href="kontaktni.html">Kontakty</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>
<main>

23
img/Logo_menu.svg

@ -0,0 +1,23 @@
<svg id="Logo" xmlns="http://www.w3.org/2000/svg" width="110" height="47.04" viewBox="0 0 110 47.04">
<path id="Path_1" data-name="Path 1" d="M22.734,14.384a10.121,10.121,0,0,0,6.954-2.678c2.685-2.351,3.612-6.06,2.652-8.614C31.906,1.939,30.521-.124,26.906.006c-7.417.266-11.332,6.962-8.453,12a4.148,4.148,0,0,1-2.586-1.715c-1.375-1.471-2.92.589-1.426,1.929a12.912,12.912,0,0,0,4.6,1.842,30.407,30.407,0,0,0,2.447,2.52c2.608,2.724,5.394,5.977,5.57,10.678a8.048,8.048,0,0,1-1.957,6.22,14.348,14.348,0,0,1-5.427,3.111,14.364,14.364,0,0,0,2.615-7.785,13.393,13.393,0,0,0-1.614-6.755,8.676,8.676,0,0,0-7.71-4.392,9,9,0,0,0-6.784,2.522,10.362,10.362,0,0,0-2.593,7.2c.182,3.644,3.77,10.916,12.979,10.915h.063c.167,0,.332,0,.495-.009-6.068,7.078-13.412,7-14.564,6.916A1.333,1.333,0,1,0,1.333,47.04c9.791-.2,15.923-7.132,17.313-8.876a12.339,12.339,0,0,0,7.547-3.637c1.984-2.068,3.593-4.8,3.495-7.42-.2-5.275-3.288-8.794-5.944-11.568C23.26,15.034,22.236,14.432,22.734,14.384Zm-6.106,22.4h-.056A10.311,10.311,0,0,1,5.8,27.069c-.085-1.7-.054-4.126,1.593-5.842a7.242,7.242,0,0,1,5.461-2.058h.1a7.145,7.145,0,0,1,6.428,3.659,12.3,12.3,0,0,1,1.632,5.977c0,5.012-2.356,7.456-2.823,7.892A15.209,15.209,0,0,1,16.628,36.782ZM21.6,12.839a6.715,6.715,0,0,1-.46-8.5,7.462,7.462,0,0,1,5.765-2.826c2.035,0,3.379.731,3.9,2.107A7.021,7.021,0,0,1,28.5,10.882C27.215,11.861,24.588,13.457,21.6,12.839Z" transform="translate(0 0)" fill="#fff"/>
<path id="Path_2" data-name="Path 2" d="M686.73,62.592l1.464.018,2.142,22.709a1.084,1.084,0,0,0,.973.982l2.506.143.039,1-8.885.039v-1l.759-.071a.93.93,0,0,0,.811-1.1c-.314-3.527-1.223-14.916-1.223-15.092L676.933,87.4l-1.236.015L667.121,70.49l-1.169,14.381a1.346,1.346,0,0,0,1.151,1.445l1.022.246.039.85-7.572.116.039-.966,2.148-.409a1.271,1.271,0,0,0,1.1-1.156l1.963-22.269,1.236.039,9.967,19.742Z" transform="translate(-583.854 -55.321)" fill="#fff"/>
<path id="Path_3" data-name="Path 3" d="M530.674,63.525q-2.1-1.979-6.286-1.979l-8.694-.078.028,1.346,1.215.172a1.443,1.443,0,0,1,1.241,1.429V84.089a1.272,1.272,0,0,1-1.123,1.263l-1.361.133.038,1.009h8.384l-.039-1.087-1.328-.1a1.135,1.135,0,0,1-1.04-1.131V62.9h1.359a6.92,6.92,0,0,1,2.716.466,4.555,4.555,0,0,1,1.746,1.261,4.7,4.7,0,0,1,.931,1.843,8.969,8.969,0,0,1,.272,2.25c0,1.915-.492,3.5-1.474,4.306a6.47,6.47,0,0,1-4.19,1.2h-.123v1.591h1.442a9.087,9.087,0,0,0,3.55-.66,8.479,8.479,0,0,0,2.639-1.688,7.232,7.232,0,0,0,1.629-2.309,6.239,6.239,0,0,0,.563-2.522A6.727,6.727,0,0,0,530.674,63.525Z" transform="translate(-455.788 -54.327)" fill="#fff"/>
<path id="Path_4" data-name="Path 4" d="M376.715,63.742s-.154-3.786,4.211-3.786,4.211,3.709,4.211,3.709h1.12V59.57a13.614,13.614,0,0,0-5.292-.811c-7.765,0-7.185,6.451-7.185,6.451s-.154,4.172,5.215,7.572,4.674,6.451,4.674,6.451-.116,4.4-4.6,4.4-4.442-4.983-4.442-4.983h-1l-.348,4.829s1.391,1.236,5.756,1.236c7.726,0,7.649-7.378,7.649-7.378s.155-4.906-5.524-8.035C376.29,66.562,376.715,63.742,376.715,63.742Z" transform="translate(-329.915 -51.933)" fill="#fff"/>
<path id="Path_5" data-name="Path 5" d="M518,318.213l1.245,2.034c-.137,0-.262-.007-.386,0a.181.181,0,0,1-.191-.106c-.36-.6-.726-1.188-1.087-1.783a.115.115,0,0,0-.119-.061c-.337,0-.674,0-1.011,0-.067,0-.067,0-.067.063v1.881a.353.353,0,0,1-.039,0c-.117,0-.234,0-.351,0-.032,0-.047-.01-.043-.043,0-.012,0-.023,0-.035v-4.624c0-.012,0-.023,0-.035,0-.034.01-.047.045-.047.107,0,.213-.01.32-.011.352,0,.7-.011,1.056,0a2.373,2.373,0,0,1,.86.164,1.1,1.1,0,0,1,.705.887,2.13,2.13,0,0,1-.026.839,1.092,1.092,0,0,1-.674.782c-.064.027-.131.048-.2.072Zm-1.617-1.332c0,.327,0,.653,0,.98,0,.044.01.061.058.061.245,0,.491.005.736,0a2.524,2.524,0,0,0,.707-.09.8.8,0,0,0,.59-.551,1.612,1.612,0,0,0,.027-.743.724.724,0,0,0-.512-.592,2.365,2.365,0,0,0-.428-.094,6.716,6.716,0,0,0-1.11-.011c-.067,0-.067,0-.067.073Z" transform="translate(-456.013 -278.802)" fill="#fff"/>
<path id="Path_6" data-name="Path 6" d="M414.2,315.6v.385h-2.254c-.074,0-.074,0-.074.077v1.629h.071q1.021,0,2.042,0c.05,0,.067.011.064.063,0,.09,0,.18,0,.27,0,.049-.015.061-.062.061q-1.006,0-2.012,0c-.117,0-.1-.016-.1.1q0,.872,0,1.745c0,.068,0,.069.069.069h2.192c.071,0,.071,0,.071.069v.307h-2.761c0-.018,0-.036,0-.053q0-2.332,0-4.664c0-.047.01-.063.06-.063q1.324,0,2.648,0Z" transform="translate(-363.639 -278.931)" fill="#fff"/>
<path id="Path_7" data-name="Path 7" d="M476.148,317.18c0,.395,0,.79,0,1.185a3.619,3.619,0,0,0,.095.877,1.055,1.055,0,0,0,.381.622.987.987,0,0,0,.417.171,1.92,1.92,0,0,0,.78-.012.941.941,0,0,0,.7-.64,2.278,2.278,0,0,0,.124-.645c.013-.2.017-.41.018-.614q0-1.23,0-2.459c0-.07,0-.07.071-.07.1,0,.2,0,.3,0,.044,0,.057.012.057.056,0,.343,0,.687,0,1.03,0,.582,0,1.163,0,1.745a3.138,3.138,0,0,1-.163,1.037,1.428,1.428,0,0,1-.521.727,1.446,1.446,0,0,1-.61.236,2.317,2.317,0,0,1-.963-.039,1.31,1.31,0,0,1-.909-.81,2.744,2.744,0,0,1-.2-.909c-.011-.193-.013-.386-.013-.58q0-1.212,0-2.425c0-.067,0-.067.068-.067h.3c.068,0,.069,0,.069.066v1.52Z" transform="translate(-420.453 -278.932)" fill="#fff"/>
<path id="Path_8" data-name="Path 8" d="M378.879,315.429c-.112-.01-.213-.023-.314-.029-.321-.019-.642-.041-.964-.049a1.834,1.834,0,0,0-.68.092.6.6,0,0,0-.428.578.8.8,0,0,0,.391.754,4.452,4.452,0,0,0,.627.319,8.066,8.066,0,0,1,.879.431,1.341,1.341,0,0,1,.525.529,1.376,1.376,0,0,1,.118.76,1.079,1.079,0,0,1-.85,1.012,2.992,2.992,0,0,1-1.033.073c-.3-.021-.594-.057-.891-.088-.031,0-.062-.011-.095-.018v-.34l.3.031a8.751,8.751,0,0,0,1.174.047,1.457,1.457,0,0,0,.456-.082.712.712,0,0,0,.5-.655,1.632,1.632,0,0,0-.02-.4.721.721,0,0,0-.315-.452,3.55,3.55,0,0,0-.616-.339c-.281-.133-.563-.266-.842-.406a1.647,1.647,0,0,1-.4-.289,1.107,1.107,0,0,1-.34-.856,1.084,1.084,0,0,1,.151-.577.986.986,0,0,1,.548-.4,2.49,2.49,0,0,1,.8-.114,7.329,7.329,0,0,1,1.24.1c.076.013.076.013.076.089Z" transform="translate(-332.373 -278.382)" fill="#fff"/>
<path id="Path_9" data-name="Path 9" d="M444.811,319.443v.225c0,.129,0,.131-.125.15a5.849,5.849,0,0,1-1.157.075,2.1,2.1,0,0,1-.8-.176,1.381,1.381,0,0,1-.675-.689,2.64,2.64,0,0,1-.234-1.071q-.015-.534,0-1.069a2.613,2.613,0,0,1,.231-1.056,1.4,1.4,0,0,1,.993-.8,3.185,3.185,0,0,1,.985-.061c.246.018.49.056.735.083.04,0,.048.023.047.059,0,.1,0,.2,0,.3l-.229-.023a7.011,7.011,0,0,0-1.054-.037,1.435,1.435,0,0,0-.657.17,1.111,1.111,0,0,0-.5.647,2.758,2.758,0,0,0-.127.861c0,.3,0,.593,0,.89a2.372,2.372,0,0,0,.179.906,1.07,1.07,0,0,0,.805.644,3.1,3.1,0,0,0,.788.038c.251-.012.5-.04.753-.061Z" transform="translate(-390.488 -278.368)" fill="#fff"/>
<path id="Path_10" data-name="Path 10" d="M598.956,320.37V320.3q0-.9,0-1.8a.194.194,0,0,0-.022-.089q-.743-1.37-1.488-2.739l-.039-.075h.1c.11,0,.22,0,.33,0a.062.062,0,0,1,.064.036q.574,1.07,1.148,2.139c.041.076.071.158.108.236.005.012.019.02.029.029a.175.175,0,0,0,.025-.029c.21-.4.418-.8.63-1.2s.416-.771.622-1.158a.091.091,0,0,1,.1-.057c.123,0,.246,0,.379,0-.011.023-.018.039-.026.054q-.748,1.376-1.495,2.753a.217.217,0,0,0-.025.1q0,.9,0,1.8v.068Z" transform="translate(-528.007 -278.93)" fill="#fff"/>
<path id="Path_11" data-name="Path 11" d="M562.824,315.6h3.469c.065,0,.065,0,.065.065,0,.1,0,.209,0,.322h-.068c-.475,0-.951,0-1.426,0-.052,0-.063.015-.063.065q0,2.127,0,4.253v.078c-.139,0-.271,0-.4,0-.01,0-.025-.017-.028-.029a.2.2,0,0,1,0-.055v-4.213c0-.1,0-.1-.1-.1h-1.447Z" transform="translate(-497.442 -278.939)" fill="#fff"/>
<path id="Path_12" data-name="Path 12" d="M553.09,320.381h-.428V315.67c0-.068,0-.068.068-.068h.359Z" transform="translate(-488.461 -278.939)" fill="#fff"/>
<path id="Path_13" data-name="Path 13" d="M786.512,318.149l1.247,2.042h-.1c-.12,0-.24,0-.36,0a.072.072,0,0,1-.072-.039q-.484-.8-.971-1.591c-.059-.1-.119-.193-.177-.29a.067.067,0,0,0-.069-.035q-.52,0-1.041,0c-.07,0-.07,0-.07.065q0,.907,0,1.815v.074h-.291c-.045,0-.108.013-.129-.01s-.013-.088-.013-.134q0-2.287,0-4.574c0-.077,0-.077.079-.079.374-.007.747-.02,1.121-.02a3.173,3.173,0,0,1,.93.118,1.137,1.137,0,0,1,.808.737,1.95,1.95,0,0,1,.068.771,1.362,1.362,0,0,1-.162.582,1.167,1.167,0,0,1-.665.522Zm-1.615-1.331c0,.328,0,.656,0,.985,0,.04.009.056.052.056.272,0,.544,0,.816,0a2.13,2.13,0,0,0,.713-.115.77.77,0,0,0,.512-.533,1.63,1.63,0,0,0,.02-.757.733.733,0,0,0-.469-.561,1.71,1.71,0,0,0-.62-.12c-.317-.007-.634,0-.95,0-.072,0-.072,0-.072.073Q784.9,316.333,784.9,316.818Z" transform="translate(-693.333 -278.738)" fill="#fff"/>
<path id="Path_14" data-name="Path 14" d="M680.8,320.35c-.15,0-.291,0-.433,0-.013,0-.033-.024-.039-.041-.072-.213-.142-.426-.212-.64q-.161-.488-.322-.977a.048.048,0,0,0-.054-.038q-.869,0-1.737,0c-.037,0-.047.018-.057.047q-.269.8-.539,1.6c-.011.034-.026.048-.063.047-.127,0-.253,0-.388,0,.008-.027.013-.049.02-.07l1.424-4.193c.055-.161.109-.321.162-.483a.06.06,0,0,1,.067-.05q.253,0,.506,0a.057.057,0,0,1,.063.048q.671,1.989,1.344,3.978l.242.719C680.793,320.313,680.8,320.328,680.8,320.35Zm-1.159-2.094c-.006-.024-.009-.04-.015-.056-.1-.292-.2-.583-.3-.875s-.206-.608-.3-.914c-.048-.151-.08-.306-.121-.458,0-.015-.019-.026-.029-.039-.012.013-.025.025-.036.038s0,.013,0,.019c-.068.238-.126.48-.2.715-.168.507-.347,1.01-.521,1.516-.006.016-.009.033-.015.054Z" transform="translate(-598.32 -278.898)" fill="#fff"/>
<path id="Path_15" data-name="Path 15" d="M754.472,317.653c0,.127,0,.246,0,.365,0,.009-.016.023-.027.026a.177.177,0,0,1-.05,0h-2.027c-.07,0-.07,0-.07.068V319.9c0,.066,0,.066.067.066h2.2c.068,0,.068,0,.068.068,0,.1,0,.2,0,.31l-.057,0q-1.324,0-2.648,0c-.05,0-.061-.016-.06-.062q0-2.334,0-4.669c0-.049.011-.066.063-.066q1.322,0,2.643,0c.045,0,.061.01.06.057,0,.108,0,.216,0,.331h-2.265c-.067,0-.067,0-.067.069v1.574c0,.067,0,.067.069.067h2.106Z" transform="translate(-664.522 -278.897)" fill="#fff"/>
<path id="Path_16" data-name="Path 16" d="M717.95,317.808v-2.329c0-.07,0-.071.071-.072.415-.005.831-.016,1.246-.014a2.867,2.867,0,0,1,.839.115,1.1,1.1,0,0,1,.829.938,2.118,2.118,0,0,1-.036.907,1.1,1.1,0,0,1-.724.756,2.219,2.219,0,0,1-.7.136c-.341.012-.683.007-1.025.008-.062,0-.063,0-.063.063q0,.912,0,1.824c0,.068,0,.068-.067.068-.1,0-.2,0-.305,0-.049,0-.061-.014-.061-.062q0-.86,0-1.719Zm.432-.976q0,.495,0,.99c0,.036.007.054.049.053.322,0,.644,0,.966-.006a1.785,1.785,0,0,0,.588-.107.758.758,0,0,0,.507-.559,1.708,1.708,0,0,0,0-.777.71.71,0,0,0-.434-.514,1.594,1.594,0,0,0-.6-.121c-.335-.007-.67,0-1.005,0-.049,0-.065.015-.065.066C718.383,316.182,718.382,316.507,718.382,316.832Z" transform="translate(-634.547 -278.755)" fill="#fff"/>
<path id="Path_17" data-name="Path 17" d="M647.037,317.806v-2.324c0-.073,0-.074.074-.075.415-.006.831-.016,1.246-.014a2.876,2.876,0,0,1,.835.114,1.1,1.1,0,0,1,.833.94,2.187,2.187,0,0,1-.023.854,1.114,1.114,0,0,1-.773.82,2.246,2.246,0,0,1-.672.123c-.341.011-.683.007-1.025.007-.049,0-.062.013-.062.061q0,.915,0,1.829c0,.066,0,.066-.064.066-.108,0-.217,0-.325,0-.032,0-.047-.01-.044-.043,0-.015,0-.03,0-.045Zm.434-.972q0,.492,0,.984c0,.033,0,.057.046.056.327,0,.654,0,.981-.007a1.752,1.752,0,0,0,.578-.107.755.755,0,0,0,.5-.536,1.686,1.686,0,0,0,0-.8.711.711,0,0,0-.436-.518,1.607,1.607,0,0,0-.6-.12c-.333-.007-.667,0-1,0-.067,0-.067,0-.067.072Z" transform="translate(-571.872 -278.755)" fill="#fff"/>
<path id="Path_18" data-name="Path 18" d="M836.138,320.969c.014-1.4-.018-2.8.021-4.207a.326.326,0,0,0-.024.035q-.37.705-.74,1.411c-.178.337-.358.673-.536,1.011a.082.082,0,0,1-.085.051c-.145,0-.29,0-.435,0a.072.072,0,0,1-.074-.044q-.627-1.205-1.255-2.41c-.009-.018-.019-.034-.033-.059v4.21c-.009,0-.023,0-.037,0-.11,0-.22,0-.33,0-.037,0-.058-.008-.052-.05a.137.137,0,0,0,0-.02v-4.639c0-.074,0-.074.073-.074.15,0,.3,0,.45,0a.065.065,0,0,1,.067.04l1.379,2.672.032.062c.013-.022.022-.034.029-.048q.7-1.34,1.4-2.681a.074.074,0,0,1,.078-.046c.148,0,.3,0,.445,0,.062,0,.062,0,.062.07q0,2.14,0,4.279c0,.128,0,.257,0,.385,0,.036-.009.05-.047.049C836.4,320.968,836.273,320.969,836.138,320.969Z" transform="translate(-735.84 -279.455)" fill="#fff"/>
<path id="Path_19" data-name="Path 19" d="M922.235,318.578q0-1.155,0-2.31c0-.093-.008-.085.087-.085s.19,0,.285,0c.05,0,.061.016.061.063q0,.947,0,1.895,0,1.187,0,2.374c0,.071,0,.072.071.072h2.142c.073,0,.073,0,.073.074s0,.157,0,.235,0,.071-.069.071h-1.831c-.253,0-.507,0-.76,0-.048,0-.058-.015-.058-.059Q922.236,319.742,922.235,318.578Z" transform="translate(-815.101 -279.452)" fill="#fff"/>
<path id="Path_20" data-name="Path 20" d="M891.8,318.58q0-1.159,0-2.319c0-.072,0-.072.07-.072.105,0,.21,0,.315,0,.034,0,.05.011.047.046,0,.017,0,.033,0,.05q0,2.114,0,4.228c0,.079,0,.079.078.079h2.136c.07,0,.07,0,.07.072,0,.087,0,.173,0,.26,0,.036-.008.049-.047.049q-1.311,0-2.621,0c-.053,0-.049-.029-.049-.063q0-1.055,0-2.109Q891.8,318.69,891.8,318.58Z" transform="translate(-788.199 -279.457)" fill="#fff"/>
<path id="Path_21" data-name="Path 21" d="M878.613,318.585V316.27c0-.078,0-.078.08-.078h.285c.067,0,.067,0,.067.07,0,.125,0,.25,0,.375V320.9c0,.073,0,.074-.071.074-.1,0-.2,0-.305,0-.045,0-.057-.013-.056-.056q0-.745,0-1.49Z" transform="translate(-776.546 -279.461)" fill="#fff"/>
</svg>

After

Width:  |  Height:  |  Size: 13 KiB

39
kontaktni.html

@ -6,8 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kontakty</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,800;1,900&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> <link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,800;1,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
@ -21,35 +20,32 @@
</button>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasNavbarLabel">Offcanvas</h5>
<img src="img/Logo_menu.svg" alt="">
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<div class="container">
<div class="row justify-content-center">
<div class="col-6">
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
<a class="nav-link active" aria-current="page" href="typy-ochranych-prvku.html">Typy Ochranných prvků</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
<a class="nav-link" href="#">Naše produkty</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="offcanvasNavbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Dropdown
</a>
<ul class="dropdown-menu" aria-labelledby="offcanvasNavbarDropdown">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li>
<hr class="dropdown-divider">
<li class="nav-item">
<a class="nav-link" href="o-spolecnosti.html">O společnosti</a>
</li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
<li class="nav-item">
<a class="nav-link" href="#">Certifikáty</a>
</li>
<li class="nav-item">
<a class="nav-link" href="kontaktni.html">Kontakty</a>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</div>
</div>
</div>
@ -58,7 +54,6 @@
<main>
</main>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>

39
o-spolecnosti.html

@ -6,8 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>O společnossti</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,800;1,900&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> <link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,800;1,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
@ -21,35 +20,32 @@
</button>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasNavbarLabel">Offcanvas</h5>
<img src="img/Logo_menu.svg" alt="">
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<div class="container">
<div class="row justify-content-center">
<div class="col-6">
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
<a class="nav-link active" aria-current="page" href="typy-ochranych-prvku.html">Typy Ochranných prvků</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
<a class="nav-link" href="#">Naše produkty</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="offcanvasNavbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Dropdown
</a>
<ul class="dropdown-menu" aria-labelledby="offcanvasNavbarDropdown">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li>
<hr class="dropdown-divider">
<li class="nav-item">
<a class="nav-link" href="o-spolecnosti.html">O společnosti</a>
</li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
<li class="nav-item">
<a class="nav-link" href="#">Certifikáty</a>
</li>
<li class="nav-item">
<a class="nav-link" href="kontaktni.html">Kontakty</a>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</div>
</div>
</div>
@ -166,6 +162,5 @@
</section>
<footer>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script></body>
</html>

28
sratnato.html

@ -1,28 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<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">
<title>Document</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
</head>
<body>
<button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">Toggle right offcanvas</button>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight" aria-labelledby="offcanvasRightLabel">
<div class="offcanvas-header">
<h5 id="offcanvasRightLabel">Offcanvas right</h5>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
...
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>

57
typy-ochranych-prvku.html

@ -6,8 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Typy ochraných prvků</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,800;1,900&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> <link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,800;1,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
@ -21,35 +20,33 @@
</button>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasNavbarLabel">Offcanvas</h5>
<img src="img/Logo_menu.svg" alt="">
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<div class="container">
<div class="row justify-content-center">
<div class="col-6">
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
<a class="nav-link active" aria-current="page" href="typy-ochranych-prvku.html">Typy Ochranných prvků</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
<a class="nav-link" href="#">Naše produkty</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="offcanvasNavbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Dropdown
</a>
<ul class="dropdown-menu" aria-labelledby="offcanvasNavbarDropdown">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li>
<hr class="dropdown-divider">
<li class="nav-item">
<a class="nav-link" href="o-spolecnosti.html">O společnosti</a>
</li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
<li class="nav-item">
<a class="nav-link" href="#">Certifikáty</a>
</li>
<li class="nav-item">
<a class="nav-link" href="kontaktni.html">Kontakty</a>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
@ -190,8 +187,7 @@
<h5>S možností mikrotextů a fluorescence</h5>
</li>
<br>
<li>
Metalizovaný
<li>Metalizovaný
<h5>S možností demetalizovaného textu a fluorescence</h5>
</li>
</ul>
@ -357,26 +353,22 @@
<h5>může být vyroben v barvě zelené, červené, modré, bílé a oranžové.</h5>
</li>
<br>
<li>
Je poskytován s garancí stálosti min. 20 let.
<li>Je poskytován s garancí stálosti min. 20 let.
</li>
<br>
<li>
Je neodstranitelný a žáruvzdorný (lze verifikovat i popel !).
<li>Je neodstranitelný a žáruvzdorný (lze verifikovat i popel !).
</li>
<br>
<li>Aplikace v papíru
<h5>může být celoplošná i v nekonečných pruzích o libovolné hustotě
<h5>může být celoplošná i v nekonečných pruzích o&nbsp;libovolné hustotě
a barevné kombinaci</h5>
</li>
<br>
<li>
Výroba LUX LASERU® probíhá pod registrovanou kontrolou
<li>Výroba LUX LASERU® probíhá pod registrovanou kontrolou
a každá vyrobená šarže vykazuje vlastní registrované „DNA“.
</li>
<br>
<li>
LUX LASER® je chráněn celosvětovými patenty
<li>LUX LASER® je chráněn celosvětovými patenty
a průmyslovými vzory aplikací.
</li>
</ul>
@ -387,7 +379,6 @@
</main>
<footer>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>
Loading…
Cancel
Save