@orangesk/cms-templates 1.0.0-beta.32 → 1.0.0-beta.34

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 (81) hide show
  1. package/README.md +26 -0
  2. package/build/assets/married-couple.png +0 -0
  3. package/build/changelog/index.html +157 -2
  4. package/build/components/ContactFormB2B/index.html +1 -1
  5. package/build/images/card-device-example.png +0 -0
  6. package/build/index.html +3 -3
  7. package/build/lib/base.css +1 -1
  8. package/build/lib/base.css.map +1 -1
  9. package/build/lib/components.css +1 -1
  10. package/build/lib/components.css.map +1 -1
  11. package/build/lib/footer.css +1 -1
  12. package/build/lib/footer.css.map +1 -1
  13. package/build/lib/footer.js +1 -1
  14. package/build/lib/footer.js.map +1 -1
  15. package/build/lib/megamenu.css +1 -1
  16. package/build/lib/megamenu.css.map +1 -1
  17. package/build/lib/megamenu.js +1 -1
  18. package/build/lib/megamenu.js.map +1 -1
  19. package/build/lib/scripts.js +1 -1
  20. package/build/lib/scripts.js.map +1 -1
  21. package/build/lib/style.css +1 -1
  22. package/build/lib/style.css.map +1 -1
  23. package/build/lib/utilities.css +1 -1
  24. package/build/lib/utilities.css.map +1 -1
  25. package/build/pages/basic-page-about-the-brand/index.html +1 -1
  26. package/build/pages/basic-page-gdpr/index.html +1 -1
  27. package/build/pages/blog-homepage-clovek/index.html +1 -1
  28. package/build/pages/blog-news-clovek/index.html +1 -1
  29. package/build/pages/blog-post-clovek/index.html +1 -1
  30. package/build/pages/business-trends-homepage/index.html +1 -1
  31. package/build/pages/business-trends-news/index.html +1 -1
  32. package/build/pages/business-trends-post/index.html +1 -1
  33. package/build/pages/career-at-orange/index.html +1 -1
  34. package/build/pages/components/basic/index.html +49 -0
  35. package/build/pages/components/benefit-section/index.html +67 -0
  36. package/build/pages/components/cards-section/index.html +60 -0
  37. package/build/pages/components/hero/index.html +57 -0
  38. package/build/pages/components/process-section/index.html +56 -0
  39. package/build/pages/components/promo-banner/index.html +76 -0
  40. package/build/pages/components/tiles-section/index.html +58 -0
  41. package/build/pages/device-lp-b2b/index.html +1 -1
  42. package/build/pages/device-lp-b2c/index.html +1 -1
  43. package/build/pages/device-lp-dvojicky-b2b/index.html +1 -1
  44. package/build/pages/device-lp-dvojicky-b2c/index.html +1 -1
  45. package/build/pages/digital-invoice/index.html +1 -1
  46. package/build/pages/help-and-support-b2b/index.html +1 -1
  47. package/build/pages/help-and-support-b2c/index.html +1 -1
  48. package/build/pages/homepage-b2b/index.html +1 -1
  49. package/build/pages/homepage-b2c/index.html +1 -1
  50. package/build/pages/increased-invoice/index.html +2 -2
  51. package/build/pages/invoices-and-payments/index.html +1 -1
  52. package/build/pages/job-offer-detail/index.html +1 -1
  53. package/build/pages/manuals-and-settings/index.html +1 -1
  54. package/build/pages/manuals-and-settings-general-template/index.html +1 -1
  55. package/build/pages/navody-a-nastavenia-apple-ios-16/index.html +1 -1
  56. package/build/pages/orange-tv-box/index.html +1 -1
  57. package/build/pages/press-and-news-releases/index.html +1 -1
  58. package/build/pages/press-and-news-releases-post/index.html +1 -1
  59. package/build/pages/press-center-docs-library/index.html +1 -1
  60. package/build/pages/press-center-general-terms/index.html +1 -1
  61. package/build/pages/press-center-informations-for-customers/index.html +1 -1
  62. package/build/pages/pricelist/index.html +1 -1
  63. package/build/pages/pricelist-tariff/index.html +1 -1
  64. package/build/pages/product-page-b2b-market-locator/index.html +1 -1
  65. package/build/pages/product-page-b2b-microsoft-365/index.html +1 -1
  66. package/build/pages/product-page-b2b-soc-as-a-service/index.html +1 -1
  67. package/build/pages/product-page-b2c-equipment-insurance/index.html +3 -3
  68. package/build/pages/product-page-b2c-online-security/index.html +1 -1
  69. package/build/pages/product-page-b2c-prima-volba/index.html +1 -1
  70. package/build/pages/roaming-b2b/index.html +2 -2
  71. package/build/pages/roaming-b2c/index.html +2 -2
  72. package/build/pages/roaming-b2c-detail/index.html +1 -1
  73. package/build/pages/roaming-b2c-overview/index.html +1 -1
  74. package/build/pages/signpost-insurance/index.html +1 -1
  75. package/build/pages/signpost-products-and-services/index.html +1 -1
  76. package/build/pages/tv-first-aid/index.html +1 -1
  77. package/build/pages/work-on-central/index.html +2 -2
  78. package/build/readme/index.html +22 -1
  79. package/build/shame.css +9 -3
  80. package/build/sprite.svg +1 -1
  81. package/package.json +7 -7
package/build/pages/components/benefit-section/index.html ADDED
@@ -0,0 +1,67 @@
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="sk">
4
+ <head>
5
+ <meta charset="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>Page</title>
15
+ </head>
16
+ <body>
17
+ <div id="root">
18
+ <main>
19
+ <link rel="preload" as="image" href="/assets/microsoft-365-computer.png"/><link rel="preload" as="image" imageSrcSet="https://placehold.co/1300x763, https://placehold.co/2600x1526 2x"/><div id="MDX_ROOT_78a73ad1-e220-4777-85e9-0277a7534ecd"><h1>Benefit section 1</h1>
20
+ <div class="section section--default surface-subtle"><div class="container"><div class="bar bar--space-large justify-content-center"><div class="bar__item"><div class="bar align-items-center"><div class="bar__item"><span class="pill pill--xxlarge surface-primary"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#mobile-data-toggle"></use></svg></span></div><div class="bar__item bar__item--fill h3"> 30 GB dát v 5G sieti</div></div></div><div class="bar__item"><div class="bar align-items-center"><div class="bar__item"><span class="pill pill--xxlarge surface-primary"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#top-up-euro"></use></svg></span></div><div class="bar__item bar__item--fill h3"> Nekonečné hovory</div></div></div><div class="bar__item"><div class="bar align-items-center"><div class="bar__item"><span class="pill pill--xxlarge surface-primary"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#call"></use></svg></span></div><div class="bar__item bar__item--fill h3"> 5 € kredit</div></div></div></div></div></div>
21
+ <br/>
22
+ <h1>Benefit section 2</h1>
23
+ <div class="section section--default" data-ods-id="work-on-central__section-02"><div class="container"><h2 class="mb-large">Orange na Slovensku</h2><div class="buttons mb-medium hide-lg"><button type="button" class="controls" data-carousel-controls="orange-in-slovakia-key-facts" data-carousel-action="prev"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-left"></use></svg></button><button type="button" class="controls" data-carousel-controls="orange-in-slovakia-key-facts" data-carousel-action="next"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></button></div><div class="carousel mb-none carousel--scrollbar" data-carousel="true" data-swiper-options="{&quot;pagination&quot;:{&quot;enabled&quot;:false},&quot;slidesPerView&quot;:1.3,&quot;spaceBetween&quot;:20,&quot;breakpoints&quot;:{&quot;480&quot;:{&quot;slidesPerView&quot;:1.8},&quot;768&quot;:{&quot;slidesPerView&quot;:2.5,&quot;spaceBetween&quot;:60},&quot;1024&quot;:{&quot;slidesPerView&quot;:4,&quot;spaceBetween&quot;:60}}}" data-carousel-id="orange-in-slovakia-key-facts"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide"><div class="d-flex flex-column align-items-left mb-large mb-md-none"><span class="pill pill--xxlarge surface-moderate mb-small mb-md-medium"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#apartment-building"></use></svg></span><p class="h3 align-left mb-none">3 pobočky na Slovensku</p></div></div><div class="carousel__slide"><div class="d-flex flex-column align-items-left mb-large mb-md-none"><span class="pill pill--xxlarge surface-moderate mb-small mb-md-medium"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#business-advisor"></use></svg></span><p class="h3 align-left mb-none">viac ako 1 100 zamestnancov</p></div></div><div class="carousel__slide"><div class="d-flex flex-column align-items-left mb-large mb-md-none"><span class="pill pill--xxlarge surface-moderate mb-small mb-md-medium"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#desktop-pc"></use></svg></span><p class="h3 align-left mb-none">najväčší úsek je IT &amp; Network</p></div></div><div class="carousel__slide"><div class="d-flex flex-column align-items-left mb-large mb-md-none"><span class="pill pill--xxlarge surface-moderate mb-small mb-md-medium"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#calendar-month"></use></svg></span><p class="h3 align-left mb-none">na slovenskom trhu od roku 1996</p></div></div></div></div></div><div class="carousel__scrollbar"><div class="carousel__scrollbar-drag"></div></div></div></div></div>
24
+ <br/>
25
+ <h1>Benefit section 3</h1>
26
+ <div class="section section--default background-secondary" data-ods-id="product-page-b2b-microsoft-365__section-05"><div class="container"><div class="promo-banner promo-banner--flush-bottom-sm-down"><div class="grid grid-column-gap--large"><div class="grid__col grid__col--12 grid__col--md-6 promo-banner__item"><p class="mb-xsmall">Microsoft 365</p><h2 class="h1 mb-medium">Ako vám môže uľahčiť Microsoft 365 podnikanie?</h2><p class="text-secondary mb-none">Microsoft 365 je komplexný kancelársky balík v online úložisku (Cloud), vďaka ktorému môžete pracovať odkiaľkoľvek a všetko potrebné tak máte vždy so sebou. Za jeden mesačný poplatok získate kancelársky balík na profesionálne fungovanie svojej firmy, vďaka ktorému zvýšite efektivitu svojej práce.</p></div><div class="grid__col grid__col--12 grid__col--md-6 promo-banner__image order-1 order-2-md"><img class="img mb-none" src="/assets/microsoft-365-computer.png" alt="Obrázok"/></div></div></div></div></div><div class="section section--default background-secondary" data-ods-id="product-page-b2b-microsoft-365__section-06"><div class="container"><div class="hide-md mb-large"><button type="button" class="controls" data-carousel-controls="carousel-more-features" data-carousel-action="prev"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-left"></use></svg></button><button type="button" class="controls" data-carousel-controls="carousel-more-features" data-carousel-action="next"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></button></div><div class="carousel carousel--scrollbar carousel--bleed-right" data-carousel="true" data-swiper-options="{&quot;pagination&quot;:{&quot;enabled&quot;:false},&quot;slidesPerView&quot;:1.2,&quot;spaceBetween&quot;:20,&quot;breakpoints&quot;:{&quot;480&quot;:{&quot;slidesPerView&quot;:1.8},&quot;768&quot;:{&quot;slidesPerView&quot;:3,&quot;spaceBetween&quot;:60},&quot;1240&quot;:{&quot;slidesPerView&quot;:4,&quot;spaceBetween&quot;:60}}}" id="carousel-more-features"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide"><div><span class="pill pill--xxlarge fill-disabled mb"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#email"></use></svg></span><h3 class="mb-small">E-mail a kalendár</h3><p class="mb-none text-secondary">Microsoft 365 vám zabezpečí profesionálny e-mail s kapacitou mailboxu až 50 GB a zdieľané kalendáre pre vašich zamestnancov.</p></div></div><div class="carousel__slide"><div><span class="pill pill--xxlarge fill-disabled mb"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#collective-class-training"></use></svg></span><h3 class="mb-small">Tímová spolupráca</h3><p class="mb-none text-secondary">Pracujte s viacerými používateľmi naraz cez Teams alebo SharePoint. K tomu získate úložisko až 1 TB na OneDrive pre každého, s kým zdieľate dokumenty.</p></div></div><div class="carousel__slide"><div><span class="pill pill--xxlarge fill-disabled mb"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#briefcase"></use></svg></span><h3 class="mb-small">Efektívne podnikanie</h3><p class="mb-none text-secondary">Vytvorenie jednoduchého rezervačného systému vďaka Microsoft Bookings a spravovanie zákazníckych kontaktov cez Outlook Customer Manager.</p></div></div><div class="carousel__slide"><div><span class="pill pill--xxlarge fill-disabled mb"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#orange-reflect"></use></svg></span><h3 class="mb-small">Viac zariadení</h3><p class="mb-none text-secondary">Najnovšie verzie kancelárskych aplikácií budete mať vždy dostupné až na 5 zariadeniach v rámci jednej licencie.</p></div></div></div></div></div><div class="carousel__scrollbar"><div class="carousel__scrollbar-drag"></div></div></div></div></div>
27
+ <br/>
28
+ <h1>Benefit section 4</h1>
29
+ <div class="section section--default" data-ods-id="product-page-b2c-online-security__section-02"><div class="container"><div class="grid grid-column-gap--xlarge" data-same-height="true"><div class="grid__col grid__col--12 grid__col--lg-4"><h2 class="mb-large">Výhody</h2></div><div class="grid__col grid__col--12 grid__col--md-6 grid__col--lg-4 mb-large mb-md-none"><div class="mb-large mb-md-xlarge" data-same-height-child="true" data-same-height-group="1-row"><span class="pill pill--xxlarge surface-subtle mb"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#mobile-applications"></use></svg></span><h3 class="mb-small">Množstvo funkcií</h3><p class="mb-small">Automatická ochrana proti spamu, vírusom, malvéru a phishingu s rozšírenými možnosťami kontroly a blokovania webového obsahu.</p></div><div><span class="pill pill--xxlarge surface-subtle mb"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#cyber-shield"></use></svg></span><h3 class="mb-small">Spravovanie prístupu</h3><p>Všetko si môžete nastavovať jednoducho cez webovú aplikáciu, ktorú si nemusíte inštalovať.</p><p class="mb-small">Máte možnosť natrvalo alebo v konkrétnych časoch zablokovať prístup k sociálnym sieťam vybraným stránkam, či kategóriám stránok.</p></div></div><div class="grid__col grid__col--12 grid__col--md-6 grid__col--lg-4"><div class="mb-large mb-md-xlarge" data-same-height-child="true" data-same-height-group="1-row"><span class="pill pill--xxlarge surface-subtle mb"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#cyber-shield"></use></svg></span><h3 class="mb-small">Zvýšená bezpečnosť</h3><p class="mb-small">Služba poskytuje aj zabezpečenie vašich osobných údajov, súborov a aplikácií či peňazí pri používaní internetového bankingu.</p></div><div><span class="pill pill--xxlarge surface-subtle mb"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#dashboard-display"></use></svg></span><h3 class="mb-small">Poskytovanie reportov</h3><p class="mb-small">K dispozícii máte tiež prehľadné reporty zablokovaných útokov, generované na týždennej alebo mesačnej báze.</p></div></div></div></div></div>
30
+ <br/>
31
+ <h1>Benefit section 5</h1>
32
+ <div class="section section--default background-secondary" id="typy-odvetvi" data-ods-id="product-page-b2b-soc-as-a-service__typy-odvetvi--05"><div class="container"><div class="grid grid-row-gap--medium mb-large"><div class="grid__col grid__col--12 grid__col--lg-10"><h2 class="mb-none">Čo zabezpečuje SOC ako služba?</h2></div><div class="grid__col grid__col--12 grid__col--lg-2 align-lg-right"><button type="button" class="controls" data-carousel-controls="carousel-what-it-handles" data-carousel-action="prev"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-left"></use></svg></button><button type="button" class="controls" data-carousel-controls="carousel-what-it-handles" data-carousel-action="next"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></button></div></div><div class="carousel carousel--scrollbar carousel--bleed-right" data-carousel="true" data-swiper-options="{&quot;pagination&quot;:{&quot;enabled&quot;:false},&quot;slidesPerView&quot;:1.2,&quot;spaceBetween&quot;:20,&quot;breakpoints&quot;:{&quot;768&quot;:{&quot;slidesPerView&quot;:2.5,&quot;spaceBetween&quot;:60},&quot;1024&quot;:{&quot;slidesPerView&quot;:4,&quot;spaceBetween&quot;:60}}}" id="carousel-what-it-handles"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide"><span class="pill pill--xxlarge fill-disabled mb"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#email"></use></svg></span><h3 class="mb-small">24/7 monitorovanie zákazníckeho prostredia</h3></div><div class="carousel__slide"><span class="pill pill--xxlarge fill-disabled mb"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#collective-class-training"></use></svg></span><h3 class="mb-small">Vyhľadávanie, triedenie a reakcia na hrozby</h3></div><div class="carousel__slide"><span class="pill pill--xxlarge fill-disabled mb"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#briefcase"></use></svg></span><h3 class="mb-small">Threat Hunting pod vedením expertov</h3></div><div class="carousel__slide"><span class="pill pill--xxlarge fill-disabled mb"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#orange-reflect"></use></svg></span><h3 class="mb-small">Reakcia na aktívne prebiehajúce kampane útočníkov</h3></div><div class="carousel__slide"><span class="pill pill--xxlarge fill-disabled mb"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#orange-reflect"></use></svg></span><h3 class="mb-small">Neustále zlepšovanie detekcie a automatizácie</h3></div><div class="carousel__slide"><span class="pill pill--xxlarge fill-disabled mb"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#orange-reflect"></use></svg></span><h3 class="mb-small">Prispôsobené reporty</h3></div></div></div></div><div class="carousel__scrollbar"><div class="carousel__scrollbar-drag"></div></div></div></div></div>
33
+ <br/>
34
+ <h1>Benefit section 7 (6)</h1>
35
+ <div id="prisposobte-si-mini-pausal" class="section section--default"><div class="container"><div class="promo-banner surface-subtle promo-banner--vertical"><div class="promo-banner__item"><div class="grid grid-row-gap--medium"><div class="grid__col align-items-center mb-large"><h2 class="h1 align-center"> Prispôsobte si Mini paušál podľa seba</h2></div><div class="grid__col--md-4 d-flex flex-column align-items-center"><svg class="icon icon--huge icon--pictogram mb" aria-hidden="true"><use class="icon__use icon__use--light" xlink:href="/sprite.svg#pictogram-activation"></use><use class="icon__use icon__use--dark" xlink:href="/sprite.svg#pictogram-activation--dark"></use></svg><p class="align-center"> Chcete viac dát, minút a SMS alebo roamingové balíky?</p><a href="/" class="link"> Doplnkové služby<svg class="icon link__icon-right" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></a></div><div class="grid__col--md-4 d-flex flex-column align-items-center"><svg class="icon icon--huge icon--pictogram mb" aria-hidden="true"><use class="icon__use icon__use--light" xlink:href="/sprite.svg#pictogram-activation"></use><use class="icon__use icon__use--dark" xlink:href="/sprite.svg#pictogram-activation--dark"></use></svg><p class="align-center"> Vďaka cenovému stropu 20 € vás nezaskočia nečakané faktúry</p></div><div class="grid__col--md-4 d-flex flex-column align-items-center"><svg class="icon icon--huge icon--pictogram mb" aria-hidden="true"><use class="icon__use icon__use--light" xlink:href="/sprite.svg#pictogram-activation"></use><use class="icon__use icon__use--dark" xlink:href="/sprite.svg#pictogram-activation--dark"></use></svg><p class="align-center"> Na internete ste v bezpečí so službou Online ochrana Basic</p><a href="/" class="link"> Zistiť viac<svg class="icon link__icon-right" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></a></div></div></div><div class="promo-banner__image align-center"><img src="https://placehold.co/1300x763" srcSet="https://placehold.co/1300x763, https://placehold.co/2600x1526 2x" alt=""/></div></div></div></div>
36
+ <br/>
37
+ <h1>Benefit section 8</h1>
38
+ <div class="section section--default background-secondary" id="prima-volba" data-ods-id="product-page-b2c-prima-volba__prima-volba--01"><div class="container"><div class="grid grid-row-gap--large justify-content-space-between"><div class="grid__col grid__col--12 grid__col--lg-6 grid__col--xl-5 align-self-middle"><h2 class="h4 mb mb-md-large"> Predplatená karta <br/> <span class="text-accent h1">Prima Voľba</span></h2><p class="mb-large"> Prima Voľba je dobíjacia karta od Orangeu. S kartou môžete volať, SMSkovať a dátovať výhodne za kredit.</p><p class="h2 normal mb-small"> 5,00<span class="large bold"> €</span></p><p class="text-secondary mb-large small">Bez viazanosti</p><div class="buttons buttons--stack-on-xs"><button type="button" class="btn btn--large btn--primary mt-small"> Chcem Prima Voľba</button><button type="button" class="btn btn--large mt-small"> Viac o karte</button></div></div><div class="grid__col grid__col--12 grid__col--lg-5 grid__col--xl-5 align-self-middle"><div class="bar align-items-center"><div class="bar__item"><span class="pill pill--xxlarge surface-primary"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#mobile-data-toggle"></use></svg></span></div><div class="bar__item bar__item--fill h3"> 30 GB dát v 5G sieti</div></div><div class="bar align-items-center"><div class="bar__item"><span class="pill pill--xxlarge surface-primary"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#top-up-euro"></use></svg></span></div><div class="bar__item bar__item--fill h3"> Nekonečné hovory</div></div><div class="bar align-items-center"><div class="bar__item"><span class="pill pill--xxlarge surface-primary"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#call"></use></svg></span></div><div class="bar__item bar__item--fill h3"> 5 € kredit</div></div></div></div></div></div>
39
+ <br/>
40
+ <h1>Benefit section 9</h1>
41
+ <div class="section section--default background-secondary" id="co-je-mini-pausal"><div class="container"><div class="grid grid-column-gap--large grid-row-gap--large justify-content-space-between align-items-center"><div class="grid__col grid__col--12 grid__col--lg-5"><h2 class="h1">S Mini paušálom máte výdavky pod kontrolou</h2><p class="h2"><strong>Mini paušál od Orangeu</strong></p><p class="text-accent mb-none"><span class="h1 reset-font-weight">od 4</span> <strong>€/mes.</strong></p><p class="text-secondary mb-large">podľa dĺžky viazanosti</p><div class="buttons buttons--stack-on-xs"><a href="/mini-pausal/chcem-mini-pausal" class="btn btn--large btn--primary"> Kúpiť Mini paušál</a><button type="button" class="btn btn--large btn--secondary"> Zistiť viac</button></div></div><div class="grid__col grid__col--12 grid__col--lg-7"><div class="grid grid--justify-height grid-row-gap--medium"><div class="grid__col grid__col--12 grid__col--sm-6"><div class="card card--no-border mb-none bg-white"><div class="card__section align-center"><svg class="icon icon--huge icon--pictogram mb" role="img"><title>1 € kredit</title><use class="icon__use icon__use--light" xlink:href="/sprite.svg#pictogram-activation"></use><use class="icon__use icon__use--dark" xlink:href="/sprite.svg#pictogram-activation--dark"></use></svg><h3 class="h1 mb-small">1 € kredit</h3><p class="thin mb-none">na telefonovanie a správy</p></div></div></div><div class="grid__col grid__col--12 grid__col--sm-6"><div class="card card--no-border mb-none bg-white"><div class="card__section align-center"><svg class="icon icon--huge icon--pictogram mb" role="img"><title>Volania/SMS</title><use class="icon__use icon__use--light" xlink:href="/sprite.svg#pictogram-activation"></use><use class="icon__use icon__use--dark" xlink:href="/sprite.svg#pictogram-activation--dark"></use></svg><h3 class="h1 mb-small">Volania/SMS</h3><p class="thin mb-none">platíte iba 0,123 €/min. a 0,0615 € za SMS</p></div></div></div><div class="grid__col grid__col--12 grid__col--sm-6"><div class="card card--no-border mb-none bg-white"><div class="card__section align-center"><svg class="icon icon--huge icon--pictogram mb" role="img"><title>1 GB</title><use class="icon__use icon__use--light" xlink:href="/sprite.svg#pictogram-activation"></use><use class="icon__use icon__use--dark" xlink:href="/sprite.svg#pictogram-activation--dark"></use></svg><h3 class="h1 mb-small">1 GB</h3><p class="thin mb-none">dáta vám postačia na správy, maily či navigáciu</p></div></div></div><div class="grid__col grid__col--12 grid__col--sm-6"><div class="card card--no-border mb-none bg-white"><div class="card__section align-center"><svg class="icon icon--huge icon--pictogram mb" role="img"><title>20 €</title><use class="icon__use icon__use--light" xlink:href="/sprite.svg#pictogram-activation"></use><use class="icon__use icon__use--dark" xlink:href="/sprite.svg#pictogram-activation--dark"></use></svg><h3 class="h1 mb-small">20 €</h3><p class="thin mb-none">nezaplatíte viac vďaka cenovému stropu</p></div></div></div></div></div></div></div></div></div>
42
+ </main>
43
+ </div>
44
+ <div id="root-tooltips"></div>
45
+ <div id="root-dropdowns"></div>
46
+ <div id="root-modals"></div>
47
+ <script type="module" src="/lib/scripts.js"></script>
48
+ <script type="module" src="/lib/megamenu.js"></script>
49
+ <script type="module" src="/lib/footer.js"></script>
50
+
51
+ <script>
52
+ function toggleDarkMode() {
53
+ document.body.classList.toggle('is-dark');
54
+ document.querySelector("[data-megamenu]").classList.toggle("is-dark");
55
+ document.querySelector("footer").classList.toggle("is-dark");
56
+ }
57
+ </script>
58
+ <button
59
+ id="toggle-dark-mode"
60
+ style="position: fixed; bottom: 20px; right: 20px; z-index: 1000;" class="btn btn--small"
61
+ onclick="toggleDarkMode()"
62
+ >
63
+ Dark mode
64
+ </button>
65
+
66
+ </body>
67
+ </html>
package/build/pages/components/cards-section/index.html ADDED
@@ -0,0 +1,60 @@
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="sk">
4
+ <head>
5
+ <meta charset="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>Page</title>
15
+ </head>
16
+ <body>
17
+ <div id="root">
18
+ <main>
19
+ <link rel="preload" as="image" href="/assets/prima-volba-why-1.png"/><link rel="preload" as="image" href="/assets/prima-volba-why-2.png"/><link rel="preload" as="image" href="/assets/prima-volba-why-3.png"/><link rel="preload" as="image" href="/assets/blogpost-cover-image-1.png"/><link rel="preload" as="image" href="/assets/people1.png"/><link rel="preload" as="image" href="/assets/people2.png"/><link rel="preload" as="image" href="/assets/laptop_5euro.png"/><link rel="preload" as="image" href="/assets/samsung-galaxy-fold-7-1.png"/><link rel="preload" as="image" href="/assets/samsung-galaxy-flip-7-1.png"/><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/microsoft-copilot-logo-small.png"/><link rel="preload" as="image" href="/assets/power-bi.svg"/><link rel="preload" as="image" href="/assets/microsoft-project.svg"/><link rel="preload" as="image" href="/assets/visio.svg"/><link rel="preload" as="image" href="/assets/sharepoint.svg"/><link rel="preload" as="image" href="/assets/bookings.svg"/><link rel="preload" as="image" href="/assets/microsoft-teams.svg"/><link rel="preload" as="image" href="/assets/samsung-galaxy-zfold7@2x.png"/><link rel="preload" as="image" href="/assets/samsung-galaxy-zflip7@2x.png"/><div id="MDX_ROOT_faf05366-4be0-4d49-8256-249310efaf92"><h1>Article cards</h1>
20
+ <div class="section section--default" id="dobijanie-kreditu" data-ods-id="product-page-b2c-prima-volba__dobijanie-kreditu--04"><div class="container"><div class="grid grid-row-gap--large mb-large"><div class="grid__col grid__col--12 grid__col--lg-10"><h2 class="mb-none">Kedy si môžete poistenie uplatniť?</h2></div><div class="grid__col grid__col--12 grid__col--lg-2 align-lg-right hide-xl"><button type="button" class="controls" data-carousel-controls="carousel-choose" data-carousel-action="prev"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-left"></use></svg></button><button type="button" class="controls" data-carousel-controls="carousel-choose" data-carousel-action="next"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></button></div></div><div class="carousel carousel--scrollbar carousel--bleed-right" data-carousel="true" data-swiper-options="{&quot;pagination&quot;:{&quot;enabled&quot;:false},&quot;slidesPerView&quot;:1.2,&quot;breakpoints&quot;:{&quot;480&quot;:{&quot;slidesPerView&quot;:1.8},&quot;768&quot;:{&quot;slidesPerView&quot;:2.2},&quot;1240&quot;:{&quot;slidesPerView&quot;:3}}}" id="carousel-choose"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide"><div class="grid grid-row-gap--large block-action" data-block-action="true"><div class="grid__col grid__col--12"><img class="img mb-none" src="/assets/prima-volba-why-1.png" alt="Image alt"/></div><div class="grid__col grid__col--auto"><h3 class="mb h3"><a href="/" class="link no-accent underline-hover block-action__control">Výhodné balíčky dát, volaní a správ</a></h3><p class="mb">Prispôsobte si vašu Prima kartu pomocou doplnkových balíkov, ktoré vám poskytnú objem dát, SMS alebo hovorov podľa vašej potreby za zvýhodnené ceny.</p><a href="/" class="link block-action__override"> Vybrať doplnkový balík<svg class="icon link__icon-right" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></a></div></div></div><div class="carousel__slide"><div class="grid grid-row-gap--large block-action" data-block-action="true"><div class="grid__col grid__col--12"><img class="img mb-none" src="/assets/prima-volba-why-2.png" alt="Image alt"/></div><div class="grid__col grid__col--auto"><h3 class="mb h3"><a href="/" class="link no-accent underline-hover block-action__control">Odmeny za pravidelné dobíjanie kreditu</a></h3><p class="mb">Za pravidelné navyšovanie kreditu na Prima karte vás odmeníme skvelými benefitmi. Užívajte si 10 GB víkendových dát a nekonečné víkendové volania.</p><a href="/" class="link block-action__override"> Viac o odmenách za dobíjanie<svg class="icon link__icon-right" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></a></div></div></div><div class="carousel__slide"><div class="grid grid-row-gap--large block-action" data-block-action="true"><div class="grid__col grid__col--12"><img class="img mb-none" src="/assets/prima-volba-why-3.png" alt="Image alt"/></div><div class="grid__col grid__col--auto"><h3 class="mb h3"><a href="/" class="link no-accent underline-hover block-action__control">Všetko máte aj v apke</a></h3><p class="mb">Aktivujte si doplnkové balíčky, dobíjajte si a kontrolujte kredit na pár klikov v aplikácii Môj Orange.</p></div></div></div></div></div></div><div class="carousel__scrollbar"><div class="carousel__scrollbar-drag"></div></div></div></div></div>
21
+ <div class="section section--default background-secondary" id="typy-odvetvi" data-ods-id="product-page-b2b-market-locator__typy-odvetvi--06"><div class="container"><div class="grid grid-row-gap--medium mb-large"><div class="grid__col grid__col--12 grid__col--lg-10"><h2 class="mb-none">Market Locator pre rôzne typy odvetví</h2></div><div class="grid__col grid__col--12 grid__col--lg-2 align-lg-right"><button type="button" class="controls" data-carousel-controls="carousel-market-locator-types" data-carousel-action="prev"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-left"></use></svg></button><button type="button" class="controls" data-carousel-controls="carousel-market-locator-types" data-carousel-action="next"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></button></div></div><div class="carousel carousel--scrollbar carousel--bleed-right" data-carousel="true" data-swiper-options="{&quot;pagination&quot;:{&quot;enabled&quot;:false},&quot;slidesPerView&quot;:1.1,&quot;breakpoints&quot;:{&quot;768&quot;:{&quot;slidesPerView&quot;:1.5},&quot;1240&quot;:{&quot;slidesPerView&quot;:3}}}" id="carousel-market-locator-types"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide"><div class="grid grid-row-gap--large block-action" data-block-action="true"><div class="grid__col grid__col--12"><img class="img mb-none" src="/assets/blogpost-cover-image-1.png" alt="Image alt"/></div><div class="grid__col grid__col--auto"><h3 class="mb h3"><a href="/" class="link no-accent underline-hover block-action__control">Zvýšte hodnotu svojej nehnuteľnosti</a></h3><p class="mb-none">Poistenie si môžete uplatniť na popraskaný displej či nefungujúce tlačidlá, keď sa pošmyknete, zakopnete alebo do vás niekto vrazí a telefón vám spadne.</p></div></div></div><div class="carousel__slide"><div class="grid grid-row-gap--large block-action" data-block-action="true"><div class="grid__col grid__col--12"><img class="img mb-none" src="/assets/blogpost-cover-image-1.png" alt="Image alt"/></div><div class="grid__col grid__col--auto"><h3 class="mb h3"><a href="/" class="link no-accent underline-hover block-action__control">Zvýšte hodnotu svojej nehnuteľnosti</a></h3><p class="mb-none">Poistenie si môžete uplatniť na popraskaný displej či nefungujúce tlačidlá, keď sa pošmyknete, zakopnete alebo do vás niekto vrazí a telefón vám spadne.</p></div></div></div><div class="carousel__slide"><div class="grid grid-row-gap--large block-action" data-block-action="true"><div class="grid__col grid__col--12"><img class="img mb-none" src="/assets/blogpost-cover-image-1.png" alt="Image alt"/></div><div class="grid__col grid__col--auto"><h3 class="mb h3"><a href="/" class="link no-accent underline-hover block-action__control">Zvýšte hodnotu svojej nehnuteľnosti</a></h3><p class="mb-none">Poistenie si môžete uplatniť na popraskaný displej či nefungujúce tlačidlá, keď sa pošmyknete, zakopnete alebo do vás niekto vrazí a telefón vám spadne.</p></div></div></div><div class="carousel__slide"><div class="grid grid-row-gap--large block-action" data-block-action="true"><div class="grid__col grid__col--12"><img class="img mb-none" src="/assets/blogpost-cover-image-1.png" alt="Image alt"/></div><div class="grid__col grid__col--auto"><h3 class="mb h3"><a href="/" class="link no-accent underline-hover block-action__control">Zvýšte hodnotu svojej nehnuteľnosti</a></h3><p class="mb-none">Poistenie si môžete uplatniť na popraskaný displej či nefungujúce tlačidlá, keď sa pošmyknete, zakopnete alebo do vás niekto vrazí a telefón vám spadne.</p></div></div></div><div class="carousel__slide"><div class="grid grid-row-gap--large block-action" data-block-action="true"><div class="grid__col grid__col--12"><img class="img mb-none" src="/assets/blogpost-cover-image-1.png" alt="Image alt"/></div><div class="grid__col grid__col--auto"><h3 class="mb h3"><a href="/" class="link no-accent underline-hover block-action__control">Zvýšte hodnotu svojej nehnuteľnosti</a></h3><p class="mb-none">Poistenie si môžete uplatniť na popraskaný displej či nefungujúce tlačidlá, keď sa pošmyknete, zakopnete alebo do vás niekto vrazí a telefón vám spadne.</p></div></div></div></div></div></div><div class="carousel__scrollbar"><div class="carousel__scrollbar-drag"></div></div></div></div></div>
22
+ <div class="section section--default" data-ods-id="homepage-b2c__section-05"><div class="container"><div class="bar align-items-center mb-large mb-md-large"><div class="bar__item bar__item--fill"><h2>S nami získate vždy viac</h2></div><div class="bar__item show-md"><a href="/" class="link underline-hover">Prejsť do blogu<svg class="icon icon--large link__icon-right" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></a></div></div><div class="carousel mb-md-none carousel--scrollbar carousel--bleed-right" data-carousel="true" data-swiper-options="{&quot;pagination&quot;:{&quot;enabled&quot;:false},&quot;slidesPerView&quot;:1.2,&quot;breakpoints&quot;:{&quot;768&quot;:{&quot;slidesPerView&quot;:2.5},&quot;1024&quot;:{&quot;slidesPerView&quot;:3}}}" id="carousel-insurance-application"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide"><div class="grid grid-row-gap--large block-action" data-block-action="true"><div class="grid__col grid__col--12"><img class="img mb-none" src="/assets/people1.png" alt="Preneste si číslo do Orangeu"/></div><div class="grid__col grid__col--auto"><p class="mb-xsmall">Tagline</p><h3 class="mb h3"><a href="/" class="link no-accent underline-hover block-action__control"> Preneste si číslo <br/> do Orangeu</a></h3><p class="mb">S kartou môžete volať, SMSkovať a dátovať výhodne za kredit.</p><div class="bar bar--space-small"><div class="bar__item"><a class="tag block-action__override tag--transparent" href="/">Label</a></div></div></div></div></div><div class="carousel__slide"><div class="grid grid-row-gap--large block-action" data-block-action="true"><div class="grid__col grid__col--12"><img class="img mb-none" src="/assets/people2.png" alt="Odporučte nás a získajte odmenu"/></div><div class="grid__col grid__col--auto"><p class="mb-xsmall">Tagline</p><h3 class="mb h3"><a href="/" class="link no-accent underline-hover block-action__control"> Odporučte nás <br/>a získajte odmenu</a></h3><p class="mb">Priveďte k nám nového zákazníka a my vás oboch odmeníme zaujímavým bonusom.</p><div class="bar bar--space-small"><div class="bar__item"><a class="tag block-action__override tag--transparent" href="/">Label</a></div></div></div></div></div><div class="carousel__slide"><div class="grid grid-row-gap--large block-action" data-block-action="true"><div class="grid__col grid__col--12"><img class="img mb-none" src="/assets/laptop_5euro.png" alt="Dvojnásobné dáta a 5 € zľava na hlasový paušál"/></div><div class="grid__col grid__col--auto"><p class="mb-xsmall">Tagline</p><h3 class="mb h3"><a href="/" class="link no-accent underline-hover block-action__control"> Dvojnásobné dáta <br/>a 5 € zľava na hlasový paušál</a></h3><p class="mb">Ako darček od nás získate zľavu z vášho mesačného poplatku.</p><div class="bar bar--space-small"><div class="bar__item"><a class="tag block-action__override tag--transparent" href="/">Label</a></div></div></div></div></div></div></div></div><div class="carousel__scrollbar"><div class="carousel__scrollbar-drag"></div></div></div><a href="/" class="link hide-md underline-hover">Prejsť do blogu<svg class="icon icon--large link__icon-right" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></a></div></div>
23
+ <br/>
24
+ <h1>Cards section</h1>
25
+ <div class="section section--default surface-subtle" id="ponuka-poistenia" data-ods-id="product-page-b2c-equipment-insurance__ponuka-poistenia--01"><div class="container"><div class="grid grid--justify-height grid-column-gap--large" data-same-height="true"><div class="grid__col grid__col--12 grid__col--lg-4"><h2>Ponuka poistenia</h2></div><div class="grid__col grid__col--12 grid__col--lg-8"><div class="mb-large hide-lg"><button type="button" class="controls" data-carousel-controls="carousel-insurance-cards" data-carousel-action="prev"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-left"></use></svg></button><button type="button" class="controls" data-carousel-controls="carousel-insurance-cards" data-carousel-action="next"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></button></div><div class="carousel mb-none carousel--scrollbar carousel--bleed-right" data-carousel="true" data-swiper-options="{&quot;pagination&quot;:{&quot;enabled&quot;:false},&quot;slidesPerView&quot;:1.1,&quot;breakpoints&quot;:{&quot;991&quot;:{&quot;slidesPerView&quot;:2}}}" id="carousel-insurance-cards" data-same-height="true"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide"><div class="card mb-none"><div class="card__section pb-none" data-same-height-child="true" data-same-height-group="descriptions"><h3 class="h4 mb-none"> Poistenie zariadení <br/><span class="text-accent h1">Optimal</span></h3></div><div class="card__section" data-same-height-child="true" data-same-height-group="prices"><p class="h1 normal mb-small">5,00<span class="large bold"> €/mes.</span></p><p class="text-secondary small">Platnosť poistenia maximálne 48 mesiacov</p></div><div class="divider"><div class="divider__line"></div></div><div class="card__section"><details class="expander expander--fullwidth" data-expander="true" data-toggle-group="list-1" open=""><summary data-summary="Poistenie obsahuje"><span class="expander__summary">Poistenie obsahuje <svg class="icon" role="img" data-summary-icon="true"><title>stav</title><use xlink:href="/sprite.svg#chevron-down"></use></svg></span></summary><div><ul class="icon-list normal"><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Poškodenie a krádež s limitom do 600 €</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Nákup na internete (EÚ a rozvinuté krajiny) do 600 €</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Nákup na internete (ostatné krajiny a použitý tovar) do 200 €</div></li></ul></div></details><details class="expander expander--fullwidth" data-expander="true" data-toggle-group="list-2" open=""><summary data-summary="Výhody"><span class="expander__summary">Výhody <svg class="icon" role="img" data-summary-icon="true"><title>stav</title><use xlink:href="/sprite.svg#chevron-down"></use></svg></span></summary><div><ul class="icon-list normal"><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Vhodné pre mobily, tablety a smart hodinky do 600 €</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Kryjeme aj poškodenie z nešikovnosti a nedbanlivosti</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Spoluúčasť 10 %</div></li></ul></div></details></div></div></div><div class="carousel__slide"><div class="card mb-none"><div class="card__section pb-none" data-same-height-child="true" data-same-height-group="descriptions"><h3 class="h4 mb-none"> Poistenie zariadení <br/><span class="text-accent h1">Premium</span></h3></div><div class="card__section" data-same-height-child="true" data-same-height-group="prices"><p class="h1 normal mb-small">10,00<span class="large bold"> €/mes.</span></p><p class="text-secondary small">Platnosť poistenia maximálne 48 mesiacov</p></div><div class="divider"><div class="divider__line"></div></div><div class="card__section"><details class="expander expander--fullwidth" data-expander="true" data-toggle-group="list-1" open=""><summary data-summary="Poistenie obsahuje"><span class="expander__summary">Poistenie obsahuje <svg class="icon" role="img" data-summary-icon="true"><title>stav</title><use xlink:href="/sprite.svg#chevron-down"></use></svg></span></summary><div><ul class="icon-list normal"><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Poškodenie a krádež s limitom do 2000 €</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Nákup na internete (EÚ a rozvinuté krajiny) do 600 €</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Nákup na internete (ostatné krajiny a použitý tovar) do 200 €</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Zneužitie elektronických platieb do 2 000 €</div></li></ul></div></details><details class="expander expander--fullwidth" data-expander="true" data-toggle-group="list-2" open=""><summary data-summary="Výhody"><span class="expander__summary">Výhody <svg class="icon" role="img" data-summary-icon="true"><title>stav</title><use xlink:href="/sprite.svg#chevron-down"></use></svg></span></summary><div><ul class="icon-list normal"><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Vhodné pre mobily, tablety a smart hodinky nad 600,01 €</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Kryjeme aj poškodenie z nešikovnosti a nedbanlivosti</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Spoluúčasť 10 %</div></li></ul></div></details></div></div></div></div></div></div><div class="carousel__scrollbar"><div class="carousel__scrollbar-drag"></div></div></div></div></div></div></div>
26
+ <div class="section section--default surface-subtle"><div class="container"><div class="grid grid-column-gap--large"><div class="grid__col grid__col--12 grid__col--lg-4"><h2>Vyberte si svoj Samsung</h2></div><div class="grid__col grid__col--12 grid__col--lg-8"><div class="mb hide-lg"><button type="button" class="controls" data-carousel-action="prev"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-left"></use></svg></button><button type="button" class="controls" data-carousel-action="next"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></button></div><div class="carousel mb-none carousel--scrollbar carousel--bleed-right" data-carousel="true" data-swiper-options="{&quot;pagination&quot;:{&quot;enabled&quot;:false},&quot;slidesPerView&quot;:1.1,&quot;breakpoints&quot;:{&quot;991&quot;:{&quot;slidesPerView&quot;:2}}}"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide"><div class="card mb-none"><div class="card__section"><h3 class="h4">Samsung Galaxy<br/><span class="h2">Z Flip7</span></h3></div><div class="product-image"><img class="img mb" src="/assets/samsung-galaxy-fold-7-1.png" alt="Samsung Galaxy Fold 7"/><div class="product-image__dots"><span class="product-image__dot product-image__dot--nickel"></span><span class="product-image__dot product-image__dot--black"></span><span class="product-image__dot product-image__dot--cerulean-blue"></span></div></div><div class="card__section"><s>1 709 € <button type="button" class="info-tooltip" data-tooltip-trigger="true" aria-describedby="samsung-1-dark-desktop" aria-owns="samsung-1-dark-desktop"><svg class="icon info-tooltip__icon" aria-hidden="true"><use xlink:href="/sprite.svg#assistance"></use></svg><span class="sr-only">Info</span></button><span id="samsung-1-dark-desktop" class="tooltip" role="tooltip" hidden="" data-tooltip="true" data-tooltip-placement="top"><span class="tooltip__arrow"></span><span class="tooltip__dialog">Look here for more information</span></span></s><p class="h2 normal mb-none">1 469 <span class="large">€</span></p><p class="mb-large text-secondary small">S Prémiovým paušálom na 24 mesiacov</p><button type="button" class="btn btn--large btn--primary">Kúpiť v e-shope</button></div><div class="divider"><div class="divider__line"></div></div><div class="card__section"><div class="bar bar--space-small"><div class="bar__item"><svg class="icon icon--xxlarge icon--pictogram" role="img"><title>Skylink</title><use class="icon__use icon__use--light" xlink:href="/sprite.svg#pictogram-gift"></use><use class="icon__use icon__use--dark" xlink:href="/sprite.svg#pictogram-gift--dark"></use></svg></div><div class="bar__item bar__item--fill"><p class="">Prvých 100 zákazníkov, ktorí si kúpia Z Fold7, získa ochranný obal ako darček.</p></div></div></div></div></div><div class="carousel__slide"><div class="card mb-none"><div class="card__section"><h3 class="h4">Samsung Galaxy<br/><span class="h2">Z Flip7</span></h3></div><div class="product-image"><img class="img mb" src="/assets/samsung-galaxy-flip-7-1.png" alt="Samsung Galaxy Fold 7"/><div class="product-image__dots"><span class="product-image__dot product-image__dot--permanent-geranium-lake"></span><span class="product-image__dot product-image__dot--black"></span><span class="product-image__dot product-image__dot--cerulean-blue"></span></div></div><div class="card__section"><s>1 016 € <button type="button" class="info-tooltip" data-tooltip-trigger="true" aria-describedby="samsung-2-dark-desktop" aria-owns="samsung-2-dark-desktop"><svg class="icon info-tooltip__icon" aria-hidden="true"><use xlink:href="/sprite.svg#assistance"></use></svg><span class="sr-only">Info</span></button><span id="samsung-2-dark-desktop" class="tooltip" role="tooltip" hidden="" data-tooltip="true" data-tooltip-placement="top"><span class="tooltip__arrow"></span><span class="tooltip__dialog">Look here for more information</span></span></s><p class="h2 normal mb-none">776 <span class="large">€</span></p><p class="mb-large text-secondary small">S Prémiovým paušálom na 24 mesiacov</p><button type="button" class="btn btn--large btn--primary">Kúpiť v e-shope</button></div><div class="divider"><div class="divider__line"></div></div><div class="card__section"><div class="bar bar--space-small"><div class="bar__item"><svg class="icon icon--xxlarge icon--pictogram" role="img"><title>Skylink</title><use class="icon__use icon__use--light" xlink:href="/sprite.svg#pictogram-gift"></use><use class="icon__use icon__use--dark" xlink:href="/sprite.svg#pictogram-gift--dark"></use></svg></div><div class="bar__item bar__item--fill"><p class="">Prvých 200 zákazníkov, ktorí si kúpia Z Flip7, získa ochranný obal ako darček.</p></div></div></div></div></div></div></div></div><div class="carousel__scrollbar"><div class="carousel__scrollbar-drag"></div></div></div></div></div></div></div>
27
+ <div class="section section--default surface-subtle" data-ods-id="signpost-products-and-services__section-01"><div class="container"><div class="grid"><div class="grid__col grid__col--sm-8 grid__col--lg-6"><h2 class="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 block-action--border-on-hover" 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="mb"><a href="/" class="underline-hover 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 block-action--border-on-hover" 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="mb"><a href="/" class="underline-hover 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 block-action--border-on-hover" 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="mb"><a href="/" class="underline-hover 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 block-action--border-on-hover" 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="mb"><a href="/" class="underline-hover 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 block-action--border-on-hover" 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="mb"><a href="/" class="underline-hover 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 block-action--border-on-hover" 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="mb"><a href="/" class="underline-hover 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>
28
+ <div class="section section--default surface-subtle" data-ods-id="signpost-products-and-services__section-01"><div class="container"><div class="grid"><div class="grid__col grid__col--sm-8 grid__col--lg-6"><h2 class="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"><div class="card mb-none block-action block-action--border-on-hover" 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="mb"><a href="/" class="underline-hover 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"><div class="card mb-none block-action block-action--border-on-hover" 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="mb"><a href="/" class="underline-hover 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></div></div>
29
+ <div class="section section--default background-secondary" id="doplnkove-sluzby" data-ods-id="product-page-b2b-microsoft-365__doplnkove-sluzby--08"><div class="container"><div class="grid grid-row-gap--medium mb-large"><div class="grid__col grid__col--12 grid__col--lg-10"><h2 class="mb-none">Doplnkové služby k balíku Microsoft 365</h2></div><div class="grid__col grid__col--12 grid__col--lg-2 align-lg-right"><button type="button" class="controls" data-carousel-controls="carousel-addons" data-carousel-action="prev"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-left"></use></svg></button><button type="button" class="controls" data-carousel-controls="carousel-addons" data-carousel-action="next"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></button></div></div><div class="carousel carousel--scrollbar carousel--bleed-right" data-carousel="true" data-swiper-options="{&quot;pagination&quot;:{&quot;enabled&quot;:false},&quot;slidesPerView&quot;:1.1,&quot;breakpoints&quot;:{&quot;768&quot;:{&quot;slidesPerView&quot;:1.5},&quot;1240&quot;:{&quot;slidesPerView&quot;:3}}}" id="carousel-addons" data-same-height="true"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide"><div class="card"><div class="card__section background-contrast text-inverse"><img class="img" src="/assets/microsoft-copilot-logo-small.png" alt="Microsoft 365 Copilot" width="60" height="60"/></div><div class="card__section" data-same-height-child="true"><h3>Microsoft Copilot</h3><p>Prelomový nástroj umelej inteligencie pre zvýšenie produktivity.</p></div><div class="card__section"><p><br/><span class="h1">Basic</span></p></div><div class="divider"><div class="divider__line"></div></div><div class="card__section"><details class="expander expander--fullwidth" data-expander="true" data-toggle-group="cards" open=""><summary data-summary="Popis"><span class="expander__summary">Popis <svg class="icon" role="img" data-summary-icon="true"><title>stav</title><use xlink:href="/sprite.svg#chevron-down"></use></svg></span></summary><div><div class="text-secondary"><p> Copilot nie je len obyčajný doplnok, ale váš verný partner, ktorý vám pomôže zefektívniť prácu, prebudiť kreativitu a posunúť produktivitu na novú úroveň.</p><ul class="icon-list normal mb-none"><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Jednoduchá práca s dokumentmi, e-mailami a prezentáciami.</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Zjednodušená komunikácia a spolupráca.</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Personalizovaný zážitok. </div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Bezproblémová integrácia s Microsoft 365.</div></li></ul></div></div></details></div></div></div><div class="carousel__slide"><div class="card"><div class="card__section" style="background-color:#B5E8F7"><img class="img" src="/assets/power-bi.svg" alt="Power BI" width="60" height="60"/></div><div class="card__section" data-same-height-child="true"><h3>Power BI</h3><p>Používateľská licencia</p></div><div class="card__section"><p> Cena bez DPH od<br/><span class="h1">10,00</span><span class="large bold"> €/mes.</span></p></div><div class="divider"><div class="divider__line"></div></div><div class="card__section"><details class="expander expander--fullwidth" data-expander="true" data-toggle-group="cards" open=""><summary data-summary="Popis"><span class="expander__summary">Popis <svg class="icon" role="img" data-summary-icon="true"><title>stav</title><use xlink:href="/sprite.svg#chevron-down"></use></svg></span></summary><div><div class="text-secondary"><ul class="icon-list normal mb-none"><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Zdieľajte informácie, ktoré pomáhajú každému robiť rozhodnutia na základe faktov, nie na základe inštinktu.</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Distribuujte poznatky všetkým členom tímu, vnútri aj mimo svojej organizácie a podľa potreby udeľujte oprávnenia na úpravy.</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Pristupujte k vizualizáciám kdekoľvek, aj na cestách, vďaka aplikácii Power BI Mobile.</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Zlepšujte spoluprácu pomocou tímových komentárov a buďte stále v spojení so svojimi odbermi a ich aktualizáciami.</div></li></ul></div></div></details></div></div></div><div class="carousel__slide"><div class="card"><div class="card__section fill-accent4"><img class="img" src="/assets/microsoft-project.svg" alt="Microsoft Project" width="60" height="60"/></div><div class="card__section" data-same-height-child="true"><h3>Microsoft Project</h3><p>Aplikácia na plánovanie projektov v reálnom čase</p></div><div class="card__section"><p> Cena bez DPH od<br/><span class="h1">8,00</span><span class="large bold"> €/mes.</span></p></div><div class="divider"><div class="divider__line"></div></div><div class="card__section"><details class="expander expander--fullwidth" data-expander="true" data-toggle-group="cards" open=""><summary data-summary="Popis"><span class="expander__summary">Popis <svg class="icon" role="img" data-summary-icon="true"><title>stav</title><use xlink:href="/sprite.svg#chevron-down"></use></svg></span></summary><div><div class="text-secondary"><ul class="icon-list normal mb-none"><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Jednoducho plánujte svoje projekty vďaka dynamickému plánovaniu, ktoré zohľadňuje vynaložené úsilie, trvanie projektu a priradených členov tímu.</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Vytvorte interaktívne tabule a pozrite si celkový stav alebo si prejdite detaily projektov aj pomocou vizualizácie v aplikácii Power BI.</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">S flexibilnou a bezpečnou platformou vytvoríte počítačové/mobilné prostredie, aké vám a vášmu tímu vyhovuje pre lepšiu automatizáciu práce. Platforma je založená na službe Azure (najdôveryhodnejší podnikový Cloud na svete).</div></li></ul></div></div></details></div></div></div><div class="carousel__slide"><div class="card"><div class="card__section fill-accent2"><img class="img" src="/assets/visio.svg" alt="Visio" width="60" height="60"/></div><div class="card__section" data-same-height-child="true"><h3>Visio</h3><p>Pokročilý program na prípravu diagramov a grafických zobrazení</p></div><div class="card__section"><p> Cena bez DPH od<br/><span class="h1">5,00</span><span class="large bold"> €/mes.</span></p></div><div class="divider"><div class="divider__line"></div></div><div class="card__section"><details class="expander expander--fullwidth" data-expander="true" data-toggle-group="cards" open=""><summary data-summary="Popis"><span class="expander__summary">Popis <svg class="icon" role="img" data-summary-icon="true"><title>stav</title><use xlink:href="/sprite.svg#chevron-down"></use></svg></span></summary><div><div class="text-secondary"><ul class="icon-list normal mb-none"><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Jednoducho a intuitívne kreslite vývojové diagramy, organizačné schémy, pôdorysy, technické návrhy a ďalšie projekty. Používajte moderné tvary a šablóny so známymi funkciami balíka Microsoft 365.</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Prepojte diagramy s údajmi v reálnom čase. Vďaka použitému formátovaniu tvarov sa vývojové diagramy po zmene základných údajov automaticky aktualizujú.</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Spolupracujte na vývojových diagramoch Visia odkiaľkoľvek s rôznymi účastníkmi projektu.</div></li></ul></div></div></details></div></div></div><div class="carousel__slide"><div class="card"><div class="card__section fill-accent3"><img class="img" src="/assets/sharepoint.svg" alt="SharePoint" width="60" height="60"/></div><div class="card__section" data-same-height-child="true"><h3>SharePoint</h3><p>Aplikácia na centralizované schvaľovanie žiadostí</p></div><div class="card__section"><p> Obsiahnuté od balíka<br/><span class="h1">Basic</span></p></div><div class="divider"><div class="divider__line"></div></div><div class="card__section"><details class="expander expander--fullwidth" data-expander="true" data-toggle-group="cards" open=""><summary data-summary="Popis"><span class="expander__summary">Popis <svg class="icon" role="img" data-summary-icon="true"><title>stav</title><use xlink:href="/sprite.svg#chevron-down"></use></svg></span></summary><div><div class="text-secondary"><ul class="icon-list normal mb-none"><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Už nemusíte závisieť od externých dodávateľov systémov evidencie a schvaľovania žiadostí.</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Ide najmä o Fleet vozidlá, prenájom prezentačných nástrojov, rezerváciu priestorov…</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Túto aplikáciu využívame aj my v Orangei na interné schvaľovanie.</div></li></ul></div></div></details></div></div></div><div class="carousel__slide"><div class="card"><div class="card__section" style="background-color:#BAEBD6"><img class="img" src="/assets/bookings.svg" alt="Bookings" width="60" height="60"/></div><div class="card__section" data-same-height-child="true"><h3>Bookings</h3><p>Aplikácia na manažment stretnutí a termínov</p></div><div class="card__section"><p> Obsiahnuté od balíka<br/><span class="h1">Basic</span></p></div><div class="divider"><div class="divider__line"></div></div><div class="card__section"><details class="expander expander--fullwidth" data-expander="true" data-toggle-group="cards" open=""><summary data-summary="Popis"><span class="expander__summary">Popis <svg class="icon" role="img" data-summary-icon="true"><title>stav</title><use xlink:href="/sprite.svg#chevron-down"></use></svg></span></summary><div><div class="text-secondary"><ul class="icon-list normal mb-none"><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Ušetrite čas vďaka prehľadnému kalendáru dostupnosti pobočiek a pracovníkov, ktorý je spojený s rezervačným systémom.</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Ideálna aplikácia pre podniky, ktoré využívajú rezervačný systém od tretej strany.</div></li></ul></div></div></details></div></div></div><div class="carousel__slide"><div class="card"><div class="card__section" style="background-color:#F9B000"><img class="img" src="/assets/microsoft-teams.svg" alt="Microsoft Teams" width="60" height="60"/></div><div class="card__section" data-same-height-child="true"><h3>Microsoft Teams</h3><p>Najmodernejší videokonferencný nástroj a integrácie Microsoft 365 v jednom.</p></div><div class="card__section"><p> Obsiahnuté od balíka<br/><span class="h1">Basic</span></p></div><div class="divider"><div class="divider__line"></div></div><div class="card__section"><details class="expander expander--fullwidth" data-expander="true" data-toggle-group="cards" open=""><summary data-summary="Popis"><span class="expander__summary">Popis <svg class="icon" role="img" data-summary-icon="true"><title>stav</title><use xlink:href="/sprite.svg#chevron-down"></use></svg></span></summary><div><div class="text-secondary"><ul class="icon-list normal mb-none"><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Editujte dokumenty s viacerými používateľmi v reálnom čase.</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">Možnosť pridávania komentárov a vnorených odpovedí.</div></li></ul></div></div></details></div></div></div></div></div></div><div class="carousel__scrollbar"><div class="carousel__scrollbar-drag"></div></div></div></div></div>
30
+ <div class="section section--default background-secondary" id="doplnkove-baliky" data-ods-id="product-page-b2c-prima-volba__doplnkove-baliky--05"><div class="container"><h2 class="mb-large">Doplnkové balíky</h2><div class="grid grid-column-gap--xlarge grid-row-gap--large mb-xlarge"><div class="grid__col grid__col--12 grid__col--md-4"><span class="pill pill--xxlarge mb h2"><span class="h3 mb-none">1</span></span><p class="h3 mb-small">Kúpte si</p><p>Kúpte si balík zaslaním SMS alebo v Zákazníckej zóne Môj Orange.</p></div><div class="grid__col grid__col--12 grid__col--md-4"><span class="pill pill--xxlarge mb h2"><span class="h3 mb-none">2</span></span><p class="h3 mb-small">Potvrdenie</p><p> Obdržíte SMS, že balík bol zakúpený a jeho hodnota sa strhne z vášho kreditu.</p></div><div class="grid__col grid__col--12 grid__col--md-4"><span class="pill pill--xxlarge mb h2"><span class="h3 mb-none">3</span></span><p class="h3 mb-small">A znova</p><p> Ak balík miniete, alebo vám vyprší jeho platnosť, môžete si zakúpiť ďalší.</p></div></div><div class="grid grid-row-gap--medium mb-large"><div class="grid__col grid__col--12 grid__col--lg-10"><div class="bar align-items-center bar--nowrap bar--space-small horizontal-scroll mb-none" role="list" aria-label="Najhľadanejšie krajiny"><div class="bar__item mb-small mb-md-none" role="listitem"><button type="button" class="tag is-active tag--large"> Dátové balíky</button></div><div class="bar__item mb-small mb-md-none" role="listitem"><button type="button" class="tag tag--large"> SMS balíky</button></div><div class="bar__item mb-small mb-md-none" role="listitem"><button type="button" class="tag tag--large"> Hlasové balíky</button></div><div class="bar__item mb-small mb-md-none" role="listitem"><button type="button" class="tag tag--large"> Všetky</button></div></div></div><div class="grid__col grid__col--12 grid__col--lg-2 align-lg-right"><button type="button" class="controls" data-carousel-controls="carousel-addons-prima-volba" data-carousel-action="prev"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-left"></use></svg></button><button type="button" class="controls" data-carousel-controls="carousel-addons-prima-volba" data-carousel-action="next"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></button></div></div><div class="carousel carousel--scrollbar carousel--bleed-right" data-carousel="true" data-swiper-options="{&quot;pagination&quot;:{&quot;enabled&quot;:false},&quot;slidesPerView&quot;:1.2,&quot;breakpoints&quot;:{&quot;768&quot;:{&quot;slidesPerView&quot;:2},&quot;1240&quot;:{&quot;slidesPerView&quot;:3}}}" id="carousel-addons-prima-volba"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide"><div class="card"><div class="card__section fill-disabled"><span class="pill pill--xxlarge transparent"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#suitcase"></use></svg></span></div><div class="card__section card__section--fill"><h3>Denný balík 1 GB</h3><p>Balík si môžete zakúpiť zaslaním SMS v tvare „DEN1GB A“ na číslo 445. Platnosť balíka je do polnoci dňa aktivácie.</p></div><div class="card__section pt-none"><p class="h1 normal mb-large">1,03<span class="large bold"> €/mes.</span></p><button type="button" class="btn btn--large btn--fill"> Aktivovať v Môj Orange</button></div></div></div><div class="carousel__slide"><div class="card"><div class="card__section fill-disabled"><span class="pill pill--xxlarge transparent"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#internet-usage"></use></svg></span></div><div class="card__section card__section--fill"><h3>GB</h3><p>Balík si môžete zakúpiť zaslaním SMS v tvare „1GB A“ na číslo 445. Platnosť balíka je 30 dní od poslednej aktivácie.</p></div><div class="card__section pt-none"><p class="h1 normal mb-large">3,08<span class="large bold"> €/mes.</span></p><button type="button" class="btn btn--large btn--fill"> Aktivovať v Môj Orange</button></div></div></div><div class="carousel__slide"><div class="card"><div class="card__section fill-disabled"><span class="pill pill--xxlarge transparent"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#internet-usage"></use></svg></span></div><div class="card__section card__section--fill"><h3>GB</h3><p>Balík si môžete zakúpiť zaslaním SMS v tvare „1GB A“ na číslo 445. Platnosť balíka je 30 dní od poslednej aktivácie.</p></div><div class="card__section pt-none"><p class="h1 normal mb-large">5,13<span class="large bold"> €/mes.</span></p><button type="button" class="btn btn--large btn--fill"> Aktivovať v Môj Orange</button></div></div></div><div class="carousel__slide"><div class="card"><div class="card__section fill-disabled"><span class="pill pill--xxlarge transparent"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#internet-usage"></use></svg></span></div><div class="card__section card__section--fill"><h3>GB</h3><p>Balík si môžete zakúpiť zaslaním SMS v tvare „1GB A“ na číslo 445. Platnosť balíka je 30 dní od poslednej aktivácie.</p></div><div class="card__section pt-none"><p class="h1 normal mb-large">8,20<span class="large bold"> €/mes.</span></p><button type="button" class="btn btn--large btn--fill"> Aktivovať v Môj Orange</button></div></div></div></div></div></div><div class="carousel__scrollbar"><div class="carousel__scrollbar-drag"></div></div></div></div></div>
31
+ <div class="section section--default surface-subtle" id="kombinovane-baliky" data-ods-id="roaming-b2c-overview__section-01"><div class="container"><h2 class="mb-small text-narrow">Kombinované balíky</h2><p>Kombinované balíky ponúkajú zvýhodnené volania, správy aj dáta v zahraničí.</p><div class="mb-large hide-lg"><button type="button" class="controls" data-carousel-controls="carousel-kombinovane-baliky" data-carousel-action="prev"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-left"></use></svg></button><button type="button" class="controls" data-carousel-controls="carousel-kombinovane-baliky" data-carousel-action="next"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></button></div><div class="carousel mb-none carousel--scrollbar carousel--bleed-right" data-carousel="true" data-swiper-options="{&quot;pagination&quot;:{&quot;enabled&quot;:false},&quot;slidesPerView&quot;:1.1,&quot;breakpoints&quot;:{&quot;768&quot;:{&quot;slidesPerView&quot;:1.6},&quot;1024&quot;:{&quot;slidesPerView&quot;:3}}}" id="carousel-kombinovane-baliky" data-same-height="true"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide"><div class="card mb-none"><div class="card__section" data-same-height-child="true" data-same-height-group="descriptions"><h3>Dlhodobo v EÚ</h3><p>Tento balík je vhodný pri dlhodobom pobyte v EÚ (Zóna 1), ktorý je dlhší ako 4 mesiace.</p></div><div class="card__section" data-same-height-child="true" data-same-height-group="prices"><p class="h1 normal mb-large">9,23<span class="large bold"> €</span></p><button type="button" class="btn btn--large btn--primary">Aktivovať</button><button type="button" class="btn btn--large">Podrobné informácie</button></div><div class="divider"><div class="divider__line"></div></div><div class="card__section"><details class="expander expander--fullwidth" data-expander="true" data-toggle-group="list-1" open=""><summary data-summary="O balíku"><span class="expander__summary">O balíku <svg class="icon" role="img" data-summary-icon="true"><title>stav</title><use xlink:href="/sprite.svg#chevron-down"></use></svg></span></summary><div><ul class="icon-list normal"><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">S balíkom Dlhodobo v EÚ nemusíte platiť za každú minútu, SMS alebo dáta pri dlhodobom pobyte v EÚ. Môžete využívať paušál ako na Slovensku, až po dosiahnutie 20 GB, 300 minút a 300 SMS správ</div></li></ul></div></details><details class="expander expander--fullwidth" data-expander="true" data-toggle-group="list-2" open=""><summary data-summary="Aktivácia"><span class="expander__summary">Aktivácia <svg class="icon" role="img" data-summary-icon="true"><title>stav</title><use xlink:href="/sprite.svg#chevron-down"></use></svg></span></summary><div><ul class="icon-list normal"><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content"> aktivácia cez SMS v tvare &quot;ANO&quot; na číslo <a href="/" class="link">657</a></div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content"> deaktivácia cez SMS v tvare &quot;NIE&quot; na číslo <a href="/" class="link">657</a></div></li></ul></div></details></div></div></div><div class="carousel__slide"><div class="card mb-none"><div class="card__section" data-same-height-child="true" data-same-height-group="descriptions"><h3>Max Roaming</h3><p>Tento balík je vhodný pri dlhodobom pobyte v EÚ pre ľudí, ktorí potrebujú neobmedzené volania a SMS a nepotrebujú využívať veľký objem dát.</p></div><div class="card__section" data-same-height-child="true" data-same-height-group="prices"><p class="h1 normal mb-large">5,02<span class="large bold"> €</span></p><button type="button" class="btn btn--large btn--primary">Aktivovať</button><button type="button" class="btn btn--large">Podrobné informácie</button></div><div class="divider"><div class="divider__line"></div></div><div class="card__section"><details class="expander expander--fullwidth" data-expander="true" data-toggle-group="list-1" open=""><summary data-summary="O balíku"><span class="expander__summary">O balíku <svg class="icon" role="img" data-summary-icon="true"><title>stav</title><use xlink:href="/sprite.svg#chevron-down"></use></svg></span></summary><div><ul class="icon-list normal"><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">dostupné iba k paušálom s poplatkom od 20,50 €</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">neobmedzené volania a SMS v EÚ (Zóne 1)</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">2 000 MB dát v EÚ (Zóne 1)</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">rodinné cestovné poistenie s poistným krytím až do 100 000 €</div></li></ul></div></details><details class="expander expander--fullwidth" data-expander="true" data-toggle-group="list-2" open=""><summary data-summary="Aktivácia"><span class="expander__summary">Aktivácia <svg class="icon" role="img" data-summary-icon="true"><title>stav</title><use xlink:href="/sprite.svg#chevron-down"></use></svg></span></summary><div><ul class="icon-list normal"><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content"> aktivácia cez SMS v tvare &quot;ANO&quot; na číslo <a href="/" class="link">655</a></div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content"> deaktivácia cez SMS v tvare &quot;NIE&quot; na číslo <a href="/" class="link">655</a></div></li></ul></div></details></div></div></div><div class="carousel__slide"><div class="card mb-none"><div class="card__section" data-same-height-child="true" data-same-height-group="descriptions"><h3>Môj Svet</h3><p>Tento balík je vhodný pri ceste do vybraných krajín sveta mimo EÚ.</p></div><div class="card__section" data-same-height-child="true" data-same-height-group="prices"><p class="h1 normal mb-large">6,14<span class="large bold"> €</span></p><button type="button" class="btn btn--large btn--primary">Aktivovať</button><button type="button" class="btn btn--large">Podrobné informácie</button></div><div class="divider"><div class="divider__line"></div></div><div class="card__section"><details class="expander expander--fullwidth" data-expander="true" data-toggle-group="list-1" open=""><summary data-summary="O balíku"><span class="expander__summary">O balíku <svg class="icon" role="img" data-summary-icon="true"><title>stav</title><use xlink:href="/sprite.svg#chevron-down"></use></svg></span></summary><div><ul class="icon-list normal"><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content"> komunikácia vo <a href="/" class="link">vybraných krajinách sveta</a> len za 0,40 €/min./SMS/MB</div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content"> 60 prichádzajúcich minút vo <a href="/" class="link">vybraných krajinách sveta</a></div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content">rodinné cestovné poistenie s poistným krytím až do 100 000 €</div></li></ul></div></details><details class="expander expander--fullwidth" data-expander="true" data-toggle-group="list-2" open=""><summary data-summary="Aktivácia"><span class="expander__summary">Aktivácia <svg class="icon" role="img" data-summary-icon="true"><title>stav</title><use xlink:href="/sprite.svg#chevron-down"></use></svg></span></summary><div><ul class="icon-list normal"><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content"> aktivácia cez SMS v tvare &quot;ANO&quot; na číslo <a href="/" class="link">654</a></div></li><li><svg class="icon icon--medium icon-list__icon" aria-hidden="true"><use xlink:href="/sprite.svg#tick"></use></svg><div class="icon-list__content"> deaktivácia cez SMS v tvare &quot;NIE&quot; na číslo <a href="/" class="link">654</a></div></li></ul></div></details></div></div></div></div></div></div><div class="carousel__scrollbar"><div class="carousel__scrollbar-drag"></div></div></div></div></div>
32
+ <div class="section section--default background-secondary" data-ods-id="manuals-and-settings__section-01"><div class="container"><div class="grid grid--justify-height grid-row-gap--medium"><div class="grid__col grid__col--12 grid__col--md-6 grid__col--lg-4"><div class="card mb-none block-action block-action--border-on-hover" data-block-action="true"><div class="card__section fill-disabled"><span class="pill pill--xxlarge transparent"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#settings"></use></svg></span></div><div class="card__section"><h2 class="h3 mb"><a href="/" class="link underline-hover block-action__control">Nastavenia podľa operačného systému</a></h2><p>Nastavenie služieb sa líši podľa operačného systému vášho smartfónu.</p></div></div></div><div class="grid__col grid__col--12 grid__col--md-6 grid__col--lg-4"><div class="card mb-none block-action block-action--border-on-hover" data-block-action="true"><div class="card__section fill-disabled"><span class="pill pill--xxlarge transparent"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#settings"></use></svg></span></div><div class="card__section"><h2 class="h3 mb"><a href="/" class="link underline-hover block-action__control">Nastavenia tlačidlových telefónov</a></h2><p>Návody a pomoc pri nastavení tlačidlových telefónov.</p></div></div></div><div class="grid__col grid__col--12 grid__col--md-6 grid__col--lg-4"><div class="card mb-none block-action block-action--border-on-hover" data-block-action="true"><div class="card__section fill-disabled"><span class="pill pill--xxlarge transparent"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#settings"></use></svg></span></div><div class="card__section"><h2 class="h3 mb"><a href="/" class="link underline-hover block-action__control">Nastavenia modemov a routerov</a></h2><p>Návody a pomoc pri nastavení a inštalácii modemov a routerov.</p></div></div></div><div class="grid__col grid__col--12 grid__col--md-6 grid__col--lg-4"><div class="card mb-none block-action block-action--border-on-hover" data-block-action="true"><div class="card__section fill-disabled"><span class="pill pill--xxlarge transparent"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#settings"></use></svg></span></div><div class="card__section"><h2 class="h3 mb"><a href="/" class="link underline-hover block-action__control">Televízia</a></h2><p>Návody a nastavenia televízie a set-top boxov.</p></div></div></div><div class="grid__col grid__col--12 grid__col--md-6 grid__col--lg-4"><div class="card mb-none block-action block-action--border-on-hover" data-block-action="true"><div class="card__section fill-disabled"><span class="pill pill--xxlarge transparent"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#settings"></use></svg></span></div><div class="card__section"><h2 class="h3 mb"><a href="/" class="link underline-hover block-action__control">Ostatné</a></h2><p>Návody a nastavenia smart hodiniek a iných zariadení.</p></div></div></div></div></div></div>
33
+ <div class="section section--default" data-ods-id="product-page-b2b-market-locator__section-03"><div class="container"><div class="hide-md mb-large"><button type="button" class="controls" data-carousel-controls="carousel-features" data-carousel-action="prev"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-left"></use></svg></button><button type="button" class="controls" data-carousel-controls="carousel-features" data-carousel-action="next"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></button></div><div class="carousel carousel--scrollbar carousel--bleed-right" data-carousel="true" data-swiper-options="{&quot;pagination&quot;:{&quot;enabled&quot;:false},&quot;slidesPerView&quot;:1.2,&quot;breakpoints&quot;:{&quot;480&quot;:{&quot;slidesPerView&quot;:1.8},&quot;768&quot;:{&quot;slidesPerView&quot;:3}}}" id="carousel-features"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide"><div class="card"><div class="card__section card__section--fill d-flex flex-column justify-content-space-between"><div><h3 class="mb-small">SMS</h3><p class="mb-large">cez Market Locator</p></div><p> Cena bez DPH<br/><span class="h1">0,10</span><span class="bold large"> €/sms</span></p></div></div></div><div class="carousel__slide"><div class="card"><div class="card__section card__section--fill d-flex flex-column justify-content-space-between"><div><h3 class="mb-small">LBS</h3><p class="mb-large">SMS na základe aktuálnej polohy</p></div><p> Cena bez DPH<br/><span class="h1">0,25</span><span class="bold large"> €/sms</span></p></div></div></div><div class="carousel__slide"><div class="card"><div class="card__section card__section--fill d-flex flex-column justify-content-space-between"><div><h3 class="mb-small">RCS</h3><p class="mb-large">cez Market Locator</p></div><p> Cena bez DPH<br/><span class="h1">0,15</span><span class="bold large"> €/sms</span></p></div></div></div></div></div></div><div class="carousel__scrollbar"><div class="carousel__scrollbar-drag"></div></div></div></div></div>
34
+ <div class="section section--default surface-subtle" data-ods-id="device-lp-dvojicky-b2c__section-02"><div class="container"><div class="grid"><div class="grid__col grid__col--12 grid__col--md-6"><h2 class="mb-large mb-lg-xlarge text-narrow">Získajte k vášmu paušálu Samsung Galaxy S24 a k nemu druhé zariadenie len za 1 €</h2></div></div><div class="grid"><div class="grid__col grid__col--12 grid__col--lg-4 align-self-middle mb-large mb-lg-none"><h3> Aktivujte si hlasový paušál <br/> so Samsung Galaxy S24 5G s viazanosťou</h3><p class=""> Ako bonus vám k nemu dáme <b> druhé zariadenie Samsung Galaxy A25 výhodnejšie bez viazanosti.</b></p><div class="bar align-items-center mb"><div class="bar__item"><span class="pill pill--xxlarge surface-primary mb-none h2"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#rewards"></use></svg></span></div><div class="bar__item bar__item--fill"><p class="bold mb-none"> Dve zariadenia k jednému paušálu</p></div></div><div class="bar align-items-center mb"><div class="bar__item"><span class="pill pill--xxlarge surface-primary mb-none h2"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#lock-open"></use></svg></span></div><div class="bar__item bar__item--fill"><p class="bold mb-none">Druhé zariadenie bez viazanosti</p></div></div><p class="mb-large"> Akcia platí pre Paušály Plus, Yoxo paušál a Pro Biznis.</p><a href="/" class="btn btn--large btn--primary mb-none fullwidth-xs-only"> Kúpiť v e-shope</a></div><div class="grid__col grid__col--12 grid__col--lg-8"><h2 class="mb hide-lg">Vyberte si svoj Samsung</h2><div class="mb-large hide-lg"><button type="button" class="controls" data-carousel-action="prev"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-left"></use></svg></button><button type="button" class="controls" data-carousel-action="next"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></button></div><div class="carousel mb-large mb-lg-none carousel--scrollbar carousel--bleed-right" data-carousel="true" data-swiper-options="{&quot;pagination&quot;:{&quot;enabled&quot;:false},&quot;slidesPerView&quot;:1.1,&quot;breakpoints&quot;:{&quot;991&quot;:{&quot;slidesPerView&quot;:2}}}"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide"><div class="relative d-flex flex-1"><span class="pill pill--xxlarge surface-subtle plus-pill mb-none border-strong border"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#add"></use></svg></span><div class="card mb-none d-flex is-light"><div class="card__section"><h3 class="h4">Samsung Galaxy<br/><span class="h2">S24</span></h3></div><div class="product-image d-flex justify-content-center"><img class="img mb" src="/assets/samsung-galaxy-zfold7@2x.png" alt="Samsung Galaxy Fold 7"/><div class="product-image__dots"></div></div><div class="card__section"><span><s>1 709 €</s>  <button type="button" class="info-tooltip" data-tooltip-trigger="true" aria-describedby="samsung-1-dark-desktop" aria-owns="samsung-1-dark-desktop"><svg class="icon info-tooltip__icon" aria-hidden="true"><use xlink:href="/sprite.svg#assistance"></use></svg><span class="sr-only">Info</span></button><span id="samsung-1-dark-desktop" class="tooltip" role="tooltip" hidden="" data-tooltip="true" data-tooltip-placement="top"><span class="tooltip__arrow"></span><span class="tooltip__dialog">Look here for more information</span></span></span><p class="h2 normal mb-none">1 469 <span class="large">€</span></p><p class="mb-large text-secondary small">S Prémiovým paušálom na 24 mesiacov</p><button type="button" class="btn btn--large btn--secondary">Viac o smartfóne</button></div><div class="divider"><div class="divider__line"></div></div><div class="card__section"><details class="expander expander--fullwidth" data-expander="true" data-toggle-group="sync-group" open=""><summary data-summary="Výhody"><span class="expander__summary">Výhody <svg class="icon" role="img" data-summary-icon="true"><title>stav</title><use xlink:href="/sprite.svg#chevron-down"></use></svg></span></summary><div><ul class="list-disc pl-medium list-unstyled"><li class="mb-small">Prémiový smartfón s Galaxy AI</li><li class="mb-small">6 GB RAM, 128 GB úložisko</li><li class="mb-small">Farebné a jasné snímky aj v tme</li></ul></div></details></div></div></div></div><div class="carousel__slide"><div class="relative d-flex flex-1"><div class="card mb-none d-flex is-light"><div class="card__section"><h3 class="h4">Samsung Galaxy<br/><span class="h2">A25</span></h3></div><div class="product-image d-flex justify-content-center"><img class="img mb" src="/assets/samsung-galaxy-zflip7@2x.png" alt="Samsung Galaxy Fold 7"/><div class="product-image__dots"></div></div><div class="card__section"><span><s>1 016 €</s>  <button type="button" class="info-tooltip" data-tooltip-trigger="true" aria-describedby="samsung-2-dark-desktop" aria-owns="samsung-2-dark-desktop"><svg class="icon info-tooltip__icon" aria-hidden="true"><use xlink:href="/sprite.svg#assistance"></use></svg><span class="sr-only">Info</span></button><span id="samsung-2-dark-desktop" class="tooltip" role="tooltip" hidden="" data-tooltip="true" data-tooltip-placement="top"><span class="tooltip__arrow"></span><span class="tooltip__dialog">Look here for more information</span></span></span><p class="h2 normal mb-none">776 <span class="large">€</span></p><p class="mb-large text-secondary small">S Prémiovým paušálom na 24 mesiacov</p><button type="button" class="btn btn--large btn--secondary">Viac o smartfóne</button></div><div class="divider"><div class="divider__line"></div></div><div class="card__section"><details class="expander expander--fullwidth" data-expander="true" data-toggle-group="sync-group" open=""><summary data-summary="Výhody"><span class="expander__summary">Výhody <svg class="icon" role="img" data-summary-icon="true"><title>stav</title><use xlink:href="/sprite.svg#chevron-down"></use></svg></span></summary><div><ul class="list-disc pl-medium list-unstyled"><li class="mb-small">Fotoaparáty 50 + 8 + 2 Mpx</li><li class="mb-small">Vyhľadávanie Circle to Search</li><li class="mb-small">Robustná 5 000 mAh batéria, 25 W nabíjanie</li></ul></div></details></div></div></div></div></div></div></div><div class="carousel__scrollbar"><div class="carousel__scrollbar-drag"></div></div></div></div></div></div></div></div>
35
+ </main>
36
+ </div>
37
+ <div id="root-tooltips"></div>
38
+ <div id="root-dropdowns"></div>
39
+ <div id="root-modals"></div>
40
+ <script type="module" src="/lib/scripts.js"></script>
41
+ <script type="module" src="/lib/megamenu.js"></script>
42
+ <script type="module" src="/lib/footer.js"></script>
43
+
44
+ <script>
45
+ function toggleDarkMode() {
46
+ document.body.classList.toggle('is-dark');
47
+ document.querySelector("[data-megamenu]").classList.toggle("is-dark");
48
+ document.querySelector("footer").classList.toggle("is-dark");
49
+ }
50
+ </script>
51
+ <button
52
+ id="toggle-dark-mode"
53
+ style="position: fixed; bottom: 20px; right: 20px; z-index: 1000;" class="btn btn--small"
54
+ onclick="toggleDarkMode()"
55
+ >
56
+ Dark mode
57
+ </button>
58
+
59
+ </body>
60
+ </html>
package/build/pages/components/hero/index.html ADDED
@@ -0,0 +1,57 @@
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="sk">
4
+ <head>
5
+ <meta charset="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>Page</title>
15
+ </head>
16
+ <body>
17
+ <div id="root">
18
+ <main>
19
+ <link rel="preload" as="image" href="/assets/iPhone_16_Pro_Web_Banner_desktop.png"/><link rel="preload" as="image" href="/assets/samsung-galaxy-fold-7--large.png"/><link rel="preload" as="image" href="/assets/samsung-hero-xxl.png"/><div id="MDX_ROOT_917b309f-d98e-41c8-9164-221654c4449e"><h1>Basic page heading</h1>
20
+ <div class="section"><div class="container"><h1 class="display-3 text-narrow mb">Bezpečné poistenie zariadení</h1><p>Oprava mobilu nemusí byť vždy lacnou záležitosťou. Bezpečné poistenie
21
+ zariadení chráni vaše zariadenia proti poškodeniu a krádeži, ale aj vás
22
+ proti online rizikám.</p></div></div>
23
+ <br/>
24
+ <h1>Hero carousel</h1>
25
+ <div class="carousel-hero mb-none" data-carousel-hero="true" id="carousel-hero-basic"><div class="carousel-hero__viewport-wrapper"><div class="carousel-hero__viewport"><div class="carousel-hero__track"><div class="carousel-hero__slide is-dark fill-primary" id="carousel-hero-basic-panel-0" role="tabpanel" aria-labelledby="carousel-hero-basic-tab-0"><div class="container carousel-hero__slide-container"><div class="carousel-hero__slide-content"><h1 class="h1"> Geniálny.<br/> Vo všetkom.</h1><p>Apple iPhone 16 Pro už v predaji v našom e-shope.</p><button type="button" class="btn btn--large btn--primary"> Objednať</button></div><img class="img carousel-hero__slide-image" src="/assets/iPhone_16_Pro_Web_Banner_desktop.png" alt="Obrázok"/></div></div><div class="carousel-hero__slide is-dark fill-primary" id="carousel-hero-basic-panel-1" role="tabpanel" aria-labelledby="carousel-hero-basic-tab-1"><div class="container carousel-hero__slide-container"><div class="carousel-hero__slide-content"><h2 class="h1">3 mesiace zadarmo</h2><p>Apple iPhone 16 Pro už v predaji v našom e-shope.</p><button type="button" class="btn btn--large btn--primary"> Objednať</button></div><img class="img carousel-hero__slide-image" src="/assets/iPhone_16_Pro_Web_Banner_desktop.png" alt="Obrázok"/></div></div><div class="carousel-hero__slide is-dark fill-primary" id="carousel-hero-basic-panel-2" role="tabpanel" aria-labelledby="carousel-hero-basic-tab-2"><div class="container carousel-hero__slide-container"><div class="carousel-hero__slide-content"><h2 class="h1">Nekonečné dáta</h2><p>Apple iPhone 16 Pro už v predaji v našom e-shope.</p><button type="button" class="btn btn--large btn--primary"> Objednať</button></div><img class="img carousel-hero__slide-image" src="/assets/iPhone_16_Pro_Web_Banner_desktop.png" alt="Obrázok"/></div></div><div class="carousel-hero__slide is-dark fill-primary" id="carousel-hero-basic-panel-3" role="tabpanel" aria-labelledby="carousel-hero-basic-tab-3"><div class="container carousel-hero__slide-container"><div class="carousel-hero__slide-content"><h2 class="h1">iPhone16 Pro</h2><p>Apple iPhone 16 Pro už v predaji v našom e-shope.</p><button type="button" class="btn btn--large btn--primary"> Objednať</button></div><img class="img carousel-hero__slide-image" src="/assets/iPhone_16_Pro_Web_Banner_desktop.png" alt="Obrázok"/></div></div><div class="carousel-hero__slide is-dark fill-primary" id="carousel-hero-basic-panel-4" role="tabpanel" aria-labelledby="carousel-hero-basic-tab-4"><div class="container carousel-hero__slide-container"><div class="carousel-hero__slide-content"><h2 class="h1">HONOR 200</h2><p>Apple iPhone 16 Pro už v predaji v našom e-shope.</p><button type="button" class="btn btn--large btn--primary"> Objednať</button></div><img class="img carousel-hero__slide-image" src="/assets/iPhone_16_Pro_Web_Banner_desktop.png" alt="Obrázok"/></div></div></div></div></div><div class="container d-flex"><div class="carousel-hero__tabs" role="tablist"><button id="carousel-hero-basic-tab-0" type="button" class="carousel-hero__tab" role="tab" aria-controls="carousel-hero-basic-panel-0" aria-selected="true" tabindex="0">Motorola Edge 50 Fusion</button><button id="carousel-hero-basic-tab-1" type="button" class="carousel-hero__tab" role="tab" aria-controls="carousel-hero-basic-panel-1" aria-selected="false" tabindex="-1">3 mesiace zadarmo</button><button id="carousel-hero-basic-tab-2" type="button" class="carousel-hero__tab" role="tab" aria-controls="carousel-hero-basic-panel-2" aria-selected="false" tabindex="-1">Nekonečné dáta</button><button id="carousel-hero-basic-tab-3" type="button" class="carousel-hero__tab" role="tab" aria-controls="carousel-hero-basic-panel-3" aria-selected="false" tabindex="-1">iPhone16 Pro</button><button id="carousel-hero-basic-tab-4" type="button" class="carousel-hero__tab" role="tab" aria-controls="carousel-hero-basic-panel-4" aria-selected="false" tabindex="-1">HONOR 200</button></div><div role="tablist" class="carousel-hero__pagination"></div><div class="carousel-hero__navigation"><button type="button" class="controls carousel-hero__prev" aria-label="Predchádzajúci snímok"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-left"></use></svg></button><button type="button" class="controls carousel-hero__next" aria-label="Nasledujúci snímok"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></button></div></div></div>
26
+ <br/>
27
+ <h1>Hero v1</h1>
28
+ <div class="promo-banner background-secondary promo-banner--vertical" data-ods-id="device-lp-b2c__promo-banner--01"><div class="grid grid-column-gap--large"><div class="grid__col grid__col--12 grid__col--sm-10 grid__col--md-8 grid__col--lg-6 promo-banner__item align-items-center align-center align-self-center"><div class="container"><h1 class="mb-medium">Objednajte si a získajte skvelé bonusy</h1><p class="mb-large align-self-center">Najnovšie ultra skladačky série Samsung Galaxy Z sú tu.</p><a href="/" class="btn btn--large btn--primary mb-none fullwidth-xs-only">Kúpiť v e-shope</a></div></div><div class="grid__col grid__col--12 promo-banner__image align-center"><img class="img mb-none fullwidth" src="/assets/samsung-galaxy-fold-7--large.png" alt="Obrázok"/></div></div></div>
29
+ <br/>
30
+ <h1>Hero v2</h1>
31
+ <div class="section section--default fill-primary is-dark" data-ods-id="device-lp-dvojicky-b2c__section-01"><div class="container"><div class="promo-banner"><div class="grid grid-column-gap--large"><div class="grid__col grid__col--12 grid__col--md-6 promo-banner__item align-self-top pt-none"><h1 class="mb-medium"> Neviete ktorý? <br/> Vezmite si oba.</h1><p class="mb-large"> Vyberte si prémiový smartfón Samsung Galaxy S24 s umelou inteligenciou Galaxy AI a získajte k nemu druhý Samsung len za 1 €.</p><a href="/" class="btn btn--large btn--primary mb-none fullwidth-xs-only"> Kúpiť v e-shope</a></div><div class="grid__col grid__col--12 grid__col--md-6 promo-banner__image"><img class="img mb-none" src="/assets/samsung-hero-xxl.png" alt="Obrázok"/></div></div></div></div></div></div>
32
+ </main>
33
+ </div>
34
+ <div id="root-tooltips"></div>
35
+ <div id="root-dropdowns"></div>
36
+ <div id="root-modals"></div>
37
+ <script type="module" src="/lib/scripts.js"></script>
38
+ <script type="module" src="/lib/megamenu.js"></script>
39
+ <script type="module" src="/lib/footer.js"></script>
40
+
41
+ <script>
42
+ function toggleDarkMode() {
43
+ document.body.classList.toggle('is-dark');
44
+ document.querySelector("[data-megamenu]").classList.toggle("is-dark");
45
+ document.querySelector("footer").classList.toggle("is-dark");
46
+ }
47
+ </script>
48
+ <button
49
+ id="toggle-dark-mode"
50
+ style="position: fixed; bottom: 20px; right: 20px; z-index: 1000;" class="btn btn--small"
51
+ onclick="toggleDarkMode()"
52
+ >
53
+ Dark mode
54
+ </button>
55
+
56
+ </body>
57
+ </html>
package/build/pages/components/process-section/index.html ADDED
@@ -0,0 +1,56 @@
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="sk">
4
+ <head>
5
+ <meta charset="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>Page</title>
15
+ </head>
16
+ <body>
17
+ <div id="root">
18
+ <main>
19
+ <link rel="preload" as="image" href="https://placehold.co/640x1145"/><div id="MDX_ROOT_ebe48e0e-3245-4724-98da-2fcbd94d8f98"><h1>Process 1</h1>
20
+ <div class="section section--default" id="ako-si-aktivovat" data-ods-id="product-page-b2c-online-security__ako-si-aktivovat--03"><div class="container"><div class="grid grid-row-gap--medium mb-large"><div class="grid__col grid__col--12 grid__col--lg-10"><h2 class="mb-none">Ako si aktivovať Online ochranu?</h2></div><div class="grid__col grid__col--12 grid__col--lg-2 align-lg-right"><button type="button" class="controls" data-carousel-controls="carousel-how-to-get" data-carousel-action="prev"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-left"></use></svg></button><button type="button" class="controls" data-carousel-controls="carousel-how-to-get" data-carousel-action="next"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></button></div></div><div class="carousel carousel--scrollbar carousel--bleed-right" data-carousel="true" data-swiper-options="{&quot;pagination&quot;:{&quot;enabled&quot;:false},&quot;slidesPerView&quot;:1.2,&quot;breakpoints&quot;:{&quot;768&quot;:{&quot;slidesPerView&quot;:2.1},&quot;1240&quot;:{&quot;slidesPerView&quot;:3}}}" id="carousel-how-to-get"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide"><div class="card"><div class="card__section"><span class="pill pill--xxlarge mb h2"><span class="h3 mb-none">1</span></span><h3 class="h3 mb-small">Prihláste sa</h3><p>Službu si môžete objednať jednoducho cez Môj Orange, alebo telefonicky na čísle 905.</p><div class="buttons buttons--stack-on-xs"><button type="button" class="btn btn--fill">Zákaznícka zóna</button><button type="button" class="btn">Prejsť do Môj Orange app</button></div></div></div></div><div class="carousel__slide"><div class="card background-accent card--no-border"><div class="card__section"><span class="pill pill--xxlarge surface-tertiary mb h2"><span class="h3 mb-none">2</span></span><h3 class="h3 mb-small">Aktivácia</h3><p>Potvrďte aktiváciu služby Online ochrana. Aktivácia prebehne
21
+ zvyčajne do pár minút, najviac však do 24 hodín.</p></div></div></div><div class="carousel__slide"><div class="card"><div class="card__section"><span class="pill pill--xxlarge mb h2"><span class="h3 mb-none">3</span></span><h3 class="h3 mb-small">Potvrdenie</h3><p>Po úspešnom overení aktivácie budete informovaní aj cez SMS správu.</p></div></div></div><div class="carousel__slide"><div class="card"><div class="card__section"><span class="pill pill--xxlarge mb h2"><span class="h3 mb-none">4</span></span><h3 class="h3 mb-small">Nastavenia</h3><p>Pre podrobné nastavenie služby stačí navštíviť portál služby Online ochrana.</p><button type="button" class="btn btn--preserve-width">Nastavenia Online ochrana</button></div></div></div></div></div></div><div class="carousel__scrollbar"><div class="carousel__scrollbar-drag"></div></div></div></div></div>
22
+ <br/>
23
+ <h1>Process 2</h1>
24
+ <div class="section section--default" id="ine-poplatky" data-ods-id="increased-invoice__ine-poplatky--06"><div class="container"><h2>Ako sa vyhnúť vysokým faktúram?</h2><div class="carousel carousel--scrollbar carousel--bleed-right" data-carousel="true" data-swiper-options="{&quot;pagination&quot;:{&quot;enabled&quot;:false},&quot;slidesPerView&quot;:1.2,&quot;spaceBetween&quot;:20,&quot;breakpoints&quot;:{&quot;768&quot;:{&quot;slidesPerView&quot;:2.5,&quot;spaceBetween&quot;:60},&quot;1024&quot;:{&quot;slidesPerView&quot;:3.5,&quot;spaceBetween&quot;:60}}}" id="carousel-what-it-handles"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide"><span class="pill pill--xxlarge mb"><span class="h3 mb-none">1</span></span><h3 class="mb-small">Možnosť navýšiť si dáta dokúpením dátových balíkov.</h3></div><div class="carousel__slide"><span class="pill pill--xxlarge mb"><span class="h3 mb-none">2</span></span><h3 class="mb-small"> Pri ceste do zahraničia odporúčame zakúpenie <a href="/" class="link">roamingových balíkov.</a></h3></div><div class="carousel__slide"><span class="pill pill--xxlarge mb"><span class="h3 mb-none">3</span></span><h3 class="mb-small"> Obmedziť volania na <a href="/" class="link">audiotexové čísla.</a></h3></div><div class="carousel__slide"><span class="pill pill--xxlarge mb"><span class="h3 mb-none">4</span></span><h3 class="mb-small"> Vyhnúť sa SMS s <a href="/" class="link">osobitnou tarifikáciou</a> (napr. parkovné, lístky na MHD a iné).</h3></div><div class="carousel__slide"><span class="pill pill--xxlarge mb"><span class="h3 mb-none">5</span></span><h3 class="mb-small"> Vyhnite sa poplatkom kvôli oneskorenej platbe faktúr a <a href="/" class="link">zriaďte si inkaso online.</a></h3></div><div class="carousel__slide"><span class="pill pill--xxlarge mb"><span class="h3 mb-none">6</span></span><h3 class="mb-small"> Získajte zľavu z vašej mesačnej faktúry za využívanie <a href="/" class="link">digitálnej platby a Elektronickej faktúry.</a></h3></div></div></div></div><div class="carousel__scrollbar"><div class="carousel__scrollbar-drag"></div></div></div></div></div>
25
+ <br/>
26
+ <h1>Process 3</h1>
27
+ <div class="section section--default background-secondary" id="doplnkove-baliky" data-ods-id="product-page-b2c-prima-volba__doplnkove-baliky--05"><div class="container"><h2 class="mb-large">Doplnkové balíky</h2><div class="grid grid-column-gap--xlarge grid-row-gap--large"><div class="grid__col grid__col--12 grid__col--md-4"><span class="pill pill--xxlarge mb h2"><span class="h3 mb-none">1</span></span><p class="h3 mb-small">Kúpte si</p><p>Kúpte si balík zaslaním SMS alebo v Zákazníckej zóne Môj Orange.</p></div><div class="grid__col grid__col--12 grid__col--md-4"><span class="pill pill--xxlarge mb h2"><span class="h3 mb-none">2</span></span><p class="h3 mb-small">Potvrdenie</p><p> Obdržíte SMS, že balík bol zakúpený a jeho hodnota sa strhne z vášho kreditu.</p></div><div class="grid__col grid__col--12 grid__col--md-4"><span class="pill pill--xxlarge mb h2"><span class="h3 mb-none">3</span></span><p class="h3 mb-small">A znova</p><p> Ak balík miniete, alebo vám vyprší jeho platnosť, môžete si zakúpiť ďalší.</p></div></div><div class="grid grid-row-gap--medium mb-large hide"><div class="grid__col grid__col--12 grid__col--lg-10"><div class="bar align-items-center bar--nowrap bar--space-small horizontal-scroll mb-none" role="list" aria-label="Najhľadanejšie krajiny"><div class="bar__item mb-small mb-md-none" role="listitem"><button type="button" class="tag is-active tag--large"> Dátové balíky</button></div><div class="bar__item mb-small mb-md-none" role="listitem"><button type="button" class="tag tag--large"> SMS balíky</button></div><div class="bar__item mb-small mb-md-none" role="listitem"><button type="button" class="tag tag--large"> Hlasové balíky</button></div><div class="bar__item mb-small mb-md-none" role="listitem"><button type="button" class="tag tag--large"> Všetky</button></div></div></div><div class="grid__col grid__col--12 grid__col--lg-2 align-lg-right"><button type="button" class="controls" data-carousel-controls="carousel-addons-prima-volba" data-carousel-action="prev"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-left"></use></svg></button><button type="button" class="controls" data-carousel-controls="carousel-addons-prima-volba" data-carousel-action="next"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></button></div></div><div class="carousel hide carousel--scrollbar carousel--bleed-right" data-carousel="true" data-swiper-options="{&quot;pagination&quot;:{&quot;enabled&quot;:false},&quot;slidesPerView&quot;:1.2,&quot;breakpoints&quot;:{&quot;768&quot;:{&quot;slidesPerView&quot;:2},&quot;1240&quot;:{&quot;slidesPerView&quot;:3}}}" id="carousel-addons-prima-volba"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide"><div class="card"><div class="card__section fill-disabled"><span class="pill pill--xxlarge transparent"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#suitcase"></use></svg></span></div><div class="card__section card__section--fill"><h3>Denný balík 1 GB</h3><p>Balík si môžete zakúpiť zaslaním SMS v tvare „DEN1GB A“ na číslo 445. Platnosť balíka je do polnoci dňa aktivácie.</p></div><div class="card__section pt-none"><p class="h1 normal mb-large">1,03<span class="large bold"> €/mes.</span></p><button type="button" class="btn btn--large btn--fill"> Aktivovať v Môj Orange</button></div></div></div><div class="carousel__slide"><div class="card"><div class="card__section fill-disabled"><span class="pill pill--xxlarge transparent"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#internet-usage"></use></svg></span></div><div class="card__section card__section--fill"><h3>GB</h3><p>Balík si môžete zakúpiť zaslaním SMS v tvare „1GB A“ na číslo 445. Platnosť balíka je 30 dní od poslednej aktivácie.</p></div><div class="card__section pt-none"><p class="h1 normal mb-large">3,08<span class="large bold"> €/mes.</span></p><button type="button" class="btn btn--large btn--fill"> Aktivovať v Môj Orange</button></div></div></div><div class="carousel__slide"><div class="card"><div class="card__section fill-disabled"><span class="pill pill--xxlarge transparent"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#internet-usage"></use></svg></span></div><div class="card__section card__section--fill"><h3>GB</h3><p>Balík si môžete zakúpiť zaslaním SMS v tvare „1GB A“ na číslo 445. Platnosť balíka je 30 dní od poslednej aktivácie.</p></div><div class="card__section pt-none"><p class="h1 normal mb-large">5,13<span class="large bold"> €/mes.</span></p><button type="button" class="btn btn--large btn--fill"> Aktivovať v Môj Orange</button></div></div></div><div class="carousel__slide"><div class="card"><div class="card__section fill-disabled"><span class="pill pill--xxlarge transparent"><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#internet-usage"></use></svg></span></div><div class="card__section card__section--fill"><h3>GB</h3><p>Balík si môžete zakúpiť zaslaním SMS v tvare „1GB A“ na číslo 445. Platnosť balíka je 30 dní od poslednej aktivácie.</p></div><div class="card__section pt-none"><p class="h1 normal mb-large">8,20<span class="large bold"> €/mes.</span></p><button type="button" class="btn btn--large btn--fill"> Aktivovať v Môj Orange</button></div></div></div></div></div></div><div class="carousel__scrollbar"><div class="carousel__scrollbar-drag"></div></div></div></div></div>
28
+ <h1>Process 4</h1>
29
+ <div class="section"><div class="container"><div class="grid grid-column-gap--xlarge grid-row-gap--medium"><div class="grid__col grid__col--12 grid__col--md-6"><img class="img mb-none" src="https://placehold.co/640x1145" alt="Pohoda"/></div><div class="grid__col grid__col--12 grid__col--md-6"><h2 class="h1">Kde nás na Pohode nájdete?</h2><div class="card"><div class="card__section"><span class="pill pill--xxlarge mb h2"><span class="h3 mb-none">1</span></span><h3 class="h3 mb-small">Prihláste sa</h3><p>Službu si môžete objednať jednoducho cez Môj Orange, alebo telefonicky na čísle 905.</p><div class="buttons buttons--stack-on-xs"><button type="button" class="btn btn--fill">Zákaznícka zóna</button><button type="button" class="btn">Prejsť do Môj Orange app</button></div></div></div><div class="card background-accent card--no-border"><div class="card__section"><span class="pill pill--xxlarge surface-tertiary mb h2"><span class="h3 mb-none">2</span></span><h3 class="h3 mb-small">Aktivácia</h3><p>Potvrďte aktiváciu služby Online ochrana. Aktivácia prebehne
30
+ zvyčajne do pár minút, najviac však do 24 hodín.</p></div></div><div class="card"><div class="card__section"><span class="pill pill--xxlarge mb h2"><span class="h3 mb-none">3</span></span><h3 class="h3 mb-small">Potvrdenie</h3><p>Po úspešnom overení aktivácie budete informovaní aj cez SMS správu.</p></div></div><div class="card"><div class="card__section"><span class="pill pill--xxlarge mb h2"><span class="h3 mb-none">4</span></span><h3 class="h3 mb-small">Nastavenia</h3><p>Pre podrobné nastavenie služby stačí navštíviť portál služby Online ochrana.</p><button type="button" class="btn btn--preserve-width">Nastavenia Online ochrana</button></div></div></div></div></div></div></div>
31
+ </main>
32
+ </div>
33
+ <div id="root-tooltips"></div>
34
+ <div id="root-dropdowns"></div>
35
+ <div id="root-modals"></div>
36
+ <script type="module" src="/lib/scripts.js"></script>
37
+ <script type="module" src="/lib/megamenu.js"></script>
38
+ <script type="module" src="/lib/footer.js"></script>
39
+
40
+ <script>
41
+ function toggleDarkMode() {
42
+ document.body.classList.toggle('is-dark');
43
+ document.querySelector("[data-megamenu]").classList.toggle("is-dark");
44
+ document.querySelector("footer").classList.toggle("is-dark");
45
+ }
46
+ </script>
47
+ <button
48
+ id="toggle-dark-mode"
49
+ style="position: fixed; bottom: 20px; right: 20px; z-index: 1000;" class="btn btn--small"
50
+ onclick="toggleDarkMode()"
51
+ >
52
+ Dark mode
53
+ </button>
54
+
55
+ </body>
56
+ </html>