{% extends 'landing.html' %}

{% load static %}

{% block page_content %}

<!--===== HERO AREA STARTS =======-->
<div class="inner-page-hero-area"
  style="background-image: url(/static/img/all-images/bg/hero-bg1.png); background-position: center; background-repeat: no-repeat; background-size: cover;">
  <img src="{% static '/img/elements/elements5.png' %}" alt="" class="elements5">
  <img src="{% static '/img/elements/elements4.png' %}" alt="" class="elements4">
  <img src="{% static '/img/elements/elements1.png' %}" alt="" class="elements1 keyframe5">
  <img src="{% static '/img/elements/elements16.png' %}" alt="" class="elements16">

  <div class="container">
    <div class="row">
      <div class="col-lg-8 m-auto">
        <div class="inner-header text-center heading1">
          <h1>Contact Us</h1>
          <div class="space28"></div>
          <a href="/">Home <i class="fa-solid fa-angle-right"></i> <span>Contact Us</span></a>
        </div>
      </div>
    </div>
  </div>
</div>
<!--===== HERO AREA ENDS =======-->

<!--===== CONTACT AREA STARTS =======-->
<div class="contact-inner-area sp1">
  <div class="container">
    <div class="row">
      <div class="col-lg-10 m-auto">
        <div class="heading2 text-center">
          <h5><span><img src="{% static '/img/icons/sub-logo1.svg' %}" alt=""></span>Have Questions? Reach Out!</h5>
          <div class="space20"></div>
          <h2>Let's Discuss Your IT Needs</h2>
        </div>
        <div class="space40"></div>
        <div class="row">
          <div class="col-lg-4 col-md-6">
            <div class="widget-contactbox">
              <div class="icons">
                <img src="{% static '/img/icons/mail2.svg' %}" alt="">
              </div>
              <div class="content">
                <h4>Our Email</h4>
                <a href="mailto:eitechsolut@gmail.com">eitechsolut@gmail.com</a>
              </div>
            </div>
            <div class="space30 d-lg-none d-block"></div>
          </div>

          <div class="col-lg-4 col-md-6">
            <div class="widget-contactbox">
              <div class="icons">
                <img src="{% static '/img/icons/phn2.svg' %}" alt="">
              </div>
              <div class="content">
                <h4>Phone</h4>
                <a href="tel:+11234567890">+1 123 456 7890</a>
              </div>
            </div>
            <div class="space30 d-lg-none d-block"></div>
          </div>

          <div class="col-lg-4 col-md-6">
            <div class="widget-contactbox">
              <div class="icons">
                <img src="{% static '/img/icons/time2.svg' %}" alt="">
              </div>
              <div class="content">
                <h4>Schedule</h4>
                <a href="mailto:eitechsolut@gmail.com">Sunday-Fri: 9 AM – 6 PM</a>
              </div>
            </div>
          </div>
        </div>
        <div class="space60"></div>
        <div class="row">
          <div class="col-lg-6">
            <div class="img1 reveal image-anime">
              <img src="{% static '/img/all-images/others/others-img2.png' %}" alt="">
            </div>
          </div>

          <div class="col-lg-6">
            <div class="contact-author-boxarea">
              <h3>Get In Touch Now</h3>
              <div class="space8"></div>
              <div class="row">
                <div class="col-lg-6">
                  <div class="input-area">
                    <input type="text" placeholder="First Name*">
                  </div>
                </div>

                <div class="col-lg-6">
                  <div class="input-area">
                    <input type="text" placeholder="Last Name*">
                  </div>
                </div>

                <div class="col-lg-6">
                  <div class="input-area">
                    <input type="number" placeholder="Phone Number*">
                  </div>
                </div>

                <div class="col-lg-6">
                  <div class="input-area">
                    <input type="email" placeholder="Email Address*">
                  </div>
                </div>
                <div class="col-lg-12">
                  <div class="input-area">
                    <input type="text" placeholder="Service Type*">
                  </div>
                </div>

                <div class="col-lg-12">
                  <div class="input-area">
                    <textarea placeholder="Your Message"></textarea>
                  </div>
                </div>
                <div class="col-lg-12">
                  <div class="space32"></div>
                  <div class="input-area">
                    <button type="submit" class="vl-btn2">Get Started Now <i
                        class="fa-solid fa-arrow-right"></i></button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!--===== CONTACT AREA ENDS =======-->

{% endblock page_content %}