portfolio

 avatar
unknown
html
2 years ago
44 kB
2
Indexable
<!doctype html>
<html lang="zxx">
<!-- rgba(30,35,98,255) blue -->
<!-- rgba(143,104,38,255) brown -->

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <!-- color of address bar in mobile browser -->
  <meta name="theme-color" content="#28292C">
  <!-- favicon  -->
  <link rel="shortcut icon" href="img/Parla Logo.png " type="image/x-icon">
  <!-- bootstrap css -->
  <link rel="stylesheet" href="css/plugins/bootstrap.min.css">
  <!-- font awesome css -->
  <link rel="stylesheet" href="css/plugins/font-awesome.min.css">
  <!-- swiper css -->
  <link rel="stylesheet" href="css/plugins/swiper.min.css">
  <!-- fancybox css -->
  <link rel="stylesheet" href="css/plugins/fancybox.min.css">
  <!-- mapbox css -->
  <link href="css/plugins/mapbox-style.css" rel='stylesheet'>
  <!-- main css -->
  <link rel="stylesheet" href="css/style.css">

  <title>PARLA</title>
</head>

<body>

  <div class="qrt-app">
    <div class="qrt-preloader d-none">
      <div class="qrt-preloader-content">
        <div class="qrt-logo">
          <img src="img/Parla Logo.png" alt="Quarty">
        </div>
        <div id="preloader" class="qrt-preloader-load"></div>
      </div>
    </div>
    <div id="cursor" class="qrt-cursor">
      <div></div>
      <div class="qrt-follower"><i class="fas fa-circle-notch"></i></div>
    </div>
    <div class="qrt-top-bar">
      <a onclick="window.location.replace ('index.html'); return false;" href="index.html"
        class="qrt-symbol qrt-cursor-scale qrt-anima-link" style="background-color: rgba(30,35,98,255);"><img
          src="img/Parla Logo.png" alt="Symbol" style="width: 70%; height: 70%;"></a>
      <!-- <a href="index.html" class="qrt-logo qrt-cursor-color qrt-cursor-scale qrt-anima-link">
        <img src="img/Parla Logo.png" alt="Quarty"> -->
      </a>
      <div class="qrt-menu" style="margin-left: 10%;">
        <div id="qrt-dynamic-menu" class="qrt-dynamic-menu font-weight-bold">
          <nav>
            <ul>
              <!-- onclick="window.location.replace ('contact.html'); return false;"  href="contact.html" -->
              <li>
                <a class="qrt-mobile-fix" onclick="window.location.replace ('index.html'); return false;"
                  href="index.html">Home</a>
              </li>
              <li class="current-menu-item">
                <a class="qrt-mobile-fix" onclick="window.location.replace ('portfolio.html'); return false;"
                  href="portfolio.html">Portfolio</a>
                <!-- <ul>
                  <li><a  href="portfolio-half-masonry-1.html">Half masonry</a></li>
                  <li><a  href="portfolio-half-masonry-2.html">Half masonry 2</a></li>
                  <li><a  href="portfolio-half-grid-1-col.html">Half grid 1 column</a></li>
                  <li><a  href="portfolio-half-grid-2-col.html">Half grid 2 column</a></li>
                  <li><a  href="portfolio-fs-masonry-1.html">fullscreen masonry</a></li>
                  <li><a  href="portfolio-fs-masonry-2.html">fullscreen masonry 2</a></li>
                  <li><a  href="portfolio-fs-grid-3-col.html">fullscreen grid 3 column</a></li>
                  <li><a  href="portfolio-fs-grid-2-col.html">fullscreen grid 2 column</a></li>
                  <li><a  href="single-work-1.html">Single work 1</a></li>
                  <li><a  href="single-work-2.html">Single work 2</a></li>
                </ul> -->
              </li>
              <li>
                <a class="qrt-mobile-fix" onclick="window.location.replace ('about-us.html'); return false;"
                  href="about-us.html">About us</a>
                <!-- <ul>
                  <li><a  href="about-us.html">About us</a></li>
                  <li><a  href="about-me.html">About me</a></li>
                  <li><a  href="about-us-classic.html">About us classic</a></li>
                  <li><a  href="about-me-classic.html">About me classic</a></li>
                </ul> -->
              </li>
              <li>
                <a class="qrt-mobile-fix" onclick="window.location.replace ('contact.html'); return false;"
                  href="contact.html">Contact</a>
                <!-- <ul>
                  <li><a  href="contact.html">Contact type 1</a></li>
                  <li><a  href="contact-2.html">Contact type 2</a></li>
                </ul> -->
              </li>

            </ul>
          </nav>
        </div>
      </div>
      <div class="qrt-buttons">
        <a onclick="window.location.replace ('contact.html'); return false;" href="contact.html"
          class="qrt-btn qrt-btn-md qrt-btn-color text-light qrt-send-request qrt-anima-link qrt-mr-20 text-light"><span>Send
            request</span></a>
        <div class="qrt-menu-btn qrt-cursor-color qrt-cursor-scale"><span></span></div>
        <div class="qrt-search-btn qrt-cursor-color qrt-cursor-scale"><i class="fas fa-search"></i></div>
        <div class="qrt-info-btn qrt-cursor-color qrt-cursor-scale"><span></span></div>
      </div>
      <div class="qrt-search">
        <form>
          <input type="text" placeholder="Enter search query">
        </form>
      </div>
      <div class="qrt-info" id="qrt-scroll-info">
        <div class="qrt-info-frame">
          <ul class="qrt-table">

            <li>
              <h5>Country</h5><span>UAE</span>
            </li>
            <li>
              <h5>City</h5><span>Dubai</span>
            </li>
            <li>
              <h5>Street</h5><span>Trade Center 1</span>
            </li>
            <li>
              <h5>Email</h5><span><a class="qrt-cursor-scale qrt-cursor-color" href="mailto:info@parlatec.com"
                  data-no-swup>info@parlatec.com</a></span>
            </li>
            <li>
              <h5>Phone</h5><span><a class="qrt-cursor-scale qrt-cursor-color" href="#." data-no-swup>+971 55 102
                  6677</a></span>
            </li>
          </ul>
          <div class="qrt-divider"></div>
          <div class="qrt-social-links">
            <div class="qrt-social-links">
              <h5 class="qrt-mb-40">We are social</h5>
              <ul class="qrt-social-list">
                <!-- <li><a  href="#." class="qrt-cursor-scale qrt-cursor-color"><i class="fab fa-behance"></i></a></li>
                <li><a  href="#." class="qrt-cursor-scale qrt-cursor-color"><i class="fab fa-dribbble"></i></a></li> -->
                <li><a target="_blank" href="https://www.instagram.com/parla.interior/" class="qrt-cursor-scale qrt-cursor-color"><i class="fab fa-instagram"></i></a></li>
                <li><a target="_blank" href="https://www.facebook.com/parlainteriors" class="qrt-cursor-scale qrt-cursor-color"><i class="fab fa-facebook"></i></a></li>
              </ul>
            </div>
          </div>
          <div class="qrt-divider"></div>
          <div class="qrt-subscribe">
            <h5 class="qrt-mb-40">Subscribe our newsletter</h5>
            <form>
              <input type="text" placeholder="Email">
              <button type="submit" class="qrt-btn qrt-btn-sm"><i class="far fa-paper-plane"></i></button>
            </form>
          </div>
          <div class="qrt-divider"></div>
          <div class="qrt-copy">
            <!-- author ( Please! Do not delete it. You are awesome! :) -->
            <div>© Parla Interiors.<br>Design by:&#160; <a class="qrt-cursor-scale qrt-cursor-color"
              href="http://rushtech360.com/" target="_blank">Rush-Tech360</a></div>
          </div>
        </div>
      </div>
    </div>
    <div class="qrt-left-bar">
      <div class="qrt-current-page-title"></div>

      <div class="qrt-change-language">
        <a href="https://wa.link/van5o6" class="qrt-leng qrt-active" target="_blank"><img loading="lazy"
            src="https://img.icons8.com/color/144/000000/whatsapp--v1.png" alt="Parlatec Whatsapp"
            style="width: 40px" /></a>
      </div>
    </div>
    <div class="qrt-curtain"></div>
    <div id="qrt-dynamic-content" class="qrt-dynamic-content">
      <div class="qrt-content" id="qrt-scroll-content">
        <div class="qrt-half-content-frame">
          <div class="qrt-left">

            <div class="qrt-filter qrt-mb-40">
              <a href="#" data-filter="*" style="pointer-events: none;"
                class="qrt-work-category qrt-current qrt-filter-icon qrt-cursor-color qrt-cursor-scale"><i
                  class="fas fa-filter"></i>All Categories</a>
              <!--              <a href="#" data-filter="*" class="qrt-work-category qrt-current qrt-filter-icon qrt-cursor-color qrt-cursor-scale"><i class="fas fa-filter"></i>All Categories</a>-->
              <a href="#" data-filter=".artecucine"
                class="qrt-work-category qrt-cursor-color qrt-cursor-scale">Kitchen</a>
                <a href="#" data-filter=".TV"
                class="qrt-work-category qrt-cursor-color qrt-cursor-scale">TV units</a>
              <a href="#" data-filter=".wardrobe"
                class="qrt-work-category qrt-cursor-color qrt-cursor-scale">Wardrobe</a>
              <!--
              <a href="#" data-filter=".noma" class="qrt-work-category qrt-cursor-color qrt-cursor-scale">Vanity</a>
              <a href="#" data-filter=".noma" class="qrt-work-category qrt-cursor-color qrt-cursor-scale">TV Units</a>
              <a href="#" data-filter=".noma" class="qrt-work-category qrt-cursor-color qrt-cursor-scale">Wall Cladding</a>
-->
            </div>

            <div class="qrt-masonry-grid qrt-mb-40">
              <div class="qrt-grid-sizer"></div>
              <!--
              <div class="qrt-masonry-grid-item qrt-masonry-grid-item-50 qrt-masonry-grid-item-h-x-2 artecucine">
                <div class="qrt-work-item"><a data-fancybox="works" href="img/projects/original-size/v-1.jpg" class="qrt-cursor-scale qrt-work-cover-frame"><img src="img/projects/thumbnails/v-1.jpg" alt="work cover">
                    <div class="qrt-item-zoom qrt-cursor-color"><i class="fas fa-expand"></i></div>
                    <div class="qrt-work-category"><span>artecucine</span></div>
                  </a>
                  <div class="qrt-work-descr">
                    <h4 class="qrt-cursor-color qrt-white"><a href="single-work-1.html" class="qrt-anima-link">Sunset House</a></h4><a href="single-work-1.html" class="qrt-cursor-scale qrt-work-more qrt-anima-link"><i class="fas fa-arrow-right"></i></a>
                  </div>
                </div>
              </div>
              <div class="qrt-masonry-grid-item qrt-masonry-grid-item-50 noma">
                <div class="qrt-work-item"><a data-fancybox="works" href="img/projects/original-size/2.webp" class="qrt-cursor-scale qrt-work-cover-frame"><img src="img/projects/thumbnails/2.jpg" alt="work cover">
                    <div class="qrt-item-zoom qrt-cursor-color"><i class="fas fa-expand"></i></div>
                    <div class="qrt-work-category"><span>Wardrobe</span><span>Vanity</span><span>TV Units</span><span>Wall Cladding</span></div>
                  </a>
                  <div class="qrt-work-descr">
                    <h4 class="qrt-cursor-color qrt-white"><a href="single-work-1.html" class="qrt-anima-link">MinimalListic interior</a></h4><a href="single-work-1.html" class="qrt-cursor-scale qrt-work-more qrt-anima-link"><i class="fas fa-arrow-right"></i></a>
                  </div>
                </div>
              </div>
-->


              <div
                class="qrt-banner-title qrt-masonry-grid-item qrt-masonry-grid-item-100 artecucine MODERNO SKINNED CLASSICA PREMIO">

                <div class="qrt-logo">
                  <!-- <img src="#" style="width: 120px" alt="ARTECUCINE"> -->
                </div>


                <h3 class=" qrt-mb-30" style="font-size: 40px">KITCHENS
                </h3>

                <div class="qrt-divider-2" style="margin-top: 10px"></div>
                <div class="qrt-text qrt-mb-20">Discover our range of modern kitchens and custom kitchen cabinets in the
                  UAE.</div>





                <div class="qrt-filter qrt-mb-40">
                  <!--              <a href="#" data-filter="*" class="qrt-work-category qrt-current qrt-filter-icon qrt-cursor-color qrt-cursor-scale"><i class="fas fa-filter"></i>All Categories</a>-->
                  <a href="#" data-filter=".MODERNO"
                    class="qrt-work-category qrt-cursor-color qrt-cursor-scale">MODERNO</a>
                  <a href="#" data-filter=".SKINNED"
                    class="qrt-work-category qrt-cursor-color qrt-cursor-scale">SKINNED</a>
                  <a href="#" data-filter=".CLASSICA"
                    class="qrt-work-category qrt-cursor-color qrt-cursor-scale">CLASSICA</a>
                  <!-- <a href="#" data-filter=".PREMIO" class="qrt-work-category qrt-cursor-color qrt-cursor-scale">PREMIO</a> -->
                </div>

                <div class="qrt-masonry-grid qrt-mb-40">
                  <div class="qrt-grid-sizer"></div>
                  <div class="qrt-masonry-grid-item qrt-masonry-grid-item-50 qrt-masonry-grid-item-h-x-2 MODERNO"
                    style="width: 100%;height: 300px">
                    <div class="qrt-work-item"><a data-fancybox="works" href="img/portfolio/6.PNG"
                        class="qrt-cursor-scale qrt-work-cover-frame"><img src="img/portfolio/6.PNG" alt="work cover"
                          style="height: fit-content">
                        <div class="qrt-item-zoom qrt-cursor-color"><i class="fas fa-expand"></i></div>
                        <div class="qrt-work-category"><span>MODERNO</span></div>
                      </a>

                      <div class="qrt-work-descr">
                        <h4 class="qrt-cursor-color qrt-white">
                                                 <!-- <a href="single-work-1.html" class="qrt-anima-link"> -->
                          Moderno
                          <!--                        </a>-->
                        </h4>
                        <!--                      <a href="single-work-1.html" class="qrt-cursor-scale qrt-work-more qrt-anima-link"><i class="fas fa-arrow-right"></i></a>-->
                      </div>
                    </div>
                  </div>

                  <div class="qrt-masonry-grid-item qrt-masonry-grid-item-50 SKINNED">
                    <div class="qrt-work-item"><a data-fancybox="works" href="img/portfolio/5.PNG"
                        class="qrt-cursor-scale qrt-work-cover-frame"><img src="img/portfolio/5.PNG" alt="work cover">
                        <div class="qrt-item-zoom qrt-cursor-color"><i class="fas fa-expand"></i></div>
                        <div class="qrt-work-category"><span>Piccolo Skinned</span>
                          <!--                        <span>interior</span>-->
                        </div>
                      </a>
                      <div class="qrt-work-descr">
                        <h4 class="qrt-cursor-color qrt-white">
                          <!--                        <a href="single-work-1.html" class="qrt-anima-link">-->
                          Piccolo
                          <!--                        </a>-->
                        </h4>
                        <!--                      <a href="single-work-1.html" class="qrt-cursor-scale qrt-work-more qrt-anima-link"><i class="fas fa-arrow-right"></i></a>-->
                      </div>
                    </div>
                  </div>
                  <div class="qrt-masonry-grid-item qrt-masonry-grid-item-50 MODERNO">
                    <div class="qrt-work-item"><a data-fancybox="works" href="img/portfolio/1.PNG"
                        class="qrt-cursor-scale qrt-work-cover-frame"><img src="img/portfolio/1.PNG" alt="work cover">
                        <div class="qrt-item-zoom qrt-cursor-color"><i class="fas fa-expand"></i></div>
                        <div class="qrt-work-category"><span>MODERNO</span>
                          <!--                        <span>interior</span>-->
                        </div>
                      </a>
                      <div class="qrt-work-descr">
                        <h4 class="qrt-cursor-color qrt-white">
                          <!--                        <a href="single-work-1.html" class="qrt-anima-link">-->
                          Moderno
                          <!--                        </a>-->
                        </h4>
                        <!--                      <a href="single-work-1.html" class="qrt-cursor-scale qrt-work-more qrt-anima-link"><i class="fas fa-arrow-right"></i></a>-->
                      </div>
                    </div>
                  </div>

                  <div class="qrt-masonry-grid-item qrt-masonry-grid-item-50 qrt-masonry-grid-item-h-x-2 CLASSICA"
                    style="width: 100%;height: 300px">
                    <div class="qrt-work-item"><a data-fancybox="works" href="img/portfolio/2.PNG"
                        class="qrt-cursor-scale qrt-work-cover-frame"><img src="img/portfolio/2.PNG" alt="work cover"
                          style="height: fit-content">
                        <div class="qrt-item-zoom qrt-cursor-color"><i class="fas fa-expand"></i></div>
                        <div class="qrt-work-category"><span>Classica</span></div>
                      </a>

                      <div class="qrt-work-descr">
                        <h4 class="qrt-cursor-color qrt-white">
                          <!--                        <a href="single-work-1.html" class="qrt-anima-link">-->
                          Classica
                          <!--                        </a>-->
                        </h4>
                        <!--                      <a href="single-work-1.html" class="qrt-cursor-scale qrt-work-more qrt-anima-link"><i class="fas fa-arrow-right"></i></a>-->
                      </div>
                    </div>
                  </div>

                  <div class="qrt-masonry-grid-item qrt-masonry-grid-item-50 SKINNED">
                    <div class="qrt-work-item"><a data-fancybox="works" href="img/portfolio/3.PNG"
                        class="qrt-cursor-scale qrt-work-cover-frame"><img src="img/portfolio/3.PNG" alt="work cover">
                        <div class="qrt-item-zoom qrt-cursor-color"><i class="fas fa-expand"></i></div>
                        <div class="qrt-work-category"><span>Bordo Skinned</span>
                        </div>
                      </a>
                      <div class="qrt-work-descr">
                        <h4 class="qrt-cursor-color qrt-white">
                          Bordo
                        </h4>
                      </div>
                    </div>
                  </div>

                  <div class="qrt-masonry-grid-item qrt-masonry-grid-item-50 MODERNO">
                    <div class="qrt-work-item"><a data-fancybox="works" href="img/portfolio/4.PNG"
                        class="qrt-cursor-scale qrt-work-cover-frame"><img src="img/portfolio/4.PNG" alt="work cover">
                        <div class="qrt-item-zoom qrt-cursor-color"><i class="fas fa-expand"></i></div>
                        <div class="qrt-work-category"><span>MODERNO</span>
                        </div>
                      </a>
                      <div class="qrt-work-descr">
                        <h4 class="qrt-cursor-color qrt-white">
                          MODERNO
                        </h4>
                      </div>
                    </div>
                  </div>
                </div>

              </div>





              <div
                class="qrt-banner-title qrt-masonry-grid-item qrt-masonry-grid-item-100 TV angolowardrobe planarewardrobe pernowardrobe espostowardrobe"
                style="margin-top: -50% !important">


                <!-- 
                <div class="qrt-logo">
                  <img src="img/logoNOMADark.svg" style="width: 150px" alt="NOMA">
                </div> -->


                <h3 class=" " style="font-size: 40px">TV Units & Cladding
                </h3>

                <div class="qrt-divider-2" style="margin-top: 10px"></div>
                <div class="qrt-text qrt-mb-20">The cladding-style TV unit is decorated
                  with floral carvings and finished in a
                  coffee-colored walnut veneer, providing
                  widely open and spacious shelves.</div>






                <div class="qrt-filter qrt-mb-40">
                  <!--              <a href="#" data-filter="*" class="qrt-work-category qrt-current qrt-filter-icon qrt-cursor-color qrt-cursor-scale"><i class="fas fa-filter"></i>All Categories</a>-->
                  <a href="#" data-filter=".wr1"
                    class="qrt-work-category qrt-cursor-color qrt-cursor-scale">ANGOLO</a>
                  <a href="#" data-filter=".wr2"
                    class="qrt-work-category qrt-cursor-color qrt-cursor-scale">PLANARE</a>
                  <a href="#" data-filter=".wr3"
                    class="qrt-work-category qrt-cursor-color qrt-cursor-scale">PERNO</a>
                  <a href="#" data-filter=".wr4"
                    class="qrt-work-category qrt-cursor-color qrt-cursor-scale">ESPOSTO</a>
                </div>

                <div class="qrt-masonry-grid qrt-mb-40">
                  <div class="qrt-grid-sizer"></div>
                  <div
                    class="qrt-masonry-grid-item qrt-masonry-grid-item-50 qrt-masonry-grid-item-h-x-2 wr2">
                    <div class="qrt-work-item"><a data-fancybox="works" href="img/portfolio/2-1.PNG"
                        class=" qrt-cursor-scale qrt-work-cover-frame"><img src="img/portfolio/2-1.PNG"
                          alt="work cover">
                        <div class="qrt-item-zoom qrt-cursor-color"><i class="fas fa-expand"></i></div>
                        <div class="qrt-work-category"><span>ANGOLO</span></div>
                      </a>

                      <div class="qrt-work-descr">
                        <h4 class="qrt-cursor-color qrt-white">
                          <!--                        <a href="single-work-1.html" class="qrt-anima-link">-->
                          ANGOLO
                          <!--                        </a>-->
                        </h4>
                        <!--                      <a href="single-work-1.html" class="qrt-cursor-scale qrt-work-more qrt-anima-link"><i class="fas fa-arrow-right"></i></a>-->
                      </div>
                    </div>
                  </div>
                  <div class="qrt-masonry-grid-item qrt-masonry-grid-item-50 wr3">
                    <div class="qrt-work-item"><a data-fancybox="works" href="img/portfolio/2-3.PNG"
                        class="qrt-cursor-scale qrt-work-cover-frame"><img src="img/portfolio/2-3.PNG" alt="work cover">
                        <div class="qrt-item-zoom qrt-cursor-color"><i class="fas fa-expand"></i></div>
                        <div class="qrt-work-category"><span>ESPOSTO</span>
                          <!--                        <span>interior</span>-->
                        </div>
                      </a>
                      <div class="qrt-work-descr">
                        <h4 class="qrt-cursor-color qrt-white">
                          <!--                        <a href="single-work-1.html" class="qrt-anima-link">-->
                          ESPOSTO
                          <!--                        </a>-->
                        </h4>
                        <!--                      <a href="single-work-1.html" class="qrt-cursor-scale qrt-work-more qrt-anima-link"><i class="fas fa-arrow-right"></i></a>-->
                      </div>
                    </div>
                  </div>
                  <div class="qrt-masonry-grid-item qrt-masonry-grid-item-50 wr2">
                    <div class="qrt-work-item"><a data-fancybox="works" href="img/portfolio/2-3.PNG"
                        class="qrt-cursor-scale qrt-work-cover-frame"><img src="img/portfolio/2-3.PNG" alt="work cover"
                          title="Wardrobe design">
                        <div class="qrt-item-zoom qrt-cursor-color"><i class="fas fa-expand"></i></div>
                        <div class="qrt-work-category"><span>PERNO</span>
                          <!--                        <span>interior</span>-->
                        </div>
                      </a>
                      <div class="qrt-work-descr">
                        <h4 class="qrt-cursor-color qrt-white">
                          <!--                        <a href="single-work-1.html" class="qrt-anima-link">-->
                          PERNO
                          <!--                        </a>-->
                        </h4>
                        <!--                      <a href="single-work-1.html" class="qrt-cursor-scale qrt-work-more qrt-anima-link"><i class="fas fa-arrow-right"></i></a>-->
                      </div>
                    </div>
                  </div>
                  <div class="qrt-masonry-grid-item qrt-masonry-grid-item-50 wr1">
                    <div class="qrt-work-item"><a data-fancybox="works" href="img/portfolio/2-4.PNG"
                        class="qrt-cursor-scale qrt-work-cover-frame"><img src="img/portfolio/2-4.PNG" alt="work cover">
                        <div class="qrt-item-zoom qrt-cursor-color"><i class="fas fa-expand"></i></div>
                        <div class="qrt-work-category"><span>PLANARE</span>
                          <!--                        <span>interior</span>-->
                        </div>
                      </a>
                      <div class="qrt-work-descr">
                        <h4 class="qrt-cursor-color qrt-white">
                          <!--                        <a href="single-work-1.html" class="qrt-anima-link">-->
                          PLANARE
                          <!--                        </a>-->
                        </h4>
                        <!--                      <a href="single-work-1.html" class="qrt-cursor-scale qrt-work-more qrt-anima-link"><i class="fas fa-arrow-right"></i></a>-->
                      </div>
                    </div>
                  </div>

                  <div
                    class="qrt-masonry-grid-item qrt-masonry-grid-item-50 qrt-masonry-grid-item-h-x-2 wr4">
                    <div class="qrt-work-item"><a data-fancybox="works" href="img/portfolio/2-5.PNG"
                        class="qrt-cursor-scale qrt-work-cover-frame"><img src="img/portfolio/2-5.PNG" alt="work cover">
                        <div class="qrt-item-zoom qrt-cursor-color"><i class="fas fa-expand"></i></div>
                        <div class="qrt-work-category"><span>ANGOLO</span></div>
                      </a>

                      <div class="qrt-work-descr">
                        <h4 class="qrt-cursor-color qrt-white">
                          <!--                        <a href="single-work-1.html" class="qrt-anima-link">-->
                          ANGOLO
                          <!--                        </a>-->
                        </h4>
                        <!--                      <a href="single-work-1.html" class="qrt-cursor-scale qrt-work-more qrt-anima-link"><i class="fas fa-arrow-right"></i></a>-->
                      </div>
                    </div>
                  </div>
                  <div class="qrt-masonry-grid-item qrt-masonry-grid-item-50 wr1">
                    <div class="qrt-work-item"><a data-fancybox="works" href="img/portfolio/2-6.PNG"
                        class="qrt-cursor-scale qrt-work-cover-frame"><img src="img/portfolio/2-6.PNG" alt="work cover">
                        <div class="qrt-item-zoom qrt-cursor-color"><i class="fas fa-expand"></i></div>
                        <div class="qrt-work-category"><span>ESPOSTO</span>
                          <!--                        <span>interior</span>-->
                        </div>
                      </a>
                      <div class="qrt-work-descr">
                        <h4 class="qrt-cursor-color qrt-white">
                          <!--                        <a href="single-work-1.html" class="qrt-anima-link">-->
                          ESPOSTO
                          <!--                        </a>-->
                        </h4>
                        <!--                      <a href="single-work-1.html" class="qrt-cursor-scale qrt-work-more qrt-anima-link"><i class="fas fa-arrow-right"></i></a>-->
                      </div>
                    </div>
                  </div>


                </div>
              </div>

              <div
                class="qrt-banner-title qrt-masonry-grid-item qrt-masonry-grid-item-100 wardrobe angolowardrobe planarewardrobe pernowardrobe espostowardrobe"
                style="margin-top: -50% !important;margin-bottom: -50%; ">


                <!-- 
                <div class="qrt-logo">
                  <img src="img/logoNOMADark.svg" style="width: 150px" alt="NOMA">
                </div> -->


                <h3 class=" " style="font-size: 40px">Wardrobes
                </h3>

                <div class="qrt-divider-2" style="margin-top: 10px"></div>
                <div class="qrt-text qrt-mb-20">We customize sliding wardrobes,
                  walk-in closets, and bathroom
                  cabinets to fit your space and
                  needs.</div>






                <div class="qrt-filter qrt-mb-40">
                  <!--              <a href="#" data-filter="*" class="qrt-work-category qrt-current qrt-filter-icon qrt-cursor-color qrt-cursor-scale"><i class="fas fa-filter"></i>All Categories</a>-->
                  <a href="#" data-filter=".angolowardrobe"
                    class="qrt-work-category qrt-cursor-color qrt-cursor-scale">ANGOLO</a>
                  <a href="#" data-filter=".planarewardrobe"
                    class="qrt-work-category qrt-cursor-color qrt-cursor-scale">PLANARE</a>
                  <a href="#" data-filter=".pernowardrobe"
                    class="qrt-work-category qrt-cursor-color qrt-cursor-scale">PERNO</a>
                  <a href="#" data-filter=".espostowardrobe"
                    class="qrt-work-category qrt-cursor-color qrt-cursor-scale">ESPOSTO</a>
                </div>

                <div class="qrt-masonry-grid qrt-mb-40">
                  <div class="qrt-grid-sizer"></div>
                  <div
                    class="qrt-masonry-grid-item qrt-masonry-grid-item-50 qrt-masonry-grid-item-h-x-2 angolowardrobe">
                    <div class="qrt-work-item"><a data-fancybox="works" href="img/portfolio/31.PNG"
                        class=" qrt-cursor-scale qrt-work-cover-frame"><img src="img/portfolio/31.PNG" alt="work cover">
                        <div class="qrt-item-zoom qrt-cursor-color"><i class="fas fa-expand"></i></div>
                        <div class="qrt-work-category"><span>ANGOLO</span></div>
                      </a>

                      <div class="qrt-work-descr">
                        <h4 class="qrt-cursor-color qrt-white">
                          <!--                        <a href="single-work-1.html" class="qrt-anima-link">-->
                          ANGOLO
                          <!--                        </a>-->
                        </h4>
                        <!--                      <a href="single-work-1.html" class="qrt-cursor-scale qrt-work-more qrt-anima-link"><i class="fas fa-arrow-right"></i></a>-->
                      </div>
                    </div>
                  </div>
                  <div class="qrt-masonry-grid-item qrt-masonry-grid-item-50 espostowardrobe">
                    <div class="qrt-work-item"><a data-fancybox="works" href="img/portfolio/32.PNG"
                        class="qrt-cursor-scale qrt-work-cover-frame"><img src="img/portfolio/32.PNG" alt="work cover">
                        <div class="qrt-item-zoom qrt-cursor-color"><i class="fas fa-expand"></i></div>
                        <div class="qrt-work-category"><span>ESPOSTO</span>
                          <!--                        <span>interior</span>-->
                        </div>
                      </a>
                      <div class="qrt-work-descr">
                        <h4 class="qrt-cursor-color qrt-white">
                          <!--                        <a href="single-work-1.html" class="qrt-anima-link">-->
                          ESPOSTO
                          <!--                        </a>-->
                        </h4>
                        <!--                      <a href="single-work-1.html" class="qrt-cursor-scale qrt-work-more qrt-anima-link"><i class="fas fa-arrow-right"></i></a>-->
                      </div>
                    </div>
                  </div>
                  <div class="qrt-masonry-grid-item qrt-masonry-grid-item-50 pernowardrobe">
                    <div class="qrt-work-item"><a data-fancybox="works" href="img/portfolio/33.PNG"
                        class="qrt-cursor-scale qrt-work-cover-frame"><img src="img/portfolio/33.PNG" alt="work cover"
                          title="Wardrobe design">
                        <div class="qrt-item-zoom qrt-cursor-color"><i class="fas fa-expand"></i></div>
                        <div class="qrt-work-category"><span>PERNO</span>
                          <!--                        <span>interior</span>-->
                        </div>
                      </a>
                      <div class="qrt-work-descr">
                        <h4 class="qrt-cursor-color qrt-white">
                          <!--                        <a href="single-work-1.html" class="qrt-anima-link">-->
                          PERNO
                          <!--                        </a>-->
                        </h4>
                        <!--                      <a href="single-work-1.html" class="qrt-cursor-scale qrt-work-more qrt-anima-link"><i class="fas fa-arrow-right"></i></a>-->
                      </div>
                    </div>
                  </div>
                  <div class="qrt-masonry-grid-item qrt-masonry-grid-item-50 planarewardrobe">
                    <div class="qrt-work-item"><a data-fancybox="works" href="img/portfolio/34.PNG"
                        class="qrt-cursor-scale qrt-work-cover-frame"><img src="img/portfolio/34.PNG" alt="work cover">
                        <div class="qrt-item-zoom qrt-cursor-color"><i class="fas fa-expand"></i></div>
                        <div class="qrt-work-category"><span>PLANARE</span>
                          <!--                        <span>interior</span>-->
                        </div>
                      </a>
                      <div class="qrt-work-descr">
                        <h4 class="qrt-cursor-color qrt-white">
                          <!--                        <a href="single-work-1.html" class="qrt-anima-link">-->
                          PLANARE
                          <!--                        </a>-->
                        </h4>
                        <!--                      <a href="single-work-1.html" class="qrt-cursor-scale qrt-work-more qrt-anima-link"><i class="fas fa-arrow-right"></i></a>-->
                      </div>
                    </div>
                  </div>

                  <div
                    class="qrt-masonry-grid-item qrt-masonry-grid-item-50 qrt-masonry-grid-item-h-x-2 angolowardrobe">
                    <div class="qrt-work-item"><a data-fancybox="works" href="img/portfolio/35.PNG"
                        class="qrt-cursor-scale qrt-work-cover-frame"><img src="img/portfolio/35.PNG" alt="work cover">
                        <div class="qrt-item-zoom qrt-cursor-color"><i class="fas fa-expand"></i></div>
                        <div class="qrt-work-category"><span>ANGOLO</span></div>
                      </a>

                      <div class="qrt-work-descr">
                        <h4 class="qrt-cursor-color qrt-white">
                          <!--                        <a href="single-work-1.html" class="qrt-anima-link">-->
                          ANGOLO
                          <!--                        </a>-->
                        </h4>
                        <!--                      <a href="single-work-1.html" class="qrt-cursor-scale qrt-work-more qrt-anima-link"><i class="fas fa-arrow-right"></i></a>-->
                      </div>
                    </div>
                  </div>
                  <div class="qrt-masonry-grid-item qrt-masonry-grid-item-50 espostowardrobe">
                    <div class="qrt-work-item"><a data-fancybox="works" href="img/portfolio/36.PNG"
                        class="qrt-cursor-scale qrt-work-cover-frame"><img src="img/portfolio/36.PNG" alt="work cover">
                        <div class="qrt-item-zoom qrt-cursor-color"><i class="fas fa-expand"></i></div>
                        <div class="qrt-work-category"><span>ESPOSTO</span>
                          <!--                        <span>interior</span>-->
                        </div>
                      </a>
                      <div class="qrt-work-descr">
                        <h4 class="qrt-cursor-color qrt-white">
                          <!--                        <a href="single-work-1.html" class="qrt-anima-link">-->
                          ESPOSTO
                          <!--                        </a>-->
                        </h4>
                        <!--                      <a href="single-work-1.html" class="qrt-cursor-scale qrt-work-more qrt-anima-link"><i class="fas fa-arrow-right"></i></a>-->
                      </div>
                    </div>
                  </div>


                </div>
              </div>
            </div>






            <div class="row">
              <div class="col-lg-12">
                <div class="qrt-call-to-action">
                  <h4>Do you have an inquiry?</h4><a
                    class="qrt-btn qrt-btn-sm qrt-btn-color text-light qrt-cursor-scale qrt-anima-link"
                    onclick="window.location.replace('contact.html'); return false;" href="contact.html"><span>Let's
                      discuss</span></a>
                </div>
              </div>
            </div>
          </div>
          <div id="fixed" class="qrt-right">
            <div class="qrt-half-banner qrt-left-align qrt-animated-zoom">
              <!-- <video autoplay loop
                class="qrt-video-background" poster="img/video/bg-video-placeholder.webp" muted>
                <source src="img/portfolio/side.PNG" type="video/mp4">
              </video> -->
              <img class="qrt-video-background" src="img/portfolio/side.PNG" alt="sideimg">
              <div class="qrt-overlay">
                <div class="qrt-scroll-hint"><span></span></div>
                <div class="qrt-banner-title">
                  <h2 class="qrt-white qrt-mb-10">PORTFOLIO</h2>
                  <div class="qrt-divider-2"></div>
                  <!-- <div class="qrt-text qrt-white qrt-mb-20">Dolor sit amet, consectetur adipisicing elit. <br>Vel excepturi, earum inventore.</div> -->
                  <a onclick="window.location.replace('contact.html'); return false;" href="contact.html"
                    class="qrt-btn qrt-btn-md qrt-btn-color qrt-anima-link text-light"><span>Get in
                      touch</span></a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- jquery js -->
  <script src="js/plugins/jquery.min.js"></script>
  <!-- anime js -->
  <script src="js/plugins/anime.min.js"></script>
  <!-- swiper js -->
  <script src="js/plugins/swiper.min.js"></script>
  <!-- progressbar js -->
  <script src="js/plugins/progressbar.min.js"></script>
  <!-- smooth scrollbar js -->
  <script src="js/plugins/smooth-scrollbar.min.js"></script>
  <!-- overscroll js -->
  <script src="js/plugins/overscroll.min.js"></script>
  <!-- isotope js -->
  <script src="js/plugins/isotope.min.js"></script>
  <!-- fancybox js -->
  <script src="js/plugins/fancybox.min.js"></script>
  <!-- swup js -->
  <script src="js/plugins/swup.min.js"></script>
  <!-- mapbox js -->
  <script src="js/plugins/mapbox.min.js"></script>

  <!-- main js -->
  <script src="js/main.js"></script>
  <script type="module">
    // Import the functions you need from the SDKs you need
    import { initializeApp } from "https://www.gstatic.com/firebasejs/9.2.0/firebase-app.js";
    import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.2.0/firebase-analytics.js";
    // TODO: Add SDKs for Firebase products that you want to use
    // https://firebase.google.com/docs/web/setup#available-libraries

    // Your web app's Firebase configuration
    // For Firebase JS SDK v7.20.0 and later, measurementId is optional
    const firebaseConfig = {
      apiKey: "AIzaSyCgAlLbVAQUZW9UX2nQKsBTRLsiVebnkyc",
      authDomain: "sai-group-b303b.firebaseapp.com",
      projectId: "sai-group-b303b",
      storageBucket: "sai-group-b303b.appspot.com",
      messagingSenderId: "81857984248",
      appId: "1:81857984248:web:b7e94ea1c651cdc7416d0d",
      measurementId: "G-BHN6W6HJR1"
    };

    // Initialize Firebase
    const app = initializeApp(firebaseConfig);
    const analytics = getAnalytics(app);
  </script>
  <!-- Clarity tracking code for https://sai-group.ae/ -->
  <script>    (function (c, l, a, r, i, t, y) { c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) }; t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=bwt"; y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y); })(window, document, "clarity", "script", "960lfeb7wr");</script>
  <script type="application/ld+json">
{
  "@context": "https://schema.org/",
  "@type": "WebSite",
  "name": "SAI Kitchen & Wardrobe",
  "url": "https://www.sai-group.ae/",
  "sameAs" : [
   "https://instagram.com/saikitchenwardrobes?utm_medium=copy_link",
   "https://www.linkedin.com/company/sai-kitchen-wardrobes"
   ],
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Jumeirah St",
    "addressRegion": "AE",
    "postalCode": "73000",
    "addressCountry": "UAE"
  }
}
</script>

  <script type="application/javascript">
    (function (b, o, n, g, s, r, c) { if (b[s]) return; b[s] = {}; b[s].scriptToken = "XzEwNjEyMDcwOTg"; b[s].callsQueue = []; b[s].api = function () { b[s].callsQueue.push(arguments); }; r = o.createElement(n); c = o.getElementsByTagName(n)[0]; r.async = 1; r.src = g; r.id = s + n; c.parentNode.insertBefore(r, c); })(window, document, "script", "https://cdn.oribi.io/XzEwNjEyMDcwOTg/oribi.js", "ORIBI");
  </script>

</body>

</html>
<!-- Mohammad Ansari -->
Editor is loading...