@extends('home.layouts.app')
@section('content')
<!-- Top Bar 1 Section -->
<section class=" d-none d-sm-none d-md-block" style="background-color: #EDE9EB;">
  <div class="container">
      <div class="row">
          <div class="col-md-3 col-6 d-flex justify-content-start align-items-center"><img class="icon-img" src="{{homeTheme()}}/image/email.png"><span class="header-mail">info@exprenza.com</span></div>
          <div class="col-md-3 col-6 d-flex justify-content-center"><button class="book-button" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Book An Appointment</button></div>
          <div class="col-md-3 col-6 d-flex justify-content-center align-items-center"><img class="icon-img" src="{{homeTheme()}}/image/phone2.png"><span class="header-mail">+91 9037669901</span></div>
          <div class="col-md-3 col-6 d-flex justify-content-end align-items-center">
              <a href="#"><i ><img class="smedia" src="{{homeTheme()}}/image/fb1.png" width="75%"></i></a>
              <a href="#"><i ><img class="smedia" src="{{homeTheme()}}/image/insta.png" width="75%"></i></a>
              <a href="#"><i ><img class="smedia" src="{{homeTheme()}}/image/ytube1.png" width="75%"></i></a>
              <a href="#"><i ><img class="smedia" src="{{homeTheme()}}/image/linkedin.png" width="75%"></i></a>
          </div>
      </div>
  </div>
</section>
</div>

    <section style="margin-top: 140px;">
        <div class="container">
          <div class="row">
            <h1 class="map-head" style="color: #280d34;">GET IN TOUCH</h1>
            <p class="map-subhead">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
            <div class="col-md-3 col-12">
              <h4 class="map-location" style="font-size: 22px; font-weight: 600;">
                <img src="{{homeTheme()}}/image/location-icon.png" width="40" height="40">
                ERNAKULAM OFFICE
              </h4>
              <div class="map-box-main d-flex justify-content-center">
              <div class="map-box">
              <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15718.08435293194!2d76.2860537!3d9.9737443!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b080d45b62533b1%3A0xc8eccdcd729f4520!2sExprenza%20Private%20Limited!5e0!3m2!1sen!2sin!4v1696917556587!5m2!1sen!2sin" width="100%" height="250" style="border-radius: 10px 10px 0px 0px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
              <div class="location-details">
                <strong><div style="font-size: 15px; margin-bottom: 7px!important;">ERNAKULAM OFFICE</div></strong>
                <div class="home-address">Exprenza Private Limited 2nd Floor, Samudra Building Iyyatil Junction, Ernakulam 682011</div>
                <strong><div class="home-number">+91 4844066686<br>
                +91 90376 69901<br>
                info@exprenza.com</div></strong>
              </div>
              <a href=""><button class="map-contact">Contact us</button></a>
            </div>
          </div>
            </div>
            <div class="col-md-3 col-12">
              <h4 class="map-location" style="font-size: 22px; font-weight: 600;">
                <img src="{{homeTheme()}}/image/location-icon.png" width="40" height="40">
                THRISSUR OFFICE
              </h4>
              <div class="map-box-main d-flex justify-content-center">
              <div class="map-box" >
                <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15691.68854582496!2d76.2110204!3d10.506799!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba7effc52373475%3A0x4ac63bc20f31d3e3!2sExprenza%20Private%20Limited!5e0!3m2!1sen!2sin!4v1696938694762!5m2!1sen!2sin" width="100%" height="250" style="border-radius: 10px 10px 0px 0px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                <div class="location-details">
                  <strong><div style="font-size: 15px; margin-bottom: 7px!important;">THRISSUR OFFICE</div></strong>
                  <div class="home-address">Exprenza Private Limited<br>39/1953-2, NSS Karayogam Building, Koorkenchery, Thrissur, Kerala - 680007</div>
                  <strong><div class="home-number">+91 97786 17605<br>
                    info@exprenza.com</div></strong>
                </div>
              <a href=""><button class="map-contact">Contact us</button></a>
            </div>
          </div>
            </div>
            <div class="col-md-3 col-12">
              <h4 class="map-location" style="font-size: 22px; font-weight: 600;">
                <img src="{{homeTheme()}}/image/location-icon.png" width="40" height="40">
                KATTAPANA OFFICE
              </h4>
              <div class="map-box-main d-flex justify-content-center">
              <div class="map-box" >
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d502733.61662618665!2d76.33510819170677!3d10.131269820826189!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b07a9d554f0990d%3A0xa8f7e99f5957c78e!2sExprenza%20Private%20Limited!5e0!3m2!1sen!2sin!4v1696938829850!5m2!1sen!2sin" width="100%" height="250" style="border-radius: 10px 10px 0px 0px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                <div class="location-details">
                  <strong><div style="font-size: 15px; margin-bottom: 7px!important;">KATTAPANA OFFICE</div></strong>
                  <div class="home-address">
                    Exprenza Private Limited, 2 nd floor Cheruthenkal building Near newbusstand kattappana,Idukki-685508</div>
                  <strong><div class="home-number">+91 9037669909<br>
                    info@exprenza.com</div></strong>
                </div>
              <a href=""><button class="map-contact">Contact us</button></a>
            </div>
          </div>
            </div>
            <div class="col-md-3 col-12">
              <h4 class="map-location" style="font-size: 22px; font-weight: 600;">
                <img src="{{homeTheme()}}/image/location-icon.png" width="40" height="40">
                PERINTHALMANNA OFFICE
              </h4>
              <div class="map-box-main d-flex justify-content-center">
              <div class="map-box" >
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d502733.61662618665!2d76.33510819170677!3d10.131269820826189!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b07a9d554f0990d%3A0xa8f7e99f5957c78e!2sExprenza%20Private%20Limited!5e0!3m2!1sen!2sin!4v1696938829850!5m2!1sen!2sin" width="100%" height="250" style="border-radius: 10px 10px 0px 0px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                <div class="location-details">
                  <strong><div style="font-size: 15px; margin-bottom: 7px!important;">PERINTHALMANNA OFFICE</div></strong>
                  <div class="home-address">
                    EXPRENZA Pvt Ltd.
    Near Fitcore Gym & HLT Fitness,
    Angadippuram, calicut road, Perintalmanna, Kerala 679321</div>
                  <strong><div class="home-number">+91 6238984820<br>
                    info@exprenza.com</div></strong>
                </div>
              <a href=""><button class="map-contact">Contact us</button></a>
            </div>
          </div>
            </div>
            <div class="col-md-6 center">

              <h3 class="side-form-head">Book Your <br><span style="color: #d83f87;">Free Consultation </span>with<br>the best Study Advisor</h3>
               <p style="text-align:left; font-weight: 600; margin: 0px 50px;">Being one of the best study abroad consultants in Kochi</p>
               <div style="    margin: 5px 40px;">
               <button class="btn-course1">Enquiry</button>
               <button class="btn-course2">Whats App</button>
               <button class="btn-course3">Call Us</button>
              </div>
            </div>
            <div class="col-md-6 col-12 d-flex justify-content-center">
              <div class="container-form">

                <form action="submit.php" method="post">

                    <div class="input-group" style="width: 49%; float: left;">
                      <label style="color: #280d34; margin: 0px;">FIRST NAME</label>
                        <input class="zz" type="text" id="name" name="name" placeholder="" required >
                    </div>
                    <div class="input-group" style="width: 49%; float: right;">
                      <label style="color: #280d34; margin: 0px;">LAST NAME</label>
                      <input class="zz" type="text" id="lastname" name="Lastname" placeholder="" required>
                  </div>
                    <div class="input-group">
                      <label style="color: #280d34; margin: 0px;">E-MAIL</label>
                        <input class="zz" type="email" id="email" name="email" placeholder="" required>
                    </div>
                    <div class="input-group">
                      <label style="color: #280d34; margin: 0px;">PHONE</label>
                      <input class="zz" type="text" id="phone" name="phone" placeholder="" required>
                  </div>

                <div class="input-group">
                  <label style="color: #280d34; margin: 0px;">DESTINATION</label>
                  <select class="form-destination-input" id="dest" name="dest" placeholder="" required>
                    <option></option>
                    <option>Canada</option>
                    <option>Poland</option>
                    <option>Australia</option>
                    </select>
              </div>
                    <div class="input-group">
                      <label style="color: #280d34; margin: 0px;">MESSAGE</label>
                        <textarea class="zz" id="message" name="message" rows="5" placeholder="" required></textarea>
                    </div>
                    <div class="input-group">
                        <button class="submit">SUBMIT</button>
                    </div>
                </form>
            </div>
            </div>

          </div>
        </div>
      </section>
<hr class="hr"/>

 @endsection