@extends('layout.master')


@section('page_title','Contact Us')
 @section('page_heading','Contact Us')
  
@section('head')

 <script src="{{url('public/js/home.js')}}"></script>



 <meta name="keywords" content=" " />
  <meta  name="description" content=" " />

 <style type="text/css">
.fa_icon1{
font-size:40px;
}

.fa_icon3{
font-size:40px;
}

.circle{
width:100px;
height:100px;
border-radius:50px;
text-align:center;
line-height:100px;

}
.bg1{
background: #f69696;
color:#FFFFFF;
}


.bg2{
background:#398da3;
color:#FFFFFF;
}


.bg3{
background:#34a569;
color:#FFFFFF;
}



.bg4{
background:#3494de;
color:#FFFFFF;
}
 .addressdiv{
    vertical-align: top;
    padding: 32px;
    text-align: center;
    display: inline-block;
    width: 360px;
    margin-right: 28px;
    margin-bottom: 28px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #e2e2e2;
    min-height: 194px;

}


.Headercontact {
    color: #fff;
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
    border: 0;
    background: #fff;
    box-shadow: inset 0 -1px 0 0 hsla(0,0%,80%,.96);
    width: 100%;
    top: 0;
    left: 0;
    height: 60px;
    transition: transform .2s ease-in;
    position: fixed;
    font-family: Axiforma-Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    z-index: 7;
}

.maincontactheader{
    margin: 0;
    padding: 0;
    font-weight: 600;
    color: #424242;
    font-size: 28px;
    line-height: 36px;
}


.contactcontainer{
vertical-align: top;
    padding: 32px;
    text-align: center;
    display: inline-block;
    width: 360px;
    margin-right: 28px;
    margin-bottom: 28px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #e2e2e2;
    min-height: 194px;

}
</style>
 
@endsection
 

@section('container')

<div class="container-fluid">	
	
	  
<div class="  inner_page_top">
				
			<div class="container">	
				<div class="col-md-12   ">
				
				<div class="breadcrumb">
					<span><a href="{{url('/')}}">Home </a></span> <span> / </span>
 					<span><a href="">Contact Us</a></span> 
				</div>
			
				<div class="col-md-12">
					<h3 class="mb-3" >Contact Us</h3>
					 
				</div>
				
			</div>	
			</div>	
			
			</div>

    
 		
		<div class="container">
	 		
 				 
					
	 

 
	 
	 
	 
	 
	 <div class="row pt-5 m-2">
 			
			 
			
			
			<div class="col-lg-3 d-flex align-items-stretch" data-aos="fade-up">
            <div class="info-box">
              <i class="bx bx-map"></i>
              <h4><i class="fas fa-map-marker-alt"></i> Our Address</h4>
              <p>abc address line goes here , pin code:110000 </p>
            </div>
          </div>

          <div class="col-lg-3 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
            <div class="info-box">
              <i class="bx bx-envelope"></i>
              <h4><i class="fas fa-envelope"></i> Email Us</h4>
              <p>contact@domain.com</p>
            </div>
          </div>

			 
			  <div class="col-lg-3 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
            <div class="info-box">
              <i class="bx bx-envelope"></i>
              <h4> <i class="fas fa-phone-volume"></i> Contact Us</h4>
              <p>+91 9999 999 999</p>
            </div>
          </div>
			
			
				 
			
			
			
			
			
			
			 
	 </div>
	  
 	  
	  <div class="row pt-2 m-2 mb-4 mt-4">
	 	<div class="col-md-12">
	 	<div class="contact_form_message"></div>
 	  	 <form id="contact_us"   method="post"  action="{{url('/contact_submit')}}">
		 {{csrf_field()}}
                           <div class="row">
                                <div class="col-lg-6 col-md-6 col-sm-6" style="padding-bottom: 10px;">
                                    <input class="form-control" name="name" placeholder="Name" type="text" required    data-validation="required" />
                                </div>
								
								
                                <div class="col-lg-6 col-md-6 col-sm-6" style="padding-bottom: 10px;">
                                    <input class="form-control" name="email" placeholder="Email" type="text" required  data-validation="email"/>
                                </div>
                            </div>
                            <div class="row">
                                <div class=" col-md-12 col-sm-12" style="padding-bottom: 10px;">
                                    <input class="form-control" name="phone" placeholder="Phone" type="text" required  data-validation="required"/>
                                </div>
                            </div>
                            <div class="row">
                                <div class=" col-md-12 col-sm-12" style="padding-bottom: 10px;">
                                    <input class="form-control" name="subject" placeholder="Subject" type="text" required />
                                </div>
                            </div>
                            <div class="row">
                                <div class=" col-md-12 col-sm-12">
                                    <textarea style="resize:vertical;" class="form-control" placeholder="Message..." rows="6" name="message" required  data-validation="required"></textarea>
                                </div>
                            </div>
							
							
							 <div class="row mt-3">
                               <div class=" col-md-12 col-sm-12">
                                    <input  id="submit_btn_contact" class="btn btn-primary " type="submit" name="submit" value="SEND MESSAGE" />
                                </div>
                            </div>
							
                          					  <input type="hidden" name="current_url" value="{{url()->full()}}" />

                 </form>
	  
	  	
		 	</div>
	  
	  </div>
	  
	  
	  <div class="row">
	  <br /> <br />
	  	<div class="col-md-12 col-sm-12">
	 
		<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d447986.8531463029!2d76.81115099336581!3d28.69271888103785!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d047309fff32f%3A0xfc5606ed1b5d46c3!2sDelhi%2C%20India!5e0!3m2!1sen!2snp!4v1586016735261!5m2!1sen!2snp" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
	
		</div>
	  
	  </div>
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	   
 
    </div>
				
					
					
		   		</div>
 

@endsection