Ukázka dodávaného HTML kódu

<!DOCTYPE html><!-- Front-End by: Michal Jeřábek | mjerabek.cz -->
<html class="no-js" id="rewrite" lang="cs">
<head>


    <!--———————————— META-GENERAL ————————————-->

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=Edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta name="format-detection" content="telephone=no">
    <meta name="skype_toolbar" content="skype_toolbar_parser_compatible">


    <!--———————————— META-PAGE ————————————-->

    <title>Petra Urbanová | urbaninteriery.cz — Interiérový design</title>


    <meta name="description" content="Navrhování interiérů - návrh vhodného dispozičního řešení prostoru, 3D vizualizace, výpisu zařizovacích předmětů a výkresů pro truhláře. Budete tedy vědět, jak bude váš interiér vypadat, kolik vás to bude stát a kde vše pořídit.">
    <meta name="keywords" content="Navrhování interiérů, design, realizace, studie dispozice prostoru, 3D visualizace">


    <!--———————————— PRELOAD ————————————-->

    <link href="https://code.jquery.com/jquery-3.4.1.min.js" rel="preload" as="script" crossorigin>
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i&display=swap&subset=latin-ext" rel="preload" as="style">
    <link href="https://fonts.gstatic.com/" rel="preconnect" crossorigin>

    <link href="build/all.build.min.css?v3" rel="preload" as="style">
    <link href="build/all.build.min.js" rel="preload" as="script">
    <link href="img/page-header__img.jpg" rel="preload" as="image" media="(max-resolution: 191dpi) and (min-width: 768px)">
    <link href="img/page-header__img@2x.jpg" rel="preload" as="image" media="(min-resolution: 192dpi) and (min-width: 768px)">
    <link href="img/page-header__img--mobile.jpg" rel="preload" as="image" media="(max-resolution: 191dpi) and (max-width: 767px)">
    <link href="img/page-header__img--mobile@2x.jpg" rel="preload" as="image" media="(min-resolution: 192dpi) and (max-width: 767px)">


    <!--———————————— FAVICON ————————————-->

    <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
    <link rel="manifest" href="favicon/site.webmanifest">
    <link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#1d2224">
    <link rel="shortcut icon" href="favicon/favicon.ico">
    <meta name="msapplication-TileColor" content="#f9f8f7">
    <meta name="msapplication-config" content="favicon/browserconfig.xml">
    <meta name="theme-color" content="#C5969A">


    <!--———————————— META-SHARE ————————————-->

    <meta property="og:locale" content="cs_CZ">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://urbaninteriery.cz">
    <meta property="og:title" content="Petra Urbanová | urbaninteriery.cz — Interiérový design">
    <meta property="og:image" content="https://urbaninteriery.cz/img/social/facebook__image.jpg">
    <meta property="og:description" content="Navrhování interiérů - návrh vhodného dispozičního řešení prostoru, 3D vizualizace, výpisu zařizovacích předmětů a výkresů pro truhláře. Budete tedy vědět, jak bude váš interiér vypadat, kolik vás to bude stát a kde vše pořídit.">

    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:image" content="https://urbaninteriery.cz/img/social/twitter__image.jpg">
    <meta name="twitter:title" content="Petra Urbanová | urbaninteriery.cz — Interiérový design">
    <meta name="twitter:description" content="Navrhování interiérů - návrh vhodného dispozičního řešení prostoru, 3D vizualizace, výpisu zařizovacích předmětů a výkresů pro truhláře. Budete tedy vědět, jak bude váš interiér vypadat, kolik vás to bude stát a kde vše pořídit.">


    <!--———————————— FONTS ————————————-->

    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i&display=swap&subset=latin-ext" rel="stylesheet">


    <!--———————————— SUPPORT ————————————-->

    <!--[if IE]>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
        <script>!window.html5 && document.write("<script src='libs/html5shiv.js'><"+"/script>");</script>
    <![endif]-->

    <script>document.documentElement.className = document.documentElement.className.replace("no-js", "js");</script>

    <script>!window.matchMedia && document.write("<script src='https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js'><"+"/script>");</script>
    <script>!window.matchMedia && !window.respond && document.write("<script src='libs/respond.min.js'><"+"/script>");</script>
    <script>window.matchMedia && !window.matchMedia("all").addListener && document.write("<script src='libs/respond.matchmedia.addListener.min.js'><"+"/script>");</script>


    <!--———————————— STYLES ————————————-->

    <!--dev-->
    <!--<script>/* CSS Custom Properties polyfill for IE 11 (only for development): */ window.MSInputMethodContext && document.documentMode && document.write("<script src='dev/ie11CustomProperties/ie11CustomProperties.js'><"+"/script>");</script>-->

    <!--<script src="dev/PATHS.js"></script>-->
    <!--<script src="dev/load-css.js" data-files="all.build.css, print.build.css" data-media="screen, print"></script>-->
    <!--<noscript><link href="dev/cssimport/all.build.css" rel="stylesheet" media="screen"></noscript>-->
    <!--/dev-->

    <!--prod-->
    <link href="build/all.build.min.css" rel="stylesheet" media="screen">

    <script>window.addEventListener("load", function () { document.head.insertAdjacentHTML("beforeend", "<link href=\"build/print.build.min.css\" rel=\"stylesheet\" media=\"print\">"); });</script>
    <noscript><link href="build/print.build.min.css" rel="stylesheet" media="print"></noscript>
    <!--/prod-->


    <!--———————————— APPENDED ————————————-->

</head>
<body class="font-primary color-dark">


    <!--———————————— CONTENT ————————————-->


    <!--––––––––– ** UI__ACCESSIBILITY-NAV ** –––––––––-->


    <a class="ui__accessibility-nav x-print" href="#hlavni-obsah">Přejít na hlavní obsah</a>
    <a class="ui__accessibility-nav x-print" href="#hlavni-navigace">Přejít na hlavní navigaci</a>


    <!--––––––––– // UI__ACCESSIBILITY-NAV // –––––––––-->


    <!--––––––––– ** PAGE-HEADER ** –––––––––-->


    <header class="page-header inverse-ui" id="o-mne" data-main-nav-target="true">

        <div class="page-header__logo-wrapper x-print">
            <div class="center">
                <a class="page-header__logo" href="#o-mne">
                    <img class="page-header__logo-img" width="140" height="146" src="img/logo.svg" alt="Petra Urbanová - urbaninteriery.cz">
                </a>
            </div>
        </div>
        <!-- /.page-header__logo-wrapper -->

        <div class="page-header__top x-print">

            <div class="center">

                <div class="page-header__top-logo-wrapper">
                    <a class="page-header__top-logo x-print-href" href="#o-mne">
                        <svg class="page-header__top-logo-img" width="50" height="50" role="img" viewBox="0 0 320 340" stroke-miterlimit="10" focusable="false" aria-labelledby="page-header__top-logo-img-title">
                            <title id="page-header__top-logo-img-title">Petra Urbanová - urbaninteriery.cz</title>
                            <path fill="none" d="M10.454,103.462c23.995,-54.769 78.682,-93.031 142.305,-93.031c85.764,0 155.288,69.524 155.288,155.288c0,85.763 -69.524,155.288 -155.288,155.288c-63.863,0 -118.722,-38.552 -142.575,-93.652l0,93.3" />
                        </svg>
                    </a>
                </div>
                <!-- /.page-header__top-logo-wrapper -->


                <!--––––––––– ** MAIN-NAV ** –––––––––-->


                <nav class="main-nav page-header__main-nav x-print" id="hlavni-navigace">

                    <input class="main-nav__opener-toggle ui__hidden-toggle x-desktop x-tablet-l x-js" id="main-nav__opener-toggle" type="checkbox">

                    <label class="main-nav__opener transition x-js x-desktop x-tablet-l" for="main-nav__opener-toggle">
                        <span class="text"><span class="visually-hidden">Zobrazit hlavní menu</span></span>
                    </label>

                    <button class="main-nav__opener transition js-aria-button x-no-js x-desktop x-tablet-l clear-button" aria-controls="main-nav__opener-target" aria-expanded="false" aria-pressed="false">
                        <span class="text"><span class="visually-hidden">Zobrazit hlavní menu</span></span>
                    </button>

                    <ul class="main-nav__items" id="main-nav__opener-target">

                        <li class="main-nav__item">
                            <a class="main-nav__link main-nav__link--active" href="#o-mne">
                                <span class="text">O&nbsp;mně</span>
                            </a>
                        </li>

                        <li class="main-nav__item">
                            <a class="main-nav__link" href="#nabidka">
                                <span class="text">Nabídka</span>
                            </a>
                        </li>

                        <li class="main-nav__item">
                            <a class="main-nav__link" href="#spoluprace">
                                <span class="text">Spolupráce</span>
                            </a>
                        </li>

                        <li class="main-nav__item">
                            <a class="main-nav__link" href="#reference">
                                <span class="text">Reference</span>
                            </a>
                        </li>

                        <li class="main-nav__item">
                            <a class="main-nav__link" href="#kontakt">
                                <span class="text">Kontakt</span>
                            </a>
                        </li>

                    </ul>
                    <!-- /.main-nav__items -->

                </nav>
                <!-- /.main-nav page-header__main-nav -->


                <!--––––––––– // MAIN-NAV // –––––––––-->


            </div>
            <!-- /.center -->

        </div>
        <!-- /.page-header__top -->

        <div class="page-header__main">

            <div class="center">

                <div class="page-header__main-content nohyphens">

                    <div class="page-header__main-content-top">

                        <div class="page-header__main-bg full-size"><!-- css: background-image --></div>

                        <div class="page-header__main-content-top-wrapper">

                            <h1 class="page-header__name">
                                <span class="color-secondary-light">Petra</span>
                                <br class="x-desktop">
                                Urbanová
                            </h1>

                            <p>
                                <svg class="ui-text-arrow x-print" width="13" height="14" focusable="false" preserveAspectRatio="xMidYMid meet" aria-hidden="true">
                                    <use xlink:href="img/svg-sprite/symbol/svg/sprite.symbol.svg#icon-arrow" />
                                </svg>
                                Jsem žena, která se rozhodla poslechnout své srdce a&nbsp;vyměnit práci obchodního zástupce za <strong class="color-highlight">navrhování interiérů</strong>.
                            </p>

                        </div>
                        <!-- /.page-header__main-content-top-wrapper -->

                    </div>
                    <!-- /.page-header__main-content-top -->

                    <div class="page-header__main-content-bottom">

                        <p>Vystudovala jsem <strong>školu interiérového designu IKD v&nbsp;Praze</strong>. Tento obor mě lákal už od základní školy, a&nbsp;že to byl <strong>krok správným směrem</strong>, jsem poznala velice záhy, neboť pocit naplnění naprosto předčil mé očekávání.</p>

                        <a class="page-header__btn btn btn--light btn--small x-print" href="#nabidka">
                            <span class="text">Co nabízím?</span>
                        </a>

                    </div>
                    <!-- /.page-header__main-content-bottom -->

                </div>
                <!-- /.page-header__main-content -->

            </div>
            <!-- /.center -->

        </div>
        <!-- /.page-header__main -->

    </header>
    <!-- /.page-header -->


    <!--––––––––– // PAGE-HEADER // –––––––––-->


    <main id="hlavni-obsah">


        <!--––––––––– ** OFFER-SECTION | SECTION ** –––––––––-->


        <section class="offer-section section" id="nabidka" aria-labelledby="offer-section__title" data-main-nav-target="true">

            <div class="section__wrapper center">

                <h2 class="section__title" id="offer-section__title">
                    S&nbsp;čím vám mohu&nbsp;<span class="color-secondary">pomoci?</span>
                </h2>

                <ul class="offer-section__list section__narrow-content" role="list">

                    <li class="offer-section__item" role="listitem">

                        <h3 class="offer-section__subtitle section__subtitle">
                            <svg class="icon x-print" width="47" height="47" focusable="false" aria-hidden="true">
                                <use xlink:href="img/svg-sprite/symbol/svg/sprite.symbol.svg#icon-service1" />
                            </svg>
                            <span class="text">kompletní návrh interiéru</span>
                        </h3>

                        <p>Návrh vhodného dispozičního řešení prostoru, 3D vizualizace, výpisu zařizovacích předmětů a&nbsp;výkresů pro truhláře. Budete tedy vědět, <strong>jak bude váš interiér vypadat, kolik vás to bude stát a&nbsp;kde vše pořídit</strong>.</p>

                    </li>
                    <!-- /.offer-section__item -->

                    <li class="offer-section__item" role="listitem">

                        <h3 class="offer-section__subtitle section__subtitle">
                            <svg class="icon x-print" width="47" height="47" focusable="false" aria-hidden="true">
                                <use xlink:href="img/svg-sprite/symbol/svg/sprite.symbol.svg#icon-service2" />
                            </svg>
                            <span class="text">studie dispozice prostoru</span>
                        </h3>

                        <p>Navrhnu vám <strong>ideální půdorys i&nbsp;se zařízením</strong>, díky čemuž <strong>budete od začátku vědět, kam vybavení pokoje umístit a&nbsp;jaké zvolit rozměry</strong>. Nákres půdorysu je možné po domluvě doplnit i&nbsp;skicou pro lepší představu o&nbsp;celém konceptu interiéru.</p>

                    </li>
                    <!-- /.offer-section__item -->

                    <li class="offer-section__item" role="listitem">

                        <h3 class="offer-section__subtitle section__subtitle">
                            <svg class="icon x-print" width="47" height="47" focusable="false" aria-hidden="true">
                                <use xlink:href="img/svg-sprite/symbol/svg/sprite.symbol.svg#icon-service3" />
                            </svg>
                            <span class="text">realizace interiéru</span>
                        </h3>

                        <p>Mohu vám pomoci i&nbsp;při realizaci. Ta probíhá vždy dle mého návrhu. Nejedná se o&nbsp;stavební dozor ve smyslu Stavebního zákona č.&nbsp;183/2006 Sb., ale o&nbsp;<strong>autorský dohled nad projektem, kontrola toho, zda všechny práce probíhají dle mého návrhu interiéru</strong>. Zároveň vám mohu doporučit firmy vhodné na realizaci, se kterými mám dobré zkušenosti a&nbsp;s&nbsp;nimiž spolupracuji.</p>

                    </li>
                    <!-- /.offer-section__item -->

                </ul>
                <!-- /.offer-section__list -->

                <a class="section__btn btn btn--dark x-print" href="#kontakt">
                    <span class="text">Kontaktujte mě</span>
                </a>

            </div>
            <!-- /.section__wrapper center -->

        </section>
        <!-- /.offer-section section -->


        <!--––––––––– // OFFER-SECTION | SECTION // –––––––––-->


        <!--––––––––– ** PROGRESS-SECTION | SECTION ** –––––––––-->


        <section class="progress-section section bg-light" id="spoluprace" aria-labelledby="progress-section__title" data-main-nav-target="true">

            <div class="section__wrapper center">

                <h2 class="section__title" id="progress-section__title">
                    Jak bude probíhat <span class="color-secondary">spolupráce?</span>
                </h2>

                <ol class="progress-section__list section__narrow-content" role="list">

                    <li class="progress-section__item" role="listitem">

                        <p class="progress-section__subtitle section__subtitle">
                            první schůzka
                        </p>

                        <p>Na začátku naší spolupráce proběhne první schůzka, která je hlavně <strong>o&nbsp;vzájemném poznání</strong>. Navrhování interiéru je hodně intimní záležitost. Prostor, ve kterém člověk žije, ho zcela jistě svým způsobem představuje. Proto počítejte, že se vás budu hodně ptát. <strong>Zajímá mě, jak žijete, vaše zvyky a&nbsp;požadavky. Ujasníme si, jak bude spolupráce probíhat.</strong></p>

                    </li>
                    <!-- /.progress-section__item -->

                    <li class="progress-section__item" role="listitem">

                        <p class="progress-section__subtitle section__subtitle">
                            cenová nabídka a&nbsp;záloha
                        </p>

                        <p>Pokud si na první schůzce padneme do oka, <strong>vypracuji vám cenovou nabídku</strong> na mé služby v&nbsp;požadovaném rozsahu. Jestliže bude vše v&nbsp;pořádku a&nbsp;cenovou nabídku si schválíme, <strong>následuje zaslání zálohové faktury ve výši 50&nbsp;% ceny návrhu</strong>.</p>

                    </li>
                    <!-- /.progress-section__item -->

                    <li class="progress-section__item" role="listitem">

                        <p class="progress-section__subtitle section__subtitle">
                            práce na návrhu
                        </p>

                        <p>Po jejím zaplacení, započnou práce na návrhu. <strong>Jednotlivé fáze budeme průběžně konzultovat (vhodné dispoziční řešení, styl, barevnost&hellip;)</strong>, nemusíte se tedy bát, že na konci dostanete něco, co se vám nebude líbit a&nbsp;na čem jsme se nedomluvili.</p>

                    </li>
                    <!-- /.progress-section__item -->

                    <li class="progress-section__item" role="listitem">

                        <p class="progress-section__subtitle section__subtitle">
                            odevzdání návrhu
                        </p>

                        <p>Nakonec obdržíte <strong>kompletní návrh, včetně 3D vizualizace a&nbsp;výpisu zařizovacích předmětů a&nbsp;výkresů pro truhláře</strong>.</p>

                    </li>
                    <!-- /.progress-section__item -->

                </ol>
                <!-- /.progress-section__list -->

                <div class="section__narrow-content">

                    <p class="section__note">
                        <svg class="ui-text-arrow x-print" width="13" height="14" focusable="false" preserveAspectRatio="xMidYMid meet" aria-hidden="true">
                            <use xlink:href="img/svg-sprite/symbol/svg/sprite.symbol.svg#icon-arrow" />
                        </svg>
                        Bližší detaily spolupráce si probereme na naší první schůzce.
                    </p>

                </div>
                <!-- /.section__narrow-content -->

                <a class="section__btn btn btn--dark x-print" href="#kontakt">
                    <span class="text">Kontaktujte mě</span>
                </a>

            </div>
            <!-- /.section__wrapper center -->

        </section>
        <!-- /.progress-section section -->


        <!--––––––––– // PROGRESS-SECTION | SECTION // –––––––––-->


        <!--––––––––– ** REFERENCES-SECTION | SECTION ** –––––––––-->


        <section class="references-section section inverse-ui bg-dark x-print" id="reference" aria-labelledby="references-section__project-name" data-main-nav-target="true">

            <div class="section__wrapper center">

                <h2 class="section__title" id="references-section__project-name">
                    <span class="color-secondary-light">Moje</span> reference
                </h2>

            </div>
            <!-- /.section__wrapper center -->

            <div class="references-section__references">

                <div class="references-section__header 1:1">
                    <div class="references-section__header-content">

                        <h3 class="references-section__project-name">
                            Herna
                            <svg class="ui-text-arrow x-print" width="13" height="14" focusable="false" preserveAspectRatio="xMidYMid meet" aria-hidden="true">
                                <use xlink:href="img/svg-sprite/symbol/svg/sprite.symbol.svg#icon-arrow" />
                            </svg>
                        </h3>

                        <p class="references-section__description">Návrh dětské herny pro dva brášky</p>

                    </div>
                </div>
                <!-- /.references-section__header -->

                <a class="references-section__image-link 1:1" href="img/references/1/1.jpg" data-title="Herna - ukázka projektu" data-gallery="references-section__gallery--1">
                    <img class="references-section__img" alt="Herna - ukázka projektu" loading="lazy" width="465" height="465"
                        src="img/references/1/thumbs/1.jpg" srcset="img/references/1/thumbs/1.jpg 1x, img/references/1/thumbs/1@2x.jpg 2x">
                </a>

                <a class="references-section__image-link 1:1" href="img/references/1/2.jpg" data-title="Herna - ukázka projektu" data-gallery="references-section__gallery--1">
                    <img class="references-section__img" alt="Herna - ukázka projektu" loading="lazy" width="465" height="465"
                        src="img/references/1/thumbs/2.jpg" srcset="img/references/1/thumbs/2.jpg 1x, img/references/1/thumbs/2@2x.jpg 2x">
                </a>

                <a class="references-section__image-link 1:1" href="img/references/1/3.jpg" data-title="Herna - ukázka projektu" data-gallery="references-section__gallery--1">
                    <img class="references-section__img" alt="Herna - ukázka projektu" loading="lazy" width="465" height="465"
                        src="img/references/1/thumbs/3.jpg" srcset="img/references/1/thumbs/3.jpg 1x, img/references/1/thumbs/3@2x.jpg 2x">
                </a>

                <div class="references-section__header 1:1">
                    <div class="references-section__header-content">

                        <h3 class="references-section__project-name">
                            Další projekt
                            <svg class="ui-text-arrow x-print" width="13" height="14" focusable="false" preserveAspectRatio="xMidYMid meet" aria-hidden="true">
                                <use xlink:href="img/svg-sprite/symbol/svg/sprite.symbol.svg#icon-arrow" />
                            </svg>
                        </h3>

                        <p class="references-section__description">Popis tohoto projektu</p>

                    </div>
                </div>
                <!-- /.references-section__header -->

                <a class="references-section__image-link 1:1" href="img/references/2/1.jpg" data-title="Dalš projekt - ukázka projektu" data-gallery="references-section__gallery--2">
                    <img class="references-section__img" alt="Dalš projekt - ukázka projektu" loading="lazy" width="465" height="465"
                        src="img/references/2/thumbs/1.jpg" srcset="img/references/2/thumbs/1.jpg 1x, img/references/2/thumbs/1@2x.jpg 2x">
                </a>

                <a class="references-section__image-link 1:1" href="img/references/2/2.jpg" data-title="Dalš projekt - ukázka projektu" data-gallery="references-section__gallery--2">
                    <img class="references-section__img" alt="Dalš projekt - ukázka projektu" loading="lazy" width="465" height="465"
                        src="img/references/2/thumbs/2.jpg" srcset="img/references/2/thumbs/2.jpg 1x, img/references/2/thumbs/2@2x.jpg 2x">
                </a>

                <a class="references-section__image-link 1:1" href="img/references/2/3.jpg" data-title="Dalš projekt - ukázka projektu" data-gallery="references-section__gallery--2">
                    <img class="references-section__img" alt="Dalš projekt - ukázka projektu" loading="lazy" width="465" height="465"
                        src="img/references/2/thumbs/3.jpg" srcset="img/references/2/thumbs/3.jpg 1x, img/references/2/thumbs/3@2x.jpg 2x">
                </a>

                <div class="references-section__header 1:1">
                    <div class="references-section__header-content">

                        <h3 class="references-section__project-name">
                            Další projekt
                            <svg class="ui-text-arrow x-print" width="13" height="14" focusable="false" preserveAspectRatio="xMidYMid meet" aria-hidden="true">
                                <use xlink:href="img/svg-sprite/symbol/svg/sprite.symbol.svg#icon-arrow" />
                            </svg>
                        </h3>

                        <p class="references-section__description">Popis tohoto projektu</p>

                    </div>
                </div>
                <!-- /.references-section__header -->

                <a class="references-section__image-link 1:1" href="img/references/3/1.jpg" data-title="Dalš projekt - ukázka projektu" data-gallery="references-section__gallery--3">
                    <img class="references-section__img" alt="Dalš projekt - ukázka projektu" loading="lazy" width="465" height="465"
                        src="img/references/3/thumbs/1.jpg" srcset="img/references/3/thumbs/1.jpg 1x, img/references/3/thumbs/1@2x.jpg 2x">
                </a>

                <a class="references-section__image-link 1:1" href="img/references/3/2.jpg" data-title="Dalš projekt - ukázka projektu" data-gallery="references-section__gallery--3">
                    <img class="references-section__img" alt="Dalš projekt - ukázka projektu" loading="lazy" width="465" height="465"
                        src="img/references/3/thumbs/2.jpg" srcset="img/references/3/thumbs/2.jpg 1x, img/references/3/thumbs/2@2x.jpg 2x">
                </a>

                <a class="references-section__image-link 1:1" href="img/references/3/3.jpg" data-title="Dalš projekt - ukázka projektu" data-gallery="references-section__gallery--3">
                    <img class="references-section__img" alt="Dalš projekt - ukázka projektu" loading="lazy" width="465" height="465"
                        src="img/references/3/thumbs/3.jpg" srcset="img/references/3/thumbs/3.jpg 1x, img/references/3/thumbs/3@2x.jpg 2x">
                </a>

            </div>
            <!-- /.references-section__references -->

        </section>
        <!-- /.progress-section section -->


        <!--––––––––– // REFERENCES-SECTION | SECTION // –––––––––-->


        <!--––––––––– ** CONTACT ** –––––––––-->


        <section class="contact" id="kontakt" aria-labelledby="contact__title" data-main-nav-target="true">

            <h2 class="visually-hidden" id="contact__title">Kontakt</h2>

            <div class="contact__fix-ie-flex-min-height">

                <div class="contact__image x-mobile"><!-- css: background-image --></div>

                <div class="contact__content">

                    <address class="contact__address nohyphens">
                        <b>Petra Urbanová</b>
                        <br>Adresa 123, Město&nbsp;123&nbsp;45
                        <br>IČO: 1235646
                    </address>

                    <a class="contact__link" href="mailto:petra@emailserver.cz">
                        petra@emailserver.cz
                    </a>

                    <br>

                    <a class="contact__link contact__link--small" href="tel:+420123456789">
                        +420 123 456 789
                    </a>

                    <img class="contact__bye-img x-print" width="319" height="332" src="img/contact__bye.svg" loading="lazy" alt="" aria-hidden="true">

                </div>
                <!-- /.contact__content -->

            </div>
            <!-- /.contact__fix-ie-flex-min-height -->

        </section>
        <!-- /.contact -->


        <!--––––––––– // CONTACT // –––––––––-->


    </main>
    <!-- /#hlavni-obsah -->


    <!--––––––––– ** PAGE-FOOTER ** –––––––––-->


    <footer class="page-footer inverse-ui">

        <div class="center">

            <p class="x-print">
                <a href="#o-mne">urbaninteriery.cz</a> – interiérový design
                <span class="x-mobile-s x-mobile-m" aria-hidden="true">|</span>
                <br class="x-desktop x-tablet x-mobile-l">
                Petra Urbanová
            </p>

            <p>
                Fyzická osoba zapsaná v&nbsp;živnostenském
                <br class="x-desktop x-tablet x-mobile-l">rejstříku vedeném na Magistrátu města Liberec
            </p>

        </div>
        <!-- /.center -->

    </footer>
    <!-- /.page-footer -->


    <!--––––––––– // PAGE-FOOTER // –––––––––-->


    <!--———————————— JAVASCRIPT ————————————-->

    <script src="https://code.jquery.com/jquery-3.4.1.js" crossorigin=""></script>
    <script>!window.jQuery && document.write("<script src='libs/jq.min.js'><"+"/script>");</script>

    <!--dev-->
    <!--<script>/* Load Babel to convert ES2015+ to ES5 for IE 11 (only for development): */ window.MSInputMethodContext && document.documentMode && document.write("<script src='node_modules/@babel/polyfill/dist/polyfill.min.js'><"+"/script>" + "<script src='https://unpkg.com/@babel/standalone/babel.min.js'><"+"/script>");</script>-->

    <!--<script src="dev/PATHS.js"></script>-->
    <!--<script src="dev/load-js.js" data-files="all.build.js"></script>-->
    <!--/dev-->

    <!--prod-->
    <script src="build/all.build.min.js" defer></script>
    <!--/prod-->


    <!--———————————— APPENDED ————————————-->

</body>
</html>