@extends('layouts.main')
@section('main-section')
<div class="breadcrumb-area bg-overlay-2" style="background-image:url('public/assets/img/breadcrumb.jpeg')">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="breadcrumb-inner">
                    <div class="section-title mb-0">
                        <h2 class="page-title">Contact Us</h2>
                        <ul class="page-list">
                            <li><a href="/">Home</a></li>
                            <li>Contact Us</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
    <!-- contact area start -->
    <div class="container">
        <div class="contact-area mg-top-120 mb-120">
            <div class="row g-0 justify-content-center">
                <div class="col-lg-7">
                    <form class="contact-form text-center">
                        <h3>GET A QUOTE</h3>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="single-input-inner">
                                    <label><i class="fa fa-user"></i></label>
                                    <input type="text" placeholder="Your name">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="single-input-inner">
                                    <label><i class="fa fa-envelope"></i></label>
                                    <input type="text" placeholder="Your email">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="single-input-inner">
                                    <label><i class="fas fa-calculator"></i></label>
                                    <input type="text" placeholder=" Phone number">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="single-select-inner">
                                    <label><i class="far fa-file-alt"></i></label>
                                    <select class="single-select">
                                        <option>Subject</option>
                                        <option value="1">Some option</option>
                                        <option value="2">Another option</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="single-input-inner">
                                    <label><i class="fas fa-pencil-alt"></i></label>
                                    <textarea placeholder="Write massage"></textarea>
                                </div>
                            </div>
                            <div class="col-12">
                                <a class="btn btn-base" href="#"> SEND MESSAGE
                                </a>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="col-lg-5">
                    <div class="contact-information-wrap">
                        <h3>CONTACT INFORMATION</h3>
                        <div class="single-contact-info-wrap">
                            <h6>Contact Number:</h6>
                            <div class="media">
                                <div class="icon">
                                    <i class="fa fa-phone-alt"></i>
                                </div>
                                <div class="media-body">
                                    <p>8527274748</p>
                                    <p>9910097695</p>
                                </div>
                            </div>
                        </div>
                        <div class="single-contact-info-wrap">
                            <h6>Mail Address:</h6>
                            <div class="media">
                                <div class="icon" style="background: #080C24;">
                                    <i class="fa fa-envelope"></i>
                                </div>
                                <div class="media-body">
                                    <p>uniconmoverspackers@gmail.com</p>
                                </div>
                            </div>
                        </div>
                        <div class="single-contact-info-wrap mb-0">
                            <h6>Office Location:</h6>
                            <div class="media">
                                <div class="icon" style="background: #565969;">
                                    <i class="fa fa-map-marker-alt"></i>
                                </div>
                                <div class="media-body">
                                    <p>shop no-7 near by Airforce Mohan Nagar, Karhera colony, Karera Hindon Residential Area, Ghaziabad, Uttar Pradesh 201004</p>
                                    <p>J-400 old seemapuri dilshad garden new delhi 110095</p>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- contact area end -->

    <div class="contact-g-map">
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d56013.812514185!2d77.34886031098557!3d28.66381203844256!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cf1005bb34d97%3A0xb3e0665deedccc83!2sKARHERA!5e0!3m2!1sen!2sin!4v1714452072829!5m2!1sen!2sin"></iframe>
    </div>
@endsection