<!DOCTYPE html>
<html class="no-js" lang="tr" dir="ltr">
    <?php
    include 'partials/head.php';
?>
    <body class="">
        <?php
        include 'partials/header.php';
    ?>
        <div class="breadcumb-wrapper background-image" style="background-image: url(assets/images/banner.jpg);">
            <div class="breadcumb-overlay" data-bg-src="assets/img/bg/breadcumb-bg-overlay.png"></div>
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="breadcumb-content">
                            <h1 class="breadcumb-title">İletişim</h1>
                            <ul class="breadcumb-menu">
                                <li><a href="index.php">Anasayfa</a></li>
                                <li>İletişim</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

  <div class="space" id="contact-sec">
    <div class="contact-bg-shape1-1 jump shape-mockup" data-bottom="30%" data-left="2%">
        <img src="assets/images/seyam-favicon.svg" style="
    width: 100px;
" alt="img" />
    </div>
    <div class="container">
        <div class="row gx-35">
            <div class="col-lg-5">
                <div class="title-area">
                    <h2 class="sec-title">İletişim Bilgileri</h2>
                    <p>Size en kısa sürede geri dönüş sağlamak için buradayız.</p>
                </div>

                <div class="about-contact-grid">
                    <div class="about-contact-icon text-white"><img src="assets/img/icon/location-dot.svg" alt="icon" /></div>
                    <div class="about-contact-details">
                        <h6 class="about-contact-details-title">Adres:</h6>
                        <p class="about-contact-details-text">Yazır Mah. İnşaat Cad. No:5 Selçuklu / Konya</p>
                    </div>
                </div>

                <div class="about-contact-grid">
                    <div class="about-contact-icon text-white"><img src="assets/img/icon/phone.svg" alt="icon" /></div>
                    <div class="about-contact-details">
                        <h6 class="about-contact-details-title">Telefon:</h6>
                        <p class="about-contact-details-text"><a href="tel:+903322222222">+90 332 222 22 22</a></p>
                    </div>
                </div>

                <div class="about-contact-grid">
                    <div class="about-contact-icon text-white"><img src="assets/img/icon/envelope.svg" alt="icon" /></div>
                    <div class="about-contact-details">
                        <h6 class="about-contact-details-title">E-posta:</h6>
                        <p class="about-contact-details-text"><a href="mailto:info@seyaminsaat.com">info@seyaminsaat.com</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="location-map contact-sec-map">
        <div class="contact-map">
            <iframe
                src="https://www.google.com/maps/embed?pb=!1m18..."
                allowfullscreen=""
                loading="lazy"
            ></iframe>
        </div>
        <div class="location-map-address">
            <div class="thumb"><img src="assets/img/property/property_inner_1.jpg" alt="img" /></div>
            <div class="media-body">
                <h4 class="title">Adres:</h4>
                <p class="text">Yazır Mah. İnşaat Cad. No:5 Selçuklu / Konya</p>
                <h4 class="title">Posta Kodu:</h4>
                <p class="text">42000</p>
            </div>
        </div>
    </div>
</div>

<div class="space contact-area-5 z-index-common">
    <div class="contact-thumb6-1"><img src="assets/img/normal/contact_thumb_6_1.png" alt="img" /></div>
    <div class="container">
        <div class="row gx-60 gy-60 justify-content-end">
            <div class="col-lg-6">
                <div class="appointment-wrap contact-wrap6">
                    <h2 class="form-title fw-semibold mb-35">Bize Ulaşın</h2>
                    <form action="mail.php" method="POST" class="appointment-form ajax-contact">
                        <div class="row">
                            <div class="form-group style-border2 style-radius col-lg-6">
                                <input type="text" class="form-control" name="name" id="name" placeholder="Adınız Soyadınız*" />
                                <i class="fal fa-user"></i>
                            </div>
                            <div class="form-group style-border2 style-radius col-lg-6">
                                <input type="email" class="form-control" name="email" id="email" placeholder="E-posta Adresiniz*" />
                                <i class="fal fa-envelope"></i>
                            </div>
                            <div class="form-group style-border2 style-radius col-md-12">
                                <select name="subject" id="subject" class="form-select">
                                    <option value="" disabled selected hidden>Hizmet Türü Seçiniz</option>
                                    <option value="Konut İnşaatı">Konut İnşaatı</option>
                                    <option value="Toplu Konut">Toplu Konut</option>
                                    <option value="Mimari Danışmanlık">Mimari Danışmanlık</option>
                                    <option value="Taahhüt Hizmeti">Taahhüt Hizmeti</option>
                                </select>
                                <i class="fal fa-angle-down"></i>
                            </div>
                            <div class="col-12 form-group style-border2 style-radius">
                                <i class="far fa-comments"></i>
                                <textarea name="message" placeholder="Mesajınızı Yazınız" class="form-control"></textarea>
                            </div>
                            <div class="col-12 form-btn">
                                <button class="th-btn style4">
                                    Gönder <span class="btn-icon"><img src="assets/img/icon/paper-plane.svg" alt="img" /></span>
                                </button>
                            </div>
                        </div>
                        <p class="form-messages mb-0 mt-3"></p>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>


        <?php include 'partials/footer.php'; ?>

        <script src="assets/js/vendor/jquery-3.7.1.min.js"></script>
        <script src="assets/js/app.min.js"></script>
        <script src="assets/js/main.js"></script>
    </body>
</html>
