@orangesk/cms-templates 1.0.0-beta.2 → 1.0.0-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/README.md +16 -1
  2. package/build/assets/100gb-preklik.png +0 -0
  3. package/build/assets/love-odporucane-baliky-hero-xxl@2x.png +0 -0
  4. package/build/assets/luma-logo-small.png +0 -0
  5. package/build/assets/samsung-galaxy-24-je-tu-lg.png +0 -0
  6. package/build/assets/samsung-galaxy-24-je-tu.png +0 -0
  7. package/build/assets/samsung-galaxy-zflip7@2x.png +0 -0
  8. package/build/assets/samsung-galaxy-zfold7@2x.png +0 -0
  9. package/build/assets/samsung-hero-xxl.png +0 -0
  10. package/build/assets/tlacove-spravy.png +0 -0
  11. package/build/assets/youtube-logo-small.png +0 -0
  12. package/build/changelog/index.html +35 -4
  13. package/build/components/ContactFormB2B/index.html +1 -1
  14. package/build/index.html +3 -3
  15. package/build/lib/after-components.css +1 -1
  16. package/build/lib/after-components.css.map +1 -1
  17. package/build/lib/before-components.css +1 -1
  18. package/build/lib/before-components.css.map +1 -1
  19. package/build/lib/components.css +1 -1
  20. package/build/lib/components.css.map +1 -1
  21. package/build/lib/scripts.js +4 -4
  22. package/build/lib/scripts.js.map +1 -1
  23. package/build/lib/style.css +1 -1
  24. package/build/lib/style.css.map +1 -1
  25. package/build/lib/tsconfig.tsbuildinfo +1 -1
  26. package/build/pages/basic-page-about-the-brand/index.html +1 -1
  27. package/build/pages/basic-page-gdpr/index.html +1 -1
  28. package/build/pages/blog-homepage-clovek/index.html +1 -1
  29. package/build/pages/blog-news-clovek/index.html +1 -1
  30. package/build/pages/blog-post-clovek/index.html +1 -1
  31. package/build/pages/device-lp-b2b/index.html +1 -1
  32. package/build/pages/device-lp-b2c/index.html +1 -1
  33. package/build/pages/device-lp-dvojicky-b2b/index.html +29 -0
  34. package/build/pages/device-lp-dvojicky-b2c/index.html +29 -0
  35. package/build/pages/homepage-b2b/index.html +1 -1
  36. package/build/pages/homepage-b2c/index.html +1 -1
  37. package/build/pages/press-and-news-releases/index.html +1 -1
  38. package/build/pages/press-and-news-releases-post/index.html +44 -0
  39. package/build/pages/press-center-docs-library/index.html +1 -1
  40. package/build/pages/press-center-general-terms/index.html +24 -24
  41. package/build/pages/press-center-informations-for-customers/index.html +1 -1
  42. package/build/pages/pricelist/index.html +1 -1
  43. package/build/pages/pricelist-tariff/index.html +1 -1
  44. package/build/pages/product-page-b2b-market-locator/index.html +1 -1
  45. package/build/pages/product-page-b2b-microsoft-365/index.html +1 -1
  46. package/build/pages/product-page-b2b-soc-as-a-service/index.html +1 -1
  47. package/build/pages/product-page-b2c-equipment-insurance/index.html +3 -10
  48. package/build/pages/product-page-b2c-online-security/index.html +1 -1
  49. package/build/pages/product-page-b2c-prima-volba/index.html +1 -1
  50. package/build/pages/product-page-b2c-prima-volba-signpost/index.html +1 -1
  51. package/build/pages/roaming-b2b/index.html +2 -2
  52. package/build/pages/roaming-b2c/index.html +2 -2
  53. package/build/pages/signpost-insurance/index.html +1 -1
  54. package/build/pages/signpost-products-and-services/index.html +1 -1
  55. package/build/readme/index.html +12 -3
  56. package/build/shame.css +19 -70
  57. package/package.json +5 -5
  58. package/build/assets/mirosoft-project.svg +0 -5
  59. package/build/assets/power-point.svg +0 -5
  60. package/build/assets/prima-vobla.png +0 -0
  61. package/build/assets/prima-volba-1.jpg +0 -0
  62. package/build/assets/project.svg +0 -5
  63. package/build/modules/image-section/README/index.html +0 -54
  64. package/build/modules/image-section/background-image/index.html +0 -44
  65. package/build/modules/image-section/half-width-image/index.html +0 -46
  66. package/build/modules/image-section/third-width-2-image-section/index.html +0 -44
  67. package/build/modules/image-section/third-width-frame-image-section/index.html +0 -49
  68. package/build/pages/equipment-insurance/index.html +0 -54
  69. package/build/pages/online-security/index.html +0 -53
  70. package/build/pages/press-center/index.html +0 -44
  71. package/build/pages/press-center-general-terms copy/index.html +0 -67
  72. package/build/pages/pricelist-tarrif/index.html +0 -44
  73. package/build/pages/product-page-b2b-market-locator copy/index.html +0 -44
  74. package/build/pages/product-page-b2b-microsoft-365 copy/index.html +0 -44
  75. package/build/pages/roaming-b2x/index.html +0 -44
@@ -16,7 +16,7 @@
16
16
  <body>
17
17
  <div id="root">
18
18
  <main>
19
- <link rel="preload" as="image" href="/assets/rozcestnik-produkty-a-sluzby--volania.png"/><link rel="preload" as="image" href="/assets/rozcestnik-produkty-a-sluzby--internet.png"/><link rel="preload" as="image" href="/assets/rozcestnik-produkty-a-sluzby--telefony-a-zariadenia.png"/><link rel="preload" as="image" href="/assets/rozcestnik-produkty-a-sluzby--tv.png"/><link rel="preload" as="image" href="/assets/rozcestnik-produkty-a-sluzby--vyhodne-balicky.png"/><link rel="preload" as="image" href="/assets/rozcestnik-produkty-a-sluzby--navzajom-zadarmo.png"/><link rel="preload" as="image" href="/assets/rozcestnik-produkty-a-sluzby--vyhody.png"/><link rel="preload" as="image" href="/assets/rozcestnik-produkty-a-sluzby--transfer.png"/><div id="MDX_ROOT_9e8146fc-8b86-4a98-8688-59419572b234"><div class=""><header><nav class="megamenu is-sticky" data-megamenu="true" aria-label="Main navigation"><div class="megamenu__top megamenu--hide-md-down" data-hide-when-sticky="true"><div class="megamenu__container"><h2 id="top-menu-title" class="sr-only">Top menu</h2><ul class="megamenu__nav megamenu__nav--space-small" aria-labelledby="top-menu-title"><li class="megamenu__nav-item"><a href="#" class="megamenu__nav-link is-active" aria-current="page">Pre vás</a></li><li class="megamenu__nav-item"><a href="#" class="megamenu__nav-link">Pre biznis</a></li><li class="megamenu__nav-spacer" aria-hidden="true"></li><li class="megamenu__nav-item"><a href="#" class="megamenu__nav-link"><svg class="megamenu-icon megamenu__nav-icon" aria-hidden="true" width="20" height="20"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#call"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#call"></use></svg>Kontakt</a></li></ul></div></div><div class="megamenu__main"><div class="megamenu__container"><h2 id="menu-title" class="sr-only">Hlavné menu</h2><ul class="megamenu__nav" aria-labelledby="menu-title"><li class="megamenu__nav-item megamenu__nav-item--main"><a href="#" class="megamenu__nav-logo" aria-label="Domovská stránka"><svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M40 0H0V40H40V0Z" fill="#FF7900"></path><path d="M34.2897 28.57H5.71973V34.28H34.2897V28.57Z" fill="white"></path></svg></a></li><li class="megamenu__nav-item megamenu__nav-item--main megamenu--hide-md-down"><button type="button" class="megamenu__nav-button megamenu__nav-button--indicator" aria-controls="megamenu-volania" aria-expanded="false" aria-haspopup="true">Volania</button><div class="megamenu__nav-dropdown" id="megamenu-volania"><div class="megamenu__container"><div class="megamenu__grid"><div class="megamenu__card is-highlighted"><h3 id="featured-services" class="sr-only">Odporúčané služby</h3><ul class="megamenu__subnav" role="group" aria-labelledby="featured-services"><li class="megamenu__subnav-item"><a href="#" class="megamenu__text--large">Internet na doma</a></li><li class="megamenu__subnav-item"><a href="#" class="megamenu__text--large">Mobilné paušály</a></li><li class="megamenu__subnav-item"><a href="#" class="megamenu__text--large">Televízia</a></li><li class="megamenu__subnav-item"><a href="#" class="megamenu__text--large">Internet + TV</a></li></ul></div><div class="megamenu__card"><h3 id="pausaly-heading">Paušály</h3><ul class="megamenu__subnav" role="group" aria-labelledby="pausaly-heading"><li class="megamenu__subnav-item"><a href="#">Prehľad paušálov</a></li><li class="megamenu__subnav-item"><a href="#">Chcem nové číslo</a></li><li class="megamenu__subnav-item"><a href="#">Yoxo paušál</a></li></ul><h3 id="volania-s-kreditom-heading">Volania s kreditom</h3><ul class="megamenu__subnav" role="group" aria-labelledby="volania-s-kreditom-heading"><li class="megamenu__subnav-item"><a href="#">Prima Voľba</a></li><li class="megamenu__subnav-item"><a href="#">Prima Kids</a></li><li class="megamenu__subnav-item"><a href="#">FunFón</a></li></ul><h3 id="zahranicie-heading">Zahraničie</h3><ul class="megamenu__subnav" role="group" aria-labelledby="zahranicie-heading"><li class="megamenu__subnav-item"><a href="#">Roaming</a></li><li class="megamenu__subnav-item"><a href="#">Cestovateľské balíky</a></li><li class="megamenu__subnav-item"><a href="#">Volania do zahraničia</a></li><li class="megamenu__subnav-item"><a href="#">Regulovaný roaming</a></li></ul></div><div class="megamenu__card"><h3 id="nase-sluzby-heading">Ste náš zákazník?</h3><ul class="megamenu__subnav" role="group" aria-labelledby="nase-sluzby-heading"><li class="megamenu__subnav-item"><a href="#">Chcem zmeniť paušál</a></li><li class="megamenu__subnav-item"><a href="#">Dobiť kredit</a></li><li class="megamenu__subnav-item"><a href="#">Predĺžiť služby</a></li><li class="megamenu__subnav-item"><a href="#">Chcem nový telefón</a></li><li class="megamenu__subnav-item"><a href="#">Navzájom zadarmo</a></li><li class="megamenu__subnav-item"><a href="#">Orange Svojim</a></li><li class="megamenu__subnav-item"><a href="#">Odporučte Orange</a></li><li class="megamenu__subnav-item"><a href="#">Ostatné služby</a></li></ul></div></div></div></div></li><li class="megamenu__nav-item megamenu__nav-item--main megamenu--hide-md-down"><button type="button" class="megamenu__nav-button megamenu__nav-button--indicator" aria-controls="megamenu-internet-tv" aria-expanded="false" aria-haspopup="true">Internet, TV</button><div class="megamenu__nav-dropdown" id="megamenu-internet-tv"><div class="megamenu__container">CONTENT</div></div></li><li class="megamenu__nav-item megamenu__nav-item--main megamenu--hide-md-down"><button type="button" class="megamenu__nav-button megamenu__nav-button--indicator" aria-controls="megamenu-telefony-zariadenia" aria-expanded="false" aria-haspopup="true">Telefóny a zariadenia</button><div class="megamenu__nav-dropdown" id="megamenu-telefony-zariadenia"><div class="megamenu__container">CONTENT</div></div></li><li class="megamenu__nav-item megamenu__nav-item--main megamenu--hide-md-down"><a href="#" class="megamenu__nav-link">Akcie</a></li><li class="megamenu__nav-item megamenu__nav-item--main megamenu--hide-md-down"><a href="#" class="megamenu__nav-link">Pomoc</a></li><li class="megamenu__nav-spacer" aria-hidden="true"></li><li class="megamenu__nav-item megamenu--hide-md-down"><button type="button" class="megamenu__nav-button" aria-label="Vyhľadávanie" aria-controls="megamenu-search" aria-expanded="false" aria-haspopup="true"><svg class="megamenu-icon" aria-hidden="true" width="24" height="24"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#search"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#search"></use></svg></button><div class="megamenu__nav-dropdown" id="megamenu-search"><div class="megamenu__container"><input class="megamenu__input megamenu__input--search-icon-with-placeholder" id="search-1" type="text" placeholder="Search" name="search-1"/><ul class="megamenu__subnav"><li class="megamenu__subnav-item"><a href="#">apple</a></li><li class="megamenu__subnav-item"><a href="#">apple hodinky</a></li><li class="megamenu__subnav-item"><a href="#">apple iphone</a></li><li class="megamenu__subnav-item"><a href="#">apple 16</a></li><li class="megamenu__subnav-item"><a href="#">apple pro</a></li><li class="megamenu__subnav-item"><a href="#">apple watch</a></li></ul></div></div></li><li class="megamenu__nav-item"><a href="#" class="megamenu__nav-link" aria-label="Košík, 1 položka" aria-describedby="cart-count"><span class="megamenu__nav-cart-icon" data-items-in-cart="1" aria-hidden="true"><svg class="megamenu-icon" aria-hidden="true" width="24" height="24"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#buy"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#buy"></use></svg></span><span id="cart-count" class="sr-only">1 položka v košíku</span></a></li><li class="megamenu__nav-item"><a href="#" class="megamenu__nav-link"><svg class="megamenu-icon megamenu__nav-icon" aria-hidden="true" width="24" height="24"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#user"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#user"></use></svg>Môj Orange</a></li><li class="megamenu__nav-item megamenu--hide-lg-up"><button type="button" class="megamenu__nav-button" aria-label="Otvoriť menu" aria-haspopup="true" aria-expanded="false"><svg class="megamenu-icon" aria-hidden="true" width="24" height="24"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#menu"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#menu"></use></svg></button></li></ul></div></div><div class="megamenu__mobile" role="dialog" aria-modal="true" aria-labelledby="mobile-menu-title"><h2 id="mobile-menu-title" class="sr-only">Hlavné menu</h2><button aria-label="Zatvoriť menu" class="megamenu__mobile-overlay" type="button"></button><div class="megamenu__mobile-wrapper"><div class="megamenu__mobile-header"><div class="megamenu__container"><ul class="megamenu__nav megamenu__nav--space-small"><li class="megamenu__nav-item"><a href="#" class="megamenu__nav-link is-active" aria-current="page">Pre vás</a></li><li class="megamenu__nav-item"><a href="#" class="megamenu__nav-link">Pre biznis</a></li><li class="megamenu__nav-spacer" aria-hidden="true"></li><li class="megamenu__nav-item"><button type="button" data-megamenu-close-button="true" class="megamenu__nav-button" aria-label="Zatvoriť menu"><svg class="megamenu-icon" aria-hidden="true" width="20" height="20"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#close"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#close"></use></svg></button></li></ul></div></div><div class="megamenu__mobile-body"><div class="megamenu__container"><input class="megamenu__input megamenu__input--search-icon-with-placeholder" id="search-1" type="text" placeholder="Search" name="search-1"/><ul class="megamenu__subnav hide"><li class="megamenu__subnav-item"><a href="#">apple</a></li><li class="megamenu__subnav-item"><a href="#">apple hodinky</a></li><li class="megamenu__subnav-item"><a href="#">apple iphone</a></li><li class="megamenu__subnav-item"><a href="#">apple 16</a></li><li class="megamenu__subnav-item"><a href="#">apple pro</a></li><li class="megamenu__subnav-item"><a href="#">apple watch</a></li></ul><ul class="megamenu__accordion"><li class="megamenu__accordion-item"><div class="megamenu__accordion-header"><button type="button" class="megamenu__accordion-button" aria-controls="mobile-accordion-volania" aria-expanded="false" data-accordion-toggle="true" id="mobile-volania-button"><span class="megamenu__accordion-title">Volania</span><svg class="megamenu-icon megamenu__accordion-icon" aria-hidden="true" width="24" height="24"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#chevron-right"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#chevron-right"></use></svg></button></div><div class="megamenu__accordion-body" id="mobile-accordion-volania" role="region" aria-labelledby="mobile-volania-button"><div class="megamenu__grid"><div class="megamenu__card is-highlighted"><h3 id="mobile-volania-featured-heading" class="sr-only">Odporúčané služby</h3><ul class="megamenu__subnav" role="group" aria-labelledby="mobile-volania-featured-heading"><li class="megamenu__subnav-item"><a href="#" class="megamenu__text--large">Internet na doma</a></li><li class="megamenu__subnav-item"><a href="#" class="megamenu__text--large">Mobilný internet</a></li><li class="megamenu__subnav-item"><a href="#" class="megamenu__text--large">Televízia</a></li><li class="megamenu__subnav-item"><a href="#" class="megamenu__text--large">Internet + TV</a></li></ul></div><div><h3 id="mobile-internet-heading">Internet</h3><ul class="megamenu__subnav" role="group" aria-labelledby="mobile-internet-heading"><li class="megamenu__subnav-item"><a href="#">Prehľad internetu</a></li><li class="megamenu__subnav-item"><a href="#">Mobilný internet</a></li><li class="megamenu__subnav-item"><a href="#">Bezpečný internet so sebou</a></li><li class="megamenu__subnav-item"><a href="#">Domáca linka k internetu</a></li></ul><h3 id="mobile-tv-heading">Televízia</h3><ul class="megamenu__subnav" role="group" aria-labelledby="mobile-tv-heading"><li class="megamenu__subnav-item"><a href="#">Najlepšia TV na doma</a></li><li class="megamenu__subnav-item"><a href="#">TV cez satelit</a></li><li class="megamenu__subnav-item"><a href="#">TV cez internet</a></li><li class="megamenu__subnav-item"><a href="#">Novinky na Orange TV</a></li></ul><h3 id="mobile-internet-tv-heading">Internet + televízia</h3><ul class="megamenu__subnav" role="group" aria-labelledby="mobile-internet-tv-heading"><li class="megamenu__subnav-item"><a href="#">Ponuka Love</a></li><li class="megamenu__subnav-item"><a href="#">Výhodný pár zariadení</a></li><li class="megamenu__subnav-item"><a href="#">Volania do zahraničia</a></li><li class="megamenu__subnav-item"><a href="#">Regulovaný roaming</a></li></ul><h3 id="mobile-customer-heading">Ste náš zákazník?</h3><ul class="megamenu__subnav" role="group" aria-labelledby="mobile-customer-heading"><li class="megamenu__subnav-item"><a href="#">Predĺžiť služby</a></li><li class="megamenu__subnav-item"><a href="#">Nový internet</a></li><li class="megamenu__subnav-item"><a href="#">Nová televízia</a></li><li class="megamenu__subnav-item"><a href="#">Odporučte Orange</a></li></ul></div></div></div></li><li class="megamenu__accordion-item"><div class="megamenu__accordion-header"><button type="button" class="megamenu__accordion-button" aria-controls="mobile-accordion-internet-tv" aria-expanded="false" data-accordion-toggle="true" id="mobile-internet-tv-button"><span class="megamenu__accordion-title">Internet, TV</span><svg class="megamenu-icon megamenu__accordion-icon" aria-hidden="true" width="24" height="24"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#chevron-right"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#chevron-right"></use></svg></button></div><div class="megamenu__accordion-body" id="mobile-accordion-internet-tv" role="region" aria-labelledby="mobile-internet-tv-button">CONTENT</div></li><li class="megamenu__accordion-item"><div class="megamenu__accordion-header"><button type="button" class="megamenu__accordion-button" aria-controls="mobile-accordion-telefony" aria-expanded="false" data-accordion-toggle="true" id="mobile-telefony-button"><span class="megamenu__accordion-title">Telefóny a zariadenia</span><svg class="megamenu-icon megamenu__accordion-icon" aria-hidden="true" width="24" height="24"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#chevron-right"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#chevron-right"></use></svg></button></div><div class="megamenu__accordion-body" id="mobile-accordion-telefony" role="region" aria-labelledby="mobile-telefony-button">CONTENT</div></li><li class="megamenu__accordion-item"><div class="megamenu__accordion-header"><a href="#" class="megamenu__accordion-button"><span class="megamenu__accordion-title">Akcie</span></a></div></li><li class="megamenu__accordion-item"><div class="megamenu__accordion-header"><a href="#" class="megamenu__accordion-button"><span class="megamenu__accordion-title">Pomoc</span></a></div></li></ul><h3 id="mobile-quick-access-heading" class="sr-only">Rýchly prístup</h3><ul class="megamenu__nav megamenu__nav--vertical" role="group" aria-labelledby="mobile-quick-access-heading"><li class="megamenu__nav-item"><a href="#" class="megamenu__nav-button"><svg class="megamenu-icon megamenu__nav-icon" aria-hidden="true" width="24" height="24"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#user"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#user"></use></svg>Môj Orange</a></li><li class="megamenu__nav-item"><a href="#" class="megamenu__nav-button"><svg class="megamenu-icon megamenu__nav-icon" aria-hidden="true" width="24" height="24"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#call"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#call"></use></svg>Kontakt</a></li><li class="megamenu__nav-item"><a href="#" class="megamenu__nav-button"><svg class="megamenu-icon megamenu__nav-icon" aria-hidden="true" width="24" height="24"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#advertising"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#advertising"></use></svg>Akcie</a></li><li class="megamenu__nav-item"><a href="#" class="megamenu__nav-button"><svg class="megamenu-icon megamenu__nav-icon" aria-hidden="true" width="24" height="24"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#newspaper"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#newspaper"></use></svg>Pomoc</a></li></ul></div></div></div></div><button aria-label="Zatvoriť dropdown menu" class="megamenu__overlay" type="button"></button></nav><div class="megamenu-spacer" aria-hidden="true"></div></header><div class="section"><div class="container"><h1 class="h1 thin">Produkty a služby</h1></div></div><div class="section surface-subtle"><div class="container"><div class="grid"><div class="grid__col grid__col--sm-8 grid__col--lg-6"><h2 class="h2 thin mb-large mb-md-xlarge">Vyberte si z našej širokej ponuky produktov a služieb</h2></div></div><div class="grid grid--justify-height grid-row-gap--medium"><div class="grid__col grid__col--md-6 grid__col--lg-4"><div class="card mb-none block-action" data-block-action="true"><img class="img" src="/assets/rozcestnik-produkty-a-sluzby--volania.png" alt="Volania"/><div class="card__section card__section--fill"><h3><a href="#" class="h3 block-action__control">Volania</a></h3><p>Volajte doma aj v zahraničí s paušálom aj bez viazanosti presne tak, ako to potrebujete.</p></div></div></div><div class="grid__col grid__col--md-6 grid__col--lg-4"><div class="card mb-none block-action" data-block-action="true"><img class="img" src="/assets/rozcestnik-produkty-a-sluzby--internet.png" alt="Internet"/><div class="card__section card__section--fill"><h3><a href="#" class="h3 block-action__control">Internet</a></h3><p>Vyberte si tú najvýhodnejšiu ponuku pevného alebo mobilného internetu.</p></div></div></div><div class="grid__col grid__col--md-6 grid__col--lg-4"><div class="card mb-none block-action" data-block-action="true"><img class="img" src="/assets/rozcestnik-produkty-a-sluzby--telefony-a-zariadenia.png" alt="Telefóny a zariadenia"/><div class="card__section card__section--fill"><h3><a href="#" class="h3 block-action__control">Telefóny a zariadenia</a></h3><p>Predstavujeme vám ponuku telefónov, tabletov a zariadení, z ktorej si vyberie každý.</p></div></div></div><div class="grid__col grid__col--md-6 grid__col--lg-4"><div class="card mb-none block-action" data-block-action="true"><img class="img" src="/assets/rozcestnik-produkty-a-sluzby--tv.png" alt="TV"/><div class="card__section card__section--fill"><h3><a href="#" class="h3 block-action__control">TV</a></h3><p>Sledujte obľúbené programy v TV kdekoľvek. Doma, z archívu aj na internete.</p></div></div></div><div class="grid__col grid__col--md-6 grid__col--lg-4"><div class="card mb-none block-action" data-block-action="true"><img class="img" src="/assets/rozcestnik-produkty-a-sluzby--vyhodne-balicky.png" alt="Výhodné balíčky"/><div class="card__section card__section--fill"><h3><a href="#" class="h3 block-action__control">Výhodné balíčky</a></h3><p>Internet, TV a paušál dokopy vám poskytnú skvelé výhody pre celú rodinu s balíkmi Love.</p></div></div></div><div class="grid__col grid__col--md-6 grid__col--lg-4"><div class="card mb-none block-action" data-block-action="true"><img class="img" src="/assets/rozcestnik-produkty-a-sluzby--navzajom-zadarmo.png" alt="Navzájom zadarmo"/><div class="card__section card__section--fill"><h3><a href="#" class="h3 block-action__control">Navzájom zadarmo</a></h3><p>Volajte a píšte si v skupine Navzájom zadarmo.</p></div></div></div></div></div></div><div class="section pt-none pb-none"><div class="container"><div class="grid promo-banner"><div class="grid__col grid__col--12 grid__col--md-6 promo-banner__item"><p class="mb-xsmall">Byť v Orangei sa oplatí</p><h2 class="h1 thin mb-medium">Prihláste sa a užívajte si výhody</h2><p class="mb-large text-secondary">Ste naším zákazníkom? Rozdeľte si až 1000 € z ceny telefónu na splátky bez navýšenia.</p><button type="button" class="btn btn--large btn--primary mb-none">Prihlásiť sa</button></div><div class="grid__col grid__col--12 grid__col--md-6 promo-banner__image align-self-bottom"><img class="img mb-none" src="/assets/rozcestnik-produkty-a-sluzby--vyhody.png" alt="Obrázok"/></div></div></div></div><div class="section background-secondary pt-none pb-none is-dark"><div class="container"><div class="grid promo-banner"><div class="grid__col grid__col--12 grid__col--md-6 promo-banner__item"><p class="mb-xsmall">Byť v Orangei sa oplatí</p><h2 class="display-3 thin mb-medium">Preneste si číslo do Orangeu</h2><p class="mb-large text-secondary">Získate od nás zľavu z vášho mesačného poplatku.</p><button type="button" class="btn btn--large btn--primary mb-none">Preniesť číslo</button></div><div class="grid__col grid__col--12 grid__col--md-6 promo-banner__image align-self-bottom"><img class="img mb-none" src="/assets/rozcestnik-produkty-a-sluzby--transfer.png" alt="Obrázok"/></div></div></div></div><div class="section section--default surface-moderate is-dark"><div class="container"><h2 class="thin h2 mb-large">Môže sa vám hodiť</h2><div class="grid grid-row-gap--medium" data-same-height="true"><div class="grid__col grid__col--12 grid__col--md-6 grid__col--lg-3"><div class="tile tile--action is-light block-action" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--medium icon--orange" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg><a href="#" class="link d-block bold is-dark block-action__control">Elektronická faktúra</a></div></div></div><div class="grid__col grid__col--12 grid__col--md-6 grid__col--lg-3"><div class="tile tile--action is-light block-action" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--medium icon--orange" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg><a href="#" class="link d-block bold is-dark block-action__control">Dobiť Prima kartu</a></div></div></div><div class="grid__col grid__col--12 grid__col--md-6 grid__col--lg-3"><div class="tile tile--action is-light block-action" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--medium icon--orange" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg><a href="#" class="link d-block bold is-dark block-action__control">Navýšiť mobilné dáta</a></div></div></div><div class="grid__col grid__col--12 grid__col--md-6 grid__col--lg-3"><div class="tile tile--action is-light block-action" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--medium icon--orange" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg><a href="#" class="link d-block bold is-dark block-action__control">Navýšiť mobilné dáta</a></div></div></div></div></div></div><div class="section section--default"><div class="container"><h2 class="thin h2 mb-xlarge">Nakupovať v e-shope sa oplatí</h2><div class="carousel mb-large carousel--scrollbar carousel--bleed-right" data-carousel="true" data-swiper-options="{&quot;slidesPerView&quot;:1.5,&quot;breakpoints&quot;:{&quot;768&quot;:{&quot;slidesPerView&quot;:2.5}, &quot;1024&quot;:{&quot;slidesPerView&quot;:4}}}" id="carousel-blog-posts"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide"><div><span class="pill pill--xxlarge surface-subtle mb h2"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#street"></use></svg></span><p class="h4 bold mb-small">Zľava až do 225 € na telefón k paušálu</p></div></div><div class="carousel__slide"><div><span class="pill pill--xxlarge surface-subtle mb h2"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#film"></use></svg></span><p class="h4 bold mb-small">Bezpečné doručenie na druhý pracovný deň</p></div></div><div class="carousel__slide"><div><span class="pill pill--xxlarge surface-subtle mb h2"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#startover"></use></svg></span><p class="h4 bold mb-small">Možnosť bezplatného doručenia do predajne</p></div></div><div class="carousel__slide"><div><span class="pill pill--xxlarge surface-subtle mb h2"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#startover"></use></svg></span><p class="h4 bold mb-small">Vrátenie tovaru bez dôvodu až do 14 dní</p></div></div></div></div></div><div class="carousel__scrollbar"><div class="carousel__scrollbar-drag"></div></div></div></div></div><footer class="footer"><div class="footer__container"><a href="https://www.orange.sk/" aria-label="Odkaz na úvodnú stránku" class="footer__logo"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M48 0H0V48H48V0Z" fill="black"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M48 48H0V0H48V48Z" fill="#FF7900"></path><path d="M5.9078 44.1298C4.1702 44.1298 2.60156 43.0229 2.60156 40.6047C2.60156 38.1855 4.16924 37.0796 5.9078 37.0796C7.6454 37.0796 9.21116 38.1865 9.21116 40.6047C9.21116 43.0229 7.64636 44.1298 5.9078 44.1298ZM5.9078 38.5657C4.59356 38.5657 4.35356 39.7494 4.35356 40.6047C4.35356 41.4591 4.59356 42.6457 5.9078 42.6457C7.22204 42.6457 7.46204 41.4601 7.46204 40.6047C7.46204 39.7503 7.22204 38.5657 5.9078 38.5657Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.418 37.2559H12.0912V38.0412C12.41 37.6179 13.1952 37.1196 13.9316 37.1196C14.0016 37.1196 14.088 37.1196 14.16 37.1283V38.7795H14.0736C13.3095 38.7795 12.4733 38.8985 12.2026 39.4927V43.9356H10.418V37.2559Z" fill="white"></path><path d="M18.831 43.3547C18.1777 43.7913 17.4087 44.0223 16.623 44.0181C15.375 44.0181 14.6367 43.1887 14.6367 42.0751C14.6367 40.5794 16.0114 39.7903 18.8444 39.4706V39.0981C18.8444 38.6133 18.4767 38.3291 17.7961 38.3291C17.1164 38.3291 16.5634 38.5989 16.165 39.0971L14.9794 38.4223C15.6015 37.5506 16.55 37.1147 17.8239 37.1147C19.5673 37.1147 20.5455 37.8703 20.5455 39.0981C20.5455 39.0981 20.5436 43.9269 20.5455 43.9394H18.9865L18.831 43.3547ZM16.3686 41.9474C16.3686 42.3967 16.6498 42.8162 17.1606 42.8162C17.7126 42.8162 18.2511 42.5877 18.7887 42.1125V40.5304C17.1471 40.733 16.3686 41.1573 16.3686 41.9474Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M21.9336 37.4342L23.3899 37.2336L23.5512 38.0256C24.371 37.4246 25.0229 37.1059 25.8437 37.1059C27.2184 37.1059 27.9288 37.8355 27.9288 39.2793V43.9296H26.1691V39.5846C26.1691 38.7667 25.9579 38.399 25.3214 38.399C24.7973 38.399 24.2731 38.6361 23.6741 39.1392V43.9296H21.9336V37.4342Z" fill="white"></path><path d="M32.2317 42.5003C33.5642 42.4907 33.6784 41.1323 33.6784 40.2491C33.6784 39.2008 33.1677 38.355 32.2192 38.355C31.5885 38.355 30.8819 38.8158 30.8819 40.3221C30.8819 41.1438 30.9405 42.5118 32.2317 42.5003ZM35.3671 37.2328V43.5582C35.3671 44.6718 35.2787 46.515 32.0983 46.5314C30.785 46.541 29.5658 46.013 29.3239 44.8677L31.0567 44.5874C31.1296 44.9166 31.3322 45.2421 32.3152 45.2421C33.2263 45.2421 33.664 44.8072 33.664 43.7637V42.9851L33.641 42.9611C33.3616 43.4622 32.9373 43.9355 31.9168 43.9355C30.3578 43.9355 29.1328 42.8546 29.1328 40.5966C29.1328 38.3627 30.3981 37.1118 31.817 37.109C33.1514 37.107 33.6429 37.7147 33.76 38.0334L33.736 38.0315L33.8829 37.2328H35.3671ZM39.5709 44.0584C37.6029 44.0584 36.4279 42.7912 36.4279 40.5928C36.4279 38.3704 37.6163 37.1051 39.5431 37.1051C41.4698 37.1051 42.616 38.3339 42.616 40.5045C42.616 40.6216 42.6016 40.7349 42.6016 40.8501H38.1539C38.1664 42.1173 38.6925 42.7557 39.7274 42.7557C40.3907 42.7557 40.8314 42.4869 41.2442 41.9003L42.5306 42.6136C41.9642 43.5611 40.9427 44.0584 39.5709 44.0584ZM40.8899 39.7096C40.8899 38.8178 40.3773 38.2917 39.5431 38.2917C38.7482 38.2917 38.2519 38.8062 38.1827 39.7106L40.8899 39.7096ZM45.6256 34.7214L44.9776 36.3966L44.3191 34.7214H43.7546V36.9294H44.1203V35.0872H44.1299L44.8547 36.9304H45.088L45.808 35.0872H45.8195V36.9304H46.1824V34.7224L45.6256 34.7214ZM41.56 34.7214V35.0152H42.2503V36.9304H42.6151V35.0152H43.3072V34.7214H41.56Z" fill="white"></path></svg></a><div class="footer__grid"><div><h5 class="footer__title">Eshop</h5><ul class="footer__list"><li class="mb-small"><a href="https://www.orange.sk/eshop/telefony">Telefóny</a></li><li class="mb-small"><a href="https://www.orange.sk/eshop/prenos-cisla">Prenos císla</a></li><li class="mb-small"><a href="https://www.orange.sk/eshop/akciove-ponuky">Akciové ponuky v e-shope</a></li><li class="mb-small"><a href="https://www.orange.sk/eshop/sledovanie-objednavky">Sledovanie objednávky</a></li><li class="mb-small"><a href="https://www.orange.sk/eshop/ponuka-love">Ponuka Love</a></li><li class="mb-small"><a href="https://www.orange.sk/eshop/pevny-internet">Pevny internet</a></li><li class="mb-small"><a href="https://www.orange.sk/eshop/orange-tv">Orange TV</a></li><li class="mb-small"><a href="https://www.orange.sk/eshop/predajna-brozura">Predajná brozúra</a></li></ul></div><div><h5 class="footer__title">Služby</h5><ul class="footer__list"><li class="mb-small"><a href="https://www.orange.sk/sluzby/porovnanie-pausalov">Porovnanie paušálov</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/mobilny-internet">Mobilný internet</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/pevny-internet">Pevný internet</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/televizia">Televízia</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/prima-volba">Prima Voľba</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/roaming">Roaming</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/doplnkove-sluzby">Ostatné doplnkové služby</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/moj-orange">Môj Orange</a></li></ul></div><div><h5 class="footer__title">Pomoc a podpora</h5><ul class="footer__list"><li class="mb-small"><a href="https://www.orange.sk/podpora/cennik">Cenník</a></li><li class="mb-small"><a href="https://www.orange.sk/podpora/expertlinka">Expertlinka</a></li><li class="mb-small"><a href="https://www.orange.sk/podpora/dobitie-kreditu">Dobitie kreditu</a></li><li class="mb-small"><a href="https://www.orange.sk/podpora/reklamacie">Reklamácie a riešenie sporov</a></li><li class="mb-small"><a href="https://www.orange.sk/podpora/zarucny-list">Elektronický záručný list</a></li><li class="mb-small"><a href="https://www.orange.sk/podpora/gdpr">Nariadenie GDPR</a></li><li class="mb-small"><a href="https://www.orange.sk/podpora/telemarketing">Telemarketing</a></li><li class="mb-small"><a href="https://www.orange.sk/podpora/mapa-pokrytia">Mapa pokrytia</a></li></ul></div><div><h5 class="footer__title">O nás</h5><ul class="footer__list"><li class="mb-small"><a href="https://www.orange.sk/sluzby/kariera">Kariéra</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/tlacove-spravy">Tlačové správy</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/predajne">Predajne</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/zodpovednost">Spoločenská zodpovednosť</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/bez-nastrah-online">Bez nástrah online</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/nadacia-orange">Nadácia Orange</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/pre-developerov">Orange pre developerov</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/pre-stavebnikov">Informácie pre stavebníkov</a></li></ul></div></div><hr/><p>Sledujte nás</p><hr/><div class="footer__bottom"><ul class="footer__list footer__list--inline"><li class="mr-small"><a href="https://www.orange.sk/kontakt">Kontakt</a></li><li class="mr-small"><a href="https://www.orange.sk/nastavenia-cookies">Nastavenia cookies</a></li><li class="mr-small"><a href="https://www.orange.sk/sprava-osobnych-udajov">Správa osobných údajov</a></li><li class="mr-small"><a href="https://www.orange.sk/vseobecne-podmienky">Všeobecné podmienky</a></li><li class="mr-small"><a href="https://www.orange.sk/informacie-pre-uzivatelov">Informácie pre koncových užívateľov</a></li></ul><span class="footer__bottom-copyright">© 1997 - 2025 Orange</span></div></div></footer></div></div>
19
+ <link rel="preload" as="image" href="/assets/rozcestnik-produkty-a-sluzby--volania.png"/><link rel="preload" as="image" href="/assets/rozcestnik-produkty-a-sluzby--internet.png"/><link rel="preload" as="image" href="/assets/rozcestnik-produkty-a-sluzby--telefony-a-zariadenia.png"/><link rel="preload" as="image" href="/assets/rozcestnik-produkty-a-sluzby--tv.png"/><link rel="preload" as="image" href="/assets/rozcestnik-produkty-a-sluzby--vyhodne-balicky.png"/><link rel="preload" as="image" href="/assets/rozcestnik-produkty-a-sluzby--navzajom-zadarmo.png"/><link rel="preload" as="image" href="/assets/rozcestnik-produkty-a-sluzby--vyhody.png"/><link rel="preload" as="image" href="/assets/rozcestnik-produkty-a-sluzby--transfer.png"/><div id="MDX_ROOT_0c152985-c15b-4270-bfc5-664ebaa4c24a"><div class=""><header><nav class="megamenu is-sticky" data-megamenu="true" aria-label="Main navigation"><div class="megamenu__top megamenu--hide-md-down" data-hide-when-sticky="true"><div class="megamenu__container"><h2 id="top-menu-title" class="sr-only">Top menu</h2><ul class="megamenu__nav megamenu__nav--space-small" aria-labelledby="top-menu-title"><li class="megamenu__nav-item"><a href="/" class="megamenu__nav-link is-active" aria-current="page">Pre vás</a></li><li class="megamenu__nav-item"><a href="/" class="megamenu__nav-link">Pre biznis</a></li><li class="megamenu__nav-spacer" aria-hidden="true"></li><li class="megamenu__nav-item"><a href="/" class="megamenu__nav-link"><svg class="megamenu-icon megamenu__nav-icon" aria-hidden="true" width="20" height="20"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#call"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#call"></use></svg>Kontakt</a></li></ul></div></div><div class="megamenu__main"><div class="megamenu__container"><h2 id="menu-title" class="sr-only">Hlavné menu</h2><ul class="megamenu__nav" aria-labelledby="menu-title"><li class="megamenu__nav-item megamenu__nav-item--main"><a href="/" class="megamenu__nav-logo" aria-label="Domovská stránka"><svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M40 0H0V40H40V0Z" fill="#FF7900"></path><path d="M34.2897 28.57H5.71973V34.28H34.2897V28.57Z" fill="white"></path></svg></a></li><li class="megamenu__nav-item megamenu__nav-item--main megamenu--hide-md-down"><button type="button" class="megamenu__nav-button megamenu__nav-button--indicator" aria-controls="megamenu-volania" aria-expanded="false" aria-haspopup="true">Volania</button><div class="megamenu__nav-dropdown" id="megamenu-volania"><div class="megamenu__container"><div class="megamenu__grid"><div class="megamenu__card is-highlighted"><h3 id="featured-services" class="sr-only">Odporúčané služby</h3><ul class="megamenu__subnav" role="group" aria-labelledby="featured-services"><li class="megamenu__subnav-item"><a href="/" class="megamenu__text--large">Internet na doma</a></li><li class="megamenu__subnav-item"><a href="/" class="megamenu__text--large">Mobilné paušály</a></li><li class="megamenu__subnav-item"><a href="/" class="megamenu__text--large">Televízia</a></li><li class="megamenu__subnav-item"><a href="/" class="megamenu__text--large">Internet + TV</a></li></ul></div><div class="megamenu__card"><h3 id="pausaly-heading">Paušály</h3><ul class="megamenu__subnav" role="group" aria-labelledby="pausaly-heading"><li class="megamenu__subnav-item"><a href="/">Prehľad paušálov</a></li><li class="megamenu__subnav-item"><a href="/">Chcem nové číslo</a></li><li class="megamenu__subnav-item"><a href="/">Yoxo paušál</a></li></ul><h3 id="volania-s-kreditom-heading">Volania s kreditom</h3><ul class="megamenu__subnav" role="group" aria-labelledby="volania-s-kreditom-heading"><li class="megamenu__subnav-item"><a href="/">Prima Voľba</a></li><li class="megamenu__subnav-item"><a href="/">Prima Kids</a></li><li class="megamenu__subnav-item"><a href="/">FunFón</a></li></ul><h3 id="zahranicie-heading">Zahraničie</h3><ul class="megamenu__subnav" role="group" aria-labelledby="zahranicie-heading"><li class="megamenu__subnav-item"><a href="/">Roaming</a></li><li class="megamenu__subnav-item"><a href="/">Cestovateľské balíky</a></li><li class="megamenu__subnav-item"><a href="/">Volania do zahraničia</a></li><li class="megamenu__subnav-item"><a href="/">Regulovaný roaming</a></li></ul></div><div class="megamenu__card"><h3 id="nase-sluzby-heading">Ste náš zákazník?</h3><ul class="megamenu__subnav" role="group" aria-labelledby="nase-sluzby-heading"><li class="megamenu__subnav-item"><a href="/">Chcem zmeniť paušál</a></li><li class="megamenu__subnav-item"><a href="/">Dobiť kredit</a></li><li class="megamenu__subnav-item"><a href="/">Predĺžiť služby</a></li><li class="megamenu__subnav-item"><a href="/">Chcem nový telefón</a></li><li class="megamenu__subnav-item"><a href="/">Navzájom zadarmo</a></li><li class="megamenu__subnav-item"><a href="/">Orange Svojim</a></li><li class="megamenu__subnav-item"><a href="/">Odporučte Orange</a></li><li class="megamenu__subnav-item"><a href="/">Ostatné služby</a></li></ul></div></div></div></div></li><li class="megamenu__nav-item megamenu__nav-item--main megamenu--hide-md-down"><button type="button" class="megamenu__nav-button megamenu__nav-button--indicator" aria-controls="megamenu-internet-tv" aria-expanded="false" aria-haspopup="true">Internet, TV</button><div class="megamenu__nav-dropdown" id="megamenu-internet-tv"><div class="megamenu__container">CONTENT</div></div></li><li class="megamenu__nav-item megamenu__nav-item--main megamenu--hide-md-down"><button type="button" class="megamenu__nav-button megamenu__nav-button--indicator" aria-controls="megamenu-telefony-zariadenia" aria-expanded="false" aria-haspopup="true">Telefóny a zariadenia</button><div class="megamenu__nav-dropdown" id="megamenu-telefony-zariadenia"><div class="megamenu__container">CONTENT</div></div></li><li class="megamenu__nav-item megamenu__nav-item--main megamenu--hide-md-down"><a href="/" class="megamenu__nav-link">Akcie</a></li><li class="megamenu__nav-item megamenu__nav-item--main megamenu--hide-md-down"><a href="/" class="megamenu__nav-link">Pomoc</a></li><li class="megamenu__nav-spacer" aria-hidden="true"></li><li class="megamenu__nav-item megamenu--hide-md-down"><button type="button" class="megamenu__nav-button" aria-label="Vyhľadávanie" aria-controls="megamenu-search" aria-expanded="false" aria-haspopup="true"><svg class="megamenu-icon" aria-hidden="true" width="24" height="24"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#search"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#search"></use></svg></button><div class="megamenu__nav-dropdown" id="megamenu-search"><div class="megamenu__container"><input class="megamenu__input megamenu__input--search-icon-with-placeholder" id="search-1" type="text" placeholder="Search" name="search-1"/><ul class="megamenu__subnav"><li class="megamenu__subnav-item"><a href="/">apple</a></li><li class="megamenu__subnav-item"><a href="/">apple hodinky</a></li><li class="megamenu__subnav-item"><a href="/">apple iphone</a></li><li class="megamenu__subnav-item"><a href="/">apple 16</a></li><li class="megamenu__subnav-item"><a href="/">apple pro</a></li><li class="megamenu__subnav-item"><a href="/">apple watch</a></li></ul></div></div></li><li class="megamenu__nav-item"><a href="/" class="megamenu__nav-link" aria-label="Košík, 1 položka" aria-describedby="cart-count"><span class="megamenu__nav-cart-icon" data-items-in-cart="1" aria-hidden="true"><svg class="megamenu-icon" aria-hidden="true" width="24" height="24"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#buy"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#buy"></use></svg></span><span id="cart-count" class="sr-only">1 položka v košíku</span></a></li><li class="megamenu__nav-item"><a href="/" class="megamenu__nav-link"><svg class="megamenu-icon megamenu__nav-icon" aria-hidden="true" width="24" height="24"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#user"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#user"></use></svg>Môj Orange</a></li><li class="megamenu__nav-item megamenu--hide-lg-up"><button type="button" class="megamenu__nav-button" aria-label="Otvoriť menu" aria-haspopup="true" aria-expanded="false"><svg class="megamenu-icon" aria-hidden="true" width="24" height="24"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#menu"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#menu"></use></svg></button></li></ul></div></div><div class="megamenu__mobile" role="dialog" aria-modal="true" aria-labelledby="mobile-menu-title"><h2 id="mobile-menu-title" class="sr-only">Hlavné menu</h2><button aria-label="Zatvoriť menu" class="megamenu__mobile-overlay" type="button"></button><div class="megamenu__mobile-wrapper"><div class="megamenu__mobile-header"><div class="megamenu__container"><ul class="megamenu__nav megamenu__nav--space-small"><li class="megamenu__nav-item"><a href="/" class="megamenu__nav-link is-active" aria-current="page">Pre vás</a></li><li class="megamenu__nav-item"><a href="/" class="megamenu__nav-link">Pre biznis</a></li><li class="megamenu__nav-spacer" aria-hidden="true"></li><li class="megamenu__nav-item"><button type="button" data-megamenu-close-button="true" class="megamenu__nav-button" aria-label="Zatvoriť menu"><svg class="megamenu-icon" aria-hidden="true" width="20" height="20"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#close"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#close"></use></svg></button></li></ul></div></div><div class="megamenu__mobile-body"><div class="megamenu__container"><input class="megamenu__input megamenu__input--search-icon-with-placeholder" id="search-1" type="text" placeholder="Search" name="search-1"/><ul class="megamenu__subnav hide"><li class="megamenu__subnav-item"><a href="/">apple</a></li><li class="megamenu__subnav-item"><a href="/">apple hodinky</a></li><li class="megamenu__subnav-item"><a href="/">apple iphone</a></li><li class="megamenu__subnav-item"><a href="/">apple 16</a></li><li class="megamenu__subnav-item"><a href="/">apple pro</a></li><li class="megamenu__subnav-item"><a href="/">apple watch</a></li></ul><ul class="megamenu__accordion"><li class="megamenu__accordion-item"><div class="megamenu__accordion-header"><button type="button" class="megamenu__accordion-button" aria-controls="mobile-accordion-volania" aria-expanded="false" data-accordion-toggle="true" id="mobile-volania-button"><span class="megamenu__accordion-title">Volania</span><svg class="megamenu-icon megamenu__accordion-icon" aria-hidden="true" width="24" height="24"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#chevron-right"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#chevron-right"></use></svg></button></div><div class="megamenu__accordion-body" id="mobile-accordion-volania" role="region" aria-labelledby="mobile-volania-button"><div class="megamenu__grid"><div class="megamenu__card is-highlighted"><h3 id="mobile-volania-featured-heading" class="sr-only">Odporúčané služby</h3><ul class="megamenu__subnav" role="group" aria-labelledby="mobile-volania-featured-heading"><li class="megamenu__subnav-item"><a href="/" class="megamenu__text--large">Internet na doma</a></li><li class="megamenu__subnav-item"><a href="/" class="megamenu__text--large">Mobilný internet</a></li><li class="megamenu__subnav-item"><a href="/" class="megamenu__text--large">Televízia</a></li><li class="megamenu__subnav-item"><a href="/" class="megamenu__text--large">Internet + TV</a></li></ul></div><div><h3 id="mobile-internet-heading">Internet</h3><ul class="megamenu__subnav" role="group" aria-labelledby="mobile-internet-heading"><li class="megamenu__subnav-item"><a href="/">Prehľad internetu</a></li><li class="megamenu__subnav-item"><a href="/">Mobilný internet</a></li><li class="megamenu__subnav-item"><a href="/">Bezpečný internet so sebou</a></li><li class="megamenu__subnav-item"><a href="/">Domáca linka k internetu</a></li></ul><h3 id="mobile-tv-heading">Televízia</h3><ul class="megamenu__subnav" role="group" aria-labelledby="mobile-tv-heading"><li class="megamenu__subnav-item"><a href="/">Najlepšia TV na doma</a></li><li class="megamenu__subnav-item"><a href="/">TV cez satelit</a></li><li class="megamenu__subnav-item"><a href="/">TV cez internet</a></li><li class="megamenu__subnav-item"><a href="/">Novinky na Orange TV</a></li></ul><h3 id="mobile-internet-tv-heading">Internet + televízia</h3><ul class="megamenu__subnav" role="group" aria-labelledby="mobile-internet-tv-heading"><li class="megamenu__subnav-item"><a href="/">Ponuka Love</a></li><li class="megamenu__subnav-item"><a href="/">Výhodný pár zariadení</a></li><li class="megamenu__subnav-item"><a href="/">Volania do zahraničia</a></li><li class="megamenu__subnav-item"><a href="/">Regulovaný roaming</a></li></ul><h3 id="mobile-customer-heading">Ste náš zákazník?</h3><ul class="megamenu__subnav" role="group" aria-labelledby="mobile-customer-heading"><li class="megamenu__subnav-item"><a href="/">Predĺžiť služby</a></li><li class="megamenu__subnav-item"><a href="/">Nový internet</a></li><li class="megamenu__subnav-item"><a href="/">Nová televízia</a></li><li class="megamenu__subnav-item"><a href="/">Odporučte Orange</a></li></ul></div></div></div></li><li class="megamenu__accordion-item"><div class="megamenu__accordion-header"><button type="button" class="megamenu__accordion-button" aria-controls="mobile-accordion-internet-tv" aria-expanded="false" data-accordion-toggle="true" id="mobile-internet-tv-button"><span class="megamenu__accordion-title">Internet, TV</span><svg class="megamenu-icon megamenu__accordion-icon" aria-hidden="true" width="24" height="24"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#chevron-right"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#chevron-right"></use></svg></button></div><div class="megamenu__accordion-body" id="mobile-accordion-internet-tv" role="region" aria-labelledby="mobile-internet-tv-button">CONTENT</div></li><li class="megamenu__accordion-item"><div class="megamenu__accordion-header"><button type="button" class="megamenu__accordion-button" aria-controls="mobile-accordion-telefony" aria-expanded="false" data-accordion-toggle="true" id="mobile-telefony-button"><span class="megamenu__accordion-title">Telefóny a zariadenia</span><svg class="megamenu-icon megamenu__accordion-icon" aria-hidden="true" width="24" height="24"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#chevron-right"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#chevron-right"></use></svg></button></div><div class="megamenu__accordion-body" id="mobile-accordion-telefony" role="region" aria-labelledby="mobile-telefony-button">CONTENT</div></li><li class="megamenu__accordion-item"><div class="megamenu__accordion-header"><a href="/" class="megamenu__accordion-button"><span class="megamenu__accordion-title">Akcie</span></a></div></li><li class="megamenu__accordion-item"><div class="megamenu__accordion-header"><a href="/" class="megamenu__accordion-button"><span class="megamenu__accordion-title">Pomoc</span></a></div></li></ul><h3 id="mobile-quick-access-heading" class="sr-only">Rýchly prístup</h3><ul class="megamenu__nav megamenu__nav--vertical" role="group" aria-labelledby="mobile-quick-access-heading"><li class="megamenu__nav-item"><a href="/" class="megamenu__nav-button"><svg class="megamenu-icon megamenu__nav-icon" aria-hidden="true" width="24" height="24"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#user"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#user"></use></svg>Môj Orange</a></li><li class="megamenu__nav-item"><a href="/" class="megamenu__nav-button"><svg class="megamenu-icon megamenu__nav-icon" aria-hidden="true" width="24" height="24"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#call"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#call"></use></svg>Kontakt</a></li><li class="megamenu__nav-item"><a href="/" class="megamenu__nav-button"><svg class="megamenu-icon megamenu__nav-icon" aria-hidden="true" width="24" height="24"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#advertising"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#advertising"></use></svg>Akcie</a></li><li class="megamenu__nav-item"><a href="/" class="megamenu__nav-button"><svg class="megamenu-icon megamenu__nav-icon" aria-hidden="true" width="24" height="24"><use class="megamenu-icon__use megamenu-icon__use--light" xlink:href="/sprite.svg#newspaper"></use><use class="megamenu-icon__use megamenu-icon__use--dark" xlink:href="/sprite.svg#newspaper"></use></svg>Pomoc</a></li></ul></div></div></div></div><button aria-label="Zatvoriť dropdown menu" class="megamenu__overlay" type="button"></button></nav><div class="megamenu-spacer" aria-hidden="true"></div></header><div class="section"><div class="container"><h1 class="h1 thin">Produkty a služby</h1></div></div><div class="section surface-subtle"><div class="container"><div class="grid"><div class="grid__col grid__col--sm-8 grid__col--lg-6"><h2 class="h2 thin mb-large mb-md-xlarge">Vyberte si z našej širokej ponuky produktov a služieb</h2></div></div><div class="grid grid--justify-height grid-row-gap--medium"><div class="grid__col grid__col--md-6 grid__col--lg-4"><div class="card mb-none block-action" data-block-action="true"><img class="img" src="/assets/rozcestnik-produkty-a-sluzby--volania.png" alt="Volania"/><div class="card__section card__section--fill"><h3 class="h3"><a href="/" class="block-action__control">Volania</a></h3><p>Volajte doma aj v zahraničí s paušálom aj bez viazanosti presne tak, ako to potrebujete.</p></div></div></div><div class="grid__col grid__col--md-6 grid__col--lg-4"><div class="card mb-none block-action" data-block-action="true"><img class="img" src="/assets/rozcestnik-produkty-a-sluzby--internet.png" alt="Internet"/><div class="card__section card__section--fill"><h3 class="h3"><a href="/" class="block-action__control">Internet</a></h3><p>Vyberte si tú najvýhodnejšiu ponuku pevného alebo mobilného internetu.</p></div></div></div><div class="grid__col grid__col--md-6 grid__col--lg-4"><div class="card mb-none block-action" data-block-action="true"><img class="img" src="/assets/rozcestnik-produkty-a-sluzby--telefony-a-zariadenia.png" alt="Telefóny a zariadenia"/><div class="card__section card__section--fill"><h3 class="h3"><a href="/" class="block-action__control">Telefóny a zariadenia</a></h3><p>Predstavujeme vám ponuku telefónov, tabletov a zariadení, z ktorej si vyberie každý.</p></div></div></div><div class="grid__col grid__col--md-6 grid__col--lg-4"><div class="card mb-none block-action" data-block-action="true"><img class="img" src="/assets/rozcestnik-produkty-a-sluzby--tv.png" alt="TV"/><div class="card__section card__section--fill"><h3 class="h3"><a href="/" class="block-action__control">TV</a></h3><p>Sledujte obľúbené programy v TV kdekoľvek. Doma, z archívu aj na internete.</p></div></div></div><div class="grid__col grid__col--md-6 grid__col--lg-4"><div class="card mb-none block-action" data-block-action="true"><img class="img" src="/assets/rozcestnik-produkty-a-sluzby--vyhodne-balicky.png" alt="Výhodné balíčky"/><div class="card__section card__section--fill"><h3 class="h3"><a href="/" class="block-action__control">Výhodné balíčky</a></h3><p>Internet, TV a paušál dokopy vám poskytnú skvelé výhody pre celú rodinu s balíkmi Love.</p></div></div></div><div class="grid__col grid__col--md-6 grid__col--lg-4"><div class="card mb-none block-action" data-block-action="true"><img class="img" src="/assets/rozcestnik-produkty-a-sluzby--navzajom-zadarmo.png" alt="Navzájom zadarmo"/><div class="card__section card__section--fill"><h3 class="h3"><a href="/" class="block-action__control">Navzájom zadarmo</a></h3><p>Volajte a píšte si v skupine Navzájom zadarmo.</p></div></div></div></div></div></div><div class="section pt-none pb-none"><div class="container"><div class="grid promo-banner"><div class="grid__col grid__col--12 grid__col--md-6 promo-banner__item"><p class="mb-xsmall">Byť v Orangei sa oplatí</p><h2 class="h1 thin mb-medium">Prihláste sa a užívajte si výhody</h2><p class="mb-large text-secondary">Ste naším zákazníkom? Rozdeľte si až 1000 € z ceny telefónu na splátky bez navýšenia.</p><button type="button" class="btn btn--large btn--primary mb-none">Prihlásiť sa</button></div><div class="grid__col grid__col--12 grid__col--md-6 promo-banner__image align-self-bottom"><img class="img mb-none" src="/assets/rozcestnik-produkty-a-sluzby--vyhody.png" alt="Obrázok"/></div></div></div></div><div class="section background-secondary pt-none pb-none is-dark"><div class="container"><div class="grid promo-banner"><div class="grid__col grid__col--12 grid__col--md-6 promo-banner__item"><p class="mb-xsmall">Byť v Orangei sa oplatí</p><h2 class="display-3 thin mb-medium">Preneste si číslo do Orangeu</h2><p class="mb-large text-secondary">Získate od nás zľavu z vášho mesačného poplatku.</p><button type="button" class="btn btn--large btn--primary mb-none">Preniesť číslo</button></div><div class="grid__col grid__col--12 grid__col--md-6 promo-banner__image align-self-bottom"><img class="img mb-none" src="/assets/rozcestnik-produkty-a-sluzby--transfer.png" alt="Obrázok"/></div></div></div></div><div class="section section--default surface-moderate is-dark"><div class="container"><h2 class="thin h2 mb-large">Môže sa vám hodiť</h2><div class="grid grid-row-gap--medium" data-same-height="true"><div class="grid__col grid__col--12 grid__col--md-6 grid__col--lg-3"><div class="tile tile--action is-light block-action" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--medium icon--orange" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg><a href="/" class="link d-block bold text-inverse block-action__control">Elektronická faktúra</a></div></div></div><div class="grid__col grid__col--12 grid__col--md-6 grid__col--lg-3"><div class="tile tile--action is-light block-action" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--medium icon--orange" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg><a href="/" class="link d-block bold text-inverse block-action__control">Dobiť Prima kartu</a></div></div></div><div class="grid__col grid__col--12 grid__col--md-6 grid__col--lg-3"><div class="tile tile--action is-light block-action" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--medium icon--orange" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg><a href="/" class="link d-block bold text-inverse block-action__control">Navýšiť mobilné dáta</a></div></div></div><div class="grid__col grid__col--12 grid__col--md-6 grid__col--lg-3"><div class="tile tile--action is-light block-action" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--medium icon--orange" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg><a href="/" class="link d-block bold text-inverse block-action__control">Navýšiť mobilné dáta</a></div></div></div></div></div></div><div class="section section--default"><div class="container"><h2 class="thin h2 mb-xlarge">Nakupovať v e-shope sa oplatí</h2><div class="carousel mb-large carousel--scrollbar carousel--bleed-right" data-carousel="true" data-swiper-options="{&quot;slidesPerView&quot;:1.5,&quot;breakpoints&quot;:{&quot;768&quot;:{&quot;slidesPerView&quot;:2.5}, &quot;1024&quot;:{&quot;slidesPerView&quot;:4}}}" id="carousel-blog-posts"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide"><div><span class="pill pill--xxlarge surface-subtle mb h2"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#street"></use></svg></span><p class="h4 bold mb-small">Zľava až do 225 € na telefón k paušálu</p></div></div><div class="carousel__slide"><div><span class="pill pill--xxlarge surface-subtle mb h2"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#film"></use></svg></span><p class="h4 bold mb-small">Bezpečné doručenie na druhý pracovný deň</p></div></div><div class="carousel__slide"><div><span class="pill pill--xxlarge surface-subtle mb h2"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#startover"></use></svg></span><p class="h4 bold mb-small">Možnosť bezplatného doručenia do predajne</p></div></div><div class="carousel__slide"><div><span class="pill pill--xxlarge surface-subtle mb h2"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#startover"></use></svg></span><p class="h4 bold mb-small">Vrátenie tovaru bez dôvodu až do 14 dní</p></div></div></div></div></div><div class="carousel__scrollbar"><div class="carousel__scrollbar-drag"></div></div></div></div></div><footer class="footer"><div class="footer__container"><a href="https://www.orange.sk/" aria-label="Odkaz na úvodnú stránku" class="footer__logo"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M48 0H0V48H48V0Z" fill="black"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M48 48H0V0H48V48Z" fill="#FF7900"></path><path d="M5.9078 44.1298C4.1702 44.1298 2.60156 43.0229 2.60156 40.6047C2.60156 38.1855 4.16924 37.0796 5.9078 37.0796C7.6454 37.0796 9.21116 38.1865 9.21116 40.6047C9.21116 43.0229 7.64636 44.1298 5.9078 44.1298ZM5.9078 38.5657C4.59356 38.5657 4.35356 39.7494 4.35356 40.6047C4.35356 41.4591 4.59356 42.6457 5.9078 42.6457C7.22204 42.6457 7.46204 41.4601 7.46204 40.6047C7.46204 39.7503 7.22204 38.5657 5.9078 38.5657Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.418 37.2559H12.0912V38.0412C12.41 37.6179 13.1952 37.1196 13.9316 37.1196C14.0016 37.1196 14.088 37.1196 14.16 37.1283V38.7795H14.0736C13.3095 38.7795 12.4733 38.8985 12.2026 39.4927V43.9356H10.418V37.2559Z" fill="white"></path><path d="M18.831 43.3547C18.1777 43.7913 17.4087 44.0223 16.623 44.0181C15.375 44.0181 14.6367 43.1887 14.6367 42.0751C14.6367 40.5794 16.0114 39.7903 18.8444 39.4706V39.0981C18.8444 38.6133 18.4767 38.3291 17.7961 38.3291C17.1164 38.3291 16.5634 38.5989 16.165 39.0971L14.9794 38.4223C15.6015 37.5506 16.55 37.1147 17.8239 37.1147C19.5673 37.1147 20.5455 37.8703 20.5455 39.0981C20.5455 39.0981 20.5436 43.9269 20.5455 43.9394H18.9865L18.831 43.3547ZM16.3686 41.9474C16.3686 42.3967 16.6498 42.8162 17.1606 42.8162C17.7126 42.8162 18.2511 42.5877 18.7887 42.1125V40.5304C17.1471 40.733 16.3686 41.1573 16.3686 41.9474Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M21.9336 37.4342L23.3899 37.2336L23.5512 38.0256C24.371 37.4246 25.0229 37.1059 25.8437 37.1059C27.2184 37.1059 27.9288 37.8355 27.9288 39.2793V43.9296H26.1691V39.5846C26.1691 38.7667 25.9579 38.399 25.3214 38.399C24.7973 38.399 24.2731 38.6361 23.6741 39.1392V43.9296H21.9336V37.4342Z" fill="white"></path><path d="M32.2317 42.5003C33.5642 42.4907 33.6784 41.1323 33.6784 40.2491C33.6784 39.2008 33.1677 38.355 32.2192 38.355C31.5885 38.355 30.8819 38.8158 30.8819 40.3221C30.8819 41.1438 30.9405 42.5118 32.2317 42.5003ZM35.3671 37.2328V43.5582C35.3671 44.6718 35.2787 46.515 32.0983 46.5314C30.785 46.541 29.5658 46.013 29.3239 44.8677L31.0567 44.5874C31.1296 44.9166 31.3322 45.2421 32.3152 45.2421C33.2263 45.2421 33.664 44.8072 33.664 43.7637V42.9851L33.641 42.9611C33.3616 43.4622 32.9373 43.9355 31.9168 43.9355C30.3578 43.9355 29.1328 42.8546 29.1328 40.5966C29.1328 38.3627 30.3981 37.1118 31.817 37.109C33.1514 37.107 33.6429 37.7147 33.76 38.0334L33.736 38.0315L33.8829 37.2328H35.3671ZM39.5709 44.0584C37.6029 44.0584 36.4279 42.7912 36.4279 40.5928C36.4279 38.3704 37.6163 37.1051 39.5431 37.1051C41.4698 37.1051 42.616 38.3339 42.616 40.5045C42.616 40.6216 42.6016 40.7349 42.6016 40.8501H38.1539C38.1664 42.1173 38.6925 42.7557 39.7274 42.7557C40.3907 42.7557 40.8314 42.4869 41.2442 41.9003L42.5306 42.6136C41.9642 43.5611 40.9427 44.0584 39.5709 44.0584ZM40.8899 39.7096C40.8899 38.8178 40.3773 38.2917 39.5431 38.2917C38.7482 38.2917 38.2519 38.8062 38.1827 39.7106L40.8899 39.7096ZM45.6256 34.7214L44.9776 36.3966L44.3191 34.7214H43.7546V36.9294H44.1203V35.0872H44.1299L44.8547 36.9304H45.088L45.808 35.0872H45.8195V36.9304H46.1824V34.7224L45.6256 34.7214ZM41.56 34.7214V35.0152H42.2503V36.9304H42.6151V35.0152H43.3072V34.7214H41.56Z" fill="white"></path></svg></a><div class="footer__grid"><div><h5 class="footer__title">Eshop</h5><ul class="footer__list"><li class="mb-small"><a href="https://www.orange.sk/eshop/telefony">Telefóny</a></li><li class="mb-small"><a href="https://www.orange.sk/eshop/prenos-cisla">Prenos císla</a></li><li class="mb-small"><a href="https://www.orange.sk/eshop/akciove-ponuky">Akciové ponuky v e-shope</a></li><li class="mb-small"><a href="https://www.orange.sk/eshop/sledovanie-objednavky">Sledovanie objednávky</a></li><li class="mb-small"><a href="https://www.orange.sk/eshop/ponuka-love">Ponuka Love</a></li><li class="mb-small"><a href="https://www.orange.sk/eshop/pevny-internet">Pevny internet</a></li><li class="mb-small"><a href="https://www.orange.sk/eshop/orange-tv">Orange TV</a></li><li class="mb-small"><a href="https://www.orange.sk/eshop/predajna-brozura">Predajná brozúra</a></li></ul></div><div><h5 class="footer__title">Služby</h5><ul class="footer__list"><li class="mb-small"><a href="https://www.orange.sk/sluzby/porovnanie-pausalov">Porovnanie paušálov</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/mobilny-internet">Mobilný internet</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/pevny-internet">Pevný internet</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/televizia">Televízia</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/prima-volba">Prima Voľba</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/roaming">Roaming</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/doplnkove-sluzby">Ostatné doplnkové služby</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/moj-orange">Môj Orange</a></li></ul></div><div><h5 class="footer__title">Pomoc a podpora</h5><ul class="footer__list"><li class="mb-small"><a href="https://www.orange.sk/podpora/cennik">Cenník</a></li><li class="mb-small"><a href="https://www.orange.sk/podpora/expertlinka">Expertlinka</a></li><li class="mb-small"><a href="https://www.orange.sk/podpora/dobitie-kreditu">Dobitie kreditu</a></li><li class="mb-small"><a href="https://www.orange.sk/podpora/reklamacie">Reklamácie a riešenie sporov</a></li><li class="mb-small"><a href="https://www.orange.sk/podpora/zarucny-list">Elektronický záručný list</a></li><li class="mb-small"><a href="https://www.orange.sk/podpora/gdpr">Nariadenie GDPR</a></li><li class="mb-small"><a href="https://www.orange.sk/podpora/telemarketing">Telemarketing</a></li><li class="mb-small"><a href="https://www.orange.sk/podpora/mapa-pokrytia">Mapa pokrytia</a></li></ul></div><div><h5 class="footer__title">O nás</h5><ul class="footer__list"><li class="mb-small"><a href="https://www.orange.sk/sluzby/kariera">Kariéra</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/tlacove-spravy">Tlačové správy</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/predajne">Predajne</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/zodpovednost">Spoločenská zodpovednosť</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/bez-nastrah-online">Bez nástrah online</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/nadacia-orange">Nadácia Orange</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/pre-developerov">Orange pre developerov</a></li><li class="mb-small"><a href="https://www.orange.sk/sluzby/pre-stavebnikov">Informácie pre stavebníkov</a></li></ul></div></div><hr/><p>Sledujte nás</p><hr/><div class="footer__bottom"><ul class="footer__list footer__list--inline"><li class="mr-small"><a href="https://www.orange.sk/kontakt">Kontakt</a></li><li class="mr-small"><a href="https://www.orange.sk/nastavenia-cookies">Nastavenia cookies</a></li><li class="mr-small"><a href="https://www.orange.sk/sprava-osobnych-udajov">Správa osobných údajov</a></li><li class="mr-small"><a href="https://www.orange.sk/vseobecne-podmienky">Všeobecné podmienky</a></li><li class="mr-small"><a href="https://www.orange.sk/informacie-pre-uzivatelov">Informácie pre koncových užívateľov</a></li></ul><span class="footer__bottom-copyright">© 1997 - 2025 Orange</span></div></div></footer></div></div>
20
20
  </main>
21
21
  </div>
22
22
  <div id="root-tooltips"></div>
@@ -16,7 +16,7 @@
16
16
  <body>
17
17
  <div id="root">
18
18
  <main>
19
- <div id="MDX_ROOT_dd29c394-eeb7-4c20-bc5d-627c8c0061cc"><div class="section"><div class="container"><h1>CMS Templates</h1>
19
+ <div id="MDX_ROOT_d32a5194-e25d-451d-a9dd-729f2066a23a"><div class="section"><div class="container"><h1>CMS Templates</h1>
20
20
  <p>A package containing templates and components for CMS.</p>
21
21
  <h2>Installation</h2>
22
22
  <pre><code class="language-bash">npm install @orangesk/cms-templates
@@ -24,10 +24,19 @@
24
24
  <h2>Included Assets</h2>
25
25
  <p>This package includes the following resources:</p>
26
26
  <ul>
27
- <li><strong>Fonts</strong> - Web fonts for proper typography and styling</li>
28
27
  <li><strong>Images</strong> - Graphics and visual assets for components</li>
29
28
  <li><strong>shame.css</strong> - Additional stylesheet for component styling</li>
30
- </ul></div></div></div>
29
+ </ul>
30
+ <h2>Styling</h2>
31
+ <h3>Color Management</h3>
32
+ <p>This package uses CSS custom properties (variables) for color management of colors, which are not in design system. So use it instead of hardcoded <code>backgroundColor</code> values. This provides better color consistency and maintainability.</p>
33
+ <p><strong>Example:</strong></p>
34
+ <pre><code class="language-jsx">// Instead of:
35
+ style={{ backgroundColor: &quot;#000000&quot; }}
36
+
37
+ // Use:
38
+ style={{ &quot;--color-background-primary&quot;: &quot;#000000&quot; }}
39
+ </code></pre></div></div></div>
31
40
  </main>
32
41
  </div>
33
42
  <div id="root-tooltips"></div>
package/build/shame.css CHANGED
@@ -3,54 +3,6 @@
3
3
  border-radius: 0;
4
4
  }
5
5
  }
6
- @media screen and (min-width: 768px) {
7
- .container--stretch-right {
8
- --container-margin-left: calc((100vw - 744px) / 2);
9
- min-width: calc(744px + var(--container-margin-left));
10
- margin-left: var(--container-margin-left);
11
- }
12
- }
13
- @media screen and (min-width: 992px) {
14
- .container--stretch-right {
15
- --container-margin-left: calc((100vw - 960px) / 2);
16
- min-width: calc(960px + var(--container-margin-left));
17
- margin-left: var(--container-margin-left);
18
- }
19
- }
20
- @media screen and (min-width: 1240px) {
21
- .container--stretch-right {
22
- --container-margin-left: calc((100vw - 1200px) / 2);
23
- min-width: calc(1200px + var(--container-margin-left));
24
- margin-left: var(--container-margin-left);
25
- }
26
- }
27
- @media screen and (min-width: 1380px) {
28
- .container--stretch-right {
29
- --container-margin-left: calc((100vw - 1320px) / 2);
30
- min-width: calc(1320px + var(--container-margin-left));
31
- margin-left: var(--container-margin-left);
32
- }
33
- }
34
-
35
- html {
36
- scroll-behavior: smooth;
37
- }
38
-
39
- .toc li {
40
- position: relative;
41
- }
42
- .toc li:has(a.is-active)::before {
43
- content: "";
44
- width: 0.875rem;
45
- height: 1rem;
46
- background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjUgNy45OTk4TDAgMTUuNzk0TDYuODEzOTNlLTA3IDAuMjA1NTY2TDEzLjUgNy45OTk4WiIgZmlsbD0iI0ZGNzkwMCIvPgo8L3N2Zz4K");
47
- background-repeat: no-repeat;
48
- background-size: contain;
49
- position: absolute;
50
- left: -1.25rem;
51
- top: 0.375rem;
52
- }
53
-
54
6
  @layer components {
55
7
  .product-image {
56
8
  position: relative;
@@ -102,32 +54,25 @@ html {
102
54
  }
103
55
  }
104
56
 
105
- @media screen and (min-width: 480px) {
106
- .store-buttons .btn {
107
- margin-right: 1.25rem;
57
+ @layer components {
58
+ .plus-pill {
59
+ position: absolute;
60
+ right: -2rem;
61
+ z-index: 1;
62
+ top: 33%;
63
+ border-width: 1px !important;
108
64
  }
109
- }
110
-
111
- .section-innovations {
112
- min-height: 35.4375rem;
113
- padding: 1.875rem 0;
114
- }
115
- @media screen and (min-width: 992px) {
116
- .section-innovations {
117
- padding: 3.75rem 0;
118
- min-height: 50rem;
65
+ @media screen and (max-width: 991.98px) {
66
+ .plus-pill {
67
+ right: -2.625rem;
68
+ }
119
69
  }
120
- }
121
- .section-innovations .cover__content {
122
- padding: 0;
123
- flex: 1;
124
- }
125
- @media screen and (min-width: 992px) {
126
- .section-innovations .card__section {
127
- padding: 3.75rem;
70
+ @media screen and (max-width: 767.98px) {
71
+ .plus-pill {
72
+ right: -2.125rem;
73
+ }
128
74
  }
129
75
  }
130
-
131
76
  @layer base {
132
77
  h1[id],
133
78
  h2[id],
@@ -160,8 +105,12 @@ html {
160
105
  }
161
106
  }
162
107
  @layer base {
108
+ html {
109
+ scroll-behavior: smooth;
110
+ }
163
111
  body {
164
112
  overflow-x: clip;
113
+ font-size: 1.125rem;
165
114
  }
166
115
  }
167
116
  @layer components {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@orangesk/cms-templates",
3
- "version": "1.0.0-beta.2",
3
+ "version": "1.0.0-beta.3",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "files": [
@@ -21,9 +21,9 @@
21
21
  },
22
22
  "dependencies": {
23
23
  "@11ty/eleventy": "^3.1.2",
24
- "@orangesk/orange-design-system": "2.0.0-beta.13",
24
+ "@orangesk/orange-design-system": "2.0.0-beta.14",
25
25
  "clsx": "^2.1.1",
26
- "markdown-to-jsx": "^7.7.16",
26
+ "markdown-to-jsx": "^7.7.17",
27
27
  "react": "^19.2.0",
28
28
  "react-dom": "^19.2.0",
29
29
  "sass": "^1.93.2"
@@ -36,7 +36,7 @@
36
36
  "@typescript-eslint/eslint-plugin": "^8.46.2",
37
37
  "@typescript-eslint/parser": "^8.46.2",
38
38
  "eslint": "latest",
39
- "eslint-config-next": "^15.5.6",
39
+ "eslint-config-next": "^16.0.0",
40
40
  "eslint-config-prettier": "^10.1.8",
41
41
  "eslint-plugin-mdx": "^3.6.2",
42
42
  "eslint-plugin-unused-imports": "^4.3.0",
@@ -55,4 +55,4 @@
55
55
  },
56
56
  "homepage": "https://github.com/orangesk/cms-templates#readme",
57
57
  "description": ""
58
- }
58
+ }
@@ -1,5 +0,0 @@
1
- <svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M34.0742 50.4761C33.2272 50.4381 32.3812 50.5321 31.5342 50.3661C30.0742 50.0811 28.6072 49.8301 27.1442 49.5611C25.3542 49.2331 23.5652 48.8991 21.7752 48.5721C19.6492 48.1841 17.5222 47.7991 15.3962 47.4151C13.9572 47.1561 12.5172 46.9001 11.0592 46.6391V15.8761C11.6142 15.7721 12.1742 15.6631 12.7362 15.5611C13.7172 15.3831 14.7002 15.2111 15.6812 15.0351C17.2272 14.7561 18.7732 14.4771 20.3182 14.1961C21.6022 13.9631 22.8852 13.7271 24.1682 13.4931C25.5332 13.2431 26.8972 12.9941 28.2622 12.7451C29.5292 12.5131 30.7912 12.2441 32.0662 12.0661C32.7132 11.9761 33.3822 12.0501 34.0742 12.0501V50.4761ZM19.9072 33.5771C20.0132 33.5771 20.1042 33.5761 20.1962 33.5771C21.1192 33.5801 22.0422 33.7151 22.9652 33.5301C23.9082 33.3411 24.7242 32.9151 25.3902 32.2331C26.0652 31.5421 26.5022 30.7051 26.7602 29.7721C27.0342 28.7791 27.0242 27.7791 26.8272 26.7791C26.6652 25.9581 26.3512 25.2011 25.7742 24.5791C24.9302 23.6681 23.8282 23.3341 22.6412 23.3321C21.7882 23.3301 20.9352 23.4691 20.0842 23.5611C19.0512 23.6721 18.0192 23.7971 16.9872 23.9281C16.9132 23.9371 16.7952 24.0441 16.7932 24.1081C16.7682 24.9641 16.7562 25.8211 16.7512 26.6771C16.7492 26.9771 16.7872 27.2761 16.7852 27.5761C16.7802 28.2901 16.7562 29.0051 16.7512 29.7191C16.7492 30.0101 16.7872 30.3011 16.7852 30.5921C16.7802 31.3071 16.7562 32.0211 16.7512 32.7351C16.7492 33.0261 16.7872 33.3181 16.7852 33.6091C16.7802 34.3321 16.7592 35.0541 16.7502 35.7771C16.7442 36.1921 16.7482 36.6071 16.7492 37.0221C16.7492 37.1811 16.7552 37.3391 16.7592 37.4981C16.7652 37.7471 16.7962 37.9991 16.7712 38.2451C16.7542 38.4171 16.7732 38.4851 16.9582 38.5051C17.6272 38.5761 18.2952 38.6641 18.9642 38.7441C19.2752 38.7811 19.5862 38.8151 19.9072 38.8521V33.5771Z" fill="black"/>
3
- <path fill-rule="evenodd" clip-rule="evenodd" d="M49.4596 44.6851H36.0466C36.0466 44.5891 36.0466 44.5001 36.0466 44.4121C36.0476 43.6421 36.0536 42.8721 36.0436 42.1031C36.0416 41.9281 36.0976 41.8101 36.2186 41.6891C37.7016 40.2141 39.1796 38.7341 40.6576 37.2551C40.7276 37.1851 40.7936 37.1131 40.9126 36.9871C40.6826 36.7811 40.4586 36.5961 40.2526 36.3921C39.2846 35.4331 38.3206 34.4701 37.3566 33.5081C36.9496 33.1011 36.5446 32.6931 36.1446 32.2801C36.0926 32.2261 36.0516 32.1371 36.0516 32.0641C36.0486 29.8981 36.0526 27.7311 36.0546 25.5651C36.0546 25.5571 36.0576 25.5491 36.0646 25.5181H41.7756V29.2961H39.0306C40.2816 30.5481 41.5566 31.8231 42.8046 33.0711C44.0066 31.8661 45.2776 30.5931 46.5526 29.3151H43.7516C43.7516 28.8861 43.7546 28.4861 43.7516 28.0861C43.7466 27.4161 43.7316 26.7461 43.7316 26.0761C43.7306 25.3351 43.7386 24.5951 43.7506 23.8541C43.7556 23.5111 43.7646 23.5141 43.4236 23.5171C42.1716 23.5271 40.9196 23.5391 39.6676 23.5431C38.4706 23.5481 37.2736 23.5441 36.0616 23.5441V17.8301H49.4596V44.6851Z" fill="black"/>
4
- <path fill-rule="evenodd" clip-rule="evenodd" d="M19.8656 30.9837V26.2077C20.6716 26.2257 21.4906 26.0427 22.3096 26.2417C23.0946 26.4337 23.5906 26.9127 23.7796 27.7027C23.9256 28.3167 23.9106 28.9307 23.6986 29.5217C23.4266 30.2817 22.8386 30.7147 22.0646 30.8267C21.3606 30.9297 20.6416 30.9327 19.8656 30.9837Z" fill="black"/>
5
- </svg>
@@ -1,5 +0,0 @@
1
- <svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M34.0742 50.4761C33.2272 50.4381 32.3812 50.5321 31.5342 50.3661C30.0742 50.0811 28.6072 49.8301 27.1442 49.5611C25.3542 49.2331 23.5652 48.8991 21.7752 48.5721C19.6492 48.1841 17.5222 47.7991 15.3962 47.4151C13.9572 47.1561 12.5172 46.9001 11.0592 46.6391V15.8761C11.6142 15.7721 12.1742 15.6631 12.7362 15.5611C13.7172 15.3831 14.7002 15.2111 15.6812 15.0351C17.2272 14.7561 18.7732 14.4771 20.3182 14.1961C21.6022 13.9631 22.8852 13.7271 24.1682 13.4931C25.5332 13.2431 26.8972 12.9941 28.2622 12.7451C29.5292 12.5131 30.7912 12.2441 32.0662 12.0661C32.7132 11.9761 33.3822 12.0501 34.0742 12.0501V50.4761ZM19.9072 33.5771C20.0132 33.5771 20.1042 33.5761 20.1962 33.5771C21.1192 33.5801 22.0422 33.7151 22.9652 33.5301C23.9082 33.3411 24.7242 32.9151 25.3902 32.2331C26.0652 31.5421 26.5022 30.7051 26.7602 29.7721C27.0342 28.7791 27.0242 27.7791 26.8272 26.7791C26.6652 25.9581 26.3512 25.2011 25.7742 24.5791C24.9302 23.6681 23.8282 23.3341 22.6412 23.3321C21.7882 23.3301 20.9352 23.4691 20.0842 23.5611C19.0512 23.6721 18.0192 23.7971 16.9872 23.9281C16.9132 23.9371 16.7952 24.0441 16.7932 24.1081C16.7682 24.9641 16.7562 25.8211 16.7512 26.6771C16.7492 26.9771 16.7872 27.2761 16.7852 27.5761C16.7802 28.2901 16.7562 29.0051 16.7512 29.7191C16.7492 30.0101 16.7872 30.3011 16.7852 30.5921C16.7802 31.3071 16.7562 32.0211 16.7512 32.7351C16.7492 33.0261 16.7872 33.3181 16.7852 33.6091C16.7802 34.3321 16.7592 35.0541 16.7502 35.7771C16.7442 36.1921 16.7482 36.6071 16.7492 37.0221C16.7492 37.1811 16.7552 37.3391 16.7592 37.4981C16.7652 37.7471 16.7962 37.9991 16.7712 38.2451C16.7542 38.4171 16.7732 38.4851 16.9582 38.5051C17.6272 38.5761 18.2952 38.6641 18.9642 38.7441C19.2752 38.7811 19.5862 38.8151 19.9072 38.8521V33.5771Z" fill="black"/>
3
- <path fill-rule="evenodd" clip-rule="evenodd" d="M49.4596 44.6851H36.0466C36.0466 44.5891 36.0466 44.5001 36.0466 44.4121C36.0476 43.6421 36.0536 42.8721 36.0436 42.1031C36.0416 41.9281 36.0976 41.8101 36.2186 41.6891C37.7016 40.2141 39.1796 38.7341 40.6576 37.2551C40.7276 37.1851 40.7936 37.1131 40.9126 36.9871C40.6826 36.7811 40.4586 36.5961 40.2526 36.3921C39.2846 35.4331 38.3206 34.4701 37.3566 33.5081C36.9496 33.1011 36.5446 32.6931 36.1446 32.2801C36.0926 32.2261 36.0516 32.1371 36.0516 32.0641C36.0486 29.8981 36.0526 27.7311 36.0546 25.5651C36.0546 25.5571 36.0576 25.5491 36.0646 25.5181H41.7756V29.2961H39.0306C40.2816 30.5481 41.5566 31.8231 42.8046 33.0711C44.0066 31.8661 45.2776 30.5931 46.5526 29.3151H43.7516C43.7516 28.8861 43.7546 28.4861 43.7516 28.0861C43.7466 27.4161 43.7316 26.7461 43.7316 26.0761C43.7306 25.3351 43.7386 24.5951 43.7506 23.8541C43.7556 23.5111 43.7646 23.5141 43.4236 23.5171C42.1716 23.5271 40.9196 23.5391 39.6676 23.5431C38.4706 23.5481 37.2736 23.5441 36.0616 23.5441V17.8301H49.4596V44.6851Z" fill="black"/>
4
- <path fill-rule="evenodd" clip-rule="evenodd" d="M19.8656 30.9837V26.2077C20.6716 26.2257 21.4906 26.0427 22.3096 26.2417C23.0946 26.4337 23.5906 26.9127 23.7796 27.7027C23.9256 28.3167 23.9106 28.9307 23.6986 29.5217C23.4266 30.2817 22.8386 30.7147 22.0646 30.8267C21.3606 30.9297 20.6416 30.9327 19.8656 30.9837Z" fill="black"/>
5
- </svg>
Binary file
Binary file
@@ -1,5 +0,0 @@
1
- <svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M34.0742 50.4761C33.2272 50.4381 32.3812 50.5321 31.5342 50.3661C30.0742 50.0811 28.6072 49.8301 27.1442 49.5611C25.3542 49.2331 23.5652 48.8991 21.7752 48.5721C19.6492 48.1841 17.5222 47.7991 15.3962 47.4151C13.9572 47.1561 12.5172 46.9001 11.0592 46.6391V15.8761C11.6142 15.7721 12.1742 15.6631 12.7362 15.5611C13.7172 15.3831 14.7002 15.2111 15.6812 15.0351C17.2272 14.7561 18.7732 14.4771 20.3182 14.1961C21.6022 13.9631 22.8852 13.7271 24.1682 13.4931C25.5332 13.2431 26.8972 12.9941 28.2622 12.7451C29.5292 12.5131 30.7912 12.2441 32.0662 12.0661C32.7132 11.9761 33.3822 12.0501 34.0742 12.0501V50.4761ZM19.9072 33.5771C20.0132 33.5771 20.1042 33.5761 20.1962 33.5771C21.1192 33.5801 22.0422 33.7151 22.9652 33.5301C23.9082 33.3411 24.7242 32.9151 25.3902 32.2331C26.0652 31.5421 26.5022 30.7051 26.7602 29.7721C27.0342 28.7791 27.0242 27.7791 26.8272 26.7791C26.6652 25.9581 26.3512 25.2011 25.7742 24.5791C24.9302 23.6681 23.8282 23.3341 22.6412 23.3321C21.7882 23.3301 20.9352 23.4691 20.0842 23.5611C19.0512 23.6721 18.0192 23.7971 16.9872 23.9281C16.9132 23.9371 16.7952 24.0441 16.7932 24.1081C16.7682 24.9641 16.7562 25.8211 16.7512 26.6771C16.7492 26.9771 16.7872 27.2761 16.7852 27.5761C16.7802 28.2901 16.7562 29.0051 16.7512 29.7191C16.7492 30.0101 16.7872 30.3011 16.7852 30.5921C16.7802 31.3071 16.7562 32.0211 16.7512 32.7351C16.7492 33.0261 16.7872 33.3181 16.7852 33.6091C16.7802 34.3321 16.7592 35.0541 16.7502 35.7771C16.7442 36.1921 16.7482 36.6071 16.7492 37.0221C16.7492 37.1811 16.7552 37.3391 16.7592 37.4981C16.7652 37.7471 16.7962 37.9991 16.7712 38.2451C16.7542 38.4171 16.7732 38.4851 16.9582 38.5051C17.6272 38.5761 18.2952 38.6641 18.9642 38.7441C19.2752 38.7811 19.5862 38.8151 19.9072 38.8521V33.5771Z" fill="black"/>
3
- <path fill-rule="evenodd" clip-rule="evenodd" d="M49.4596 44.6851H36.0466C36.0466 44.5891 36.0466 44.5001 36.0466 44.4121C36.0476 43.6421 36.0536 42.8721 36.0436 42.1031C36.0416 41.9281 36.0976 41.8101 36.2186 41.6891C37.7016 40.2141 39.1796 38.7341 40.6576 37.2551C40.7276 37.1851 40.7936 37.1131 40.9126 36.9871C40.6826 36.7811 40.4586 36.5961 40.2526 36.3921C39.2846 35.4331 38.3206 34.4701 37.3566 33.5081C36.9496 33.1011 36.5446 32.6931 36.1446 32.2801C36.0926 32.2261 36.0516 32.1371 36.0516 32.0641C36.0486 29.8981 36.0526 27.7311 36.0546 25.5651C36.0546 25.5571 36.0576 25.5491 36.0646 25.5181H41.7756V29.2961H39.0306C40.2816 30.5481 41.5566 31.8231 42.8046 33.0711C44.0066 31.8661 45.2776 30.5931 46.5526 29.3151H43.7516C43.7516 28.8861 43.7546 28.4861 43.7516 28.0861C43.7466 27.4161 43.7316 26.7461 43.7316 26.0761C43.7306 25.3351 43.7386 24.5951 43.7506 23.8541C43.7556 23.5111 43.7646 23.5141 43.4236 23.5171C42.1716 23.5271 40.9196 23.5391 39.6676 23.5431C38.4706 23.5481 37.2736 23.5441 36.0616 23.5441V17.8301H49.4596V44.6851Z" fill="black"/>
4
- <path fill-rule="evenodd" clip-rule="evenodd" d="M19.8656 30.9837V26.2077C20.6716 26.2257 21.4906 26.0427 22.3096 26.2417C23.0946 26.4337 23.5906 26.9127 23.7796 27.7027C23.9256 28.3167 23.9106 28.9307 23.6986 29.5217C23.4266 30.2817 22.8386 30.7147 22.0646 30.8267C21.3606 30.9297 20.6416 30.9327 19.8656 30.9837Z" fill="black"/>
5
- </svg>
@@ -1,54 +0,0 @@
1
-
2
- <!DOCTYPE html>
3
- <html lang="sk">
4
- <head>
5
- <meta charstet="UTF-8" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <meta name="author" content="Lighting Beetle s.r.o." />
8
- <link rel="shortcut icon" href="/assets/favicon.ico" />
9
- <link rel="stylesheet" href="/lib/style.css" />
10
- <link rel="stylesheet" href="/lib/megamenu.css" />
11
- <link rel="stylesheet" href="/lib/footer.css" />
12
- <link rel="stylesheet" href="/lib/fonts.css" />
13
- <link rel="stylesheet" href="/shame.css" />
14
- <title></title>
15
- </head>
16
- <body>
17
- <div id="root">
18
- <main>
19
- <h1>Image section TODOs</h1>
20
- <ul>
21
- <li>add aspect ratio 3/2 to ODS</li>
22
- <li><s>button primary ma v dark mode cierny text (nesulad s Figmou pre image-section, sulad s ODS2 Button docs)</s>
23
- <ul>
24
- <li>najst moznost ako ignorovat dark mode pre button v hero sekciach, aj ked je na celej stranke dark, buttony v hero musia byt light</li>
25
- </ul>
26
- </li>
27
- <li>pridat utility class pre flex-direction: column?</li>
28
- </ul>
29
-
30
- </main>
31
- </div>
32
- <div id="root-tooltips"></div>
33
- <div id="root-dropdowns"></div>
34
- <div id="root-modals"></div>
35
- <script type="module" src="/lib/scripts.js"></script>
36
- <script type="module" src="/lib/megamenu.js"></script>
37
-
38
- <script>
39
- function toggleDarkMode() {
40
- document.body.classList.toggle('is-dark');
41
- document.querySelector("[data-megamenu]").classList.toggle("is-dark");
42
- document.querySelector("footer").classList.toggle("is-dark");
43
- }
44
- </script>
45
- <button
46
- id="toggle-dark-mode"
47
- style="position: fixed; bottom: 20px; right: 20px; z-index: 1000;" class="btn btn--small"
48
- onclick="toggleDarkMode()"
49
- >
50
- Dark mode
51
- </button>
52
-
53
- </body>
54
- </html>
@@ -1,44 +0,0 @@
1
-
2
- <!DOCTYPE html>
3
- <html lang="sk">
4
- <head>
5
- <meta charstet="UTF-8" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <meta name="author" content="Lighting Beetle s.r.o." />
8
- <link rel="shortcut icon" href="/assets/favicon.ico" />
9
- <link rel="stylesheet" href="/lib/style.css" />
10
- <link rel="stylesheet" href="/lib/megamenu.css" />
11
- <link rel="stylesheet" href="/lib/footer.css" />
12
- <link rel="stylesheet" href="/lib/fonts.css" />
13
- <link rel="stylesheet" href="/shame.css" />
14
- <title></title>
15
- </head>
16
- <body>
17
- <div id="root">
18
- <main>
19
- <div id="MDX_ROOT_a12b4f77-63fd-4966-9d68-8572c56a598f"><div class="cover image-section image-section--background-image d-flex align-items-center justify-content-center"><div class="cover__content pt-none pb-none"><div class="section image-section__content"><div class="mb-large d-flex align-items-center align-center flex-column is-dark"><h1 class="display-1 thin mb">Nadácia</h1><p class="mb-none">Spájame vás s tým, na čom skutočne záleží</p></div><div class="d-flex justify-content-center"><a href="#" class="btn btn--large btn--primary mb-none is-light"> Chcem vedieť viac</a></div></div></div><picture class="img cover__image"><source srcSet="/assets/clovek-blog-hero-exported.png" media="(min-width: 992px)"/><source srcSet="/assets/clovek-blog-hero-exported.png" media="(min-width: 768px)"/><img src="/assets/clovek-blog-hero-exported.png" alt=""/></picture></div></div>
20
- </main>
21
- </div>
22
- <div id="root-tooltips"></div>
23
- <div id="root-dropdowns"></div>
24
- <div id="root-modals"></div>
25
- <script type="module" src="/lib/scripts.js"></script>
26
- <script type="module" src="/lib/megamenu.js"></script>
27
-
28
- <script>
29
- function toggleDarkMode() {
30
- document.body.classList.toggle('is-dark');
31
- document.querySelector("[data-megamenu]").classList.toggle("is-dark");
32
- document.querySelector("footer").classList.toggle("is-dark");
33
- }
34
- </script>
35
- <button
36
- id="toggle-dark-mode"
37
- style="position: fixed; bottom: 20px; right: 20px; z-index: 1000;" class="btn btn--small"
38
- onclick="toggleDarkMode()"
39
- >
40
- Dark mode
41
- </button>
42
-
43
- </body>
44
- </html>
@@ -1,46 +0,0 @@
1
-
2
- <!DOCTYPE html>
3
- <html lang="sk">
4
- <head>
5
- <meta charstet="UTF-8" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <meta name="author" content="Lighting Beetle s.r.o." />
8
- <link rel="shortcut icon" href="/assets/favicon.ico" />
9
- <link rel="stylesheet" href="/lib/style.css" />
10
- <link rel="stylesheet" href="/lib/megamenu.css" />
11
- <link rel="stylesheet" href="/lib/footer.css" />
12
- <link rel="stylesheet" href="/lib/fonts.css" />
13
- <link rel="stylesheet" href="/shame.css" />
14
- <title></title>
15
- </head>
16
- <body>
17
- <div id="root">
18
- <main>
19
- <link rel="preload" as="image" href="/assets/three-phones-revert.png"/><div id="MDX_ROOT_589f6f49-51da-4f6a-bb80-aa95ffe8c57c"><div class="section background-accent2-blog pt-none pb-none"><div class="container"><div class="grid promo-banner"><div class="grid__col grid__col--12 grid__col--md-6 promo-banner__item"><p class="mb-xsmall">Nový iPhone v ponuke</p>
20
- <h1 class="h1 thin mb">Objavte najnovší model Apple iPhone</h1><p class="mb-none">Získajte najnovší iPhone s výhodným paušálom. Dostupný vo všetkých farbách
21
- a kapacitách.</p></div><div class="grid__col grid__col--12 grid__col--md-6 promo-banner__image promo-banner__image--bleed-right align-self-top"><img class="img mb-none" src="/assets/three-phones-revert.png" alt="Obrázok"/></div></div></div></div></div>
22
- </main>
23
- </div>
24
- <div id="root-tooltips"></div>
25
- <div id="root-dropdowns"></div>
26
- <div id="root-modals"></div>
27
- <script type="module" src="/lib/scripts.js"></script>
28
- <script type="module" src="/lib/megamenu.js"></script>
29
-
30
- <script>
31
- function toggleDarkMode() {
32
- document.body.classList.toggle('is-dark');
33
- document.querySelector("[data-megamenu]").classList.toggle("is-dark");
34
- document.querySelector("footer").classList.toggle("is-dark");
35
- }
36
- </script>
37
- <button
38
- id="toggle-dark-mode"
39
- style="position: fixed; bottom: 20px; right: 20px; z-index: 1000;" class="btn btn--small"
40
- onclick="toggleDarkMode()"
41
- >
42
- Dark mode
43
- </button>
44
-
45
- </body>
46
- </html>