{% extends 'siteBase.html.twig' %}
{% block dil %}{{ app.session.get('dil')['kisa'] }}{% endblock %} {# tr or en #}
{% block title %}{{ sayfa.title }}{% endblock %}
{% block keywords %}{{ sayfa.keywords }}{% endblock %}
{% block description %}{{ sayfa.description }}{% endblock %}
{% block title2 %}{{ sayfa.title }}{% endblock %}
{% block description2 %}{{ sayfa.description }}{% endblock %}
{% block image_alt %}{{ sayfa.title }}{% endblock %}
{% block title3 %}{{ sayfa.title }}{% endblock %}
{% block description3 %}{{ sayfa.description }}{% endblock %}
{% block image %}{{ sayfa.dilgrup|site_bannerGetir|raw }}{% endblock %}
{% block image2 %}{{ sayfa.dilgrup|site_bannerGetir|raw }}{% endblock %}
{% block body %}
{% include 'siteBase/breadcrumbs.html.twig' %}
{#
-- Sayfa Verileri : "icerikler" adında bir dizi döndürülüyor. Dizi elemanları : adres, telefon, gsm, fax, eposta, harita, link
-- Kategori Verileri : "kategoriler" adında bir dizi döndürülüyor. Dizi elemanları : adi, resim, link
** Eğer kategoriler dizisi boş değilse icerikler boş gelecektir. Eğer boş ise içerikler dönecektir.
** Resimleri çekerken sadece "ornek.jpg|imgOlustur(100,10,'cover')" filtresini kullanmalısın. Bu filtre şu özelliğe sahitir; "ornek.jpg|imgOlustur(yükseklik,radius,'cover/contain')"
#}
<section class="ep-contact-section pt-120">
<div class="container">
<div class="row g-4">
<div class="col-xl-5 col-lg-6">
<div class="base-contact-info mw-100">
<div class="section-title pb-60">
<h5 class="heading-five subtitle text-uppercase pb-15">Bize Ulaşın</h5>
<h2 class="heading-two title split-text right">İletişim Bilgileri </h2>
</div>
<div class="contact-item gray-bg d-sm-flex align-items-center rounded-20">
<div
class="icon-box d-flex bg-white align-items-center flex-shrink-0 justify-content-center rounded-pill">
<i class="fa-solid fa-location-dot"></i>
</div>
<div class="info d-sm-flex align-items-center">
<h5 class="title flex-shrink-0">Adres</h5>
<p>
<a href="#">{{ 'adres'|site_iletisimBilgileri|raw }}</a>
</p>
</div>
</div>
<div class="contact-item gray-bg d-sm-flex align-items-center rounded-20">
<div
class="icon-box d-flex bg-white align-items-center flex-shrink-0 justify-content-center rounded-pill">
<i class="fa-solid fa-phone"></i>
</div>
<div class="info align-items-center">
<h5 class="title flex-shrink-0">Telefon</h5>
<p>
<a href="tel:{{ 'telefon'|site_iletisimBilgileri|raw }}">{{ 'telefon'|site_iletisimBilgileri|raw }}</a>
</p>
<p>
<a href="tel:{{ 'gsm'|site_iletisimBilgileri|raw }}">{{ 'gsm'|site_iletisimBilgileri|raw }}</a>
</p>
</div>
</div>
<div class="contact-item gray-bg d-sm-flex align-items-center rounded-20">
<div
class="icon-box d-flex bg-white align-items-center flex-shrink-0 justify-content-center rounded-pill">
<i class="fa-solid fa-envelope"></i>
</div>
<div class="info d-sm-flex align-items-center">
<h5 class="title flex-shrink-0">E-Posta</h5>
<p>
<a href="mailto:{{ 'eposta'|site_iletisimBilgileri|raw }}">{{ 'eposta'|site_iletisimBilgileri|raw }}</a>
</p>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 ms-auto">
<div class="contact-form bg-white h-100">
<h3 class="heading-three pb-30 split-text right">Mesaj Gönderin</h3>
<div class="input-group black">
{{ 1|site_formGetir|raw }}
</div>
</div>
</div>
</div>
</div>
<div class="contact-map pt-120">
<div class="maps">
{{ 'harita'|site_iletisimBilgileri|html_entity_decode|raw }}
</div>
</div>
</section>
{% endblock %}
{% block javascripts %}{% endblock %}