{% 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-4 m-auto">
        <div class="inner-header text-center heading1">
          <h1>Our Services</h1>
          <div class="space28"></div>
          <a href="/">Home <i class="fa-solid fa-angle-right"></i> <span>Our Services</span></a>
        </div>
      </div>
    </div>
  </div>
</div>
<!--===== HERO AREA ENDS =======-->

<!--===== SERVICE AREA STARTS =======-->
<div class="service1-section-area sp2">
  <div class="container">
    <div class="row">
      <div class="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration="800">
        <div class="service1-boxarea">
          <div class="icons">
            <img src="{% static '/img/icons/service-icon1.svg' %}" alt="">
          </div>
          <div class="arrow">
            <a href="{% url 'pages:dynamic_pages' template_name='service-single' %}"><i class="fa-solid fa-arrow-right"></i></a>
          </div>
          <div class="space24"></div>
          <a href="{% url 'pages:dynamic_pages' template_name='service-single' %}">Cyber Security Solution</a>
          <div class="space16"></div>
          <p>Our advanced cybersecurity solution designed to protect against ever- an evolving threats, approach
            ensures.</p>
          <div class="space24"></div>
          <h5>01</h5>
        </div>
      </div>

      <div class="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration="900">
        <div class="service1-boxarea">
          <div class="icons">
            <img src="{% static '/img/icons/service-icon2.svg' %}" alt="">
          </div>
          <div class="arrow">
            <a href="{% url 'pages:dynamic_pages' template_name='service-single' %}"><i class="fa-solid fa-arrow-right"></i></a>
          </div>
          <div class="space24"></div>
          <a href="{% url 'pages:dynamic_pages' template_name='service-single' %}">Scalable Cloud Solutions</a>
          <div class="space16"></div>
          <p>Our advanced cybersecurity solution designed to protect against ever- an evolving threats, approach
            ensures.</p>
          <div class="space24"></div>
          <h5>02</h5>
        </div>
      </div>

      <div class="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration="1000">
        <div class="service1-boxarea">
          <div class="icons">
            <img src="{% static '/img/icons/service-icon3.svg' %}" alt="">
          </div>
          <div class="arrow">
            <a href="{% url 'pages:dynamic_pages' template_name='service-single' %}"><i class="fa-solid fa-arrow-right"></i></a>
          </div>
          <div class="space24"></div>
          <a href="{% url 'pages:dynamic_pages' template_name='service-single' %}">Data Protection Services</a>
          <div class="space16"></div>
          <p>Our advanced cybersecurity solution designed to protect against ever- an evolving threats, approach
            ensures.</p>
          <div class="space24"></div>
          <h5>03</h5>
        </div>
      </div>

      <div class="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration="1100">
        <div class="service1-boxarea">
          <div class="icons">
            <img src="{% static '/img/icons/service-icon4.svg' %}" alt="">
          </div>
          <div class="arrow">
            <a href="{% url 'pages:dynamic_pages' template_name='service-single' %}"><i class="fa-solid fa-arrow-right"></i></a>
          </div>
          <div class="space24"></div>
          <a href="{% url 'pages:dynamic_pages' template_name='service-single' %}">Optimization Management</a>
          <div class="space16"></div>
          <p>Our advanced cybersecurity solution designed to protect against ever- an evolving threats, approach
            ensures.</p>
          <div class="space24"></div>
          <h5>04</h5>
        </div>
      </div>

      <div class="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration="1200">
        <div class="service1-boxarea">
          <div class="icons">
            <img src="{% static '/img/icons/service-icon5.svg' %}" alt="">
          </div>
          <div class="arrow">
            <a href="{% url 'pages:dynamic_pages' template_name='service-single' %}"><i class="fa-solid fa-arrow-right"></i></a>
          </div>
          <div class="space24"></div>
          <a href="{% url 'pages:dynamic_pages' template_name='service-single' %}">HelpDesk 360 Solutions</a>
          <div class="space16"></div>
          <p>Our advanced cybersecurity solution designed to protect against ever- an evolving threats, approach
            ensures.</p>
          <div class="space24"></div>
          <h5>05</h5>
        </div>
      </div>

      <div class="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration="1300">
        <div class="service1-boxarea">
          <div class="icons">
            <img src="{% static '/img/icons/service-icon6.svg' %}" alt="">
          </div>
          <div class="arrow">
            <a href="{% url 'pages:dynamic_pages' template_name='service-single' %}"><i class="fa-solid fa-arrow-right"></i></a>
          </div>
          <div class="space24"></div>
          <a href="{% url 'pages:dynamic_pages' template_name='service-single' %}">Software Development</a>
          <div class="space16"></div>
          <p>Our advanced cybersecurity solution designed to protect against ever- an evolving threats, approach
            ensures.</p>
          <div class="space24"></div>
          <h5>06</h5>
        </div>
      </div>

      <div class="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration="800">
        <div class="service1-boxarea">
          <div class="icons">
            <img src="{% static '/img/icons/service-icon4.svg' %}" alt="">
          </div>
          <div class="arrow">
            <a href="{% url 'pages:dynamic_pages' template_name='service-single' %}"><i class="fa-solid fa-arrow-right"></i></a>
          </div>
          <div class="space24"></div>
          <a href="{% url 'pages:dynamic_pages' template_name='service-single' %}">Cyber Security Solution</a>
          <div class="space16"></div>
          <p>Our advanced cybersecurity solution designed to protect against ever- an evolving threats, approach
            ensures.</p>
          <div class="space24"></div>
          <h5>07</h5>
        </div>
      </div>

      <div class="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration="900">
        <div class="service1-boxarea">
          <div class="icons">
            <img src="{% static '/img/icons/service-icon5.svg' %}" alt="">
          </div>
          <div class="arrow">
            <a href="{% url 'pages:dynamic_pages' template_name='service-single' %}"><i class="fa-solid fa-arrow-right"></i></a>
          </div>
          <div class="space24"></div>
          <a href="{% url 'pages:dynamic_pages' template_name='service-single' %}">Scalable Cloud Solutions</a>
          <div class="space16"></div>
          <p>Our advanced cybersecurity solution designed to protect against ever- an evolving threats, approach
            ensures.</p>
          <div class="space24"></div>
          <h5>08</h5>
        </div>
      </div>

      <div class="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration="1000">
        <div class="service1-boxarea">
          <div class="icons">
            <img src="{% static '/img/icons/service-icon6.svg' %}" alt="">
          </div>
          <div class="arrow">
            <a href="{% url 'pages:dynamic_pages' template_name='service-single' %}"><i class="fa-solid fa-arrow-right"></i></a>
          </div>
          <div class="space24"></div>
          <a href="{% url 'pages:dynamic_pages' template_name='service-single' %}">Data Protection Services</a>
          <div class="space16"></div>
          <p>Our advanced cybersecurity solution designed to protect against ever- an evolving threats, approach
            ensures.</p>
          <div class="space24"></div>
          <h5>09</h5>
        </div>
      </div>
    </div>
  </div>
</div>
<!--===== SERVICE AREA ENDS =======-->

<!--===== ABOUT AREA STARTS =======-->
<div class="about6-section-area-widget sp1"
  style="background-image: url(/static/img/all-images/bg/service-bg1.png); background-position: center; background-repeat: no-repeat; background-size: cover;">
  <div class="container">
    <div class="row">
      <div class="col-lg-5">
        <div class="about6-header heading2 bg-heading">
          <h5><span><img src="{% static '/img/icons/sub-logo1.svg' %}" alt=""></span>our mission/vision</h5>
          <div class="space18"></div>
          <h2 class="text-anime-style-3">Driving Innovation: Our Mission Vision at Eitech</h2>
          <div class="space16"></div>
          <p data-aos="fade-left" data-aos-duration="900">At the of innovation, our cutting-edge IT solutions are
            designed transform your business ETech operations. </p>
          <div class="space24"></div>
          <div class="about-boxarea" data-aos="fade-left" data-aos-duration="1000">
            <div class="icons">
              <img src="{% static '/img/icons/service-icon2.svg' %}" alt="">
            </div>
            <div class="content-area">
              <a href="{% url 'pages:dynamic_pages' template_name='service-single' %}">Network Infrastructure Solutions</a>
              <div class="space16"></div>
              <p>In today’s fast-paced world, technology is the backbone of success. Our comprehensive IT.</p>
            </div>
          </div>
          <div class="space24"></div>
          <div class="about-boxarea" data-aos="fade-left" data-aos-duration="1100">
            <div class="icons">
              <img src="{% static '/img/icons/service-icon5.svg' %}" alt="">
            </div>
            <div class="content-area">
              <a href="{% url 'pages:dynamic_pages' template_name='service-single' %}">Performance Tailored IT Services</a>
              <div class="space16"></div>
              <p>Our tailored IT services are crafted to meet your unique business needs, ensuring that.</p>
            </div>
          </div>
          <div class="space32"></div>
          <div class="btn-area1" data-aos="fade-left" data-aos-duration="1200">
            <a href="{% url 'pages:dynamic_pages' template_name='contact' %}" class="vl-btn2">See How We Can Help<i class="fa-solid fa-arrow-right"></i></a>
          </div>
        </div>
      </div>
      <div class="col-lg-1"></div>
      <div class="col-lg-6">
        <div class="images-area">
          <img src="{% static '/img/elements/elements27.png' %}" alt="" class="elements27">
          <div class="img1 image-anime reveal">
            <img src="{% static '/img/all-images/about/about-img13.png' %}" alt="">
          </div>
          <div class="row">
            <div class="col-lg-6 col-md-6">
              <div class="img1 image-anime reveal">
                <div class="space30"></div>
                <img src="{% static '/img/all-images/about/about-img14.png' %}" alt="">
              </div>
            </div>
            <div class="col-lg-6 col-md-6">
              <div class="img1 image-anime reveal">
                <div class="space30"></div>
                <img src="{% static '/img/all-images/about/about-img15.png' %}" alt="">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!--===== ABOUT AREA ENDS =======-->

{% endblock page_content %}