@extends('layouts.layout')
@section('content')

<section class="pt-220 page-banner-wrap  bg-cover" style="background-image: url('assets/img/map.jpg')">
    <div class="banner-text">techex</div>
    <div class="container">
        <div class="row align-items-center">
            <div class="col-md-12 col-12">
                <div class="page-heading text-white">
                    <div class="page-title">
                        <h1>Contact Us</h1>
                    </div>
                </div>

                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                      <li class="breadcrumb-item"><a href="{{route('home')}}">Home</a></li>
                      <li class="breadcrumb-item active" aria-current="page">contact</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
</section>

<section class="contact-page-wrap section-padding">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-md-6 col-12">
                <div class="single-contact-card card1">
                    <div class="top-part">
                        <div class="icon">
                            <i class="fal fa-envelope"></i>
                        </div>
                        <div class="title">
                            <h4>Email Address</h4>
                        </div>
                    </div>
                    <div class="bottom-part">
                        <div class="info">
                            <p><a href="mailto:info@aalekhassociates.com"> info@aalekhassociates.com</a></p><br>
                        </div>
                    </div>
                </div>
            </div>
             <div class="col-lg-4 col-md-6 col-12">
                <div class="single-contact-card card2">
                    <div class="top-part">
                        <div class="icon">
                            <i class="fal fa-phone"></i>
                        </div>
                        <div class="title">
                            <h4>Phone Number</h4>
                            <span>call us asap anytime</span>
                        </div>
                    </div>
                    <div class="bottom-part">
                        <div class="info">
                            <p><a href="tel:9800161800">+(91) 9800 16 1800</a> </p>
                        </div>
                        <div class="icon">
                            <i class="fal fa-arrow-right"></i>
                        </div>
                    </div>
                </div>
            </div> 
            <div class="col-lg-4 col-md-6 col-12">
                <div class="single-contact-card card3">
                    <div class="top-part">
                        <div class="icon">
                            <i class="fal fa-map-marker-alt"></i>
                        </div>
                        <div class="title">
                            <h4>Office Address</h4>
                        </div>
                    </div>
                    <div class="bottom-part">
                        <div class="info">
                            <p><a href="https://maps.google.com/" target="_blank">110 Malhar Complex, Near Collector office, Bharuch, Gujarat, 392001, India</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- <div class="row">
            <div class="col-12 col-lg-12">
                <div class="contact-map-wrap">
                    <div id="map">
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d5457.875323165521!2d144.90402300269133!3d-37.792722838344716!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad646b5d2ba4df7%3A0x4045675218ccd90!2sMelbourne%20VIC%2C%20Australia!5e0!3m2!1sen!2sbd!4v1612018663424!5m2!1sen!2sbd" frameborder="0" style="border:0; width:100%" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
                    </div>
                </div>
            </div>
        </div> -->

        <div class="row section-padding pb-0">
            <div class="col-12 text-center mb-20">
                <div class="section-title">
                    <p>send us  message</p>
                    <h1>Get in Touch with Aalekh Associates</h1>
                </div>
            </div>

            <div class="col-12 col-lg-12">
                <div class="contact-form">
                    <form action="#" class="row conact-form">
                        <div class="col-md-6 col-12">
                            <div class="single-personal-info">
                                <label for="fname">Full Name</label>
                                <input type="text" id="fname" placeholder="Enter Name" >
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="single-personal-info">
                                <label for="email">Email Address</label>
                                <input type="email" id="email" placeholder="Enter Email Address" >
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="single-personal-info">
                                <label for="phone">Phone Number</label>
                                <input type="text" id="phone" placeholder="Enter Number">
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="single-personal-info">
                                <label for="subject">Subject</label>
                                <input type="text" id="subject" placeholder="Enter Subject">
                            </div>
                        </div>
                        <div class="col-md-12 col-12">
                            <div class="single-personal-info">
                                <label for="subject">Enter Message</label>
                                <textarea id="subject" placeholder="Enter message"></textarea>
                            </div>
                        </div>
                        <div class="col-md-12 col-12 text-center">
                            <button type="submit" class="theme-btn">send  message <i class="fas fa-arrow-right"></i></button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection