@extends('master')


@section('content')



    <!-- Page Header Start --><div
    style="background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
           url('{{ asset('frontend/img/bac.jpg') }}') no-repeat center center;
           background-size: cover;
           padding: 115px;"
    class="page-header">


		<div class="container">
			<div class="row align-items-center justify-content-center">
				<div class="col-lg-12">
					<!-- Page Header Box Start -->

<h1 class="wow fadeInUp mobilecssh1" style="visibility: visible; animation-name: fadeInUp; text-align: center; color: white; font-size: 3.1em;">  Careers  </h1>


					<!-- Page Header Box End -->
				</div>
			</div>
		</div>
	</div>
	<!-- Page Header End -->

    <!-- About Us Section Start -->
<div class="page-contact-us">
        <div class="container">
            <div class="row">
                <div class="col-lg-2"></div>
                <div class="col-lg-8" >
                    <div class="contact-us-box" style='padding:5%;'>
                        <div class="contact-us-">
                            <!-- Section Title Start -->
                            <div class="section-title">
                                <h3 class="wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">contact us</h3>
                                <h2 class="wow fadeInUp" data-wow-delay="0.2s" data-cursor="-opaque" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">Get in touch with us</h2>
                            </div>
                            <!-- Section Title End -->

                            <!-- Contact Form Start -->
                            <div class="contact-form">
                                <form id="contactForm" action="#" method="POST" data-toggle="validator" class="wow fadeInUp" data-wow-delay="0.4s" novalidate="true" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
                                    <div class="row">
                                        <div class="form-group col-md-6 mb-4">
                                            <input type="text" name="fname" class="form-control" id="fname" placeholder="First name" required="">
                                            <div class="help-block with-errors"></div>
                                        </div>

                                        <div class="form-group col-md-6 mb-4">
                                            <input type="text" name="lname" class="form-control" id="lname" placeholder="Last name" required="">
                                            <div class="help-block with-errors"></div>
                                        </div>

                                        <div class="form-group col-md-12 mb-4">
                                            <input type="text" name="phone" class="form-control" id="phone" placeholder="Enter your mobile no." required="">
                                            <div class="help-block with-errors"></div>
                                        </div>

                                        <div class="form-group col-md-12 mb-4">
                                            <input type="email" name="email" class="form-control" id="email" placeholder="Enter your e-mail" required="">
                                            <div class="help-block with-errors"></div>
                                        </div>

                                        <div class="form-group col-md-12 mb-5">
                                            <textarea name="message" class="form-control" id="message" rows="4" placeholder="Write message..."></textarea>
                                            <div class="help-block with-errors"></div>
                                        </div>

                                        <div class="col-md-12">
                                            <button type="submit" class="btn-default disabled"><span>send message</span></button>
                                            <div id="msgSubmit" class="h3 hidden"></div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <!-- Contact Form End -->
                        </div>

                        <!-- Contact Us Image Start -->

                        <!-- Contact Us Image End -->
                    </div>
                </div>
            </div>
        </div>
     </div>






@endsection