<?php
/**
 * Template Name: Homepage
 */

get_header(); ?>
<main class="main">
   

    <!-- Hero Section -->
    <!-- <section id="hero" class="hero section dark-background">

      <div id="hero-carousel" class="carousel slide carousel-fade" data-bs-ride="carousel" data-bs-interval="5000">

        <div class="carousel-item active " style="background-image: url('./assets/img/mainbg2.png'); display: flex; justify-content: space-evenly; align-items: center; ">
            <img src="<?= bloginfo("template_url") ?>/assets/img/hero.png" alt="">
         <div style="max-width: 370px;">
          <h1>You invision it and TECHDOMAIN Help you to make it.</h1>
         <div class="d-flex justify-content-center">
          <a href="about.html" class="btn-get-started">Read More</a>
         </div>
         </div>
        </div> -->
        <!-- End Carousel Item -->
<!-- 
        <div class="carousel-item " style="background-image: url('./assets/img/mainbg2.png'); display: flex; justify-content: space-evenly; align-items: center; ">
            <img style="width: 50%;" src="<?= bloginfo("template_url") ?>/assets/img/tech-img.png" alt="">
            <div style="max-width: 370px; text-align: center;">
            <h1>IT Support & Services</h1> 
            <p>Our company offers comprehensive IT support and services, including software and mobile development, ensuring seamless digital experiences. With a professional team, we provide cloud solutions, robust network security, and reliable email services to enhance business operations. Whether it's securing your data or building cutting-edge applications, we deliver tailored IT solutions to meet your needs.</p>
            <div class="d-flex justify-content-center">
            <a href="services.html" class="btn-get-started">Read More</a>
            </div>
          </div>
        </div> -->

         <!-- End Carousel Item -->
<!-- 
        <a class="carousel-control-prev" href="#hero-carousel" role="button" data-bs-slide="prev">
          <span class="carousel-control-prev-icon bi bi-chevron-left" aria-hidden="true"></span>
        </a>

        <a class="carousel-control-next" href="#hero-carousel" role="button" data-bs-slide="next">
          <span class="carousel-control-next-icon bi bi-chevron-right" aria-hidden="true"></span>
        </a>

        <ol class="carousel-indicators"></ol>

      </div>
    </section> -->
    <!-- /Hero Section -->
    <section id="home">
      <div class="container">
        <div class="row">
          <div class="col-md-offset-1 col-md-7">
            <h1 class="slide-in wow fadeIn" data-wow-offset="50" data-wow-delay="0.1s">You invision it and <span>TECHDOMAIN </span>Help you to make it.</h1>
            <div class="element">
              <!-- <div  class="sub-element">Hello, this is Techdomain private limited</div>
              <div class="sub-element">Helping you succeed with smart tech solutions and real-world IT education</div> -->
              <!-- <div class="sub-element">Crafting Technology, Creating Tomorrow.</div> -->
          </div>
            <a data-scroll href="#whytochoose" class="btn btn-default">Let's Start</a>
          </div>
        </div>
      </div>
    </section>
         <!-- what we offer Section -->
         <section class="section" id="whytochoose">
          <!-- Section Title -->
          <h2 style=" font-size: 32px;
          font-weight: 700;
          margin-bottom: 20px;
          text-transform: uppercase;
          padding-bottom: 20px;
          position: relative;
          text-align: center;">Why to choose us</h2>
      
          <!-- Image and Text Side by Side -->
          <div class="intro-container">
            <div class="intro-image">
              <img src="<?= bloginfo("template_url") ?>/assets/img/whytochoose.png" alt="Professional team">
            </div>
            <div class="intro-text">
              <p>TECHDOMAIN SOLUTIONS PVT LTD. offers expert software development with a team of skilled professionals. We prioritize innovation, reliability, and client satisfaction, providing tailored solutions and ongoing support. With 24 hours of customer care, just an email away, we build lasting partnerships through expertise, hard work, and seamless performance.</p>
              <p>Our mission is simple — to provide reliable, high-performance software that helps our clients grow, succeed, and stay ahead in a competitive world. Whether you're a startup or an enterprise, we approach every project with a strong focus on quality, transparency, and client satisfaction.</p>
            </div>
          </div>
      
          <!-- Cards Section -->
          <div class="grid">
            <div class="card">
              <div class="card-title"><span>✔️</span>Customer Delight</div>
              <p>Your trust is our benchmark for success. We deliver quality in every service.</p>
            </div>
            <div class="card">
              <div class="card-title"><span>🔐</span>Trusted Security</div>
              <p>We safeguard your data with top-notch protection and reliability.</p>
            </div>
            <div class="card">
              <div class="card-title"><span>🌱</span>Growth-Ready Tech</div>
              <p>We build systems that grow with your business, ensuring long-term success.</p>
            </div>
            <div class="card">
              <div class="card-title"><span>🤝</span>Partner-First Approach</div>
              <p>Your goals drive our strategies. We customize solutions for your needs.</p>
            </div>
            <div class="card">
              <div class="card-title"><span>💡</span>Forward Thinking</div>
              <p>We continuously improve and innovate to stay ahead of tech trends.</p>
            </div>
            <div class="card">
              <div class="card-title"><span>🌍</span>Integrity-Driven</div>
              <p>Transparency and integrity are at the core of everything we do.</p>
            </div>
          </div>
        </section>
  <!-- /what we offer Section -->
    <!-- About Section -->
    
  <!-- Services Section -->
 <!-- /Services Section -->

  <section id="about-section-id" class="about-section" style="background-color: #ffffff;">
    <img style="width: 350px; animation: zoomInOut 6s ease-in-out infinite; " src="<?= bloginfo("template_url") ?>/assets/img/about.png">
  <div class="about-text" >
    <h2 style="text-align: center;">ABOUT US</h2>
    <p style="text-align:justify;"><b style="font-weight: bold;">TECHDOMAIN SOLUTIONS PVT LTD.</b> is the vision of a team of seasoned experts who have united their extensive experience in major infrastructure and IT projects to deliver impactful digital solutions. At the heart of our company lies a commitment to building long-term partnerships founded on trust, reliability, and meaningful collaboration. Our approach is guided by modern, goal-oriented technology and an unwavering focus on quality—ensuring each solution is crafted with precision and purpose.</p>
    <p style="text-align:justify;">We specialize in delivering tailored eCommerce platforms, mobile applications, web solutions, and custom software—developed by professionals who truly understand both the technical and business sides of the industry. Having stood in the shoes of both service providers and clients, we recognize the importance of delivering the right quality at the right value, every time.<b style="font-weight: bold;">At TECHDOMAIN, we don’t just develop software—we create solutions that empower growth, efficiency, and long-lasting success.</b> </p>
  </div>
  <section id="services" class="services section light-background">

    <div class="container">
     
      <div class="row gy-4">
                
        <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100" >
          <div  style="background-color: rgb(232, 235, 245);" class="service-item item-cyan position-relative">
            <div class="icon">
              <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
                <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,521.0016835830174C376.1290562159157,517.8887921683347,466.0731472004068,529.7835943286574,510.70327084640275,468.03025145048787C554.3714126377745,407.6079735673963,508.03601936045806,328.9844924480964,491.2728898941984,256.3432110539036C474.5976632858925,184.082847569629,479.9380746630129,96.60480741107993,416.23090153303,58.64404602377083C348.86323505073057,18.502131276798302,261.93793281208167,40.57373210992963,193.5410806939664,78.93577620505333C130.42746243093433,114.334589627462,98.30271207620316,179.96522072025542,76.75703585869454,249.04625023123273C51.97151888228291,328.5150500222984,13.704378332031375,421.85034740162234,66.52175969318436,486.19268352777647C119.04800174914682,550.1803526380478,217.28368757567262,524.383925680826,300,521.0016835830174"></path>
              </svg>
              <i class="bi bi-star-fill"></i>
            </div>
              <h3>Qualified Specialist</h3>
            </a>
            <p>Qualified specialists with proven expertise to drive innovative and reliable IT solutions.</p>
          </div>
        </div><!-- End Service Item -->

        <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
          <div class="service-item item-orange position-relative">
            <div class="icon">
              <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
                <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,582.0697525312426C382.5290701553225,586.8405444964366,449.9789794690241,525.3245884688669,502.5850820975895,461.55621195738473C556.606425686781,396.0723002908107,615.8543463187945,314.28637112970534,586.6730223649479,234.56875336149918C558.9533121215079,158.8439757836574,454.9685369536778,164.00468322053177,381.49747125262974,130.76875717737553C312.15926192815925,99.40240125094834,248.97055460311594,18.661163978235184,179.8680185752513,50.54337015887873C110.5421016452524,82.52863877960104,119.82277516462835,180.83849132639028,109.12597500060166,256.43424936330496C100.08760227029461,320.3096726198365,92.17705696193138,384.0621239912766,124.79988738764834,439.7174275375508C164.83382741302287,508.01625554203684,220.96474134820875,577.5009287672846,300,582.0697525312426"></path>
              </svg>
              <i class="bi bi-hand-thumbs-up"></i>
            </div>
              <h3>100% satisfaction</h3>
            </a>
            <p>Committed to delivering excellence with a 100% satisfaction guarantee.</p>
          </div>
        </div><!-- End Service Item -->

        <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
          <div  style="background-color: rgb(232, 235, 245);" class="service-item item-teal position-relative">
            <div class="icon">
              <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
                <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,541.5067337569781C382.14930387511276,545.0595476570109,479.8736841581634,548.3450877840088,526.4010558755058,480.5488172755941C571.5218469581645,414.80211281144784,517.5187510058486,332.0715597781072,496.52539010469104,255.14436215662573C477.37192572678356,184.95920475031193,473.57363656557914,105.61284051026155,413.0603344069578,65.22779650032875C343.27470386102294,18.654635553484475,251.2091493199835,5.337323636656869,175.0934190732945,40.62881213300186C97.87086631185822,76.43348514350839,51.98124368387456,156.15599469081315,36.44837278890362,239.84606092416172C21.716077023791087,319.22268207091537,43.775223500013084,401.1760424656574,96.891909868211,461.97329694683043C147.22146801428983,519.5804099606455,223.5754009179313,538.201503339737,300,541.5067337569781"></path>
              </svg>
              <i class="bi bi-currency-rupee"></i>
            </div>
              <h3>
               Competitive Price</h3>
            <p>Top-tier IT solutions at competitive prices without compromising on quality."</p>
          </div>
        </div><!-- End Service Item -->

      </div>

    </div>
    

  </section>
</section> 
    <!-- <section id="about" class="about section">

      <div class="container">

        <div class="row position-relative"> -->

          <!-- <div class="col-lg-7 about-img" data-aos="zoom-out" data-aos-delay="200"><img src="assets/img/aboutusimg-Photoroom (1).png"></div> -->

          <!-- <div class="col-lg-7" data-aos="fade-up" data-aos-delay="100">
            <h2 class="inner-title">About Us</h2>
            <div class="our-story">
              <p style="text-align: justify;" >TECHDOMAIN SOLUTIONS PVT LTD. is a technology-driven company founded by industry experts with deep experience in large-scale infrastructure and IT projects. Built on trust, reliability, and long-term partnerships, the company is committed to delivering high-quality, customized digital solutions that align with client goals.</p>
              <p style="text-align: justify;" >With a strong focus on innovation, TECHDOMAIN offers advanced eCommerce solutions that help businesses build a secure and scalable online presence. The company also develops high-performance mobile applications for Android and iOS, designed to enhance user engagement and operational efficiency. In web application development, TECHDOMAIN creates intuitive, responsive, and feature-rich platforms tailored to diverse business needs.</p>
             <p style="text-align: justify;">By combining industry expertise with the latest technologies, TECHDOMAIN ensures every project is result-oriented, future-ready, and impactful. Whether for startups or established enterprises, TECHDOMAIN serves as a reliable technology partner, dedicated to driving digital transformation and business success through smart, goal-driven solutions.</p>
            </div>
          </div>

        </div>

      </div>

    </section>/About Section -->
 <!-- Services Section -->
      <section id="services" class="services section light-background">

        <div class="container">
          <h2 style="
          font-size: 32px;
          font-weight: 700;
          margin-bottom: 20px;
          text-transform: uppercase;
          padding-bottom: 20px;
          position: relative;
          text-align: center;
      ">IT Support &amp; Services</h2>
          <div class="row gy-4">
                    
            <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100" >
              <div  style="background-color: rgb(232, 235, 245);" class="service-item item-cyan position-relative">
                <div class="icon">
                  <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
                    <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,521.0016835830174C376.1290562159157,517.8887921683347,466.0731472004068,529.7835943286574,510.70327084640275,468.03025145048787C554.3714126377745,407.6079735673963,508.03601936045806,328.9844924480964,491.2728898941984,256.3432110539036C474.5976632858925,184.082847569629,479.9380746630129,96.60480741107993,416.23090153303,58.64404602377083C348.86323505073057,18.502131276798302,261.93793281208167,40.57373210992963,193.5410806939664,78.93577620505333C130.42746243093433,114.334589627462,98.30271207620316,179.96522072025542,76.75703585869454,249.04625023123273C51.97151888228291,328.5150500222984,13.704378332031375,421.85034740162234,66.52175969318436,486.19268352777647C119.04800174914682,550.1803526380478,217.28368757567262,524.383925680826,300,521.0016835830174"></path>
                  </svg>
                  <i class="bi bi-broadcast"></i>
                </div>
                <a href="software.html" class="stretched-link">
                  <h3>Software development</h3>
                </a>
                <p>We build reliable software solutions tailored for enterprises across diverse industries. Our applications feature intuitive user interfaces, operate efficiently, and undergo rigorous testing. Our team excels in developing CRM, ERM, EAM, and SCM systems, along with a wide range of other corporate software products.                </p>
              </div>
            </div><!-- End Service Item -->
  
            <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
              <div class="service-item item-orange position-relative">
                <div class="icon">
                  <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
                    <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,582.0697525312426C382.5290701553225,586.8405444964366,449.9789794690241,525.3245884688669,502.5850820975895,461.55621195738473C556.606425686781,396.0723002908107,615.8543463187945,314.28637112970534,586.6730223649479,234.56875336149918C558.9533121215079,158.8439757836574,454.9685369536778,164.00468322053177,381.49747125262974,130.76875717737553C312.15926192815925,99.40240125094834,248.97055460311594,18.661163978235184,179.8680185752513,50.54337015887873C110.5421016452524,82.52863877960104,119.82277516462835,180.83849132639028,109.12597500060166,256.43424936330496C100.08760227029461,320.3096726198365,92.17705696193138,384.0621239912766,124.79988738764834,439.7174275375508C164.83382741302287,508.01625554203684,220.96474134820875,577.5009287672846,300,582.0697525312426"></path>
                  </svg>
                  <i class="bi bi-card-checklist"></i>
                </div>
                <a href="digitalM.html" class="stretched-link">
                  <h3>Digital Marketing</h3>
                </a>
                <p>Our digital marketing team excels in SEO design, content creation, backlinks, social media, and conversion optimization. We craft result-driven strategies tailored to your business needs, making us your reliable, all-in-one partner for smart and effective online marketing solutions.</p>
              </div>
            </div><!-- End Service Item -->
  
            <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
              <div  style="background-color: rgb(232, 235, 245);" class="service-item item-teal position-relative">
                <div class="icon">
                  <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
                    <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,541.5067337569781C382.14930387511276,545.0595476570109,479.8736841581634,548.3450877840088,526.4010558755058,480.5488172755941C571.5218469581645,414.80211281144784,517.5187510058486,332.0715597781072,496.52539010469104,255.14436215662573C477.37192572678356,184.95920475031193,473.57363656557914,105.61284051026155,413.0603344069578,65.22779650032875C343.27470386102294,18.654635553484475,251.2091493199835,5.337323636656869,175.0934190732945,40.62881213300186C97.87086631185822,76.43348514350839,51.98124368387456,156.15599469081315,36.44837278890362,239.84606092416172C21.716077023791087,319.22268207091537,43.775223500013084,401.1760424656574,96.891909868211,461.97329694683043C147.22146801428983,519.5804099606455,223.5754009179313,538.201503339737,300,541.5067337569781"></path>
                  </svg>
                  <i class="bi bi-easel"></i>
                </div>
                <a href="ITcons.html" class="stretched-link">
                  <h3>
                   IT Consulting</h3>
                </a>
                <p>At CWT, we align your IT infrastructure with your business goals through expert consulting and smart solutions. With years of experience, we deliver efficient, cost-effective improvements that drive measurable results and keep you ahead in the digital landscape.</p>
              </div>
            </div><!-- End Service Item -->
  
            <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="400">
              <div class="service-item item-red position-relative">
                <div class="icon">
                  <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
                    <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,503.46388370962813C374.79870501325706,506.71871716319447,464.8034551963731,527.1746412648533,510.4981551193396,467.86667711651364C555.9287308511215,408.9015244558933,512.6030010748507,327.5744911775523,490.211057578863,256.5855673507754C471.097692560561,195.9906835881958,447.69079081568157,138.11976852964426,395.19560036434837,102.3242989838813C329.3053358748298,57.3949838291264,248.02791733380457,8.279543830951368,175.87071277845988,42.242879143198664C103.41431057327972,76.34704239035025,93.79494320519305,170.9812938413882,81.28167332365135,250.07896920659033C70.17666984294237,320.27484674793965,64.84698225790005,396.69656628748305,111.28512138212992,450.4950937839243C156.20124167950087,502.5303643271138,231.32542653798444,500.4755392045468,300,503.46388370962813"></path>
                  </svg>
                  <i class="bi bi-bounding-box-circles"></i>
                </div>
                <a href="Cloud.html" class="stretched-link">
                  <h3>Cloud services</h3>
                </a>
                <p>Cloud storage allows users to save, access, and manage data online instead of on physical devices. It's flexible, scalable, and secure—reducing hardware costs and enabling remote access from anywhere, making it ideal for modern businesses and individuals alike.</p>
                <a href="Cloud.html" class="stretched-link"></a>
              </div>
            </div><!-- End Service Item -->
  
            <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="500">
              <div  style="background-color: rgb(232, 235, 245);" class="service-item item-indigo position-relative">
                <div class="icon">
                  <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
                    <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,521.0016835830174C376.1290562159157,517.8887921683347,466.0731472004068,529.7835943286574,510.70327084640275,468.03025145048787C554.3714126377745,407.6079735673963,508.03601936045806,328.9844924480964,491.2728898941984,256.3432110539036C474.5976632858925,184.082847569629,479.9380746630129,96.60480741107993,416.23090153303,58.64404602377083C348.86323505073057,18.502131276798302,261.93793281208167,40.57373210992963,193.5410806939664,78.93577620505333C130.42746243093433,114.334589627462,98.30271207620316,179.96522072025542,76.75703585869454,249.04625023123273C51.97151888228291,328.5150500222984,13.704378332031375,421.85034740162234,66.52175969318436,486.19268352777647C119.04800174914682,550.1803526380478,217.28368757567262,524.383925680826,300,521.0016835830174"></path>
                  </svg>
                  <i class="bi bi-activity"></i>
                </div>
                <a href="network.html" class="stretched-link">
                  <h3>Network security</h3>
                </a>
                <p> Our Network Security Services protect your business from cyber threats like data breaches and malware. With proactive monitoring and advanced security protocols, we ensure your systems remain secure, stable, and resilient while allowing safe access for authorized users.</p>
                <a href="network.html" class="stretched-link"></a>
              </div>
            </div><!-- End Service Item -->
  
            <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="600">
              <div class="service-item item-pink position-relative">
                <div class="icon">
                  <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
                    <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,566.797414625762C385.7384707136149,576.1784315230908,478.7894351017131,552.8928747891023,531.9192734346935,484.94944893311C584.6109503024035,417.5663521118492,582.489472248146,322.67544863468447,553.9536738515405,242.03673114598146C529.1557734026468,171.96086150256528,465.24506316201064,127.66468636344209,395.9583748389544,100.7403814666027C334.2173773831606,76.7482773500951,269.4350130405921,84.62216499799875,207.1952322260088,107.2889140133804C132.92018162631612,134.33871894543012,41.79353780512637,160.00259165414826,22.644507872594943,236.69541883565114C3.319112789854554,314.0945973066697,72.72355303640163,379.243833228382,124.04198916343866,440.3218312028393C172.9286146004772,498.5055451809895,224.45579914871206,558.5317968840102,300,566.797414625762"></path>
                  </svg>
                  <i class="bi bi-chat-square-text"></i>
                </div>
                <a href="email.html" class="stretched-link">
                  <h3>Email services</h3>
                </a>
                <p>Email is essential for business communication, from internal updates to customer engagement. Our IT-managed email services ensure secure, reliable, and professional communication by selecting the right platform, setting up secure systems, and aligning everything with your business needs.</p>
                <a href="email.html" class="stretched-link"></a>
              </div>
            </div><!-- End Service Item -->
  
          </div>
  
        </div>
        
  
      </section>
<!-- /Services Section -->
 <!-- Features Section -->
 <section id="features" class="features section" style="margin-bottom: 60px;">
  <div class="container">
    <h2 style="
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    padding-bottom: 20px;
 
    position: relative;
    text-align: center;
">FEATURES</h2>
    <div class="row gy-4">

      <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="100">
        <div class="features-item"  style="background-color: rgb(232, 235, 245);">
          <i class=" bi-card-checklist" style="color: #ffbb2c;"></i>
          <h3><a href="" class="stretched-link"> Software Development</a></h3>
        </div>
      </div><!-- End Feature Item -->

      <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="200">
        <div class="features-item">
          <i class="bi bi-broadcast" style="color: #5578ff;"></i>
          <h3><a href="" class="stretched-link">Mobile Development</a></h3>
        </div>
      </div><!-- End Feature Item -->

      <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="300">
        <div class="features-item"  style="background-color: rgb(232, 235, 245);">
          <i class="bi bi-easel " style="color: #e80368;"></i>
          <h3><a href="" class="stretched-link">Professional Team Support</a></h3>
        </div>
      </div><!-- End Feature Item -->

      <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="400">
        <div class="features-item">
          <i class="bi bi-nut" style="color: #e361ff;"></i>
          <h3><a href="" class="stretched-link">Cloud Services</a></h3>
        </div>
      </div><!-- End Feature Item -->

      <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="500">
        <div class="features-item" >
          <i class="bi bi-shuffle" style="color: #47aeff;"></i>
          <h3><a href="" class="stretched-link">Network Security</a></h3>
        </div>
      </div><!-- End Feature Item -->

      <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="600">
        <div class="features-item" style="background-color: rgb(232, 235, 245);">
          <i class="bi bi-chat-square-text" style="color: #ffa76e;"></i>
          <h3><a href="" class="stretched-link">Email Services</a></h3>
        </div>
      </div><!-- End Feature Item -->

      <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="700">
        <div class="features-item" >
          <i class="bi bi-x-diamond" style="color: #11dbcf;"></i>
          <h3><a href="" class="stretched-link"> IT Infrastructure Management</a></h3>
        </div>
      </div><!-- End Feature Item -->

      <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="800">
        <div class="features-item"style="background-color: rgb(232, 235, 245);">
          <i class="bi bi-bounding-box-circles" style="color: #4233ff;"></i>
          <h3><a href="" class="stretched-link">Web Development & Hosting</a></h3>
        </div>
      </div><!-- End Feature Item -->

      <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="900">
        <div class="features-item" style="background-color: rgb(232, 235, 245);">
          <i class="bi bi-command" style="color: #b2904f;"></i>
          <h3><a href="" class="stretched-link">Graphics, UI Design & Animation</a></h3>
        </div>
      </div><!-- End Feature Item -->

      <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="1000">
        <div class="features-item">
          <i class="bi bi-mortarboard" style="color: #b20969;"></i>
          <h3><a href="" class="stretched-link">Education and IT Training</a></h3>
        </div>
      </div><!-- End Feature Item -->
      <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="1100">
        <div class="features-item" style="background-color: rgb(232, 235, 245);">
          <i class="bi bi-activity" style="color: #ff5828;"></i>
          <h3><a href="" class="stretched-link">Application Maintenance Support</a></h3>
        </div>
      </div><!-- End Feature Item -->

      <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="1200">
        <div class="features-item">
          <i class="bi bi-brightness-high" style="color: #29cc61;"></i>
          <h3><a href="" class="stretched-link">I.T. Consultancy & Project Management</a></h3>
        </div>
      </div><!-- End Feature Item -->

    </div>

  </div>

</section><!-- /Features Section -->
  <!-- our project begin -->
  <div style="background:#fff;margin-bottom:60px;">
    <h2 style="font-size:32px;font-weight:700;margin:40px 0 20px;text-transform:uppercase;text-align:center;  padding-top: 30px;">
      Some of Our Best Work
    </h2>

    <div class="carousel-container">
      <button class="nav-btn nav-btn-left" onclick="prevSlide()"><i class="bi bi-arrow-left"></i></button>

      <div id="carouselSlide" class="carousel-slide">
        <div class="project-card" onclick="showProjectDetails('eAakalan Portal','./assets/img/eaklan.png')">
          <img src="<?= bloginfo("template_url") ?>/assets/img/eaklan.png" alt="Project 1"><div class="overlay">eAakalan Portal</div>
        </div>
        <div class="project-card" onclick="showProjectDetails('Panchayati Raj Institute of Training','./assets/img/panch.png')">
          <img src="<?= bloginfo("template_url") ?>/assets/img/panch.png" alt="Project 2"><div class="overlay">Panchayati Raj Institute of Training</div>
        </div>
        <div class="project-card" onclick="showProjectDetails('Goseva Ayog UP Portal','./assets/img/goseva.png')">
          <img src="<?= bloginfo("template_url") ?>/assets/img/goseva.png" alt="Project 3"><div class="overlay">Goseva Ayog UP Portal</div>
        </div>
        <div class="project-card" onclick="showProjectDetails('Jagriti Foundation Trust','./assets/img/jagriti.png')">
          <img src="<?= bloginfo("template_url") ?>/assets/img/jagriti.png" alt="Project 4"><div class="overlay">Jagriti Foundation Trust</div>
        </div>
        <div class="project-card" onclick="showProjectDetails('Citizen Service Center Amethi','./assets/img/amethi.png')">
          <img src="<?= bloginfo("template_url") ?>/assets/img/amethi.png" alt="Project 5"><div class="overlay">CSC Amethi Dashboard</div>
        </div>
        <div class="project-card" onclick="showProjectDetails('eAakalan Mobile App','./assets/img/eakalanmm.jpg')">
          <img src="<?= bloginfo("template_url") ?>/assets/img/eakalanmm.jpg" alt="Project 6"><div class="overlay">eAakalan Mobile App</div>
        </div>
        <div class="project-card" onclick="showProjectDetails('Examination Webcasting','./assets/img/wecasting.jpeg')">
          <img src="<?= bloginfo("template_url") ?>/assets/img/wecasting.jpeg" alt="Project 7"><div class="overlay">Examination Webcasting</div>
        </div>
      </div>

      <button class="nav-btn nav-btn-right" onclick="nextSlide()"><i class="bi bi-arrow-right"></i></button>
    </div>
  </div>   <!-- Modal for Project Details -->
  <!-- Modal for Project Details -->
  <div class="modal fade" id="projectModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered">
      <div class="modal-content text-center">
        <div class="modal-header">
          <h5 class="modal-title" id="projectTitle"></h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <img id="projectImage" class="img-fluid" alt="Project">
        </div>
      </div>
    </div>
  </div>
  <!-- our project end -->
      <!-- client section -->
      <div class="clients-section" style=" margin-bottom: 60px;">
        <h2>Our Technology Partners</h2>
        <div class="autoplay">
          <div class="slide"><img src="<?= bloginfo("template_url") ?>/assets/client1.png" alt="Nature Slide"></div>
          <div class="slide"><img src="<?= bloginfo("template_url") ?>/assets/client-2.png" alt="Tech Slide"></div>
          <div class="slide"><img src="<?= bloginfo("template_url") ?>/assets/client-3.png" alt="City Slide"></div>
          <div class="slide"><img src="<?= bloginfo("template_url") ?>/assets/client-4.png" alt="City Slide"></div>
          <div class="slide"><img src="<?= bloginfo("template_url") ?>/assets/client-5.png" alt="City Slide"></div>
          <div class="slide"><img src="<?= bloginfo("template_url") ?>/assets/client-6.png" alt="Nature Slide"></div>
          <div class="slide"><img src="<?= bloginfo("template_url") ?>/assets/client-7.png" alt="Tech Slide"></div>
          <div class="slide"><img src="<?= bloginfo("template_url") ?>/assets/client-8.png" alt="City Slide"></div>
          <div class="slide"><img src="<?= bloginfo("template_url") ?>/assets/client-9.png" alt="City Slide"></div> 
        </div>
      </div>
      
  </main>
<?php // get_sidebar(); ?>
<?php get_footer(); ?>
