@extends('layouts/masterFront')



@section('layoutContent')


    <!-- content -->
    <div id="smooth-content">

        <!-- banner -->
        <div class="mil-banner mil-banner-inner mil-dissolve">
            <div class="container">
                <div class="row align-items-center justify-content-center">
                    <div class="col-xl-8">
                        <div class="mil-banner-text mil-text-center">
                            <div class="mil-text-m mil-mb-20">Contact Us</div>
                            <h1 class="mil-mb-60">Meet Expert Committee<br /> TAWAZON</h1>
                            <ul class="mil-breadcrumbs mil-center">
                                <li><a href="/">Home</a></li>
                                <li><a href="/contact-us">Contact Us</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- banner end -->

        <!-- team -->
        <div class="container">
            <div class="mil-visible mil-p-160-130">
                <div class="row">
                    <div class="col-xl-4 col-md-6 col-sm-6">
                        <div class="mil-team-card mil-mb-30 mil-up">
                            <div class="mil-portrait mil-mb-30">
                                <img src="{{asset('front/img/team-1.jpg')}}" alt="portrait">
                            </div>
                            <h5 class="mil-light mil-mb-15 mil-team-title">Jabir Zaman</h5>
                            <p class="mil-text-xs mil-soft mil-team-post">Increasing employees</p>
                        </div>
                    </div>
                    <div class="col-xl-4 col-md-6 col-sm-6">
                        <div class="mil-team-card mil-mb-30 mil-up">
                            <div class="mil-portrait mil-mb-30">
                                <img src="{{asset('front/img/team-2.jpg')}}" alt="portrait">
                            </div>
                            <h5 class="mil-light mil-mb-15 mil-team-title">Timin Moradi</h5>
                            <p class="mil-text-xs mil-soft mil-team-post">Increasing employees</p>
                        </div>
                    </div>
                    <div class="col-xl-4 col-md-6 col-sm-6">
                        <div class="mil-team-card mil-mb-30 mil-up">
                            <div class="mil-portrait mil-mb-30">
                                <img src="{{asset('front/img/team-3.jpg')}}" alt="portrait">
                            </div>
                            <h5 class="mil-light mil-mb-15 mil-team-title">Rahla Laham</h5>
                            <p class="mil-text-xs mil-soft mil-team-post">Increasing employees</p>
                        </div>
                    </div>
                    <div class="col-xl-4 col-md-6 col-sm-6">
                        <div class="mil-team-card mil-mb-30 mil-up">
                            <div class="mil-portrait mil-mb-30">
                                <img src="{{asset('front/img/team-4.jpg')}}" alt="portrait">
                            </div>
                            <h5 class="mil-light mil-mb-15 mil-team-title">Isar Ahsan</h5>
                            <p class="mil-text-xs mil-soft mil-team-post">Increasing employees</p>
                        </div>
                    </div>
                    <div class="col-xl-4 col-md-6 col-sm-6">
                        <div class="mil-team-card mil-mb-30 mil-up">
                            <div class="mil-portrait mil-mb-30">
                                <img src="{{asset('front/img/team-5.jpg')}}" alt="portrait">
                            </div>
                            <h5 class="mil-light mil-mb-15 mil-team-title">Ifra Kamel</h5>
                            <p class="mil-text-xs mil-soft mil-team-post">Increasing employees</p>
                        </div>
                    </div>
                    <div class="col-xl-4 col-md-6 col-sm-6">
                        <div class="mil-team-card mil-mb-30 mil-up">
                            <div class="mil-portrait mil-mb-30">
                                <img src="{{asset('front/img/team-6.jpg')}}" alt="portrait">
                            </div>
                            <h5 class="mil-light mil-mb-15 mil-team-title">Jabarah Ahmed</h5>
                            <p class="mil-text-xs mil-soft mil-team-post">Increasing employees</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- team -->

        <!-- contact -->
        <div class="mil-blog-list mil-p-0-80">
            <div class="container">
                <div class="row">
                    <div class="col-xl-8">
                        <form>
                            <h2 class="mb-5">
                                Connect with Us: <br />We are Here to Help You
                            </h2>
                            <div class="row">
                                <div class="col-md-6 mil-mb-30">
                                    <input class="mil-input mil-up" type="text" placeholder="Name" name="name">
                                </div>
                                <div class="col-md-6 mil-mb-30">
                                    <input class="mil-input mil-up" type="email" placeholder="Email" name="email">
                                </div>
                                <div class="col-xl-12 mil-mb-30">
                                    <input class="mil-input mil-up" type="tel" placeholder="Telephone number" name="tel">
                                </div>
                                <div class="col-xl-12 mil-mb-30 ">
                                    <textarea cols="30" rows="10" class="mil-up" placeholder="Message" name="message"></textarea>
                                </div>
                            </div>
                            <div class="mil-checkbox-frame mil-mb-30 mil-up">
                                <div class="mil-checkbox">
                                    <input type="checkbox" id="checkbox-1" name="checkmark" checked>
                                    <label for="checkbox-1"></label>
                                </div>
                                <p class="mil-text-xs mil-soft">I agree that the data submitted, collected and stored *</p>
                            </div>
                            <div class="mil-up">
                                <button type="submit" class="mil-btn mil-m mil-btn-green">Send Message</button>
                            </div>
                        </form>
                        <div class="alert-success" style="display: none;"><h5>Thanks, your message is sent successfully.</h5></div>
                        <div class="mil-p-50-80 pb-0">
                            <h5 class="mil-mb-30 mil-up">We are available on the following channels:</h5>
                            <p class="mil-text-m mil-soft mil-mb-10 mil-up">Address: 999 Rue du Cherche-Midi, 7755500666 Paris, France</p>
                            <p class="mil-text-m mil-soft mil-mb-10 mil-up">Telephone: 555-0111</p>
                            <p class="mil-text-m mil-soft mil-mb-10 mil-up">Fax: 555-0112</p>
                            <p class="mil-text-m mil-soft mil-up">Email: contact@tawazon.com</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- contact end -->



@endsection