<?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;">Mobile Application          </h1>
          <p>With the help of our best mobile development team</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/mobile-application.jpg" alt="">
            <h2 class="my-4">Mobile Application            </h2>
            <p>In today life mobile plays important role and makes life easier. The mobile applications help people to complete their task easily. The mobile application must be easily to access and process as well, so that user do not get panic while using it.</p>
            <p>CloudCreatix has delivered great mobile apps for our customers with the help of our best mobile development team and we are enhancing it more and more with the innovation from our customer and team feedback.</p>
          </div>
        </div>
      </div>
    </div>

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