<?php include "../includes/header.php"; ?>
<section class="banner" style="background:url('../assets/images/banner/ik-banner.webp')">
    <div class="container-fluid maxWidth">
        <div class="row">
             <div class="col-lg-12 col-md-12 col-sm-12">
                <div class="banner-title">
                    <h1>İletişim</h1>
                </div>
             </div>
        </div>
    </div>
</section>
<section class="contact">
   <div class="container-fluid maxWidth">
     <div class="row">
       <div class="col-lg-12 col-md-12 col-sm-12">
          <ul class="nav nav-tabs" id="myTab" role="tablist">
            <li class="nav-item" role="presentation">
              <button class="nav-link active" id="contact-adres1" data-bs-toggle="tab" data-bs-target="#contact-adres-1" type="button" role="tab" aria-controls="contact-adres1" aria-selected="true">Ankara Fabrika Adres</button>
            </li>
            <li class="nav-item" role="presentation">
              <button class="nav-link" id="contact-adres2" data-bs-toggle="tab" data-bs-target="#contact-adres-2" type="button" role="tab" aria-controls="contact-adres2" aria-selected="false">Batman Fabrika Adres</button>
            </li>
          </ul>
          <div class="tab-content" id="myTabContent">
            <div class="tab-pane fade show active" id="contact-adres-1" role="tabpanel" aria-labelledby="contact-adres1">
                <div class="container-fluid">
                   <div class="row">
                      <div class="col-lg-3 col-md-6 col-sm-12">
                         <div class="contact-item">
                            <div class="icon">
                               <img src="../assets/images/iletisim/icon-address-2x-blue.png" class="img-fluid" alt="All-Alci">
                            </div>
                            <div class="title">
                               <h4>Adres</h4>
                            </div>
                            <div class="text">
                              <p>Konya Yolu Üzeri 37. Km Gölbaşı Ankara - Türkiye</p>
                            </div>
                         </div>
                      </div>
                      <div class="col-lg-3 col-md-6 col-sm-12">
                         <div class="contact-item">
                            <div class="icon">
                               <img src="../assets/images/iletisim/icon-tel-2x-blue.png" class="img-fluid" alt="All-Alci">
                            </div>
                            <div class="title">
                               <h4>Telefon</h4>
                            </div>
                            <div class="text">
                              <p><a href="tel:903124995201" class="text-decoration-none">+90 (312) 499 52 01 </a></p>
                            </div>
                         </div>
                      </div>
                      <div class="col-lg-3 col-md-6 col-sm-12">
                         <div class="contact-item">
                            <div class="icon">
                               <img src="../assets/images/iletisim/icon-email-2x-blue.png" class="img-fluid" alt="All-Alci">
                            </div>
                            <div class="title">
                               <h4>E-Mail</h4>
                            </div>
                            <div class="text">
                              <p><a href="mailto:info@allalci.com"class="text-decoration-none">info@allalci.com</a></p>
                            </div>
                         </div>
                      </div>
                      <div class="col-lg-3 col-md-6 col-sm-12">
                         <div class="contact-item">
                            <div class="icon">
                               <img src="../assets/images/iletisim/icon-follow-2x-blue.png" class="img-fluid" alt="All-Alci">
                            </div>
                            <div class="title">
                               <h4>Çalışma Saatleri</h4>
                            </div>
                            <div class="text">
                              <p>Pazartesi - Cumartesi : 08:30 - 18:30 <br> Pazar ve Özel Günlerde Lütfen Bilgi Alınız</p>
                            </div>
                         </div>
                      </div>
                   </div>
                   <div class="row">
                     <div class="contact-map">
                       <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15251.826391546156!2d32.830047!3d39.63236200000001!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14d3417d25ff6fb5%3A0x707eb2e0b24a431d!2zQWxsIEFsw6fEsQ!5e1!3m2!1str!2str!4v1744896575393!5m2!1str!2str" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                     </div>
                   </div>
                </div>
            </div>
            <div class="tab-pane fade" id="contact-adres-2" role="tabpanel" aria-labelledby="contact-adres2">
              <div class="container-fluid maxWidth">
                   <div class="row">
                      <div class="col-lg-3 col-md-6 col-sm-12">
                         <div class="contact-item">
                            <div class="icon">
                               <img src="../assets/images/iletisim/icon-address-2x-blue.png" class="img-fluid" alt="All-Alci">
                            </div>
                            <div class="title">
                               <h4>Adres</h4>
                            </div>
                            <div class="text">
                              <p>Organize San. Bölgesi Batman / Türkiye</p>
                            </div>
                         </div>
                      </div>
                      <div class="col-lg-3 col-md-6 col-sm-12">
                         <div class="contact-item">
                            <div class="icon">
                               <img src="../assets/images/iletisim/icon-tel-2x-blue.png" class="img-fluid" alt="All-Alci">
                            </div>
                            <div class="title">
                               <h4>Telefon</h4>
                            </div>
                            <div class="text">
                              <p><a href="tel:04882131347" class="text-decoration-none">(0488) 213 13 47</a></p>
                            </div>
                         </div>
                      </div>
                      <div class="col-lg-3 col-md-6 col-sm-12">
                         <div class="contact-item">
                            <div class="icon">
                               <img src="../assets/images/iletisim/icon-email-2x-blue.png" class="img-fluid" alt="All-Alci">
                            </div>
                            <div class="title">
                               <h4>E-Mail</h4>
                            </div>
                            <div class="text">
                              <p><a href="mailto:info@allalci.com" class="text-decoration-none">info@allalci.com</a></p>
                            </div>
                         </div>
                      </div>
                      <div class="col-lg-3 col-md-6 col-sm-12">
                         <div class="contact-item">
                            <div class="icon">
                               <img src="../assets/images/iletisim/icon-follow-2x-blue.png" class="img-fluid" alt="All-Alci">
                            </div>
                            <div class="title">
                               <h4>Çalışma Saatleri</h4>
                            </div>
                            <div class="text">
                              <p>Pazartesi - Cumartesi : 08:30 - 18:30 <br> Pazar ve Özel Günlerde Lütfen Bilgi Alınız</p>
                            </div>
                         </div>
                      </div>
                   </div>
                   <div class="row">
                     <div class="contact-map">
                     <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d124999.10783432728!2d41.240261!3d37.908667!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x400b43be38a72be7%3A0xb66d21815857223a!2zw5ZybWVnw7Z6ZSwgNzIyMDIgw5ZybWVnw7Z6ZS9CZcWfaXJpL0JhdG1hbg!5e1!3m2!1str!2str!4v1744897064565!5m2!1str!2str" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                     </div>
                   </div>
                </div>
              </div>
            </div>
       </div>
     </div>
   </div>
   <div class="container-fluid maxWidth mt-3 mb-3">
     <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <div class="contact-form">
              <div class="contact-form-description">
                  <div class="contact-form-title">
                      <h3>İletişime Geçin !</h3>
                  </div>
                  <div class="contact-form-text">
                      <p>İhtiyaçlarınızla ilgili sorularınız için <strong>info@allalci.com</strong> adresinden bize e-posta gönderin, aşağıdaki iletişim formunu kullanın, hızlı bir şekilde yanıt verelim.</p>
                  </div>
              </div>
              <form action="#" method="POST">
                <div class="row">
                    <div class="form-group col-lg-6 col-12">
                      <label class="form-label">Adınız</label>
                       <input type="text" class="form-control" name="adiniz" id="adiniz">
                    </div>
                    <div class="form-group col-lg-6 col-12">
                      <label class="form-label">Soyadınız</label>
                       <input type="text" class="form-control" name="soyadiniz" id="soyadiniz">
                    </div>

                    <div class="form-group col-lg-6 col-12">
                      <label class="form-label">Email Adresiniz</label>
                       <input type="email" class="form-control" name="email_adresiniz" id="email_adresiniz">
                    </div>
                    <div class="form-group col-lg-6 col-12">
                      <label class="form-label">Telefon Numaranız</label>
                       <input type="text" class="form-control" name="telefon_numaraniz" id="telefon_numaraniz">
                    </div>
                    <div class="form-group col-lg-12 col-12">
                      <label class="form-label">Konu</label>
                       <input type="text" class="form-control" name="konu" id="konu">
                    </div>
                    <div class="form-group col-lg-12 col-12">
                      <label class="form-label">Mesajınız</label>
                      <textarea name="mesajiniz" id="mesajiniz" class="form-control"></textarea>
                    </div>
                    <div class="form-group col-lg-12 col-12">
                         <input class="form-check-input" type="checkbox" value="" id="flexCheckChecked" checked="">
                         <label class="form-check-label" for="flexCheckChecked">
                         <span><a href="../pages/page.php">Kvkk Aydınlatma Metnini </a> okudum onaylıyorum.</span> 
                    </label></div>
                    <div class="form-group col-lg-12 col-12">
                      <button class="form-send">Gönder</button>
                    </div>
                </div>
              </form> 
            </div>
        </div>
     </div>
  </div>
</section>
<?php include "../includes/footer.php"; ?>