vidok.com/templates_user/pages/page-szklenie-v2.php

<main class="main-page" id="glassingApp">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="breadcrumbs">
                    <a href="/">Strona główna</a>
                    <span class="sep"><img src="/images/breadcrumbs-sep.svg"></span>
                    <span>Produkty</span>
                    <span class="sep"><img src="/images/breadcrumbs-sep.svg"></span>
                    <a href="/dodatki-do-okien">Dodatki</a>
                    <span class="sep"><img src="/images/breadcrumbs-sep.svg"></span>
                    <span class="last">Szklenie</span>
                </div>
            </div>
        </div>
    </div>

    <section class="box-1">
        <div class="container">
            <div class="box-1--wrapper">
                <h1>Szklenie VIDOK</h1>
                <div class="box-1--text">
                    <p>Zadaniem szyb jest nie tylko wpuszczanie światła do budynku, ale przede wszystkim ochrona przed utratą ciepła, hałasem i włamaniem zapewniając komfort i bezpieczeństwo.</p>
                </div>
                <ol>
                    <li>
                        <img src="/upload/filemanager/icon/more-light.svg" alt="">
                        <span>więcej światła</span>
                    </li>
                    <li>
                        <img src="/upload/filemanager/icon/less-nois.svg" alt="">
                        <span>mniej hałasu</span>
                    </li>
                    <li>
                        <img src="/upload/filemanager/icon/beater-defense.svg" alt="">
                        <span>lepsza ochrona</span>
                    </li>
                </ol>
            </div>
        </div>
    </section>

    <section class="box-2">
        <div class="container">
            <div class="box-2--wrapper">
                <h2>Spektrum <strong>szklenia</strong></h2>

                <div class="tiles">
                    <div class="tile">
                        <div class="tile-data">
                            <h3>Szkło przeciwsłoneczne</h3>
                            <p>Skuteczna ochrona cieplna,<br/> niższe straty energii i wyższy<br/> komfort w każdym sezonie.</p>
                        </div>
                        <div class="tile-img">
                            <img src="/upload/filemanager/Pages/Szklenie/img-2.png" alt="">
                        </div>
                    </div>
                    <div class="tile">
                        <div class="tile-data">
                            <h3>Szkło DŹWIĘKOIZOLACYJNE</h3>
                            <p>Ogranicza hałas z zewnątrz,<br/> zapewnia ciszę i komfort<br/> w Twoim domu.</p>
                        </div>
                        <div class="tile-img">
                            <img src="/upload/filemanager/Pages/Szklenie/img-3.png" alt="">
                        </div>
                    </div>
                    <div class="tile">
                        <div class="tile-data">
                            <h3>Szkło BEZPIECZNE</h3>
                            <p>Zwiększa bezpieczeństwo,<br/> chroni przed włamaniem<br/> i ogranicza ryzyko zranienia.</p>
                        </div>
                        <div class="tile-img">
                            <img src="/upload/filemanager/Pages/Szklenie/img-4.png" alt="">
                        </div>
                    </div>
                    <div class="tile">
                        <div class="tile-data">
                            <h3>Szkło ORNAMENTOWE</h3>
                            <p>Dekoracyjny efekt, prywatność<br/> i subtelne rozproszenie<br/> światła.</p>
                        </div>
                        <div class="tile-img">
                            <img src="/upload/filemanager/Pages/Szklenie/img-5.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="box-3">
        <div class="container">
            <div class="box-3--wrapper">
                <div class="box-3--head">
                    <h2><strong>Wybierz</strong> szklenie dla:</h2>
                    <ol class="tabs-nav">
                        <li class="tab-item" data-tab="tab-1" class="active">
                            <div class="tab-img">
                                <img src="/upload/filemanager/Pages/Szklenie/tab-1.jpg" alt="">
                            </div>
                            <span class="tab-title">PVC i aluminium</span>
                            <div class="tab-icon">
                                <img src="/upload/filemanager/icon/Group-1422.svg" alt="">
                            </div>
                        </li>
                        <li class="tab-item" data-tab="tab-2">
                            <div class="tab-img">
                                <img src="/upload/filemanager/Pages/Szklenie/tab-2.jpg" alt="">
                            </div>
                            <span class="tab-title">drewno</span>
                            <div class="tab-icon">
                                <img src="/upload/filemanager/icon/Group-1422.svg" alt="">
                            </div>
                        </li>
                        <li class="tab-item" data-tab="tab-3">
                            <span class="tab-title">ciepłe ramki</span>
                            <div class="tab-icon">
                                <img src="/upload/filemanager/icon/Group-1422.svg" alt="">
                            </div>
                        </li>
                    </ol>
                </div>
                <div class="box-3--body">
                    <div class="tab-content" id="tab-1" style="display: block;">
                        <img src="/upload/filemanager/Pages/Szklenie/pvc-1.jpg" alt="">
                        <img src="/upload/filemanager/Pages/Szklenie/pvc-2.jpg" alt="">
                    </div>
                    <div class="tab-content" id="tab-2" style="display: none;">
                        <img src="/upload/filemanager/Pages/Szklenie/drewno-1.jpg" alt="">
                        <img src="/upload/filemanager/Pages/Szklenie/drewno-2.jpg" alt="">
                    </div>
                    <div class="tab-content" id="tab-3" style="display: none;">
                        <img src="/upload/filemanager/Pages/Szklenie/cieple-ramki.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="box-4">
        <div class="container">
            <div class="box-4--wrapper">
                <h2>Optymalne połączenie <strong>dekoracji i komfortu</strong></h2>
                <a class="btn" href="/kontakt/">
                    WYŚLIJ ZAPYTANIE
                    <img src="/upload/filemanager/icon/Arrow-1-yellow.svg" alt="">
                </a>
            </div>
        </div>
    </section>
</main>