index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <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="description" content="Oсновно направление на Роза-Х5 е изработка и монтаж на алуминиева и ПВЦ
    дограма, врати, вътрешни и външни щори, охранителни ролетки,
    парапети, музейни витрини, еталбонд, които дават на клиентите
    чувство на защитеност, уют и украсяват домовете им.">

  <link rel="icon" href="img/favicon-browser.png" />
  <link rel="apple-touch-icon" href="img/favicon-browser (1).png" />
  <link rel="manifest" href="manifest.webmanifest" />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
  <!--  -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.4.0/css/lightgallery.min.css" />

  <script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.4.0/lightgallery.min.js"></script>

  <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
  <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
  <script src="https://kit.fontawesome.com/8a363ae096.js" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>


  <link rel="stylesheet" href="css/style.css" />
  <link rel="stylesheet" href="css/queries.css" />

  <title>РОЗА-Х5 &mdash; Kaчествена дограма</title>
</head>

<body>
  <div class="wrapper">


    <header id="sec-hero" class="header">
      <!-- <a href="#" class="logo">𝓟𝓞3𝓐-𝓧5</a> -->
      <a href="#" class="logo"><img class="logo-img" src="img/logo.PNG" alt=""></a>
      <nav class="main-nav">

        <ul class="main-nav-items">
          <li class="main-nav-item">
            <a href="#sec-hero" class="main-nav-link nachalo">Начало</a>
          </li>

          <li class="main-nav-item produkti">
            <a href="#sec-dog" class="main-nav-link">Продукти</a>
          </li>
          <li class="main-nav-item">
            <a href="#sec-shtori" class="main-nav-link shtori">Щори</a>
          </li>
          <li class="main-nav-item">
            <a href="#stukleni-vitrini" class="main-nav-link main-nav-link-stukleni-vitrini">Стъклени витрини</a>
          </li>
          <li class="main-nav-item">
            <a href="#" class="contact">Контакт</a>
          </li>
        </ul>

      </nav>
      <button class="btn-mobile-nav">
        <ion-icon class="icon-mobile-nav" name="menu-outline"></ion-icon>
        <ion-icon class="icon-mobile-nav" name="close-outline"></ion-icon>
      </button>
    </header>
    <main>
      <section class="section-hero">
        <div class="container hero-container">
          <div class="text-box">
            <h1 class="heading-primary heading-hero">
              Качество и надеждност вече
              <span class="highlited-text">20 години</span>
            </h1>
            <p class="text-as-subheading">
              Oсновно направление е изработка и монтаж на алуминиева и ПВЦ
              дограма, врати, вътрешни и външни щори, охранителни ролетки,
              парапети, музейни витрини, еталбонд, които дават на клиентите
              чувство на защитеност, уют и украсяват домовете им.
            </p>
            <button class="link-learn-more">Научете повече &darr;</button>
          </div>
          <div class="img-container">
            <div class="slider">
              <div class="slide">
                <img class="image" src="img/pic1.png" alt="Photo 1" />
              </div>
              <div class="slide">
                <img class="image" src="img/pic2.png" alt="Photo 1" />
              </div>
              <div class="slide">
                <img class="image" src="img/pic3.png" alt="Photo 1" />
              </div>
              <div class="slide">
                <img class="image" src="img/pic4.png" alt="Photo 1" />
              </div>
              <div class="slide">
                <img class="image image-width" src="img/pic5.png" alt="Photo 1" />
              </div>
              <div class="slide">
                <img class="image" src="img/pic6.png" alt="Photo 1" />
              </div>
              <div class="slide">
                <img class="image" src="img/pic7.png" alt="Photo 1" />
              </div>

              <button class="slider__btn slider__btn--left">&larr;</button>
              <button class="slider__btn slider__btn--right">&rarr;</button>
              <div class="dots"></div>
            </div>
          </div>
        </div>
        <div class="custom-shape-divider-bottom-hero">
          <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
            <path d="M602.45,3.86h0S572.9,116.24,281.94,120H923C632,116.24,602.45,3.86,602.45,3.86Z" class="shape-fill">
            </path>
          </svg>
        </div>
      </section>
      <h3 class="heading-tertiary heading-featured-in">Работим със</h3>
      <div class="container container-logos">
        <img src="img/featured-in-2.png" class="featured-in-image" alt="" />
        <img src="img/featured-in-3.png" class="featured-in-image" alt="" />
        <img src="img/featured-in-4.png" class="featured-in-image" alt="" />
        <img src="img/featured-in-1.png" class="featured-in-image" alt="" />

      </div>
      <section id="sec-dog" class="section
       section-dograma">
        <div class="container container-special">
          <span class="subheading">Продукти</span>
          <h2 class="heading-secondary heading-special">
            От PVC и алуминиева дограма до музейни витрини
          </h2>
        </div>
        <div class="container dograma-container">
          <div class="grid-container-pvc-dograma">
            <div class="img-box-pvc">
              <img loading="lazy" src="img/pvc-dograma.jpg" alt="" />
            </div>
            <div class="text-box-pvc">
              <h3 class="heading-tertiary">PVC Дограма</h3>
              <p class="text">
                PVC дограмата е подходящо решение за дома, офиса, обществените сгради.Пластмасовите профили и вградените
                към тях стъклопакети, заедно с обкова и уплътненията създават разнообразие на комплектните елементи.
                Могат да се използват за врати, прозорци, обграждане на веранди, построяване на самостоятелни мини
                постройки и др.Тя бива избирана не само заради достъпната си цена, но и за качествата които притежава:
              <ul class="pvc-dograma-vorteile">
                <li class="pvc-dograma-item">
                  <i class="fas fa-check characteristics-icon"></i>
                  <p class="characteristics-text">
                    висока звукоизолация
                  </p>

                </li>
                <li class="pvc-dograma-item">
                  <i class="fas fa-check characteristics-icon"></i>
                  <p class="characteristics-text">
                    чрез висококото ниво на топлоизолация пестим енергия
                  </p>

                </li>

                <li class="pvc-dograma-item">
                  <i class="fas fa-check characteristics-icon"></i>
                  <p class="characteristics-text">
                    различни варианти за дизайн
                  </p>

                </li>
              </ul>
              <p class="text text-bottom">

                Ние предлагаме 4 различни вида PVC дограма,който биват изработени от най-качествените материали на
                пазара и са изпитани с времето.
              </p>
              </p>
            </div>
          </div>
          <a class="link-botom" href="dograma.html">Вижте нашите предложения &rarr;</a>
          <div class="grid-container-pvc-dograma">

            <div class="text-box-pvc">
              <h3 class="heading-tertiary">Алуминиева дограма</h3>
              <p class="text">
                До скоро алуминиевата дограма беше по-слабо популярна,

                а днес многобройните дизайнерски и иновативни технически решения, позволяват на качествената алуминиева
                дограма да се конкурира уверено на пазара.


                Благодарение на нейните компоненти, крайният материал придобива необходимите показатели за якост,
                здравина и способност да издържа на тежки натоварвания.
              <ul class="pvc-dograma-vorteile">
                <li class="pvc-dograma-item">
                  <i class="fas fa-check characteristics-icon"></i>
                  <p class="characteristics-text">
                    здравина
                  </p>

                </li>
                <li class="pvc-dograma-item">
                  <i class="fas fa-check characteristics-icon"></i>
                  <p class="characteristics-text">
                    устойчивост при различни атмосферни условия
                  </p>

                </li>

                <li class="pvc-dograma-item">
                  <i class="fas fa-check characteristics-icon"></i>
                  <p class="characteristics-text">
                    профилът може да се боядисва във всеки един цвят , както и да има матова или лъскава повърхност.
                  </p>

                </li>
              </ul>
              <p class="text text-bottom">

                Ние предлагаме 5 различни вида алуминиева дограма,който биват изработени от най-качествените материали
                на пазара и са изпитани с времето.
              </p>
              </p>
            </div>
            <div class="img-box-pvc">
              <img class="img-height-adjust" src="img/alumnium-joinery.png" alt="" />
            </div>
          </div>
          <a class="link-botom link-no-margin" href="dograma.html">Вижте нашите предложения &rarr;</a>
        </div>

      </section>

      <section class="section section-features">
        <div class="custom-shape-divider-top">
          <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
            <path d="M1200 120L0 16.48 0 0 1200 0 1200 120z" class="shape-fill"></path>
          </svg>
        </div>
        <div class="custom-shape-divider-bottom custom-shape-divider-features">
          <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
            <path d="M1200 120L0 16.48 0 0 1200 0 1200 120z" class="shape-fill"></path>
          </svg>
        </div>
        <div class="container features-container">
          <div class="features-flex-container">


            <div class="buttons-tab">
              <button class="btn-change btn-stuklopaketi btn-active" data-slide="0">
                Стъклопакети
              </button>
              <button class="btn-change btn-fasadi" data-slide="1">Фасади</button>
              <button class="btn-change btn-stuklo" data-slide="2">Закалено стъкло</button>
              <button class="btn-change btn-komarnici " data-slide="3">Комарници</button>
              <button class="btn-change btn-parapeti" data-slide="4">Парапети</button>

            </div>
            <button class="btn-mobile-nav__tab">
              <ion-icon class="icon-mobile-nav" name="menu-outline"></ion-icon>
              <ion-icon class="icon-mobile-nav" name="close-outline"></ion-icon>
            </button>
          </div>
          <div class="features-content feature-active">
            <h2 class="heading-secondary feature-heading">Стъклопакети</h2>
            <div class="grid-container-2--cols">
              <div class="feature-content">
                <p class="feature-text">
                  Стъклопакетът е крайният резултат от съединението на няколко
                  броя стъкло с херметик и дистанционер. Между стъклата се
                  образува херметически затворено пространство.<br />
                  Когато избирате стъклопакет е добре да знаете характеристиките
                  на стъклата в него:
                <ul class="characteristics">
                  <li class="characteristics-list-item">
                    <i class="fas fa-check characteristics-icon"></i>
                    <p class="characteristics-text">
                      коефициент на топлопреминаване – от него зависи колко енергия ще спестявате
                    </p>
                  </li>
                  <li class="characteristics-list-item">
                    <i class="fas fa-check characteristics-icon"></i>
                    <p class="characteristics-text">
                      соларен фактор – показва какво количество слънчева енергия преминава през стъклото
                    </p>
                  </li>

                </ul>
                <p class="feature-text feature-text-down">Ние предлагаме всякакви видове стъклопакети и винаги помагаме
                  на клиента да избере подходящия за него </p>
                </p>
              </div>
              <img class="feature-img" src="img/STUKLOPAKET_FEATURES.png" alt="" />
            </div>

          </div>
          <div class="features-content">
            <h2 class="heading-secondary feature-heading">Окачени фасади</h2>
            <div class="grid-container-2--cols">
              <div class="feature-content">
                <p class="feature-text">
                  Окачените стъклени фасади представляват модерната алтернатива на стандартните тухлени стени, покрити с
                  мазилка, камък, обшивка и др. Съчетанието на фасадни профилни системи, стъкла с различни оттенъци и
                  елегантни обкови дава възможност да се създадат фасади на сгради, съобразени с всички актуални
                  изисквания на архитектурата.
                <ul class="characteristics">
                  <li class="characteristics-list-item">
                    <i class="fas fa-check characteristics-icon"></i>
                    <p class="characteristics-text">
                      красота и лукс
                    </p>
                  </li>
                  <li class="characteristics-list-item">
                    <i class="fas fa-check characteristics-icon"></i>
                    <p class="characteristics-text">
                      прекрасна осветеност на помещението
                    </p>
                  </li>
                  <li class="characteristics-list-item">
                    <i class="fas fa-check characteristics-icon"></i>
                    <p class="characteristics-text">
                      икономичност по отношение на отопление
                    </p>
                  </li>
                  <li class="characteristics-list-item">
                    <i class="fas fa-check characteristics-icon"></i>
                    <p class="characteristics-text">
                      високо ниво на защита от атмосферни влияния
                    </p>
                  </li>

                </ul>
                </p>
              </div>
              <img class="feature-img" src="img/OKACHENA_FASADA.jpg" alt="" />
            </div>

          </div>
          <div class="features-content">
            <h2 class="heading-secondary feature-heading">Закалено стъкло</h2>
            <div class="grid-container-2--cols">
              <div class="feature-content">
                <p class="feature-text">
                  Закаленото стъкло има якост шест пъти по-висока от тази на обикновеното стъкло. Използва се предимно в
                  елементи без рамки (врати без рамки) и за конструктивни цели. Счита се за по-малко рисково от
                  обикновеното стъкло, защото се чупи на малки заоблени парченца, които е по-малко вероятно да
                  предизвикат наранявания или порязвания.То може да бъде използвано за:
                <ul class="characteristics">
                  <li class="characteristics-list-item">
                    <i class="fas fa-check characteristics-icon"></i>
                    <p class="characteristics-text">
                      стъклени врати, витрини и прегради
                    </p>
                  </li>
                  <li class="characteristics-list-item">
                    <i class="fas fa-check characteristics-icon"></i>
                    <p class="characteristics-text">
                      покривни и фасадни стъклопакети
                    </p>
                  </li>
                  <li class="characteristics-list-item">
                    <i class="fas fa-check characteristics-icon"></i>
                    <p class="characteristics-text">
                      душ кабини
                    </p>
                  </li>


                </ul>
                </p>
              </div>
              <img class="feature-img" src="img/ZAKALENO STUKLO.jpg" alt="" />
            </div>

          </div>
          <div class="features-content">
            <h2 class="heading-secondary feature-heading">Комарници</h2>
            <div class="grid-container-2--cols">
              <div class="feature-content">
                <p class="feature-text">
                  Елегантно и в същото време изключително надеждно средство за решаване на проблемите с досадните летящи
                  насекоми са съвременните противонасекомни мрежи или така наречените комарници. Наред с добрия
                  естетически вид те осигуряват качествена денонощна защита от насекомите.

                  Комарниците са изработени от алуминиеви рамки и специална мрежа от негорим материал, благодарение на
                  което този тип комарник не се чупи и не старее.Ние предлагаме следните видове комарници:
                <ul class="characteristics">
                  <li class="characteristics-list-item">
                    <i class="fas fa-check characteristics-icon"></i>
                    <p class="characteristics-text">
                      ролетни
                    </p>
                  </li>
                  <li class="characteristics-list-item">
                    <i class="fas fa-check characteristics-icon"></i>
                    <p class="characteristics-text">
                      на панти
                    </p>
                  </li>


                </ul>
                </p>
              </div>
              <img class="feature-img" src="img/KOMARNIK.jpg" alt="" />
            </div>

          </div>
          <div class="features-content">
            <h2 class="heading-secondary feature-heading">Парапети</h2>
            <div class="grid-container-2--cols">
              <div class="feature-content">
                <p class="feature-text">
                  Алуминиевите парапети се отличават със своите качества като лекота, достатъчна якост, съчетаващи
                  хармония и уют. В комбинация със стъкло придават нов стил в представата за тераси и стълбища. Ние
                  изработваме и предлагаме следните видове парапети:
                <ul class="characteristics">
                  <li class="characteristics-list-item">
                    <i class="fas fa-check characteristics-icon"></i>
                    <p class="characteristics-text">
                      парапети за стена
                    </p>
                  </li>
                  <li class="characteristics-list-item">
                    <i class="fas fa-check characteristics-icon"></i>
                    <p class="characteristics-text">
                      парапети със стъкло
                    </p>
                  </li>
                  <li class="characteristics-list-item">
                    <i class="fas fa-check characteristics-icon"></i>
                    <p class="characteristics-text">
                      парапети за тераси
                    </p>
                  </li>


                </ul>
                </p>
              </div>
              <img class="feature-img" src="img/PARAPET.jpg" alt="" />
            </div>

          </div>

        </div>
      </section>
      <div class="section container container-choose-us">
        <h3 class="heading-tertiary heading-choose-us">Защо да изберете нас ?</h3>
        <div class="flex-container-choose-us">
          <div class="flex-item-choose-us">
            <ion-icon name="people-outline"></ion-icon>
            <p class="heading-choose-us-p">Съветване</p>
            <p class="text-choose-us">Предлагаме най-доброто обсужване,за да може клиента да избере най-доброто решение
              за жилището си</p>
          </div>
          <div class="flex-item-choose-us">
            <ion-icon name="barbell-outline"></ion-icon>
            <p class="heading-choose-us-p">Ефективност</p>
            <p class="text-choose-us">Винаги работим с най-качествените материали,които предлагат най-добрите нива на
              топло и шумоизолация</p>
          </div>
          <div class="flex-item-choose-us">
            <ion-icon name="alarm-outline"></ion-icon>

            <p class="heading-choose-us-p">Бърз монтаж</p>
            <p class="text-choose-us">Стараем се да изпълним възможно най-бързо поръчката на клиента,за да може възможно
              най-рано да се радва на новата визия на дома си.</p>
          </div>
          <div class="flex-item-choose-us">
            <ion-icon name="construct-outline"></ion-icon>
            <p class="heading-choose-us-p">Качествен монтаж</p>
            <p class="text-choose-us">Винаги работим прецизно и внимателно, за да може контрукцията да е максимално
              ефективна и издръжлива.</p>
          </div>
        </div>
      </div>
      <section id="sec-shtori" class="section  section-shtori">
        <div class="container">
          <span class="subheading">Щори</span>
          <h2 class="heading-secondary">
            Външни и вътрешни щори
          </h2>
        </div>
        <div class="container">


          <div class="grid-container-z container">
            <div class="text-content">
              <h3 class="heading-tertiary heading-text">Външни ролетни щори</h3>
              <p class="img-text">
                Външните ролетни щори са функционални и надеждни системи за защита от слънце.
                Те са много повече от средство за засенчване. Тези щори се монтират от външната страна на прозореца и
                придават стилен външен вид на сградата и същевременно спират не само слънчевите лъчи, а и топлината,
                преди да са проникнали в помещенията.Едни от предимствата са че предлагат 100% затъмнение на помещението
                и изолират от студ,шум и топлина.:


              </p>
            </div>
            <div class="img-box">

              <img class="z-img" src="img/VUNSHNI_SHTORI.jpg" alt="" />
            </div>
            <div class="img-box grid-row__4">


              <img class="z-img" src="img/horizontalni-5.jpg" alt="" />
            </div>

            <div class="text-content grid-row__3">
              <h3 class="heading-tertiary heading-text">Вътрешни хоризонтални щори</h3>
              <p class="img-text">


                Хоризонталните алуминиеви щори са изключително разпространен слънцезащитен продукт.
                Те предлагат отличен баланс между засенчване и пропускане на дневна светлина, термоизолационните им
                характеристики и изчистената визия ги правят незаменим компонент в концепцията за енергийна ефективност
                на съвременните офис, търговски, жилищни, промишлени и административни сгради.
              </p>
            </div>
            <div class="text-content">
              <h3 class="heading-tertiary heading-text">Вътрешни вертикални щори</h3>
              <p class="img-text">
                Вертикалните щори са модерен заместител на завесите – придават стил и уют на помещението, елегантно и
                стилно решение за всеки вкус.

                Те позволяват пълен контрол на светлината. Вертикалните щори са най – доброто решение при засенчване на
                големи прозорци, витрини, плъзгащи се панели или цели стени, както за дома така и за офис помещения.
              </p>
            </div>
            <div class="img-box grid-row__8">
              <img class="z-img special-img" src="img/VERTIKALNI_SHTORI.jpg" alt="">
            </div>
            <div class="img-box">

              <img class="z-img" src="img/shtori-den-i-nosht-s2.jpg" alt="">
            </div>
            <div class="text-content grid-row__7">
              <h3 class="heading-tertiary heading-text">Щори ден и нощ</h3>
              <p class="img-text">
                С руло щорите Вие може да блокирате достъпа на светлина и топлина, да си осигурите видимост към външния
                свят, но да се скриете от любопитни погледи, да филтрирате слънчевите отблясъци, без да спирате притока
                на дневна светлина в помещения.

                Руло щорите Ден и Нощ се изработват от платове с редуващи се последователно прозрачни и непрозрачни
                ивици. Механизмите са лесни за употреба. Спускането и повдигането на щорите се осъществява посредством
                верижка.
              </p>
            </div>


          </div>
        </div>
      </section>
      <!-- <div class="section  container container-opinions">
        <div class="custom-shape-divider-top">
          <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
              <path d="M1200 120L0 16.48 0 0 1200 0 1200 120z" class="shape-fill"></path>
          </svg>
      </div>
        <h2 class="heading-tertiary heading-opinions">Какво мислят нашите клиенти ?</h2>
        <div class="flex-container-opinions">
          <div class="flex-item">
            <div class="flex-person-name">

              <img src="img/person-2.jpg" class="person-photo" alt=""/>
              <p class="person-name">
               Александра
              </p>
            </div>
            <div class="icon-container">
              <ion-icon name="star"></ion-icon>
              <ion-icon name="star"></ion-icon>
              <ion-icon name="star"></ion-icon>
              <ion-icon name="star"></ion-icon>
              <ion-icon name="star"></ion-icon>
            </div>
            <p class="opinion-text">Много съм доволна, много добре ни взеха размери, посъветваха и обясниха. За монтажа всичко беше на ниво, никакви проблеми.Дограмата я ползваме вече 2 години, супер е.</p>
          </div>
          <div class="flex-item">
            <div class="flex-person-name">

              <img src="img/person-4.jpg" class="person-photo" alt=""/>
              <p class="person-name">
                Десислава
              </p>
            </div>
            <div class="icon-container">
              <ion-icon name="star"></ion-icon>
              <ion-icon name="star"></ion-icon>
              <ion-icon name="star"></ion-icon>
              <ion-icon name="star"></ion-icon>
              <ion-icon name="star"></ion-icon>
            </div>
            <p class="opinion-text">Най-коректната фирма!Направихме дограма на цялата къща плюс гаражни врати и съм много доволна.Мога да кажа че за 2 дена затворихме цялата къща,въпреки че беше зима.Гаражните врати също са перфектни.</p>
          </div>
          <div class="flex-item">
            <div class="flex-person-name">

              <img src="img/person-3.jpg" class="person-photo" alt=""/>
              <p class="person-name">
               Запрян
              </p>
            </div>
            <div class="icon-container">
              <ion-icon name="star"></ion-icon>
              <ion-icon name="star"></ion-icon>
              <ion-icon name="star"></ion-icon>
              <ion-icon name="star"></ion-icon>
              <ion-icon name="star"></ion-icon>
            </div>
            <p class="opinion-text">Най-качествената избработка на музейни витрини!Работил съм с много фирми досега,но по-добри специалисти от Роза-Х5 няма.Уникален дизайн и перфектна изработка.Препоръчвам.</p>
          </div>
          <div class="flex-item">
            <div class="flex-person-name">

              <img src="img/person-5.jpg" class="person-photo" alt=""/>
              <p class="person-name">
               Димитър
              </p>
            </div>
            <div class="icon-container">
              <ion-icon name="star"></ion-icon>
              <ion-icon name="star"></ion-icon>
              <ion-icon name="star"></ion-icon>
              <ion-icon name="star"></ion-icon>
              <ion-icon name="star"></ion-icon>
            </div>
            <p class="opinion-text">Работя с тях вече 5 години.Изработват най-добрите окачени фасади.Перфектна шумо и топлоизолация.Винаги изисквам специален дизайн,което никога не е проблем за тях.</p>
          </div>
        </div>
        <div class="custom-shape-divider-bottom custom-shape-divider-features">
          <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
              <path d="M1200 120L0 16.48 0 0 1200 0 1200 120z" class="shape-fill"></path>
          </svg>
      </div>
      </div> -->
      <section id="etalbond-ohranitelni-roletki-sennici" class="section  section-cards">
        <div class="container">
          <span class="subheading">Други</span>
          <h2 class="heading-secondary">
            Еталбонд, охранителни ролетки и сенници
          </h2>
        </div>
        <div class="container">
          <div class="grid-container-1col">
            <div class="card">
              <img class="card-img" src="img/etalbond1.jpg" alt="" />
              <div class="card-content">
                <h3 class="heading-tertiary heading-card-special">Еталбонд</h3>
                <h4 class="heading-forth heading-card">Приложение на еталбонд</h4>
                <p class="card-text">
                  Най-широкото приложение е като архитектурна облицовка на сгради, обличане на колони, облицовка на
                  стълбища и ескалаторни конструкции, но не на последно място се използва и в интериорния дизайн като
                  окачен таван или като вътрешна декорация.
                </p>
                <h4 class="heading-forth heading-card">Огромна цветова гама с над 60 цвята.</h4>
                <p class="card-text">
                  Когато говорим за цветове не можем да не споменем и съществуващите на пазара уникални цветови решения
                  имитиращи естествения алуминий, множество дървесни имитации, имитации на камък и мрамор, огледало и не
                  на последно място, променящи цвета си в зависимост от светлината еталбонд панели от така наречените
                  "хамелеони".
                </p>
                <h4 class="heading-forth heading-card heading-card-special-v1">Издръжливост на еталбонд</h4>
                <p class="card-text card-text-special">
                  Независимо дали определен обект е разположен в непосредствена близост до силно замърсен район или
                  близост до крайбрежието, където влажността на въздуха е по-висока и богата на сол, повърхността на
                  фасаднмите материали е изложена на риск от избледняване и оксидиране на боята ако тя е неподходяща.
                  Еталбонд използва трипластово цветно покритие PVDF Kynar 500, което ви осигурява минимум 15 години
                  издръжливост, дори при най-сурови условия.
                </p>
              </div>
            </div>
            <div class="card">
              <img class="card-img" src="img/garage.jpg" alt="" />
              <div class="card-content">
                <h3 class="heading-tertiary heading-card-special">Охранителни ролетки</h3>
                <h4 class="heading-forth heading-card">Приложение на охранителните ролетки</h4>
                <p class="card-text">
                  Те са подходящи за затваряне на всякакви отвори на гаражни клетки, промишлени помещения, автосервизи,
                  халета, за охрана на витрини, прозорци и врати на магазини и офиси.
                </p>
                <h4 class="heading-forth heading-card">Предлагаме огромен избор от цветове и видове охранителни ролетки
                </h4>
                <p class="card-text">
                  Разбира се, за нас е важно желанието на клиента и винаги се стараем да доставим дори най-специалния
                  цвят на охранителната врата. Предлагаме следните 4 вида охранителни ролетки:
                <ul class="characteristics characteristics-cards">
                  <li class="characteristics-list-item">
                    <i class="fas fa-check characteristics-icon characteristics-icon-cards"></i>
                    <p class="characteristics-text characteristics-text-cards">
                      плътни и топлоизолирани охранителни ролетки
                    </p>
                  </li>

                  <li class="characteristics-list-item">
                    <i class="fas fa-check characteristics-icon characteristics-icon-cards"></i>
                    <p class="characteristics-text characteristics-text-cards">
                      плетени ролетни врати
                    </p>
                  </li>
                  <li class="characteristics-list-item">
                    <i class="fas fa-check characteristics-icon characteristics-icon-cards"></i>
                    <p class="characteristics-text characteristics-text-cards">
                      перфорирани ролетки
                    </p>
                  </li>
                  <li class="characteristics-list-item">
                    <i class="fas fa-check characteristics-icon characteristics-icon-cards"></i>
                    <p class="characteristics-text characteristics-text-cards">
                      тръбни ролетни врати
                    </p>
                  </li>

                </ul>

                </p>
              </div>
            </div>
            <div class="card">
              <img class="card-img" src="img/sunshader.jpg" alt="" />
              <div class="card-content">
                <h3 class="heading-tertiary heading-card-special">Сенници</h3>
                <h4 class="heading-forth heading-card">Приложение на сенниците</h4>
                <p class="card-text">
                  Сенниците са перфектното решение за защита от слънцето. Дали за вашия дом, ресторант или градина,
                  заедно ще изберем най-подходящия сенник за вас.
                </p>
                <h4 class="heading-forth heading-card">Огромен избор от над 7 вида сенници</h4>
                <p class="card-text">
                  Ние се стараем винаги нашите клиенти да получават това, което искат. Затова предлагаме всякакви видове
                  сенници със специален дизайн, по избор на клиента. Дори да дойдете с най-странното желание, ние ще се
                  постараем да ви го изпълним.Ето някои от предложенията ни:
                </p>
                <ul class="characteristics characteristics-cards">
                  <li class="characteristics-list-item">
                    <i class="fas fa-check characteristics-icon characteristics-icon-cards"></i>
                    <p class="characteristics-text characteristics-text-cards">
                      тип "Чупещо рамо"
                    </p>
                  </li>

                  <li class="characteristics-list-item">
                    <i class="fas fa-check characteristics-icon characteristics-icon-cards"></i>
                    <p class="characteristics-text characteristics-text-cards">
                      тип "Падащо рамо"
                    </p>
                  </li>
                  <li class="characteristics-list-item">
                    <i class="fas fa-check characteristics-icon characteristics-icon-cards"></i>
                    <p class="characteristics-text characteristics-text-cards">
                      тип "Кошница"
                    </p>
                  </li>
                  <li class="characteristics-list-item">
                    <i class="fas fa-check characteristics-icon characteristics-icon-cards"></i>
                    <p class="characteristics-text characteristics-text-cards">
                      тип "Широкоплощен"
                    </p>
                  </li>
                  <li class="characteristics-list-item">
                    <i class="fas fa-check characteristics-icon characteristics-icon-cards"></i>
                    <p class="characteristics-text characteristics-text-cards">
                      тип "Балконски"
                    </p>
                  </li>

                </ul>

              </div>
            </div>
          </div>
        </div>
      </section>
      <section id="vetrozashtitni-zavesi" class="section  section-vetrozashtitni-zavesi">
        <div class="container">
          <span class="subheading">Ветрозащитни завеси</span>
          <h2 class="heading-secondary">
            Ветрозащитни завеси
          </h2>
        </div>
        <div class="container container-vetrozashtitni-zavesi">
          <div class="text-box-vz">
            <p class="vz-htext">
              Подходящи са затваряне на тераси, заведения, барбекюта, открити и полуоткрити площадки и др. Изработват се
              от прозрачно кристално фолио, внос от Япония – Achilles. За подобряване на устойчивостта и здравината
              периферията им се обкантва с плътен PVC плат на фирма “Sattler” – Австрия в цвят по Ваш избор.<br><span
                class="text-vz-special">

                Завесите се изработват по размери на клиента и се предлагат в три варианта:
              </span>
            <ul class="characteristics characteristics-special">
              <li class="characteristics-list-item characteristics-list-item-vz">
                <i class="fas fa-check characteristics-icon"></i>
                <p class="characteristics-text">
                  Статичната завеса се изработва с максимални размери до 400х300 см. Включва шина в горната части и
                  профил в долната част. Захващането с капси и копчета по вертикалната част създават пълно затваряне.
                </p>

              </li>
              <li class="characteristics-list-item characteristics-list-item-vz">
                <i class="fas fa-check characteristics-icon"></i>
                <p class="characteristics-text">
                  Завеса с механизъм се изработва с максимални размери до 400х300 см. Завесата включва конзоли за
                  захващане, вал, редуктор с манивела и куки.
                </p>

              </li>
              <li class="characteristics-list-item characteristics-list-item-vz">
                <i class="fas fa-check characteristics-icon"></i>
                <p class="characteristics-text">
                  Осигуряват до 90% уплътнение. Кутията и водачите стандартно се предлагат в цвят бял, но могат да бъдат
                  в цвят по RAL по Ваш избор. Задвижването става с ръчно управление (манивела) или с ел.задвижване (с
                  бутон или с дистанционно).
                </p>

              </li>
            </ul>
            </p>
          </div>
          <div class="img-box-vz">
            <img class="img-vz" src="img/vetrozashtitna_zavesa.jpg" alt="" />
          </div>
        </div>
      </section>
      <section id="stukleni-vitrini" class="section  section-stukleni-vitrini">
        <div class="container">
          <span class="subheading">Стъклени витрини</span>
          <h2 class="heading-secondary heading-sv">
            Стъклени витрини
          </h2>
        </div>
        <div class="container container-sv">
          <div class="img-box-sv">
            <div class="grid-container-sv">
              <figure class="img-container-sv--1">
                <img class="img-sv" src="img/stukleni-vitrini_1.jpg" alt="" />
              </figure>
              <figure class="img-container-sv--2">
                <img class="img-sv" src="img/gallery/gallery-photo-23.jpg" alt="" />
              </figure>
              <figure class="img-container-sv--3">
                <img class="img-sv" src="img/gallery/gallery-photo-25.jpg" alt="" />
              </figure>
              <figure class="img-container-sv--4">
                <img class="img-sv" src="img/stukleni-vitrini_5.jpg" alt="" />
              </figure>
            </div>
          </div>
          <div class="text-box-vz">
            <p class="vz-htext">
              Стъклените витрини се използват заостъкляване на магазини, офис помещения, банки като един функционален
              метод, които осигурява максимална видимост и светлина в помещенията.<br>
              <span class="text-vz-special">Стъклените витрини се изработват от два вида стъкло:</span>
            </p>
            <ul class="characteristics characteristics-special">
              <li class="characteristics-list-item characteristics-list-item-vz">
                <i class="fas fa-check characteristics-icon"></i>
                <p class="characteristics-text">
                  Флоатно единично стъкло, с дебелина до 20 мм, препоръча се то да е закалено
                </p>

              </li>
              <li class="characteristics-list-item characteristics-list-item-vz">
                <i class="fas fa-check characteristics-icon"></i>
                <p class="characteristics-text">
                  Триплекс с различна дебелина от 6мм до 12мм , като е възможна комбинация от няколко отваряеми и
                  неотваряеми части. Триплексът при евентуален удар се напуква, но не се разпада

                </p>
              </li>
            </ul>
            <p class="vz-htext">

              Един от най-разпространените методи за изграждане на стъклена витрина е чрез монтажа и върху алуминиев
              профил. Този вид системи се използва, както за външно така и за вътрешно остъкляване. Обкантващият
              алуминиев профил може да бъде в различен цвят от <a class="text-vz-special text-hyper"
                href="https://www.almaxbg.com/uploads/images/products/ral_colors.jpg" target="_blank">Каталог на
                RAL</a>.
              Стъклените врати могат да бъдат монтирани към друго стъкло, към стена, таван и към други неподвижни панели
              в зависимост от начина на отваряне.

            </p>

          </div>
        </div>
      </section>
      <section id="galeria" class="section section-gallery">
        <div class="container">
          <span class="subheading">Галерия</span>
          <h2 class="heading-secondary">
            Галерия
          </h2>
        </div>
        <div class="container container-gallery">
          <div class="gallery-grid filter-container">
            <nav class="sidebar">
              <div class="text-sidebar">
                Меню
              </div>

              <button class="btn-mobile-nav__gallery btn-mobile-nav__gallery1">
                <ion-icon class="icon-mobile-nav__gallery" name="search-outline"></ion-icon>
                <ion-icon class="icon-mobile-nav__gallery" name="close-outline"></ion-icon>
              </button>
              <ul class="gallery-sidebar-list">
                <li data-filter="all" class="gallery-search-button active">
                  <p class="border-left">Всичко</p>
                </li>
                <li>
                  <p class="feat-btn border-left">Дограма
                    <span class="fas fa-caret-down first"></span>
                  </p>
                  <ul class="feat-show gallery-sidebar-list-under">
                    <li data-filter="aluminieva-dograma" class="gallery-search-button border-left">
                      <p>Алуминиева дограма</p>
                    </li>
                    <li data-filter="pvc-dograma" class="gallery-search-button border-left">
                      <p>PVC дограма</p>
                    </li>
                  </ul>
                </li>
                <li>
                  <p class="serv-btn border-left">Врати
                    <span class="fas fa-caret-down second"></span>
                  </p>
                  <ul class="serv-show gallery-sidebar-list-under">
                    <li data-filter="vrati" class="gallery-search-button">
                      <p>Входни</p>
                    </li>
                    <li>
                      <p>Интериорни</p>
                    </li>
                  </ul>
                </li>
                <li data-filter="etalbond" class="gallery-search-button">
                  <p class="border-left">Еталбонд</p>
                </li>
                <li data-filter="muzeini-vitrini" class="gallery-search-button">
                  <p class="border-left">Музейни витрини</p>
                </li>
                <li data-filter="pvc-konstrukcii" class="gallery-search-button">
                  <p class="border-left">Ал. конструкции</p>
                </li>
                <li data-filter="parapeti" class="gallery-search-button">
                  <p class="border-left">Парапети</p>
                </li>
                <li data-filter="vetrozashtitni" class="gallery-search-button">
                  <p class="border-left"> Ветрозащ. завеси</p>
                </li>
              </ul>
            </nav>
            <div class="gallery">


              <a class="filtr-item aluminieva-dograma" data-sub-html="Алуминиева дограма"
                href="img/gallery/gallery-photo-7.jpg">
                <img src="img/gallery/gallery-photo-7.jpg" alt="" />
              </a>


              <a class="filtr-item aluminieva-dograma" data-sub-html="Алуминиева дограма"
                href="img/gallery/gallery-photo-12.jpg">
                <img src="img/gallery/gallery-photo-12.jpg" alt="" />
              </a>

              <a class="filtr-item aluminieva-dograma" data-sub-html="Алуминиева дограма"
                href="img/gallery/gallery-photo-3.jpg">
                <img src="img/gallery/gallery-photo-3.jpg" alt="" />
              </a>
              <a class="filtr-item pvc-dograma" data-sub-html="PVC дограма" href="img/gallery/gallery-photo-2.jpg">
                <img src="img/gallery/gallery-photo-2.jpg" alt="" />
              </a>
              <a class="filtr-item pvc-dograma" data-sub-html="PVC дограма" href="img/gallery/gallery-photo-5.jpg">
                <img src="img/gallery/gallery-photo-5.jpg" alt="" />
              </a>
              <a class="filtr-item pvc-dograma" data-sub-html="PVC дограма" href="img/gallery/gallery-photo-16.jpg">
                <img src="img/gallery/gallery-photo-16.jpg" alt="" />
              </a>
              <a class="filtr-item etalbond" data-sub-html="Eталбонд" href="img/gallery/gallery-photo-14.jpg">
                <img src="img/gallery/gallery-photo-14.jpg" alt="" />
              </a>
              <a class="filtr-item etalbond" data-sub-html="Eталбонд" href="img/gallery/gallery-photo-19.jpg">
                <img src="img/gallery/gallery-photo-19.jpg" alt="" />
              </a>
              <a class="filtr-item etalbond" data-sub-html="Eталбонд" href="img/gallery/gallery-photo-1.jpg">
                <img src="img/gallery/gallery-photo-1.jpg" alt="" />
              </a>
              <a class="filtr-item pvc-konstrukcii" data-sub-html="PVC конструкции"
                href="img/gallery/gallery-photo-10.jpg">
                <img src="img/gallery/gallery-photo-10.jpg" alt="" />
              </a>
              <a class="filtr-item pvc-konstrukcii" data-sub-html="PVC конструкции"
                href="img/gallery/gallery-photo-11.jpg">
                <img src="img/gallery/gallery-photo-11.jpg" alt="" />
              </a>
              <a class="filtr-item pvc-konstrukcii" data-sub-html="PVC конструкции"
                href="img/gallery/gallery-photo-9.jpg">
                <img src="img/gallery/gallery-photo-9.jpg" alt="" />
              </a>
              <a class="filtr-item parapeti" data-sub-html="Парапети" href="img/gallery/gallery-photo-8.jpg">
                <img src="img/gallery/gallery-photo-8.jpg" alt="" />
              </a>
              <a class="filtr-item parapeti" data-sub-html="Парапети" href="img/gallery/gallery-photo-4.jpg">
                <img src="img/gallery/gallery-photo-4.jpg" alt="" />
              </a>

              <a class="filtr-item parapeti" data-sub-html="Парапети" href="img/gallery/gallery-photo-6.jpg">
                <img src="img/gallery/gallery-photo-6.jpg" alt="" />
              </a>
              <a class="filtr-item parapeti" data-sub-html="Парапети" href="img/gallery/gallery-photo-20.jpg">
                <img src="img/gallery/gallery-photo-20.jpg" alt="" />
              </a>
              <a class="filtr-item parapeti" data-sub-html="Парапети" href="img/gallery/gallery-photo-18.jpg">
                <img src="img/gallery/gallery-photo-18.jpg" alt="" />
              </a>

              <a class="filtr-item parapeti" data-sub-html="Парапети" href="img/gallery/gallery-photo-29.jpeg">
                <img src="img/gallery/gallery-photo-29.jpeg" alt="" />
              </a>

              <a class="filtr-item vrati" data-sub-html="Входна врата" href="img/gallery/gallery-photo-17.jpg">
                <img src="img/gallery/gallery-photo-17.jpg" alt="" />
              </a>
              <a class="filtr-item vetrozashtitni" data-sub-html="Ветрозащитна завеса"
                href="img/gallery/gallery-photo-28.jpg">
                <img src="img/gallery/gallery-photo-28.jpg" alt="" />
              </a>
              <a class="filtr-item pvc-konstrukcii" data-sub-html="PVC конструкции"
                href="img/gallery/gallery-photo-13.jpg">
                <img src="img/gallery/gallery-photo-13.jpg" alt="" />
              </a>
              <a class="filtr-item muzeini-vitrini" data-sub-html="Музейни витрини"
                href="img/gallery/gallery-photo-22.jpg">
                <img src="img/gallery/gallery-photo-22.jpg" alt="" />
              </a>

              <a class="filtr-item muzeini-vitrini" data-sub-html="Музейни витрини" href="img/stukleni-vitrini_2.jpg">
                <img src="img/stukleni-vitrini_2.jpg" alt="" />
              </a>

              <a class="filtr-item muzeini-vitrini" data-sub-html="Музейни витрини"
                href="img/gallery/gallery-photo-24.jpg">
                <img src="img/gallery/gallery-photo-24.jpg" alt="" />
              </a>

              <a class="filtr-item muzeini-vitrini" data-sub-html="Музейни витрини" href="img/stukleni-vitrini_4.jpg">
                <img src="img/stukleni-vitrini_4.jpg" alt="" />
              </a>

              <a class="filtr-item muzeini-vitrini" data-sub-html="Музейни витрини"
                href="img/gallery/gallery-photo-26.jpg">
                <img src="img/gallery/gallery-photo-26.jpg" alt="" />
              </a>

              <a class="filtr-item muzeini-vitrini" data-sub-html="Музейни витрини"
                href="img/gallery/gallery-photo-27.jpg">
                <img src="img/gallery/gallery-photo-27.jpg" alt="" />
              </a>

            </div>

          </div>
        </div>

      </section>
    </main>
    <footer class="section  footer">

      <div class="flex-container-footer">

        <div class="flex-item-footer footer-about-us">
          <p class="flex-item-heading">За нас</p>
          <p class="flex-item-text">Oсновно направление е изработка и монтаж на алуминиева и ПВЦ дограма, врати,
            вътрешни и външни щори, охранителни ролетки, парапети, музейни витрини, еталбонд, които дават на клиентите
            чувство на защитеност, уют и украсяват домовете им.</p>
          <p class="flex-item-heading social-links">Социални връзки</p>
          <a href="https://www.facebook.com/RozaX5EOOD" class="icon-container-footer" target="_blank">
            <ion-icon name="logo-facebook"></ion-icon>
          </a>
        </div>
        <div class="flex-item-footer footer-links">
          <p class="flex-item-heading">Полезно</p>
          <ul class="list-footer">
            <li>

              <a href="#" class="list-item-footer link-nachalo-footer"><ion-icon
                  name="chevron-forward-circle-outline"></ion-icon>
                <p class="link-text">Начало</p>
              </a>
            </li>
            <li>

              <a href="#sec-dog" class="list-item-footer link-dograma-footer"><ion-icon
                  name="chevron-forward-circle-outline"></ion-icon>
                <p class="link-text">Продукти</p>
              </a>
            </li>
            <li>

              <a href="#sec-shtori" class="list-item-footer link-shtori-footer"><ion-icon
                  name="chevron-forward-circle-outline"></ion-icon>
                <p class="link-text">Щори</p>
              </a>
            </li>

            <li>

              <a href="dograma.html" class="list-item-footer"><ion-icon
                  name="chevron-forward-circle-outline"></ion-icon>
                <p class="link-text">Алуминиева и PVC дограма</p>
              </a>
            </li>
            <li>

              <a href="#etalbond-ohranitelni-roletki-sennici" class="list-item-footer esor"><ion-icon
                  name="chevron-forward-circle-outline"></ion-icon>
                <p class="link-text">Еталбонд,сенници и охранителни ролетки</p>
              </a>
            </li>
            <li>

              <a href="#vetrozashtitni-zavesi" class="list-item-footer vz"><ion-icon
                  name="chevron-forward-circle-outline"></ion-icon>
                <p class="link-text">Ветрозащитни завеси</p>
              </a>
            </li>
            <li>

              <a href="#stukleni-vitrini" class="list-item-footer sv"><ion-icon
                  name="chevron-forward-circle-outline"></ion-icon>
                <p class="link-text">Стъклени витрини</p>
              </a>
            </li>
            <li>

              <a href="#galeria" class="list-item-footer gallery-footer"><ion-icon
                  name="chevron-forward-circle-outline"></ion-icon>
                <p class="link-text">Галерия</p>
              </a>
            </li>
          </ul>
        </div>
        <div class="flex-item-footer footer-vruzka-s-nas">
          <p class="flex-item-heading">За връзка с нас</p>
          <ul class="list-footer">
            <li class="flex-container flex-container-foooter">
              <ion-icon name="home-outline"></ion-icon>
              <a class="contact-text" target="_blank"
                href="https://www.google.com/maps/@42.428761,25.6233692,3a,75y,211.39h,75.23t/data=!3m6!1e1!3m4!1s-7S58Fi4R_Pm-t1G7fMXqA!2e0!7i16384!8i8192?entry=ttu">гр.Стара
                Загора, ул.Хаджи Димитър Асенов 131</a>
            </li>
            <li class="flex-container flex-container-foooter">
              <ion-icon name="home-outline"></ion-icon>
              <a class="contact-text" target="_blank"
                href="https://www.google.com/maps/place/41%C2%B028'39.5%22N+25%C2%B039'07.5%22E/@41.477637,25.6499043,17z/data=!3m1!4b1!4m6!3m5!1s0!7e2!8m2!3d41.4776374!4d25.6520935">гр.Крумовград,
                ул.Княз Борис 1</a>
            </li>
            <li class="flex-container flex-container-foooter">
              <ion-icon name="call-outline"></ion-icon>
              <a class="contact-text" href="tel:+359898708314">+359 898 708 314</a>
            </li>
            <li class="flex-container flex-container-foooter">
              <ion-icon name="mail-outline"></ion-icon>
              <a class="contact-text" href="mailto:roza_x5@abv.bg">roza_x5@abv.bg</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="ending-text">
        <p class="ending-paragraph">Copywrite &copy; РОЗА-Х5 ЕООД <span class="year">2022</span> . Всички права запазени
        </p>
      </div>
    </footer>
    <div class="modal hidden">
      <button class="btn--close-modal">&times;</button>
      <h2 class="modal__header">Свържете се с нас</h2>
      <div class="grid-container">
        <div class="adress">
          <div class="icon-heading-container">
            <ion-icon class="icon-modal" name="home-outline"></ion-icon>
            <h5 class="adress-title">Стара Загора</h5>
          </div>
          <div class="icon-heading-container invisible">
            <ion-icon class="icon-modal invisible" name="home-outline"></ion-icon>
            <a class="adress-text" target="_blank"
              href="https://www.google.com/maps/@42.428761,25.6233692,3a,75y,211.39h,75.23t/data=!3m6!1e1!3m4!1s-7S58Fi4R_Pm-t1G7fMXqA!2e0!7i16384!8i8192?entry=ttu">ул.
              Хаджи Димитър Асенов 131</a>
          </div>
        </div>
        <div class="adress">
          <div class="icon-heading-container">
            <ion-icon class="icon-modal" name="home-outline"></ion-icon>
            <h5 class="adress-title">Крумовград</h5>
          </div>
          <div class="icon-heading-container invisible">
            <ion-icon class="icon-modal invisible" name="home-outline"></ion-icon>
            <a class="adress-text" target="_blank"
              href="https://www.google.com/maps/place/41%C2%B028'39.5%22N+25%C2%B039'07.5%22E/@41.477637,25.6499043,17z/data=!3m1!4b1!4m6!3m5!1s0!7e2!8m2!3d41.4776374!4d25.6520935">ул.Княз
              Борис 1</a>
          </div>
        </div>
        <div class="tel">
          <div class="flex-container">
            <ion-icon class="icon-modal" name="call-outline"></ion-icon>
            <a class="tel-phone" href="tel:+359898708314">+359 898 708 314</a>

          </div>
        </div>

        <div class="tel">
          <div class="flex-container">
            <ion-icon class="icon-modal" name="mail-outline"></ion-icon>
            <a class="tel-phone" href="mailto:roza_x5@abv.bg">roza_x5@abv.bg</a>

          </div>
        </div>
      </div>
    </div>
    <div class="overlay hidden"></div>
    <script defer type="module" src="js/script.js"></script>
    <script defer src="js/navHover.js"></script>
    <script defer src="js/modalHandler.js"></script>
    <script defer src="js/smoothScroling.js"></script>
  </div>
</body>

</html>