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

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 (87) hide show
  1. package/build/assets/blog-post-cover.png +0 -0
  2. package/build/assets/iphone-17.png +0 -0
  3. package/build/assets/market-lokator.png +0 -0
  4. package/build/assets/microsoft-365.png +0 -0
  5. package/build/assets/online-ochrana-b2c.png +0 -0
  6. package/build/assets/prima-volba.png +0 -0
  7. package/build/assets/samsung-hero-xxl.png +0 -0
  8. package/build/assets/soc-ako-sluzba.png +0 -0
  9. package/build/assets/tlacove-spravy.png +0 -0
  10. package/build/changelog/index.html +110 -3
  11. package/build/components/ContactFormB2B/index.html +1 -1
  12. package/build/images/phones.png +0 -0
  13. package/build/index.html +2 -2
  14. package/build/lib/base.css +1 -1
  15. package/build/lib/base.css.map +1 -1
  16. package/build/lib/components.css +1 -1
  17. package/build/lib/components.css.map +1 -1
  18. package/build/lib/footer.css +1 -1
  19. package/build/lib/footer.css.map +1 -1
  20. package/build/lib/megamenu.css +1 -1
  21. package/build/lib/megamenu.css.map +1 -1
  22. package/build/lib/megamenu.js +1 -1
  23. package/build/lib/megamenu.js.map +1 -1
  24. package/build/lib/scripts.js +1 -1
  25. package/build/lib/scripts.js.map +1 -1
  26. package/build/lib/style.css +1 -1
  27. package/build/lib/style.css.map +1 -1
  28. package/build/lib/tsconfig.tsbuildinfo +1 -1
  29. package/build/lib/utilities.css +1 -1
  30. package/build/lib/utilities.css.map +1 -1
  31. package/build/pages/basic-page-about-the-brand/index.html +1 -1
  32. package/build/pages/basic-page-gdpr/index.html +1 -1
  33. package/build/pages/blog-homepage-clovek/index.html +1 -1
  34. package/build/pages/blog-news-clovek/index.html +1 -1
  35. package/build/pages/blog-post-clovek/index.html +1 -1
  36. package/build/pages/business-trends-homepage/index.html +1 -1
  37. package/build/pages/business-trends-news/index.html +1 -1
  38. package/build/pages/business-trends-post/index.html +1 -1
  39. package/build/pages/career-at-orange/index.html +1 -1
  40. package/build/pages/components/basic/index.html +2 -2
  41. package/build/pages/components/benefit-section/index.html +4 -4
  42. package/build/pages/components/cards-section/index.html +2 -2
  43. package/build/pages/components/hero/index.html +3 -3
  44. package/build/pages/components/process-section/index.html +2 -2
  45. package/build/pages/components/promo-banner/index.html +5 -5
  46. package/build/pages/components/tiles-section/index.html +3 -3
  47. package/build/pages/device-lp-b2b/index.html +1 -1
  48. package/build/pages/device-lp-b2c/index.html +1 -1
  49. package/build/pages/device-lp-dvojicky-b2b/index.html +1 -1
  50. package/build/pages/device-lp-dvojicky-b2c/index.html +1 -1
  51. package/build/pages/digital-invoice/index.html +1 -1
  52. package/build/pages/help-and-support-b2b/index.html +1 -1
  53. package/build/pages/help-and-support-b2c/index.html +1 -1
  54. package/build/pages/homepage-b2b/index.html +1 -1
  55. package/build/pages/homepage-b2c/index.html +1 -1
  56. package/build/pages/increased-invoice/index.html +1 -1
  57. package/build/pages/invoices-and-payments/index.html +1 -1
  58. package/build/pages/job-offer-detail/index.html +1 -1
  59. package/build/pages/manuals-and-settings/index.html +1 -1
  60. package/build/pages/manuals-and-settings-general-template/index.html +1 -1
  61. package/build/pages/navody-a-nastavenia-apple-ios-16/index.html +1 -1
  62. package/build/pages/orange-tv-box/index.html +1 -1
  63. package/build/pages/press-and-news-releases/index.html +1 -1
  64. package/build/pages/press-and-news-releases-post/index.html +1 -1
  65. package/build/pages/press-center-docs-library/index.html +1 -1
  66. package/build/pages/press-center-general-terms/index.html +1 -1
  67. package/build/pages/press-center-informations-for-customers/index.html +1 -1
  68. package/build/pages/pricelist/index.html +1 -1
  69. package/build/pages/pricelist-tariff/index.html +1 -1
  70. package/build/pages/product-page-b2b-market-locator/index.html +1 -1
  71. package/build/pages/product-page-b2b-microsoft-365/index.html +1 -1
  72. package/build/pages/product-page-b2b-soc-as-a-service/index.html +1 -1
  73. package/build/pages/product-page-b2c-equipment-insurance/index.html +1 -1
  74. package/build/pages/product-page-b2c-online-security/index.html +1 -1
  75. package/build/pages/product-page-b2c-prima-volba/index.html +1 -1
  76. package/build/pages/roaming-b2b/index.html +2 -2
  77. package/build/pages/roaming-b2c/index.html +2 -2
  78. package/build/pages/roaming-b2c-detail/index.html +1 -1
  79. package/build/pages/roaming-b2c-overview/index.html +1 -1
  80. package/build/pages/signpost-insurance/index.html +1 -1
  81. package/build/pages/signpost-products-and-services/index.html +1 -1
  82. package/build/pages/tv-first-aid/index.html +1 -1
  83. package/build/pages/work-on-central/index.html +1 -1
  84. package/build/readme/index.html +1 -1
  85. package/build/shame.css +0 -18
  86. package/build/sprite.svg +1 -1
  87. package/package.json +12 -12
package/build/pages/components/benefit-section/index.html CHANGED
@@ -16,8 +16,8 @@
16
16
  <body>
17
17
  <div id="root">
18
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>
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_d08aa437-9c6d-447f-ac87-c70a8023109e"><h1>Benefit section 1</h1>
20
+ <div class="section section--default surface-subtle" data-ods-id="benefit-section__benefit-section--01"><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
21
  <br/>
22
22
  <h1>Benefit section 2</h1>
23
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>
@@ -32,13 +32,13 @@
32
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
33
  <br/>
34
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>
35
+ <div id="prisposobte-si-mini-pausal" class="section section--default" data-ods-id="benefit-section__benefit-section--06"><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
36
  <br/>
37
37
  <h1>Benefit section 8</h1>
38
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
39
  <br/>
40
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>
41
+ <div class="section section--default background-secondary" id="co-je-mini-pausal" data-ods-id="benefit-section__benefit-section--09"><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
42
  </main>
43
43
  </div>
44
44
  <div id="root-tooltips"></div>
package/build/pages/components/cards-section/index.html CHANGED
@@ -16,7 +16,7 @@
16
16
  <body>
17
17
  <div id="root">
18
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>
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_d0cb024d-2d61-47ac-9952-31b6d0c74102"><h1>Article cards</h1>
20
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
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
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>
@@ -25,7 +25,7 @@
25
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
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
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>
28
+ <div class="section section--default surface-subtle" data-ods-id="cards-section__basic-card-section--02"><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
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
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
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>
package/build/pages/components/hero/index.html CHANGED
@@ -16,8 +16,8 @@
16
16
  <body>
17
17
  <div id="root">
18
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
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_75d5cf6c-7648-4add-bed3-85b67f3bf5ba"><h1>Basic page heading</h1>
20
+ <div class="section" data-ods-id="hero__page-heading-simple--01"><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
21
  zariadení chráni vaše zariadenia proti poškodeniu a krádeži, ale aj vás
22
22
  proti online rizikám.</p></div></div>
23
23
  <br/>
@@ -28,7 +28,7 @@
28
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
29
  <br/>
30
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>
31
+ <div class="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"><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
32
  </main>
33
33
  </div>
34
34
  <div id="root-tooltips"></div>
package/build/pages/components/process-section/index.html CHANGED
@@ -16,7 +16,7 @@
16
16
  <body>
17
17
  <div id="root">
18
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>
19
+ <link rel="preload" as="image" href="https://placehold.co/640x1145"/><div id="MDX_ROOT_b0f577f7-0e9f-4231-88f6-586a580a846a"><h1>Process 1</h1>
20
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
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
22
  <br/>
@@ -26,7 +26,7 @@
26
26
  <h1>Process 3</h1>
27
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
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
29
+ <div class="section" data-ods-id="process-section__process-section--04"><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
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
31
  </main>
32
32
  </div>
package/build/pages/components/promo-banner/index.html CHANGED
@@ -16,11 +16,11 @@
16
16
  <body>
17
17
  <div id="root">
18
18
  <main>
19
- <link rel="preload" as="image" href="/assets/soc-ako-sluzba.png"/><link rel="preload" as="image" href="/assets/apple-phone@tablet.png"/><link rel="preload" as="image" href="/assets/roaming-prima-karta.png"/><link rel="preload" as="image" href="https://placehold.co/420x572"/><link rel="preload" as="image" href="/assets/three-phones.png"/><link rel="preload" as="image" href="https://picsum.photos/seed/3/400/300"/><link rel="preload" as="image" href="/assets/6-mesiacov-zadarmo.png"/><link rel="preload" as="image" href="/assets/iPad_grey.png"/><link rel="preload" as="image" href="/assets/microsoft-copilot-logo-small-v2.png"/><div id="MDX_ROOT_71e2ef85-8d14-4282-a241-16b2bc07f7ca"><h1>Promo banner V2</h1>
20
- <div class="section"><div class="container"><div class="promo-banner is-light"><div class="grid grid-column-gap--large"><div class="grid__col grid__col--12 grid__col--md-7 promo-banner__item"><h2 class="h1 mb-medium"> Chcete skúsiť nezávislosť?<span class="text-accent ml-small">Prima Voľba</span></h2><p class="mb-large"> Vyskúšajte si, aké je to byť v najlepšej mobilnej sieti na Slovensku vďaka karte Prima Voľba.</p><button type="button" class="btn btn--large btn--fill mb-none"> Mám záujem</button></div></div></div></div></div>
19
+ <link rel="preload" as="image" href="/assets/soc-ako-sluzba.png"/><link rel="preload" as="image" href="/assets/apple-phone@tablet.png"/><link rel="preload" as="image" href="/assets/roaming-prima-karta.png"/><link rel="preload" as="image" href="https://placehold.co/420x572"/><link rel="preload" as="image" href="/assets/three-phones.png"/><link rel="preload" as="image" href="https://picsum.photos/seed/3/400/300"/><link rel="preload" as="image" href="/assets/6-mesiacov-zadarmo.png"/><link rel="preload" as="image" href="/assets/iPad_grey.png"/><link rel="preload" as="image" href="/assets/microsoft-copilot-logo-small-v2.png"/><div id="MDX_ROOT_66ba40d0-f9da-4676-ad35-34a54d330059"><h1>Promo banner V2</h1>
20
+ <div><div class="container"><div class="promo-banner is-light" data-ods-id="promo-banner__promo-banner--01"><div class="grid grid-column-gap--large"><div class="grid__col grid__col--12 grid__col--md-7 promo-banner__item"><h2 class="h1 mb-medium"> Chcete skúsiť nezávislosť?<span class="text-accent ml-small">Prima Voľba</span></h2><p class="mb-large"> Vyskúšajte si, aké je to byť v najlepšej mobilnej sieti na Slovensku vďaka karte Prima Voľba.</p><button type="button" class="btn btn--large btn--fill mb-none"> Mám záujem</button></div></div></div></div></div>
21
21
  <br/>
22
22
  <h1>Promo banner V3</h1>
23
- <div class="section section--default" data-ods-id="product-page-b2b-soc-as-a-service__section-01"><div class="container"><div class="promo-banner promo-banner--flush-top-sm-down 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"><h1 class="display-3">SOC ako služba</h1><p class="text-secondary"> Naše Security Operations Center nepretržite monitoruje, odhaľuje a rieši kybernetické hrozby, aby vaša spoločnosť zostala v bezpečí a mohla sa naplno venovať svojmu rastu.</p><div class="buttons mb-none"><button type="button" class="btn btn--large btn--primary"> Mám záujem</button><button type="button" class="btn btn--large">Kontaktovať odborníka</button></div></div><div class="grid__col grid__col--12 grid__col--md-6 promo-banner__image show-md"><img class="img mb-none" src="/assets/soc-ako-sluzba.png" alt="Obrázok"/></div></div></div></div></div>
23
+ <div class="background-primary" data-ods-id="product-page-b2b-soc-as-a-service__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"><h1 class="display-3">SOC ako služba</h1><p class="text-secondary"> Naše Security Operations Center nepretržite monitoruje, odhaľuje a rieši kybernetické hrozby, aby vaša spoločnosť zostala v bezpečí a mohla sa naplno venovať svojmu rastu.</p><div class="buttons mb-none"><button type="button" class="btn btn--large btn--primary"> Mám záujem</button><button type="button" class="btn btn--large">Kontaktovať odborníka</button></div></div><div class="grid__col grid__col--12 grid__col--md-6 promo-banner__image show-md"><img class="img mb-none" src="/assets/soc-ako-sluzba.png" alt="Obrázok"/></div></div></div></div></div>
24
24
  <br/>
25
25
  <h1>Promo banner V5</h1>
26
26
  <div class="section section--default" data-ods-id="homepage-b2c__section-03"><div class="container"><div class="promo-banner surface-subtle promo-banner--vertical"><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"><h2 class="display-3 mb-medium"> Dobré čítanie <br/> pre ľudí, od ľudí</h2><p class="mb-large">Spájame vás s tým, na čom skutočne záleží</p><a href="/" class="btn btn--large btn--primary mb-none"> Chcem vedieť viac</a></div><div class="grid__col grid__col--12 promo-banner__image align-center"><img class="img mb-none" src="/assets/apple-phone@tablet.png" alt="Obrázok"/></div></div></div></div></div>
@@ -32,10 +32,10 @@
32
32
  <div class="section section--default is-dark fill-primary" id="dalsie-benefity" data-ods-id="product-page-b2c-prima-volba__dalsie-benefity--03"><div class="container"><div class="promo-banner promo-banner--flush-top-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">Svetové dáta vás spájajú aj vo svete</p><h2 class="h1 mb-medium"> Prvé roamingové balíky pre vašu<span class="text-accent ml-small"> Prima kartu</span></h2><p class="mb-large text-secondary">Aktivujte si nové Svetové dáta aj pre vašu kartu Prima, nech sú prílety a odlety dát bezstarostné kdekoľvek na svete.</p><button type="button" class="btn btn--large btn--primary mb-none fullwidth-xs-only">Chcem vedieť viac</button></div><div class="grid__col grid__col--12 grid__col--md-6 promo-banner__image"><img class="img mb-none" src="/assets/roaming-prima-karta.png" alt="Obrázok"/></div></div></div></div></div>
33
33
  <br/>
34
34
  <h1>Promo banner V11</h1>
35
- <div class="section section--default"><div class="container"><div class="grid align-items-center grid-column-gap--large"><div class="grid__col grid__col--12 grid__col--lg-4"><p class="mb-xsmall">Nekonečné dáta v 5G</p><h2 class="h1 mb-medium">Stiahnite si aplikáciu Môj Orange</h2><p>Majte svoju spotrebu, faktúru a ďalšie dôležité údaje vždy pod kontrolou. Aplikáciu Môj Orange si môžete bezplatne stiahnuť na Google Play, App Store či Huawei App Gallery.</p></div><div class="grid__col grid__col--12 grid__col--lg-8"><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"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide"><img class="img mb-none" src="https://placehold.co/420x572" alt="Placeholder"/></div><div class="carousel__slide"><img class="img mb-none" src="https://placehold.co/420x572" alt="Placeholder"/></div></div></div></div><div class="carousel__scrollbar"><div class="carousel__scrollbar-drag"></div></div></div></div></div></div></div>
35
+ <div class="section section--default" data-ods-id="promo-banner__offer-section--01"><div class="container"><div class="grid align-items-center grid-column-gap--large"><div class="grid__col grid__col--12 grid__col--lg-4"><p class="mb-xsmall">Nekonečné dáta v 5G</p><h2 class="h1 mb-medium">Stiahnite si aplikáciu Môj Orange</h2><p>Majte svoju spotrebu, faktúru a ďalšie dôležité údaje vždy pod kontrolou. Aplikáciu Môj Orange si môžete bezplatne stiahnuť na Google Play, App Store či Huawei App Gallery.</p></div><div class="grid__col grid__col--12 grid__col--lg-8"><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"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide"><img class="img mb-none" src="https://placehold.co/420x572" alt="Placeholder"/></div><div class="carousel__slide"><img class="img mb-none" src="https://placehold.co/420x572" alt="Placeholder"/></div></div></div></div><div class="carousel__scrollbar"><div class="carousel__scrollbar-drag"></div></div></div></div></div></div></div>
36
36
  <br/>
37
37
  <h1>Promo banner v12</h1>
38
- <div class="section"><div class="container"><div class="carousel mb 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},&quot;1024&quot;:{&quot;slidesPerView&quot;:3}}}"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide d-flex flex-column justify-content-center"><p class="mb-xsmall">Nekonečné dáta v 5G</p><h2 class="h1 mb-medium">Stiahnite si aplikáciu Môj Orange</h2><p class="mb-none">Majte svoju spotrebu, faktúru a ďalšie dôležité údaje vždy pod kontrolou. Aplikáciu Môj Orange si môžete bezplatne stiahnuť na Google Play, App Store či Huawei App Gallery.</p></div><div class="carousel__slide"><img class="img mb-none" src="https://placehold.co/420x572" alt="Placeholder"/></div><div class="carousel__slide"><img class="img mb-none" src="https://placehold.co/420x572" alt="Placeholder"/></div><div class="carousel__slide"><img class="img mb-none" src="https://placehold.co/420x572" alt="Placeholder"/></div><div class="carousel__slide"><img class="img mb-none" src="https://placehold.co/420x572" alt="Placeholder"/></div><div class="carousel__slide"><img class="img mb-none" src="https://placehold.co/420x572" alt="Placeholder"/></div></div></div></div><div class="carousel__scrollbar"><div class="carousel__scrollbar-drag"></div></div></div></div></div>
38
+ <div class="section" data-ods-id="promo-banner__offer-section--02"><div class="container"><div class="carousel mb 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},&quot;1024&quot;:{&quot;slidesPerView&quot;:3}}}"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide d-flex flex-column justify-content-center"><p class="mb-xsmall">Nekonečné dáta v 5G</p><h2 class="h1 mb-medium">Stiahnite si aplikáciu Môj Orange</h2><p class="mb-none">Majte svoju spotrebu, faktúru a ďalšie dôležité údaje vždy pod kontrolou. Aplikáciu Môj Orange si môžete bezplatne stiahnuť na Google Play, App Store či Huawei App Gallery.</p></div><div class="carousel__slide"><img class="img mb-none" src="https://placehold.co/420x572" alt="Placeholder"/></div><div class="carousel__slide"><img class="img mb-none" src="https://placehold.co/420x572" alt="Placeholder"/></div><div class="carousel__slide"><img class="img mb-none" src="https://placehold.co/420x572" alt="Placeholder"/></div><div class="carousel__slide"><img class="img mb-none" src="https://placehold.co/420x572" alt="Placeholder"/></div><div class="carousel__slide"><img class="img mb-none" src="https://placehold.co/420x572" alt="Placeholder"/></div></div></div></div><div class="carousel__scrollbar"><div class="carousel__scrollbar-drag"></div></div></div></div></div>
39
39
  <br/>
40
40
  <h1>Promo banner v13</h1>
41
41
  <div class="section section--default" data-ods-id="homepage-b2c__section-02"><div class="container"><div class="bar align-items-center mb-large mb-large"><div class="bar__item bar__item--fill"><h2>Objavte výhodné zariadenia</h2></div><div class="bar__item show-md"><a href="/" class="link underline-hover">Prejsť do eshopu<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="feature-accordion is-light mb-large mb-md-none" data-feature-accordion="true"><div class="feature-accordion__accordion"><ul class="accordion" data-accordion="true"><li class="accordion__item feature-accordion__item"><h3 class="accordion__header"><button type="button" class="accordion__button" aria-controls="item-1-section" id="item-1" data-feature-accordion-toggle="true"><span class="accordion__title">OPPO Reno12 séria s AI</span><svg class="icon icon--medium accordion__icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-down"></use></svg></button></h3><div id="item-1-section" role="region" aria-labelledby="item-1" class="accordion__body" hidden=""><div class="feature-accordion__content"><h3>S 3-ročnou zárukou a výmenou rozbitého displeja</h3><button type="button" class="btn btn--fill">Chcem ho</button></div></div></li><li class="accordion__item feature-accordion__item"><h3 class="accordion__header"><button type="button" class="accordion__button" aria-controls="item-2-section" id="item-2" data-feature-accordion-toggle="true"><span class="accordion__title">Samsung Galaxy S24</span><svg class="icon icon--medium accordion__icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-down"></use></svg></button></h3><div id="item-2-section" role="region" aria-labelledby="item-2" class="accordion__body" hidden=""><div class="feature-accordion__content"><h3>S 3-ročnou zárukou a výmenou rozbitého displeja</h3><button type="button" class="btn btn--fill">Chcem ho</button></div></div></li><li class="accordion__item feature-accordion__item"><h3 class="accordion__header"><button type="button" class="accordion__button" aria-controls="item-3-section" id="item-3" data-feature-accordion-toggle="true"><span class="accordion__title">Apple iPhone 15</span><svg class="icon icon--medium accordion__icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-down"></use></svg></button></h3><div id="item-3-section" role="region" aria-labelledby="item-3" class="accordion__body" hidden=""><div class="feature-accordion__content"><h3>S 3-ročnou zárukou a výmenou rozbitého displeja</h3><button type="button" class="btn btn--fill">Chcem ho</button></div></div></li></ul></div><div class="feature-accordion__preview"><img class="img" src="/assets/three-phones.png" alt="Feature Accordion 1" data-feature-accordion-image="true"/><img class="img hide" src="/assets/three-phones.png" alt="Feature Accordion 2" data-feature-accordion-image="true"/><img class="img hide" src="https://picsum.photos/seed/3/400/300" alt="Feature Accordion 3" data-feature-accordion-image="true"/></div></div><a href="/" class="link hide-md underline-hover">Prejsť do eshopu<svg class="icon icon--large link__icon-right" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></a></div></div>
package/build/pages/components/tiles-section/index.html CHANGED
@@ -16,20 +16,20 @@
16
16
  <body>
17
17
  <div id="root">
18
18
  <main>
19
- <link rel="preload" as="image" href="/assets/married-couple.png"/><div id="MDX_ROOT_e6e536a1-9065-4eed-8ded-bb18320c8d3a"><h1>Tile 1</h1>
19
+ <link rel="preload" as="image" href="/assets/married-couple.png"/><div id="MDX_ROOT_65640652-b3d2-4485-a5be-b8604149ab2a"><h1>Tile 1</h1>
20
20
  <div class="section section--xsmall" data-ods-id="homepage-b2c__tiles--01"><div class="container"><div class="bar bar--space-small horizontal-scroll justify-content-center--md mb-none"><div class="bar__item"><div class="tile tile--compact mb-xsmall mb-md-none background-primary block-action block-action--border-on-hover" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange" aria-hidden="true"><use xlink:href="/sprite.svg#sim"></use></svg><a href="/" class="link h5 bold align-center underline-hover block-action__control">Paušály</a></div></div></div><div class="bar__item"><div class="tile tile--compact mb-xsmall mb-md-none background-primary block-action block-action--border-on-hover" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange" aria-hidden="true"><use xlink:href="/sprite.svg#device-smart-phone"></use></svg><a href="/" class="link h5 bold align-center underline-hover block-action__control">Telefóny</a></div></div></div><div class="bar__item"><div class="tile tile--compact mb-xsmall mb-md-none background-primary block-action block-action--border-on-hover" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange" aria-hidden="true"><use xlink:href="/sprite.svg#device-tv"></use></svg><a href="/" class="link h5 bold align-center underline-hover block-action__control">Televízia</a></div></div></div><div class="bar__item"><div class="tile tile--compact mb-xsmall mb-md-none background-primary block-action block-action--border-on-hover" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange" aria-hidden="true"><use xlink:href="/sprite.svg#internet"></use></svg><a href="/" class="link h5 bold align-center underline-hover block-action__control">Internet</a></div></div></div></div></div></div>
21
21
  <br/>
22
22
  <h1>Tile 2</h1>
23
23
  <div class="section section--default background-secondary" data-ods-id="help-and-support-b2c__section-02"><div class="container"><div class="grid"><div class="grid__col grid__col--12 grid__col--lg-4"><h2 class="mb mb-md-large">Vyberte si jednu z kategórií</h2></div><div class="grid__col grid__col--12 grid__col--lg-8"><div class="grid grid-column-gap--small grid-column-gap--md-default grid-row-gap--small grid-row-gap--md-medium" data-same-height="true"><div class="grid__col grid__col--6 grid__col--sm-4"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#invoice-euro"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Faktúry a platby</a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#orange-dialler"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Volania, dáta a správy</a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#device-laptop-computer-connected"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Internetové služby</a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#device-tv"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Televízia</a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#sim"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Nastavenie zariadení </a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#syncronise"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Cloudové služby</a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#e-shop"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Nákup online</a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#user"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Môj Orange</a></div></div></div></div></div></div></div></div>
24
24
  <br/>
25
25
  <h1>Tile 3</h1>
26
- <div class="section background-accent pb-none"><div class="container"><div class="grid"><div class="grid__col grid__col--12 grid__col--lg-4 d-flex flex-column justify-content-space-between"><h2 class="mb mb-md-large">Živé momenty</h2><img class="img mb-none show-lg" src="/assets/married-couple.png" alt="Married couple"/></div><div class="grid__col grid__col--12 grid__col--lg-8"><div class="grid grid-column-gap--small grid-column-gap--md-default grid-row-gap--small grid-row-gap--md-medium mb-large mb-md-xlarge" data-same-height="true"><div class="grid__col grid__col--6 grid__col--sm-4"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#invoice-euro"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Faktúry a platby</a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#orange-dialler"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Volania, dáta a správy</a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#device-laptop-computer-connected"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Internetové služby</a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#device-tv"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Televízia</a></div></div></div></div></div></div></div></div>
26
+ <div class="section background-accent pb-none" data-ods-id="tiles-section__tile--03"><div class="container"><div class="grid"><div class="grid__col grid__col--12 grid__col--lg-4 d-flex flex-column justify-content-space-between"><h2 class="mb mb-md-large">Živé momenty</h2><img class="img mb-none show-lg" src="/assets/married-couple.png" alt="Married couple"/></div><div class="grid__col grid__col--12 grid__col--lg-8"><div class="grid grid-column-gap--small grid-column-gap--md-default grid-row-gap--small grid-row-gap--md-medium mb-large mb-md-xlarge" data-same-height="true"><div class="grid__col grid__col--6 grid__col--sm-4"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#invoice-euro"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Faktúry a platby</a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#orange-dialler"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Volania, dáta a správy</a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#device-laptop-computer-connected"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Internetové služby</a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#device-tv"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Televízia</a></div></div></div></div></div></div></div></div>
27
27
  <br/>
28
28
  <h1>Tile 4</h1>
29
29
  <div class="section section--default surface-moderate is-dark" data-ods-id="blog-homepage-clovek__action-tiles--01"><div class="container"><h2 class="mb mb-md-large">Pripravili sme pre vás</h2><div class="grid grid-row-gap--small grid-row-gap--md-medium" data-same-height="true"><div class="grid__col grid__col--12 grid__col--md-6 grid__col--lg-4"><div class="tile tile--action is-light block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><a href="/" class="link d-block text-inverse underline-hover block-action__control">Biznis trendy</a><svg class="icon icon--medium icon--orange" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></div></div></div><div class="grid__col grid__col--12 grid__col--md-6 grid__col--lg-4"><div class="tile tile--action is-light block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><a href="/" class="link d-block text-inverse underline-hover block-action__control">Tlačové správy</a><svg class="icon icon--medium icon--orange" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></div></div></div><div class="grid__col grid__col--12 grid__col--md-6 grid__col--lg-4"><div class="tile tile--action is-light block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><a href="/" class="link d-block text-inverse underline-hover block-action__control">Nadácia Orange</a><svg class="icon icon--medium icon--orange" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></div></div></div></div></div></div>
30
30
  <br/>
31
31
  <h1>Tile 5</h1>
32
- <div class="section section--default background-secondary"><div class="container"><h2 class="mb mb-md-large">Vyberte si jednu z kategórií</h2><div class="grid grid-column-gap--small grid-column-gap--md-default grid-row-gap--small grid-row-gap--md-medium" data-same-height="true"><div class="grid__col grid__col--6 grid__col--sm-4 grid__col--lg-3"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#invoice-euro"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Faktúry a platby</a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4 grid__col--lg-3"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#orange-dialler"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Volania, dáta a správy</a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4 grid__col--lg-3"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#device-laptop-computer-connected"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Internetové služby</a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4 grid__col--lg-3"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#device-tv"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Televízia</a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4 grid__col--lg-3"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#sim"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Nastavenie zariadení </a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4 grid__col--lg-3"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#syncronise"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Cloudové služby</a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4 grid__col--lg-3"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#e-shop"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Nákup online</a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4 grid__col--lg-3"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#user"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Môj Orange</a></div></div></div></div></div></div></div>
32
+ <div class="section section--default background-secondary" data-ods-id="tiles-section__tile--05"><div class="container"><h2 class="mb mb-md-large">Vyberte si jednu z kategórií</h2><div class="grid grid-column-gap--small grid-column-gap--md-default grid-row-gap--small grid-row-gap--md-medium" data-same-height="true"><div class="grid__col grid__col--6 grid__col--sm-4 grid__col--lg-3"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#invoice-euro"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Faktúry a platby</a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4 grid__col--lg-3"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#orange-dialler"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Volania, dáta a správy</a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4 grid__col--lg-3"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#device-laptop-computer-connected"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Internetové služby</a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4 grid__col--lg-3"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#device-tv"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Televízia</a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4 grid__col--lg-3"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#sim"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Nastavenie zariadení </a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4 grid__col--lg-3"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#syncronise"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Cloudové služby</a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4 grid__col--lg-3"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#e-shop"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Nákup online</a></div></div></div><div class="grid__col grid__col--6 grid__col--sm-4 grid__col--lg-3"><div class="tile surface-primary block-action block-action--border-on-hover" data-same-height-child="true" data-block-action="true"><div class="tile__body"><svg class="icon icon--orange mb-small mb-md-large" aria-hidden="true"><use xlink:href="/sprite.svg#user"></use></svg><a href="/" class="link d-block underline-hover h4 block-action__control">Môj Orange</a></div></div></div></div></div></div></div>
33
33
  </main>
34
34
  </div>
35
35
  <div id="root-tooltips"></div>