@extends('user.layouts.app')
@section('content')
<div class="section">
  <div class="top relative">
    <div class="image---hero about-new"><img src="{{ asset('storage/images/BusinessImage.jpg')}}" alt="" class="object-fit about-hero newsize ourstory"/></div>
    <div class="image---hero about content">
      <div class="hero-content--about-page">
        <h1 class="hero-h1 element-spacer---large"><span class="section-title align---center"> Contact Us</span></h1>
        <p class="text---white element-spacer---medium">We're ready to lead you into the future by guiding your decisions. <br>
Get in touch with us so that we can help you achieve your goal!!</p>
      </div>
    </div>
  </div>
</div>
<!--<div class="section">
  <div>
    <div class="container wawbody w-container">
      <div class="padding---4 center waw-body">
        <h2 class="center element-spacer---medium sin-heeader _50px who"><span class="text---blue title">Meet Our</span>  Team Member</h2>
        <h2 class="text---black who">Showcasing key member of our team, Education-Cube not only tells you who everyone is and what they do, it also gives you a glimpse of who they are outside of the office. These details make the team and the company and brand that much more relatable and friendly. </h2>
        
      </div>
    </div>
    <div>
      
    </div>
    
  </div>
</div> -->
<div class="section contact">
  <div>
    <div class="container w-container">
      <div>
        
        <div class="row---less-fat confirm-class flex---row w-row">
          <div class="column---less-fat flex-mobile---off mobile-cell-spacing flex-nest w-col w-col-4">
            <div class="cell-3 center">
			 <i class="fa fa-map-marker fa-5x" aria-hidden="true"></i>
              <h3 class="element-spacer---medium"><strong>OFFICE LOCATION</strong></h3>
              <p class="element-spacer---medium mt-4 text---blue">
                868 Markham Rd #102 Scarborough, ON M1G 2M3</p>
             
            </div>
          </div>
          <div class="column---less-fat flex-mobile---off mobile-cell-spacing flex-nest w-col w-col-4">
            <div class="cell-3 center">
			 <i class="fa fa-phone fa-5x" aria-hidden="true"></i>
              <h3 class="element-spacer---medium"><strong>CALL US</strong></h3>
              <a href="tel:+1 647-247 1776" class="telephone-text---large text---blue">+1 647-247 1776</a><br>
			  <a href="tel:+91 98749 30178" class="telephone-text---large text---blue">+91 98749 30178</a>
             
            </div>
          </div>
          <div class="column---less-fat flex-mobile---off mobile-cell-spacing flex-nest w-col w-col-4">
            <div class="cell-3 center">
			 <i class="fa fa-globe fa-5x" aria-hidden="true"></i>
              <h3 class="element-spacer---medium"><strong>EMAIL</strong></h3>
              <p class="element-spacer---medium mt-4 text---blue"><a href="mailto::info@education-cube.com" class="text---blue">info@education-cube.com</a></p>
			  
             
            </div>
          </div>
        </div>
		
		<div class="row mt-5 ">
		   <div class="col-lg-6 background---beige">
            <form action="#" method="post" role="form" class="php-email-form pd11">
                <div class="col-md-6 form-group">
                  <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars">
                  <div class="validate"></div>
                </div>
                <div class="col-md-6 form-group">
                  <input type="tel" class="form-control" name="phone" id="phone" placeholder="Your Phone" data-rule="phone" data-msg="Please enter a valid phone">
                  <div class="validate"></div>
                </div>
				<div class="col-md-6 form-group">
                  <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email">
                  <div class="validate"></div>
                </div>
				<div class="col-md-6 form-group">
                  <select class="form-control f-cont" name="know_about" id="know_about">
			    <option value="">How do know about us</option>
			    <option value="Social Media">Social Media </option>
			    <option value="Friends">Friends</option>
			    <option value="Newspaper">Newspaper</option>
			    <option value="Other">Other</option>  
			  </select>
                  <div class="validate"></div>
                </div>
              <div class="col-md-12 form-group">
                <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject">
                <div class="validate"></div>
              </div>
              <div class="col-md-12 form-group">
                <textarea class="form-control" name="message" rows="6" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
                <div class="validate"></div>
              </div>
              
              <div class="text-center"><button type="submit" class="btn btn-default irs-big-btn">Send Message</button></div>
            </form>
          </div>
		<div class="col-md-6">
		    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2881.235130185691!2d-79.23127948437924!3d43.76797775301905!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89d4d05b4f7ac667%3A0xa1a8a6da12091bdd!2s868+Markham+Rd+%23102%2C+Scarborough%2C+ON+M1G+2M3!5e0!3m2!1sen!2sca!4v1550129241315" width="100%" height="440" frameborder="0" style="border:0" allowfullscreen=""></iframe>
		  </div>
		</div>
		
		
		
      </div>
    </div>
  </div>
</div>
@endsection