==
<style>
.portfolio-standard-carousel .slick-arrow.slick-prev:after {
    content: "Geri"!important;
}
</style>

<!-- ========================
       page title 
    =========================== -->
    <section class="page-title page-title-layout2 bg-overlay bg-parallax">
      <div class="bg-img"><img src="{{ "covers/hakkimizda-sayfasi-slider.jpg"|media }}" alt="background"></div>
      <div class="container">
        <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-12 col-xl-6">
            <h1 class="pagetitle__heading">{{ "Geniş Üretim Ağıyla Sektörün Öncü Firması<br>Villa Yapı!"|_ }}</h1>
            <p class="pagetitle__desc mb-0">{{ "Yenilikçi Teknolojilerle En Kaliteli Ürünler"|_ }}</p>
          </div><!-- /.col-xl-6 -->
        </div><!-- /.row -->
      </div><!-- /.container -->
    </section><!-- /.page-title -->
    
    
    
     <!-- =========================
       Banner layout 3
      =========================== -->
    <section class="banner-layout3 py-0 bg-gray">
      <div class="container-fluid col-padding-0">
        <div class="row align-items-center">
          <div class="col-sm-12 col-md-12 col-lg-5">
            <div class="banner-panel">
              <div class="heading-layout2 mb-40">
                <h2 class="heading__subtitle">{{ "1999 Yılından Beridir Güvenilir Yapılar"|_}}</h2>
                <h2 class="heading__title">Villa Yapı Hakkında</h2>
                <p class="heading__desc">
                1999'da kurulan Villa Yapı, ilk olarak prefabrike konutlar, ofis binaları, sosyal tesisler, deprem evleri ve hafif çelik yapılar üretmeye odaklanmıştır. Sürekli büyümeyi amaçlayarak üretim ağını genişleten Villa Yapı, çelik konstrüksiyon yapılar ve konteyner imalatı alanında lider bir firma haline gelmiştir.
<br><br>
Villa Yapı, prefabrike konutlar, şantiye binaları, sosyal tesisler, hastaneler, okullar, ofis ve yaşam konteynerleri ile çelik konstrüksiyon yapılar üretmektedir. 20 yılı aşkın süredir hem yurt içinde hem de yurt dışında müşterilerine başarılı bir şekilde hizmet vermektedir. Teknik ve idari personeli, müşteri memnuniyetini ön planda tutarak hızlı ve kaliteli çözümler sunmaktadır.
<br><br>
Villa Yapı, İstanbul Tuzla'da bulunan 1500 m²'lik showroomu ve Kocaeli Gebze'deki 20.000 m²'lik fabrikasıyla ülke ekonomisine ve istihdamına katkı sağlamaktadır. Kocaeli Gebze üretim tesisinde, 7 adet Rollfrom makinesi, 6 adet Apkant pres, 3 adet Giyotin makas, matkap tezgahları ve çok amaçlı montaj tezgahları gibi ekipmanlar bulunmaktadır.
<br><br>
Villa Yapı, Almanya, Türkmenistan, Kuzey Afrika, Irak, Azerbaycan, İngiltere, Libya, Tacikistan, Romanya, Sudan, Bulgaristan, Nijerya, Suudi Arabistan, Ukrayna, Gürcistan gibi birçok ülkede faaliyet göstererek ülkemizi başarıyla temsil etmektedir.

                </p>
              </div><!-- /.heading -->
            
            </div><!-- /.banner-panel -->
          </div><!-- /.col-lg-6 -->
          <div class="col-sm-12 col-md-12 col-lg-7">
            <img src="{{ "theme/kurumsal-bbb.jpg"|media }}" alt="banner" class="w-100">
          </div><!-- /.col-lg-6 -->
        </div><!-- /.row -->
      </div><!-- /.container -->
    </section><!-- /.Banner layout 3 -->
    
    
     <!-- =========================
       Banner layout 4
      =========================== -->
    <section class="banner-layout4 bg-overlay bg-parallax">
      <div class="bg-img"><img src="{{ "theme/kurumsal-4.jpg"|media }}" alt="background"></div>
      <div class="container">
        <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-5">
            <div class="heading-layout3 heading-light mb-30">
              <h2 class="heading__subtitle">Kalite Politikamız</h2>
              <div class="heading__title">Faaliyet Gösterdiğimiz Prefabrik Yapı Sektöründeki İhtiyaçları Karşılıyoruz.</div>
            </div>
            <a href="{{ "/tr/iletisim"|_ }}/" class="btn btn__white btn__bordered mb-20">Bize Ulaşın</a>
          </div><!-- /.col-lg-5 -->
          <div class="col-sm-12 col-md-12 col-lg-7">
            <div class="row fancybox-light">
              <!-- fancybox item #1 -->
              <div class="col-sm-4 col-md-4 col-lg-4">
                <div class="fancybox-item">
                  <div class="fancybox-item__icon">
                    <img src="{{ "theme/icon_son_teknoloji.png"|media }}" alt="">
                  </div><!-- /.fancybox-icon -->
                  <div class="fancybox-item__content">
                    <div class="fancybox-item__title">Son Teknoloji Gücü</div>
                    <p class="fancybox-item__desc">En son teknolojiyi kullanarak yeni ürünler geliştirmek</p>
                  </div><!-- /.fancybox-content -->
                </div><!-- /.fancybox-item -->
              </div><!-- /.col-lg-44 -->
              <!-- fancybox item #2 -->
              <div class="col-sm-4 col-md-4 col-lg-4">
                <div class="fancybox-item">
                  <div class="fancybox-item__icon">
                    <img src="{{ "theme/icon_musteri_kazanimi.png"|media }}" alt="">
                  </div><!-- /.fancybox-icon -->
                  <div class="fancybox-item__content">
                    <div class="fancybox-item__title">Müşteri Kazanımı</div>
                    <p class="fancybox-item__desc">Müşteri ihtiyaç ve beklentilerini ön planda tutmak</p>
                  </div><!-- /.fancybox-content -->
                </div><!-- /.fancybox-item -->
              </div><!-- /.col-lg-4 -->
              <!-- fancybox item #3 -->
              <div class="col-sm-4 col-md-4 col-lg-4">
                <div class="fancybox-item">
                  <div class="fancybox-item__icon">
                    <img src="{{ "theme/icon_kaliteli_cozumler.png"|media }}" alt="">
                  </div><!-- /.fancybox-icon -->
                  <div class="fancybox-item__content">
                    <div class="fancybox-item__title">Kaliteli Çözümler</div>
                    <p class="fancybox-item__desc">En kaliteli ürünleri en hızlı çözümlerle sunmak</p>
                  </div><!-- /.fancybox-content -->
                </div><!-- /.fancybox-item -->
              </div><!-- /.col-lg-4 -->
              <!-- fancybox item #4 -->
              <div class="col-sm-4 col-md-4 col-lg-4">
                <div class="fancybox-item">
                  <div class="fancybox-item__icon">
                    <img src="{{ "theme/icon_kalite_sistem_sartlari.png"|media }}" alt="">
                  </div><!-- /.fancybox-icon -->
                  <div class="fancybox-item__content">
                    <div class="fancybox-item__title">Kalite Sistem Şartları</div>
                    <p class="fancybox-item__desc">Sürekli iyileşme felsefesi ile kalite sistem şartlarına uymak</p>
                  </div><!-- /.fancybox-content -->
                </div><!-- /.fancybox-item -->
              </div><!-- /.col-lg-44 -->
              <!-- fancybox item #5 -->
              <div class="col-sm-4 col-md-4 col-lg-4">
                <div class="fancybox-item">
                  <div class="fancybox-item__icon">
                   <img src="{{ "theme/icon_musteri_memnuniyeti.png"|media }}" alt="">
                  </div><!-- /.fancybox-icon -->
                  <div class="fancybox-item__content">
                    <div class="fancybox-item__title">Müşteri Memnuniyeti</div>
                    <p class="fancybox-item__desc">Tüm çalışanlarımızın katılımı ile sürekli müşteri memnuniyetini sağlamak</p>
                  </div><!-- /.fancybox-content -->
                </div><!-- /.fancybox-item -->
              </div><!-- /.col-lg-4 -->
              <!-- fancybox item #6 -->
              <div class="col-sm-4 col-md-4 col-lg-4">
                <div class="fancybox-item">
                  <div class="fancybox-item__icon">
                    <img src="{{ "theme/icon_sektor_lideri.png"|media }}" alt="">
                  </div><!-- /.fancybox-icon -->
                  <div class="fancybox-item__content">
                    <div class="fancybox-item__title">Sektör Lideri </div>
                    <p class="fancybox-item__desc">Rekabet gücünü koruyarak sektöründe lider olmak</p>
                  </div><!-- /.fancybox-content -->
                </div><!-- /.fancybox-item -->
              </div><!-- /.col-lg-4 -->
            </div><!-- /.row -->
          </div><!-- /.col-lg-7 -->
        </div><!-- /.row -->
      </div><!-- /.container -->
    </section><!-- /.Banner layout 4 -->
    
    
    <!-- ==========================
        contact layout 2
      =========================== -->
    <section class="contact-layout2 py-0 bg-gray">
      <div class="container">
        <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-12">
            <div class="contact-panel mt--130">
              <div class="testimonials testimonials-layout1 bg-overlay bg-overlay-theme">
                <div class="bg-img">
                  <img src="assets/images/banners/6.jpg" alt="banner">
                </div>
                <div class="slick-carousel"
                  data-slick='{"slidesToShow": 1, "arrows": true, "dots": false, "infinite": true}'>
                  <!-- Testimonial #1 -->
                  <div class="testimonial-item">
                    <div class="testimonial-item__rating">
                      <i class="fas fa-star"></i>
                      <i class="fas fa-star"></i>
                      <i class="fas fa-star"></i>
                      <i class="fas fa-star"></i>
                      <i class="fas fa-star"></i>
                    </div>
                    <p class="testimonial-item__desc" style="font-size: 16px; font-weight: 400; margin-bottom: 20px">Villa Prefabrik, Global düşünce yapısına sahip, çevre kaynaklarına saygılı, toplum bilinci yüksek, bilimsellik ve kaliteye hakim ve insanı ön planda tutan yapısı ile "Global İnsan Kaynakları Politikası"nı belirlemektedir.
Yatırım yapılacak doğru insanı seçmek, verimliliğini en üst seviyeye çıkaracak ortamı yaratmak, yetkinliklerini geliştirerek performansını arttırmak, eğitimlerle gelişimini sağlamak, kariyer yolunu çizmek, yedekleyerek geleceğimize yön vermek için gerekli olan Global İnsan Kaynakları sistemlerini kurmak şirketimizin en önemli unsurudur. 
                    
                   <img src="{{ "theme/ik-form-icon.png"|media }}" style="text-align: center; margin: 0 auto; margin-top: 35px; }" alt="">

                    </p>
                    

                  </div><!-- /. testimonial-item -->
                  <!-- Testimonial #3 -->
       
                </div>
              </div><!-- /.testimonials-layout1 -->
              <form method="post" action="assets/php/contact.php" id="contactForm" class="contact-panel__form" style="max-width: 100%;">
                <div class="row">
                  <div class="col-sm-12">
                    <div class="contact-panel__title">Aramıza Katılın!</div>
                    <p class="contact-panel__desc mb-40">Bağlı tüm şirketlerimizi vizyon ve misyonlarımız doğrultusunda geleceğe taşıyacak en önemli kaynak "İNSAN"dır.
                    </p>
                  </div>
                  <div class="col-sm-12 col-md-6 col-lg-6">
                    <div class="form-group">
                      <input type="text" class="form-control" placeholder="Ad Soyad" id="contact-name" name="contact-name"
                        required>
                    </div>
                  </div><!-- /.col-lg-6 -->
                  <div class="col-sm-12 col-md-6 col-lg-6">
                    <div class="form-group">
                      <input type="email" class="form-control" placeholder="Email" id="contact-email"
                        name="contact-email" required>
                    </div>
                  </div><!-- /.col-lg-6 -->
                  <div class="col-sm-12 col-md-6 col-lg-6">
                    <div class="form-group">
                      <input type="text" class="form-control" placeholder="Telefon" id="contact-Phone"
                        name="contact-phone" required>
                    </div>
                  </div><!-- /.col-lg-6 -->
                  <div class="col-sm-12 col-md-6 col-lg-6">
                    <div class="form-group">
                      <input type="file" class="form-control" placeholder="Telefon" id="contact-Phone"
                        name="contact-phone" required>
                    </div>
                  </div><!-- /.col-lg-6 -->
                  <div class="col-sm-12 col-md-12 col-lg-12">
                    <div class="form-group">
                      <textarea class="form-control" placeholder="Mesajınız" id="contact-messgae"
                        name="contact-messgae" required></textarea>
                    </div>
                  </div><!-- /.col-lg-12 -->
                  <div class="col-sm-12 col-md-12 col-lg-12 d-flex flex-wrap align-items-center">
                    <button type="submit" class="btn btn__secondary mr-40">
                      <i class="icon-arrow-right"></i> <span>Formu Gönder</span>
                    </button>
                    <div class="form-group input-radio my-3">
                      <label class="label-radio">Gizlilik ve Hizmet Şartlarını Kabul Ediyorum
                        <input type="checkbox" checked="">
                        <span class="radio-indicator"></span>
                      </label>
                    </div>
                  </div><!-- /.col-lg-12 -->
                </div>
              </form>
            </div><!-- /.contact__panel -->
          </div><!-- /.col-lg-12 -->
        </div><!-- /.row -->
      </div><!-- /.container -->
    </section><!-- /.contact layout 2 -->


 <!-- =========================== 
      portfolio standard carousel
    ============================= -->
    <section class="portfolio-standard portfolio-standard-carousel pt-20 pb-60 bg-gray">
      <div class="container">
        <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-6">
            <div class="heading mb-40">
              <div class="heading__subtitle"> {{ "Son Teknolojilerle"|_ }}</div>
              <div class="heading__title"> {{ "Villa Yapı Üretim Tesisi"|_ }}</div>
            </div><!-- /.heading -->
          </div><!-- /.col-lg-6 -->
        </div><!-- /.row -->
        <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-12">
            <div class="slick-carousel"
              data-slick='{"slidesToShow": 3, "slidesToScroll": 1, "arrows": true, "dots": true, "responsive": [ {"breakpoint": 992, "settings": {"slidesToShow": 2}}, {"breakpoint": 767, "settings": {"slidesToShow": 2}}, {"breakpoint": 480, "settings": {"slidesToShow": 1}}]}'>
              <!-- portfolio item #1 -->
             
             
             {% for item in photos %}
              <div class="portfolio-item">
                <div class="portfolio-item__img">
                  <a class="popup-gallery-item" href="{{ item.photo|media }}">
                    <img src="{{ item.photo|media|resize(400,300) }}" alt="portfolio img">
                  </a>
                </div><!-- /.portfolio-img -->
                <div class="portfolio-item__content">
                  <div class="portfolio-item__cat">
                    <a href="#">Son Teknolojilerle</a>
                  </div><!-- /.portfolio-cat -->
                  <div class="portfolio-item__title"><a href="#."> Villa Yapı Üretim Tesisi</a>
                  </div>
                </div><!-- /.portfolio-content -->
              </div><!-- /.portfolio-item -->
              {% endfor %}


            </div><!-- /.slick-carousel -->
          </div><!-- /.col-lg-12 -->
        </div><!-- /.row -->
      </div><!-- /.container -->
    </section><!-- /.portfolio standard carousel -->
    
    
    
 <!-- =========================== 
      portfolio standard carousel
    ============================= -->
    <section class="portfolio-standard portfolio-standard-carousel pt-20 pb-60 bg-gray">
      <div class="container">
        <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-6">
            <div class="heading mb-40">
              <div class="heading__title"> Sertifikalar</div>
            </div><!-- /.heading -->
          </div><!-- /.col-lg-6 -->
        </div><!-- /.row -->
        <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-12">
            <div class="slick-carousel"
              data-slick='{"slidesToShow": 3, "slidesToScroll": 1, "arrows": true, "dots": true, "responsive": [ {"breakpoint": 992, "settings": {"slidesToShow": 2}}, {"breakpoint": 767, "settings": {"slidesToShow": 2}}, {"breakpoint": 480, "settings": {"slidesToShow": 1}}]}'>
              <!-- portfolio item #1 -->
             
             
             {% for item in sertifikalar %}
              <div class="portfolio-item">
                <div class="portfolio-item__img">
                  <a class="popup-gallery-item" href="{{ item.photo|media }}">
                    <img src="{{ item.photo|media|resize(275,400) }}" alt="portfolio img">
                  </a>
                </div><!-- /.portfolio-img -->
              </div><!-- /.portfolio-item -->
              {% endfor %}


            </div><!-- /.slick-carousel -->
          </div><!-- /.col-lg-12 -->
        </div><!-- /.row -->
      </div><!-- /.container -->
    </section><!-- /.portfolio standard carousel -->
    
    
    
       <!-- =====================
         Clients
      ======================== -->
    <section class="clients bg-gray">
      <div class="container">
      <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-6">
            <div class="heading mb-40">
              <div class="heading__title"> Referanslar</div>
            </div><!-- /.heading -->
          </div><!-- /.col-lg-6 -->
        </div>
        
        <div class="row align-items-center text-center">
        
        {% for item in referanslar %}
          <div class="col-6 col-sm-4 col-md-2 col-lg-2">
            <div class="client">
              <img src="{{ item.photo|media }}" style="filter: grayscale(1);" alt="client">
              <img src="{{ item.photo|media }}" alt="client">
            </div><!-- /.client -->
          </div><!-- /.col-lg-2 -->
          {% endfor %}

        </div><!-- /.row -->
      </div><!-- /.container -->
    </section><!-- /.clients -->