<?php require 'header.php'; ?>
<style>
  .hero {
    min-height: 60vh !important;
  }

  .single-service-menu ul li {
    border-bottom: 1px solid #ededed;
  }

  .single-service-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .single-service-menu ul li a {
    color: #404040;
    font-weight: 500;
    font-size: 15px;
    padding: 12px 0 12px 30px;
    display: block;
    text-transform: uppercase;
    background-color: transparent;
    position: relative;
  }

  .single-service-menu ul li a:hover {
    background-color: rgb(41 52 144);
    color: #ffffff;
    padding-left: 45px;
  }
  .single-service-menu {
    background-color: #f8f8f8;
    margin-bottom: 45px;
}
</style>
<main>
  <!-- Hero Section -->
  <section id="hero" class="hero section">
    <div class="container">
      <div class="row gy-4">
        <div class="col-lg-7 order-2 order-lg-1 d-flex flex-column justify-content-center" data-aos="zoom-out">
          <h1 style="color:#fff;">App Development          </h1>
          <p>We understand the complexity and challenges</p>
          <div class="d-flex">
            <a href="about.php" class="btn-get-started">Get Started</a>
            <a href="javascript:void(0);" class="glightbox btn-watch-video d-flex align-items-center"><i
                class="bi bi-play-circle"></i><span>Watch Video</span></a>
          </div>
        </div>
        <div class="col-lg-5 order-1 order-lg-2 hero-img text-end" data-aos="zoom-out" data-aos-delay="200">
          <img src="assets/images/about-us.png" class="img-fluid w-100 animated" alt="">
        </div>
      </div>
    </div>
  </section>
  <!-- /Hero Section -->

  <section>
    <div class="container">
      <div class="row">
        <div class="col-lg-3 col-md-5">
          <div class="single-service-menu ">
            <ul>
              <li><a href="crm-support.php">CRM Support</a></li>
              <li><a href="app-development.php">App Development</a></li>
              <li><a href="crm-development.php">CRM Development</a></li>
              <li><a href="consulting-services.php">Consulting Services</a></li>
              <li><a href="mobile-application.php">Mobile Application</a></li>
              <li><a href="website-design.php">Website Design</a></li>
              <li><a href="ecommerce-design.php">e-Commerce Design</a></li>
            </ul>
          </div>
        </div>
        <div class="col-lg-9 col-md-7">
          <div class="single-page-service px-xl-5">
            <img src="https://www.cloudconics.com/assets/img/application-development.jpg" alt="">
            <h2 class="my-4">Application Development</h2>
            <p>CloudCreatix has expert team of the Application development and we have made more than 10
              happy customers. Our greatest achievement of developing application for UP Electricity Board
              successfully.</p>
            <p>We understand the complexity and challenges of application development from database setup,
              application accessibility in local network and data processing.</p>
          </div>
        </div>
      </div>
    </div>

  </section>
</main>
<?php require 'footer.php'; ?>