• Index
  • Core
    • button
    • link
    • base-header
    • base-section
    • base-heading
    • counter
    • img
    • icon
    • modal
    • footer
    • pagination
    • header
    • photogallery
    • cart-navigation
    • listing-navigation
    • listing-switch
    • tabs
  • Sections
    • posts-grid-section
    • post-detail-section
    • posts-list-section
    • usps-section
    • banner-section
    • faq-section
    • signpost-section
    • text-and-media-section
    • events-section
    • calendar-section
    • contact-form-section
    • steps-section
    • newsletter-section
    • hero-slider-section
    • documents-section
    • persons-section
    • testimonials-section
    • pricetable-section
    • priceplan-section
    • jobs-section
    • error-404-section
    • breadcrumbs-section
    • content-section
    • category-list-section
    • intro-section
    • registration-section
    • seo-section
    • team-image-section
    • gallery-section
    • cart-steps-section
    • products-listing-section
    • basket-thank-you-section
    • address-section
    • product-info-section
    • order-detail-section
    • order-section
    • ordered-products-section
    • product-detail
    • individual-print-section
    • filters-section
    • company-references-section
    • person-references-section
    • numbers-section
    • timeline-section
    • contact-boxes-section
    • reviews-section
    • print-configuration-footer-section
    • print-configuration-price-section
    • user-configurations-section
    • products-slider-section
  • Items
    • post-item
    • tag-item
    • alert-item
    • category-item
    • partner-item
    • information-item
    • content-toggle-item
    • product-item
    • product-overview-item
    • price-item
    • availability-item
    • progress-item
    • total-price-item
    • cart-item
    • tooltip-item
    • order-info-item
    • product-order-item
    • print-info-item
    • comparator-item
    • print-variant-item
  • Fields
    • text-field
    • password-field
    • file-field
    • textarea
    • single-select-field
    • single-select-inline-field
    • checkbox-field
    • checkbox-select-field
    • switch-field
    • date-field
    • color-field
    • radio-box-field
    • address-box-field
    • range-slider-field
  • Forms
    • contact-form
    • newsletter-form
    • registration-form
    • discount-form
    • address-form
    • user-info-form
    • review-form
    • send-cv-form
    • print-configuration-form
  • Widgets
    • cart-overview-widget
  • Modals
    • dimesions-modal
    • print-info-modal
    • product-out-of-stock-modal
    • wishlist-share-modal
    • print-method-modal
    • send-cv-modal
    • edit-comparator-name-modal
    • print-configuration-modal
    • delete-comparator-modal
    • delete-comparator-product-modal
    • delete-configuration-modal
  • Aside
    • documents-aside
    • delivery-aside
    • user-panel-aside

Print method modal

  • id:
  • figma
  • Preview
  • Twig
  • Html
  • Open

    Sítotisk - nejvyšší kvalita ostrého tisku

    U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice a přírodním mořský v cenám jasnou zabránit. Vlek ne květiny, tož, odstřihne té se liší fungování draci archeologa instituce chytré ve. Skoro o mladé posláníjane jakési země amoku, z s cílem mohla advokáti už tepla zprávy, samci oslabuje zapsáno v fyzici ta likviduje hostitele a jméno k přístroje klima uniká srovnatelné zákeřný.

    U až mě těžkých vznikl oblastí.

    Prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice a přírodním mořský v cenám jasnou zabránit. Vlek ne květiny, tož, odstřihne té se liší fungování draci archeologa instituce chytré ve. Skoro o mladé posláníjane jakési země amoku, z s cílem mohla advokáti už tepla zprávy, samci oslabuje zapsáno v fyzici ta likviduje hostitele a jméno.

    U až mě těžkých vznikl oblastí.

    Prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice a přírodním mořský v cenám jasnou zabránit. Vlek ne květiny, tož, odstřihne té se liší fungování draci archeologa instituce chytré ve. Skoro o mladé posláníjane jakési země amoku, z s cílem mohla advokáti už tepla zprávy, samci oslabuje zapsáno v fyzici ta likviduje hostitele a jméno.

    Výhody sítotisku

    + Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev
    + Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno
    + Tiskneme pouze ekologickými vodními barvami, všechny odstíny z řady Pantone Coated nabízíme ZDARMA
    + Tisknout lze na přední i zadní stranu

    Nevýhody sítotisku

    - Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev
    - Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno
    - Tisknout lze na přední i zadní stranu

    Dokumenty ke stažení

    Etický kodex MTC a.s.
    PDF, 204 kb
    Etický kodex MTC a.s.
    PDF, 204 kb
  •         {% set modal_id = "modal-example-01" %}
    {% set modal_title = "Sítotisk - nejvyšší kvalita ostrého tisku"|trans %}
    {% set pros_title = "Výhody sítotisku"|trans %}
    {% set cons_title = "Nevýhody sítotisku"|trans %}
    {% set pros = [
      "Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev"|trans,
      "Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno"|trans,
      "Tiskneme pouze ekologickými vodními barvami, všechny odstíny z řady Pantone Coated nabízíme ZDARMA"|trans,
      "Tisknout lze na přední i zadní stranu"|trans
    ] %}
    {% set cons = [
      "Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev"|trans,
      "Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno"|trans,
      "Tisknout lze na přední i zadní stranu"|trans
    ] %}
    
    {% set text_media_props = {
      order: "default",
      spacing: "none",
      is_container: false,
      media: [
        {
          img: {
            src: "https://placehold.co/688x459",
            srcset: [
              "https://placehold.co/688x459 1x",
              "https://placehold.co/1376x918 2x"
            ]
          }
        }
      ],
      content: "<h3 class='u-h4'>U až mě těžkých vznikl oblastí.</h3><p>Prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice a přírodním mořský v cenám jasnou zabránit. Vlek ne květiny, tož, odstřihne té se liší fungování draci archeologa instituce chytré ve. Skoro o mladé posláníjane jakési země amoku, z s cílem mohla advokáti už tepla zprávy, samci oslabuje zapsáno v fyzici ta likviduje hostitele a jméno.</p>",
    } %}
    
    {% set text_media_props_2 = {
      order: "reverse",
      spacing: "none",
      is_container: false,
      media: {
        img: {
          src: "https://img.youtube.com/vi/kySGqoU7X-s/maxresdefault.jpg"
        },
        video: {
          src: "https://youtu.be/kySGqoU7X-s",
        },
      },
      content: "<h3 class='u-h4'>U až mě těžkých vznikl oblastí.</h3><p>Prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice a přírodním mořský v cenám jasnou zabránit. Vlek ne květiny, tož, odstřihne té se liší fungování draci archeologa instituce chytré ve. Skoro o mladé posláníjane jakési země amoku, z s cílem mohla advokáti už tepla zprávy, samci oslabuje zapsáno v fyzici ta likviduje hostitele a jméno.</p>",
    } %}
    
    
    {% set print_content %}
    <p>{{"U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice a přírodním mořský v cenám jasnou zabránit. Vlek ne květiny, tož, odstřihne té se liší fungování draci archeologa instituce chytré ve. Skoro o mladé posláníjane jakési země amoku, z s cílem mohla advokáti už tepla zprávy, samci oslabuje zapsáno v fyzici ta likviduje hostitele a jméno k přístroje klima uniká srovnatelné zákeřný."}}</p>
    {% include "@Components/sections/text-and-media-section/text-and-media-section.twig" with {props: text_media_props} %}
    {% include "@Components/sections/text-and-media-section/text-and-media-section.twig" with {props: text_media_props_2} %}
    {% endset %}
    
    {% set print_photogallery = {
      gallery_id: "sitotisk-gallery",
      photos: [
        {
          main: {
            video: {
              src: "https://www.youtube.com/watch?v=YQHsXMglC9A"
            }
          },
          thumb: {
            video: {
              src: "https://img.youtube.com/vi/YQHsXMglC9A/maxresdefault.jpg"
              }
            }
        },
        {
          main: {
            img: {
              src: "https://source.unsplash.com/FV3GConVSss/"
            }
          },
          thumb: {
            img: {
              src: "https://placehold.co/640x480",
              srcset: [
                "https://placehold.co/640x480 1x",
                "https://placehold.co/1280x960 2x"
              ]
            }
          }
        },
        {
          main: {
            img: {
              src: "https://source.unsplash.com/FV3GConVSss/"
            }
          },
          thumb: {
            img: {
              src: "https://placehold.co/640x480",
              srcset: [
                "https://placehold.co/640x480 1x",
                "https://placehold.co/1280x960 2x"
              ]
            }
          }
        }
      ]
    } %}
    
    {% set files = [
      {
          "title": "Etický kodex MTC a.s.",
          "metadata": "PDF, 204 kb",
          "url": "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",
          "icon": true
        },
        {
          "title": "Etický kodex MTC a.s.",
          "metadata": "PDF, 204 kb",
          "url": "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf"
        }
    ] %}
    
    {% include "@Components/button/button.twig" with {props: {
        title: "Open",
        data: {
          "modal-target": modal_id
        }
      }
    } %}
    
    {% include "@Components/modals/print-method-modal/print-method-modal.twig" with {props: {
        modal_title: modal_title,
        modal_id: modal_id,
        pros_title: pros_title,
        cons_title: cons_title,
        pros: pros,
        cons: cons,
        print_content: print_content|raw,
        photogallery: print_photogallery,
        files: files
      }
    } %}
    
          
  •           
    
    
    
    
    
    
    <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary" href='#' data-modal-target="modal-example-01">
          <span class="btn__title u-z-index-1">
          Open
        </span>
          
      
      </a>
    
    
    
      <div class="c-modal --size-lg  --hidden" id="modal-example-01">
      <div class="c-modal__dialog">
    
        <div class="c-modal__content u-rounded-4">
          <div class="c-modal__inner d-flex flex-column">
    
                      <header class="c-modal__header d-flex flex-column gap-1">
                <h2 class="u-h3 c-modal__heading">Sítotisk - nejvyšší kvalita ostrého tisku</h2>
                          </header>
            
            <div class="c-modal__body ">
                        <div class="d-flex flex-column gap-4 pb-5">
            <p>U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice a přírodním mořský v cenám jasnou zabránit. Vlek ne květiny, tož, odstřihne té se liší fungování draci archeologa instituce chytré ve. Skoro o mladé posláníjane jakési země amoku, z s cílem mohla advokáti už tepla zprávy, samci oslabuje zapsáno v fyzici ta likviduje hostitele a jméno k přístroje klima uniká srovnatelné zákeřný.</p>
    
    
    
    <section class="base-section --none s-text-media --default">
      <div class="base-section__container false">
        
        <div class="s-text-media__grid d-flex flex-column gap-4">
    
          <div class="s-text-media__col --media-col w-100">
                      <div class="d-flex flex-column gap-2">
                <div class="i-media u-posr">
                <div class="img u-posr overflow-hidden --cover --placeholder --ratio-5-4 u-rounded-3">
      <picture>
        
        <img src="" data-src="https://placehold.co/688x459" alt="" width="688" height="459" draggable="false" srcset="" data-srcset="https://placehold.co/688x459 1x, https://placehold.co/1376x918 2x">
      </picture>
    </div>
          
      </div>
    
                              <div class="u-posr s-text-media__decoration w-100">
                    <div class="img u-posr overflow-hidden   --ratio-1-1 s-text-media__decoration-slogan u-posa u-top-50-p u-translate-middle-y">
      <picture>
        
        <img src="" data-src="/images/svg/slogan.svg" alt="" width="144" height="144" draggable="false">
      </picture>
    </div>
                  </div>
                          </div>
                  </div><div class="s-text-media__col --content-col w-100">
    
            
                      <div class="s-text-media__body entry-content u-clamp">
                <h3 class='u-h4'>U až mě těžkých vznikl oblastí.</h3><p>Prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice a přírodním mořský v cenám jasnou zabránit. Vlek ne květiny, tož, odstřihne té se liší fungování draci archeologa instituce chytré ve. Skoro o mladé posláníjane jakési země amoku, z s cílem mohla advokáti už tepla zprávy, samci oslabuje zapsáno v fyzici ta likviduje hostitele a jméno.</p>
              </div>
            
            
            
    
    
    
    
          </div>
    
        </div>
        </div>
    </section>
    
    
    
    <section class="base-section --none s-text-media --reverse">
      <div class="base-section__container false">
        
        <div class="s-text-media__grid d-flex flex-column gap-4">
    
          <div class="s-text-media__col --media-col w-100">
                  </div><div class="s-text-media__col --content-col w-100">
    
            
                      <div class="s-text-media__body entry-content u-clamp">
                <h3 class='u-h4'>U až mě těžkých vznikl oblastí.</h3><p>Prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice a přírodním mořský v cenám jasnou zabránit. Vlek ne květiny, tož, odstřihne té se liší fungování draci archeologa instituce chytré ve. Skoro o mladé posláníjane jakési země amoku, z s cílem mohla advokáti už tepla zprávy, samci oslabuje zapsáno v fyzici ta likviduje hostitele a jméno.</p>
              </div>
            
            
            
    
    
    
    
          </div>
    
        </div>
        </div>
    </section>
    
          </div>
        
        <div class="row gx-sm-6 pb-3">
                  <div class="col-sm-6 d-flex flex-column gap-2 pb-2">
                          <div class="u-border-top u-border--tertiary-500 w-100 u-posr pt-5 mt-1">
                  <h3 class="base-heading mb-0 u-fw-700 u-h4 u-posa u-top-0 u-translate-middle-y u-bg-white pe-2 --js-back-title">
                Výhody sítotisku
          </h3>
                </div>
                                    <div class="d-flex gap-1">
                  <span class="u-fw-600 u-color-conversion">+</span>
                  <span class="d-block u-fw-600 u-color-conversion">Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev</span>
                </div>
                          <div class="d-flex gap-1">
                  <span class="u-fw-600 u-color-conversion">+</span>
                  <span class="d-block u-fw-600 u-color-conversion">Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno</span>
                </div>
                          <div class="d-flex gap-1">
                  <span class="u-fw-600 u-color-conversion">+</span>
                  <span class="d-block u-fw-600 u-color-conversion">Tiskneme pouze ekologickými vodními barvami, všechny odstíny z řady Pantone Coated nabízíme ZDARMA</span>
                </div>
                          <div class="d-flex gap-1">
                  <span class="u-fw-600 u-color-conversion">+</span>
                  <span class="d-block u-fw-600 u-color-conversion">Tisknout lze na přední i zadní stranu</span>
                </div>
                      </div>
          
                  <div class="col-sm-6 d-flex flex-column gap-2 pb-2">
                          <div class="u-border-top u-border--tertiary-500 w-100 u-posr pt-5 mt-1">
                  <h3 class="base-heading mb-0 u-fw-700 u-h4 u-posa u-top-0 u-translate-middle-y u-bg-white pe-2 --js-back-title">
                Nevýhody sítotisku
          </h3>
                </div>
                                    <div class="d-flex gap-1">
                  <span class="u-fw-600 u-color-danger">-</span>
                  <span class="d-block u-fw-600 u-color-danger">Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev</span>
                </div>
                          <div class="d-flex gap-1">
                  <span class="u-fw-600 u-color-danger">-</span>
                  <span class="d-block u-fw-600 u-color-danger">Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno</span>
                </div>
                          <div class="d-flex gap-1">
                  <span class="u-fw-600 u-color-danger">-</span>
                  <span class="d-block u-fw-600 u-color-danger">Tisknout lze na přední i zadní stranu</span>
                </div>
                      </div>
              </div>
    
              <div class="c-photogallery u-posr --variant-3 pb-5">
            <div class="row c-photogallery__row g-2">
          <div class="c-photogallery__col col-6 col-md-4">
          <div class="c-photogallery__thumb u-posr u-cursor-pointer u-img-hover  --video  h-100 u-rounded-3" data-fancybox="sitotisk-gallery" data-src="https://www.youtube.com/watch?v=YQHsXMglC9A">
      <div class="img u-posr overflow-hidden --cover --placeholder --ratio-3-2 w-100 u-rounded-3">
      <picture>
        
        <img src="" data-src="https://img.youtube.com/vi/YQHsXMglC9A/maxresdefault.jpg" alt="" width="340" height="224" draggable="false">
      </picture>
    </div>
    
          <div class="c-photogallery__play-icon u-posa u-top-50-p u-left-50-p u-translate-middle u-bg-white px-2 py-1 u-rounded-3 ">
            
      <span class="icon d-flex align-items-center justify-content-center --colored --conversion">
              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.343 6.326 4 1v14l8.34-5.346a1.967 1.967 0 0 0 .004-3.328Zm-6.508 5.318V4.348l5.525 3.527.004.002a.132.132 0 0 1 .06.112.13.13 0 0 1-.061.11l-.188.116v.006l-5.34 3.423Z" clip-rule="evenodd"/></svg>      </span>
        </div>
      </div>
        </div>
          <div class="c-photogallery__col col-6 col-md-4">
          <div class="c-photogallery__thumb u-posr u-cursor-pointer u-img-hover   h-100 u-rounded-3" data-fancybox="sitotisk-gallery" data-src="https://source.unsplash.com/FV3GConVSss/">
      <div class="img u-posr overflow-hidden --cover --placeholder --ratio-3-2 w-100 u-rounded-3">
      <picture>
        
        <img src="" data-src="https://placehold.co/640x480" alt="" width="340" height="224" draggable="false" srcset="" data-srcset="https://placehold.co/640x480 1x, https://placehold.co/1280x960 2x">
      </picture>
    </div>
    
      </div>
        </div>
          <div class="c-photogallery__col col-6 col-md-4">
          <div class="c-photogallery__thumb u-posr u-cursor-pointer u-img-hover   h-100 u-rounded-3" data-fancybox="sitotisk-gallery" data-src="https://source.unsplash.com/FV3GConVSss/">
      <div class="img u-posr overflow-hidden --cover --placeholder --ratio-3-2 w-100 u-rounded-3">
      <picture>
        
        <img src="" data-src="https://placehold.co/640x480" alt="" width="340" height="224" draggable="false" srcset="" data-srcset="https://placehold.co/640x480 1x, https://placehold.co/1280x960 2x">
      </picture>
    </div>
    
      </div>
        </div>
      </div>
      
      </div>
        
              <div class="u-border-top u-border--tertiary-500 w-100 u-posr pt-5 mt-1">
            <h3 class="base-heading mb-0 u-fw-700 u-h4 u-posa u-top-0 u-translate-middle-y u-bg-white pe-2 --js-back-title">
                Dokumenty ke stažení
          </h3>
          </div>
          <div class="row">
                      <div class="col-md-6 pb-2">
                <div class="i-document u-bg-tertiary-300 d-flex gap-2 align-items-center p-1">
    
      <div class="u-bg-white p-2 u-rounded-full">
          
      <span class="icon d-flex align-items-center justify-content-center --colored --text --lg">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M14.414 0H5c-.796 0-1.559.316-2.121.879A2.996 2.996 0 0 0 2 3v21h20V7.586L14.414 0ZM15 3.414 18.586 7H15V3.414ZM4 22V3a.997.997 0 0 1 1-1h8v7h7v13H4Z"/></svg>      </span>
      </div>
      <div class="i-document__body d-flex flex-column flex-grow-1">
        <span class="i-document__title u-fz-md u-fw-600">
          Etický kodex MTC a.s.
        </span>
              <div class="i-document__details d-flex align-items-center gap-1">
            <span class="i-document__metadata u-fz-xs u-fw-400">
              PDF, 204 kb
            </span>
          </div>
          </div>
      <div class="i-document__button flex-shrink-0">
        <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm    --icon-only     px-1 py-1" href='https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf' target="_blank">
      
          <span class="btn__icon d-flex align-items-center justify-content-center">
            
      <span class="icon d-flex align-items-center justify-content-center --colored --conversion --lg">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M12.026 17.834a2.491 2.491 0 0 0 1.768-.732l3.267-3.268-1.179-1.175-3.027 3.028L12.832 2h-1.667l.022 13.674-3.017-3.017-1.178 1.177 3.266 3.266a2.493 2.493 0 0 0 1.767.734Z"/><path fill="currentColor" d="M20.333 15.334V19.5a.833.833 0 0 1-.833.834h-15a.834.834 0 0 1-.834-.834v-4.166H2V19.5A2.5 2.5 0 0 0 4.5 22h15a2.5 2.5 0 0 0 2.5-2.5v-4.166h-1.667Z"/></svg>      </span>
        </span>
      
      </a>
      </div>
    </div>
              </div>
                      <div class="col-md-6 pb-2">
                <div class="i-document u-bg-tertiary-300 d-flex gap-2 align-items-center p-1">
    
      <div class="u-bg-white p-2 u-rounded-full">
          
      <span class="icon d-flex align-items-center justify-content-center --colored --text --lg">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M14.414 0H5c-.796 0-1.559.316-2.121.879A2.996 2.996 0 0 0 2 3v21h20V7.586L14.414 0ZM15 3.414 18.586 7H15V3.414ZM4 22V3a.997.997 0 0 1 1-1h8v7h7v13H4Z"/></svg>      </span>
      </div>
      <div class="i-document__body d-flex flex-column flex-grow-1">
        <span class="i-document__title u-fz-md u-fw-600">
          Etický kodex MTC a.s.
        </span>
              <div class="i-document__details d-flex align-items-center gap-1">
            <span class="i-document__metadata u-fz-xs u-fw-400">
              PDF, 204 kb
            </span>
          </div>
          </div>
      <div class="i-document__button flex-shrink-0">
        <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm    --icon-only     px-1 py-1" href='https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf' target="_blank">
      
          <span class="btn__icon d-flex align-items-center justify-content-center">
            
      <span class="icon d-flex align-items-center justify-content-center --colored --conversion --lg">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M12.026 17.834a2.491 2.491 0 0 0 1.768-.732l3.267-3.268-1.179-1.175-3.027 3.028L12.832 2h-1.667l.022 13.674-3.017-3.017-1.178 1.177 3.266 3.266a2.493 2.493 0 0 0 1.767.734Z"/><path fill="currentColor" d="M20.333 15.334V19.5a.833.833 0 0 1-.833.834h-15a.834.834 0 0 1-.834-.834v-4.166H2V19.5A2.5 2.5 0 0 0 4.5 22h15a2.5 2.5 0 0 0 2.5-2.5v-4.166h-1.667Z"/></svg>      </span>
        </span>
      
      </a>
      </div>
    </div>
              </div>
                  </div>
        
              </div>
    
            
            <div class="c-modal__button-container">
              <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm    --icon-only     c-modal__close c-modal__close-cross" aria-label="close modal">
      
          <span class="btn__icon d-flex align-items-center justify-content-center">
            
      <span class="icon d-flex align-items-center justify-content-center  --lg">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#15324F" fill-rule="evenodd" d="M10.869 12 5.435 6.565l1.13-1.13L12 10.867l5.435-5.434 1.13 1.131L13.133 12l5.434 5.434-1.131 1.131L12 13.131l-5.434 5.434-1.131-1.13L10.869 12Z" clip-rule="evenodd"/></svg>      </span>
        </span>
      
      </button>
            </div>
    
          </div>
        </div>
    
      </div>
    
    </div>