@extends('web_layout.app')

@section('web.page-title', 'Contact Us | New Migrant')

@section('web.main-content')


<!--Page Header Start-->
<section class="page-header">
    <div class="page-header-bg" style="background-image: url({{ asset('assets/images/backgrounds/page-header-bg.jpg') }})">
    </div>
    <div class="container">
        <div class="page-header__inner">
            <h2>Contact</h2>
            <ul class="thm-breadcrumb list-unstyled">
                <li><a href="{{ route('web.home') }}">Home</a></li>
                <li><span>-</span></li>
                <li class="active">Contact</li>
            </ul>
        </div>
    </div>
</section>
<!--Page Header End-->

<!--Contact Five Start-->
<section class="contact-five">
    <div class="contact-five__bg" style="background-image: url({{ asset('assets/images/backgrounds/contact-five-bg.png') }});">
    </div>
    <div class="container">
        <div class="section-title text-center">
            <div class="section-title__tagline-box">
                <span class="section-title__tagline">contact with us</span>
                <div class="section-title__border-box"></div>
            </div>
            <h2 class="section-title__title">Feel Free to Get in <br> Touch with us</h2>
        </div>
        <div class="contact-five__form-box">
            <form action="#" method="get" class="contact-five__form contact-form-validated"
                novalidate="novalidate">
                <div class="row">
                    <div class="col-xl-6">
                        <div class="contact-five__input-box">
                            <input type="text" placeholder="Your Name" name="name">
                        </div>
                    </div>
                    <div class="col-xl-6">
                        <div class="contact-five__input-box">
                            <input type="email" placeholder="Email Address" name="email">
                        </div>
                    </div>
                    <div class="col-xl-6">
                        <div class="contact-five__input-box">
                            <input type="text" placeholder="Phone Number" name="Phone">
                        </div>
                    </div>
                    <div class="col-xl-6">
                        <div class="contact-five__input-box">
                            <input type="text" placeholder="Subject" name="Subject">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-12">
                        <div class="contact-five__input-box text-message-box">
                            <textarea name="message" placeholder="Write a Message"></textarea>
                        </div>
                        <div class="contact-five__btn-box">
                            <button type="submit" class="thm-btn contact-five__btn">Send a
                                Message</button>
                        </div>
                    </div>
                </div>
            </form>
            <div class="result"></div>
        </div>
    </div>
</section>
<!--Contact Five End-->

{{-- 
<section class="location-one">
    <div class="container">
        <div class="location-one__top">
            <div class="row">
                <div class="col-xl-7 col-lg-6">
                    <div class="location-one__top-left">
                        <div class="section-title text-left">
                            <div class="section-title__tagline-box">
                                <span class="section-title__tagline">checkout our location</span>
                                <div class="section-title__border-box"></div>
                            </div>
                            <h2 class="section-title__title">Our Consultancy Office</h2>
                        </div>
                    </div>
                </div>
                <div class="col-xl-5 col-lg-6">
                    <div class="location-one__top-right">
                        <p class="ocation-one__top-text">Our office is a hub of expertise, dedicated to guiding you through the intricate path of immigration and visa processes.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="location-one__bottom">
            <div class="location-one__main-tab-box tabs-box">
                <div class="tabs-content">
                    <!--tab-->
                    <div class="tab active-tab" id="south-america">
                        <div class="location-one__tab-content-box">
                            <div class="location-one__tab-content-box-inner">
                                <div class="location-one__bg"
                                    style="background-image: url({{ asset('assets/images/backgrounds/location-one-bg.png') }});">
                                </div>
                                <div class="location-one__tab-content-left">
                                    <div class="location-one__tab-content-img">
                                        <img src="{{ asset('assets/images/resources/location-one-tab-content-img-1.jpg') }}"
                                            alt="">
                                    </div>
                                    <div class="location-one__tab-content-contact">
                                        <h5 class="location-one__tab-content-contact-title">We're Always Here
                                            for
                                            You</h5>
                                        <ul class="list-unstyled location-one__tab-content-contact-list">

                                            <li>
                                                <div class="icon">
                                                    <i class="fas fa-phone"></i>
                                                </div>
                                                <div class="content">
                                                    <p><a href="tel:+16474599599">+1 (647) 459-9599</a></p>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="icon">
                                                    <i class="fas fa-envelope"></i>
                                                </div>
                                                <div class="content">
                                                    <p><a href="mailto:info@newmigrant.ca">info@newmigrant.ca</a>
                                                    </p>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="icon">
                                                    <i class="fas fa-map-marker-alt"></i>
                                                </div>
                                                <div class="content">
                                                    <p>
                                                        Office No.1351,  <br>
                                                        Matheson Blvd E, Mississauga,<br>
                                                        ON L4W 2A1, Unit # 26, Canada
                                                    </p>
                                                </div>
                                            </li>

                                        </ul>
                                    </div>
                                </div>
                                <div class="location-one__tab-content-right">
                                    <ul class="list-unstyled location-one__tab-content-time">
                                        <li>
                                            <p class="location-one__tab-content-day-name">Monday</p>
                                            <h4 class="location-one__tab-content-time-box">12:00 pm - 19:00 pm
                                            </h4>
                                        </li>
                                        <li>
                                            <p class="location-one__tab-content-day-name">Tuesday to Friday</p>
                                            <h4 class="location-one__tab-content-time-box">8:00 am - 19:00 pm
                                            </h4>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</section>



<section class="google-map-two">
    <iframe
        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2887.3943042463757!2d-79.63409982303287!3d43.63996405328573!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b38be947d54b7%3A0x900403e9062008ca!2s1351%20Matheson%20Blvd%20E%2C%20Mississauga%2C%20ON%20L4W%202A1%2C%20Canada!5e0!3m2!1sen!2s!4v1696839490680!5m2!1sen!2s"
        class="google-map__two" allowfullscreen></iframe>

</section>
 --}}




@endsection

@section('web.header_script')

@endsection

@section('web.footer_script')

@endsection