title = "kurumsal-uptade"
url = "/kurumsal-uptade"
layout = "master"
is_hidden = 0
contentType = "html"
force_show = 0
==
<?php
use Cms\Classes\LanguageController;

function onStart(){
    $slug = $this->param("slug");
    $lang = LanguageController::GetLang();
    
    $details       = Db::table('flatart_mediaroom_')->where("status", 0)->where("category_type", "fotograf")->where("slug", "uretim-tesisi-kurumsal")->first();
    if(!$details){
          return $this->controller->run('404');
    }
    $this['details']                 = $details;
    
    $this['photos'] = json_decode($details->photos, true);
    
    $referanslar       = Db::table('flatart_mediaroom_')->where("status", 0)->where("category_type", "fotograf")->where("slug", "referanslar-kurumsal")->first();
    $this['referanslar'] = json_decode($referanslar->photos, true);
    
    $sertifikalar       = Db::table('flatart_mediaroom_')->where("status", 0)->where("category_type", "fotograf")->where("slug", "sertifikalar-kurumsal")->first();
    $this['sertifikalar'] = json_decode($sertifikalar->photos, true);
    
    $this->page->turkishlink = "/tr/kurumsal/";   
        $this->page->englishlink = "/en/about-us/";   
    
    if($lang == 'tr'){
        $this->page->meta_title                 = "Kurumsal - Villa Yapı Prefabrik";
         $this->page->meta_description       = "Villa Yapı olarak 1999'dan bugüne prefebrik ev - konteyner çözümleri için hizmet veriyoruz. Bizimle iletişime geçerek hizmetlerimiz hakkında bilgi edinebilirsiniz.";
        
        $this->page->canonical              = "https://villayapi.com/".$lang."/kurumsal/";
    }else{
        $this->page->meta_title                 = "Corporate - Villa Yapı Prefabrik";
        $this->page->canonical              = "https://villayapi.com/".$lang."/about-us/";
          $this->page->meta_description       = "As Villa Yapı, we have been serving for prefebric house - container solutions since 1999. You can contact us by contacting us.";
    }
   
}
?>
==
<style>
.portfolio-standard-carousel .slick-arrow.slick-prev:after {
    content: "Geri"!important;
}
@media screen and (max-width: 780px) {
section.banner-layout4.bg-overlay.uptade.bg-img {
    padding-bottom: 0px;
}
div.heading__title{
   font-size:23px; 
}
}
@media screen and (min-width: 790px) {
 section.page-title.page-title-layout2.bg-overlay.uptades.bg-img {
    height: 600px;
}
h1.pagetitle__heading.uptade {
    font-size: 47px;
}
.container.uptade {
    position: relative;
    top: 15%;
}
section.banner-layout4.bg-overlay.uptade.bg-img{
   background-position:top !important; 
  height:800px;
}
.container.uptades {
    position: relative;
    top: 10%;
}
}

</style>

       
    <section class="page-title page-title-layout2 bg-overlay uptades">
      <div class="bg-img"><img src="https://villayapi.com/themes/villa-yapi/assets/images/sliders/sliderlar-06.webp" alt="background"></div>
      <div class="container uptade">
        <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-12 col-xl-6">
            <h1 class="pagetitle__heading uptade">{{ "Geniş Üretim Ağıyla Sektörün Öncü Firması"|_ }}</h1>
            <h1 class="pagetitle__heading uptade" style="color:#ff4c01;">{{ "VİLLA YAPI!"|_ }}</h1><span style="color:#ff4c01;">
            <p class="pagetitle__desc mb-0 uptade">{{ "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">
          <div class="swiper kurumsal">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
            <img src="{{ "theme/sliderlar-10.webp"|media }}" alt="banner" class="w-100">
              </div>
                 <div class="swiper-slide">
            <img src="{{ "theme/sliderlar-07.webp"|media }}" alt="banner" class="w-100">
              </div>
                 <div class="swiper-slide">
            <img src="{{ "theme/sliderlar-08.webp"|media }}" alt="banner" class="w-100">
              </div>
               <div class="swiper-slide">
            <img src="{{ "theme/sliderlar-09.webp"|media }}" alt="banner" class="w-100">
              </div>
             
        </div>
            <div class="swiper-button-next" style="z-index:2;"></div>
    <div class="swiper-button-prev" style="z-index:2;"></div>
      </div>
          </div><!-- /.col-lg-6 -->
        </div><!-- /.row -->
      </div><!-- /.container -->
    </section><!-- /.Banner layout 3 -->
 <style>
 @media screen and (max-width: 780px) {
      .swiper-button-prev {
    left: 3% !important;  
} 
.container.uptadek {
    margin-top: 20px;
}
 }
 @media (min-width: 1500px) and (max-width: 1700px) {
     
  .swiper-button-prev {
    left: 28% !important;  
} 
}
 @media (min-width: 1100px) and (max-width: 1499px) {
     
  .swiper-button-prev {
    left: 15% !important;  
}   
     
 }
 .swiper-button-next {
    width: 42px;
    height: 42px;
    position: absolute;
    z-index: 9999999;
    top: 50%;
    right: 3%;
    background-image:url({{ "theme/next-button.png"|media }});
}
 .swiper-button-prev {
    width: 42px;
    height: 42px;
    position: absolute;
    z-index: 9999999;
    top: 50%;
    left: 23%;
    background-image:url({{ "theme/prev-button.png"|media }});
}
 </style>   
    
     <!-- =========================
       Banner layout 4
      =========================== -->
    <section class="banner-layout4 bg-overlay uptade">
      <div class="bg-img"><img src="{{ "theme/kurumsal-4.jpg"|media }}" alt="background"></div>
      <div class="container uptades">
        <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-4">
            <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-8">
            <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" style="display:none;">
      <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 -->

<style>
@media screen and (min-width: 780px) {
p.uptadez {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    
}
p.uptades {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    background-color: #E9E9E9;
    
}
p.uptades {
    font-size: 18px;
    text-align: center;
    font-weight: 400;
    background-color: #E9E9E9;

}
.row.align-items-center.uptade {
    box-shadow: 0px 10px 20px 20px #00000040;
    background-color: #E9E9E9;
}
.container.uptadek {
    margin-top: 50px;
    margin-bottom: 50px;
}
.col.uptade {
    
    margin-left: -65px;
}
.col-auto.uptade {
    z-index: 2;
}
}
@media screen and (max-width: 780px) {
.col-6.one {
    max-width: 100%;
    flex: 0 0 100%;
}
.col-6.uptades.two {
    max-width: 100%;
    flex: 0 0 100%;
}
p.uptadez {
    margin-top: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}
p.uptades {
    text-align: center;
    font-weight: 400;
    font-size: 15px;
}
}
a.h1 {
    color: #9b9b9b;
}
</style>

<div class="container uptadek">
    <div class="row align-items-center uptade">
        <div class="col-auto uptade">
            <a class="h1" href="#carouselExampleControls" role="button" data-slide="prev">
                <span>&lt;</span>
            </a>
        </div>
        
        <div class="col uptade">
            <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <div class="row align-items-center">
                            <div class="col-6 one">
                                <img class="d-block img-fluid" src="{{ "theme/slider-1.webp"|media }}" alt="First slide">
                            </div>
                            <div class="col-6 uptades two">
                                <p class="uptadez">VİZYONUMUZ</p>
                                <p class="uptades">Türkiye’nin prefabrik algısını değiştirecek kaliteli üretim anlayışını sürdürmek.</p>   
                            </div>
                        </div>
                    </div>
                    <div class="carousel-item">
                        <div class="row align-items-center">
                            <div class="col-6 one">
                                <img class="d-block img-fluid" src="{{ "theme/slider-2.webp"|media }}" alt="First slide">
                            </div>
                            <div class="col-6 uptades two">
                                <p class="uptadez">HEDEFLERİMİZ</p>
                                <p class="uptades">Ürünlerimizi mülterilerimiz için maksimum fayda sağlayacak şekilde tasarlayıp üretmek, müşteri memnuniyetini faaliyetimizin temel taşı olarak kabul ederek satış sonrası hizmetleriyle farklılaşmak, lüks olarak görülen hizmetleri standartlaştırarak müşterilerimize, kaliteli ve güler yüzlü hizmet sunmak, Türkiye ve Dünya’nın farklı bölgelerinde ağır ve sağlam adımlar atarak hedef pazarlara kalite farklılığımızı göstermektir.</p> 
                            </div>
                        </div>
                    </div>
                     <div class="carousel-item">
                        <div class="row align-items-center">
                            <div class="col-6 one">
                                <img class="d-block img-fluid" src="{{ "theme/slider-3.webp"|media }}" alt="First slide">
                            </div>
                            <div class="col-6 uptades two">
                                <p class="uptadez">KAPASİTE</p>
                                <p class="uptades">Villa Yapı, Kocaeli Gebze'de 10.000 m2 kapalı, 10.000 m2 açık toplamda 20.000m2 alanda, ön üretimli prefabrik yapılarda 15.000 m2, depo, hangar yapılarında 10.000 m2, konteyner üretiminde ise aylık 150 adet kapasitesiyle faaliyetlerini sürdürmektedir.</p> 
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-auto">
            <a class="h1" href="#carouselExampleControls" role="button" data-slide="next">
                <span>&gt;</span>
            </a>
        </div>
    </div>
</div>
 <!-- =========================== 
      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 -->


    <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" style="display:none;">
      <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 -->