<?php $this->load->view('home/header');?>
 <div class="breadcrumb-wrap">
    <div class="banner">
      <img class="bg-img bg-top" src="<?=base_url();?>assets/images/inner-page/banner-p.jpg" alt="banner" />
      <div class="container-lg">
        <div class="breadcrumb-box">
          <div class="heading-box">
            <h1>Contact Us</h1>
          </div>
          <ol class="breadcrumb">
            <li><a href="<?=base_url();?>">Home</a></li>
            <li>
              <a href="javascript:void(0)"><i data-feather="chevron-right"></i></a>
            </li>
            <li class="current"><a href="<?=base_url('home/contact');?>">Contact Us</a></li>
          </ol>
        </div>
      </div>
    </div>
  </div>
<section class="contact-section">
        <div class="container-lg">
          <div class="row gy-4 gy-xl-0 gx-0 gx-xl-4">
            <div class="col-xl-6 order-2 order-xl-1">
              <!-- Reply From Section Start -->
              <div class="replay-form round-wrap-content top-space" id="replaySection">
                <div class="title-box4">
                  <h4 class="heading">Send Your Message<span class="bg-theme-blue"></span></h4>
                </div>
   <form action="<?php echo base_url('home/send_mail');?>" class="custom-form form-pill" method="post">
                  <div class="row g-3 g-sm-4">
                    <div class="col-sm-6">
                      <div class="input-box">
                        <label for="fName">Name</label>
                        <input name="name" id="fName" type="text" class="form-control" />
                      </div>
                    </div>
                   

                    <div class="col-sm-6">
                      <div class="input-box">
                        <label for="email">Email Address</label>
                        <input name="email" id="email" type="email" class="form-control" />
                      </div>
                    </div>

                    <div class="col-sm-6">
                      <div class="input-box">
                        <label for="email">Phone Number</label>
                        <input maxlength="9" name="mobile" id="number" type="number" class="form-control" />
                      </div>
                    </div>
                    <div class="col-sm-6">
                      <div class="input-box">
                        <label for="lName">Subject</label>
                        <input name="sub" id="sub" type="text" class="form-control" />
                      </div>
                    </div>
                    <div class="col-12">
                      <div class="input-box">
                        <label for="comment">Message</label>
                        <textarea name="msg" class="form-control" id="msg" cols="30" rows="5"></textarea>
                      </div>
                    </div>

                    <div class="col-12 text-end">
                      <button type="submit" name="submit" class="post-button btn btn-solid btn-sm mb-line">Submit <i class="arrow"></i></button>
                    </div>
                  </div>
                </form>
              </div>
              <!-- Reply From Section End -->
            </div>

            <div class="col-xl-6 order-1 order-xl-2">
              <div class="address-content round-wrap-content">
                <div class="title-box4">
                  <h4 class="heading">Let's Get In Touch<span class="bg-theme-blue"></span></h4>
                </div>

                <div class="steps-wrap">
                  <div class="row">
                    <div class="col-12">
                      <div class="steps-box mt-0">
                        <span><i data-feather="map-pin"></i></span>
                        <div class="content">
                          <h4 class="title-color">Address</h4>
                          <p class="content-color">58/8, BARSATI FLOOR, ASHOK NAGAR, West Delhi, Delhi, 110018</p>
                        </div>
                      </div>
                    </div>

                    <div class="col-sm-6">
                      <div class="steps-box">
                        <span><i data-feather="phone"></i></span>
                        <div class="content">
                          <h4 class="title-color">Contact Number</h4>
                          <p class="content-color">+91-9990880346</p>
                        </div>
                      </div>
                    </div>

                    <div class="col-sm-6">
                      <div class="steps-box">
                        <span><i data-feather="mail"></i></span>
                        <div class="content">
                          <h4 class="title-color">Email Address</h4>
                          <p class="content-color">info@gutlooks.com</p>
                          <p class="content-color">gutlooks@gmail.com</p>
                        </div>
                      </div>
                    </div>

                 
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <!-- Map Section Start -->
      <div class="map-section">
        <div class="row g-0">
          <div class="col-12 p-0">
            <div class="location-map">
                <iframe class="map-iframe"  src = "https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d3501.944849194831!2d77.27694557550076!3d28.631414975665287!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMjjCsDM3JzUzLjEiTiA3N8KwMTYnNDYuMyJF!5e0!3m2!1sen!2sin!4v1709273880834!5m2!1sen!2sin" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            </div>
          </div>
        </div>
      </div>

    <?php $this->load->view('home/footer');?>