BossBey File Manager

Editing: mobile-apps.php

<?php include "includes/header.php" ?>
  <style>
      .mobile_app,
      #packages_price,
      .bigpackage {
          display: none;
      }

.header {
          padding: 0.5rem 3rem 0;
          background: black;
      }

nav ul li a {

color: var(--white-color) !important;

}
  </style>
  <section class="bg-image  services-banner branding-sec mobile-app">
    <?php include "includes/particle.php" ?>
    <div class="shape-layer">
        <span class="shape shape-trian"></span>
        <div id="triangle"></div>
        <span class="shape shape-Border"></span>
        <span class="shape shape-Border2"></span>
    </div>
  
      
      <div class="container-fluid ">
         
          
         <div class="row align-items-center">
         <div class="col-md-7">
              <div class="sec-hading branding-hading" data-aos="fade-down" data-aos-duration="1200">
                  <h1 class="sec-hdg">
                  High-End <br> <span> Mobile </span> <span> Application </span> <br> Design and <br> Development
                  </h1>
                  <p class="services-banner-p">
                  We Design and Develop Mobile Applications that Deliver Great Value To The End Users
                  </p>
              </div>
          </div>
          <div class="col-md-5">
                <div class="formBran">
                 <div class="ser-bnr-drop">
                        <ul class="faq-list">
                            <li class="J_list">
                                
                                <div class="list-content">
                                    <div class="list-content-inner">
                                        <h4>RESERVE THIS <span>OFFER NOW!</span></h4>
                                        <p>Lock this price and use it later when you want.</p>
                                    </div>
                                    <div class="services-from" data-form-type="signup_form">
                                        <form action="sendmail.php" method="POST" class="leadForm" enctype="multipart/form-data">
                                            <input type="hidden" name="brand_name" value="instantwebmakers.com">
                                            <input type="hidden" id="lead_area" name="lead_area" value="https://instantwebmakers.com/">
                                            <div class="services-from-input">
                                                <div class="form-group">
                                                    <input type="text" name="name" class="form-control" placeholder="Name" data-validation="required">
                                                </div>
                                                <div class="form-group">
                                                    <input type="text" name="email" class="form-control" placeholder="Email Address" data-validation="required">
                                                </div>
                                                <div class="form-group">
                                                    <input type="tel" name="phone" class="form-control" placeholder="Phone" maxlength="10" data-validation="required">
                                                </div>
                                                <div class="form-group">
                                                    <div class="custom-select">
                                                        <select>
                                                            <option value="0">Select a Service</option>
                                                            <option value="1">Branding</option>
                                                            <option value="2">Digital Marketing</option>
                                                            <option value="3">Logo Design</option>
                                                            <option value="4">Mobile Apps</option>
                                                            <option value="5">Web Design</option>

</select>
                                                    </div>
                                                </div>
                                                <div class="btn-box">
                                                    <div id="formResult"></div>
                                                    <div class="clearfix"></div>
                                                    <button type="submit" id="signupBtn" class="btn dft-button footer-form-btn">Send</button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
          </div>
         </div>
      </div>
      
  </section>

<section class="support-sec">
      <div class="container">
          <div class="support-area">
              <ul class="counter-ul2 our-ideological-slider">
                  <li data-aos="fade-up" data-aos-duration="1200" class="aos-init aos-animate">
                      <div class="counter-wrpaer">
                          <img src="assets/images/branding/suport-icon1.html" alt="suport-icon1">
                          <div class="number-area">
                              <p>100% Satisfaction <br>
                                  Guaranteed</p>
                          </div>
                      </div>
                  </li>
                  <li data-aos="fade-up" data-aos-duration="1200" class="aos-init aos-animate">
                      <div class="counter-wrpaer">
                          <img src="assets/images/branding/suport-icon2.html" alt="suport-icon2">
                          <div class="number-area">
                              <p>Unique Design <br>
                                  Guarantee</p>
                          </div>
                      </div>
                  </li>
                  <li data-aos="fade-up" data-aos-duration="1200" class="aos-init aos-animate">
                      <div class="counter-wrpaer">
                          <img src="assets/images/branding/suport-icon3.html" alt="suport-icon3">
                          <div class="number-area">
                              <p>Unlimited <br>
                                  Revisions</p>
                          </div>
                      </div>
                  </li>
                  <li data-aos="fade-up" data-aos-duration="1200" class="aos-init aos-animate">
                      <div class="counter-wrpaer">
                          <img src="assets/images/branding/suport-icon4.html" alt="suport-icon4">
                          <div class="number-area">
                              <p>Award Winning <br>
                                  Designers</p>
                          </div>
                      </div>
                  </li>
                  <li data-aos="fade-up" data-aos-duration="1200" class="aos-init aos-animate">
                      <div class="counter-wrpaer">
                          <img src="assets/images/branding/suport-icon5.html" alt="suport-icon5">
                          <div class="number-area aftr">
                              <p>24/7 Design <br>
                                  Consultancy</p>
                          </div>
                      </div>
                  </li>
              </ul>
          </div>
  </section>

<section class="elevate-your bg-image mobile-your">
      <div class="container">
          <div class="col-md-10 p-0">
              <h1 data-aos="fade-down" data-aos-duration="1200" class="sec-hdg">
                  Creative and Innovative Mobile <br> Apps That Outperform <br> Everywhere </h1>
              <p data-aos="fade-left" data-aos-duration="1200">
                  Professional mobile app designers and developers at Instant Web Makers can deliver you
                  exceptional craftsmanship when it comes to providing iOS and Android mobile app design and
                  development
                  services. First, they focus on developing a clear understanding of the provided requirements which
                  ensures that completely unique and custom work has been done on your iOS and Android mobile app
                  design
                  and development project. </p>
          </div>
          <div class="elt-yur-button">
              <a href="javascript:;" data-aos="fade-up" data-aos-duration="1200" class="btn  elt-yur-btn openpopup" data-bs-toggle="modal" data-bs-target="#entry-popup">Get
                  Quote</a>
          </div>
      </div>
  </section>

<section class="our-services branding-our-services">
      <img data-aos="fade-down" data-aos-duration="1200" src="assets/images/mobile-apps/mobile-apps.html" class="logo-design-bg" alt="logo-design-bg">
      <div class="container">
          <div class="sec-hading">
              <h1 data-aos="fade-down" data-aos-duration="1200" class="sec-hdg"> Mobile Apps <span> Types <span>
              </h1>
              <p class="sec-p" data-aos="fade-up" data-aos-duration="1200">
                  Create hybrid apps thaht generate seamless user experience
              </p>
          </div>
          <div class="row">
              <div class="col-md-5 ">
                  <div class="our-services-slider branding-services" data-aos="fade-right" data-aos-duration="1200">
                      <ul class="case-study-wrapper">
                          <li data-targetit="box-logodesign" class="case-study-name active">
                              <a href="javascript:;" class="hover-target accordion">
                                  iOS App Development<span class="blinking">_</span>
                              </a>
                              <div class="panel">
                                  <p>
                                      Target filtered audience with a flexible UI, higher ROI, strong brand value, and
                                      secured transaction now! </p>
                              </div>
                          </li>
                          <li data-targetit="box-webdesign" class="case-study-name">
                              <a href="javascript:;" class="hover-target accordion">Android App Development<span class="blinking">_</span></a>
                              <div class="panel">
                                  <p>Looking to target a large user base – Android app development can let you voice
                                      your
                                      brand voice in real-time. </p>
                              </div>
                          </li>
                          <li data-targetit="box-branding" class="case-study-name">
                              <a href="javascript:;" class="hover-target accordion">React Native App<span class="blinking">_</span></a>
                              <div class="panel">
                                  <p>Native Apps are mobile applications that are built in a specific programming
                                      language, for the specific device platform, either iOS or Android.</p>
                              </div>
                          </li>
                          <li data-targetit="box-mobileapp" class="case-study-name">
                              <a href="javascript:;" class="hover-target accordion">Hybird Apps<span class="blinking">_</span></a>
                              <div class="panel">
                                  <p>Hybrid apps are web apps that have a look and feel similar to native apps. They
                                      come
                                      with a home screen app icon, have a very responsive design, and are even
                                      operational
                                      offline.</p>
                              </div>
                          </li>
                          <li data-targetit="box-digitalmarket" class="case-study-name">
                              <a href="javascript:;" class="hover-target accordion">Web Apps<span class="blinking">_</span></a>
                              <div class="panel">
                                  <p>Web apps are very similar to native apps but are accessed through a web browser
                                      on
                                      mobile devices. They are made highly responsive so that they can scale to fit
                                      the
                                      diverse screen sizes of mobile devices. </p>
                              </div>
                          </li>
                      </ul>
                  </div>
              </div>
              <div class="section-image">
                  <ul class="case-study-images">
                      <li class="box-logodesign showfirst">
                          <div class="img-hero-background">
                              <img src="assets/images/mobile-apps/services-1.html" alt="our-servicesimg1">
                          </div>
                      </li>
                      <li class="box-webdesign">
                          <div class="img-hero-background">
                              <img src="assets/images/mobile-apps/services-2.html" alt="our-servicesimg2">
                          </div>

</li>
                      <li class="box-branding">
                          <div class="img-hero-background">
                              <img src="assets/images/mobile-apps/services-3.html" alt="our-servicesimg3">
                          </div>
                      </li>
                      <li class="box-mobileapp">
                          <div class="img-hero-background">
                              <img src="assets/images/mobile-apps/services-4.html" alt="our-servicesimg4">
                          </div>
                      </li>
                      <li class="box-digitalmarket">
                          <div class="img-hero-background">
                              <img src="assets/images/mobile-apps/services-5.html" alt="our-servicesimg5">
                          </div>
                      </li>
                  </ul>
              </div>
              
              <div class='cursor' id="cursor"></div>
              <div class='cursor2' id="cursor2"></div>
              <div class='cursor3' id="cursor3"></div>
          </div>
      </div>
      <img src="assets/images/our-service-img.html" class="case-secimg" alt="we-wanti-mg">
  </section>

<section class="our-work bg-image">
      <div class="container">
          <div class="sec-hading">
              <h1 data-aos="fade-down" data-aos-duration="1200" class="sec-hdg"> Our <span> Work <span></h1>
              <p class="sec-p" data-aos="fade-up" data-aos-duration="1200">
                  Working with Best Designers in the Industry, We create Immaculate Designs that speak for themselves.
              </p>
          </div>
          <div class="row no-gutters">
              <div class="col">
                  <a class="port-img" href="assets/images/webp/portfolio/mobile-app/1.html" data-fancybox="allportfolio">
                      <img alt="portfolio-image" data-src="https://americancreativedesigners.com/assets/images/webp/portfolio/mobile-app/1.webp" class="lazyload">
                      <div class="portfolio-icon">
                          <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                              <line x1="12" y1="5" x2="12" y2="19"></line>
                              <line x1="5" y1="12" x2="19" y2="12"></line>
                          </svg>
                      </div>
                  </a>
                  <a class="port-img" href="assets/images/webp/portfolio/mobile-app/2.html" data-fancybox="allportfolio">
                      <img alt="portfolio-image" data-src="https://americancreativedesigners.com/assets/images/webp/portfolio/mobile-app/2.webp" class="lazyload">
                      <div class="portfolio-icon">
                          <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                              <line x1="12" y1="5" x2="12" y2="19"></line>
                              <line x1="5" y1="12" x2="19" y2="12"></line>
                          </svg>
                      </div>
                  </a>
                  <a class="port-img" href="assets/images/webp/portfolio/mobile-app/3.html" data-fancybox="allportfolio">
                      <img alt="portfolio-image" data-src="https://americancreativedesigners.com/assets/images/webp/portfolio/mobile-app/3.webp" class="lazyload">
                      <div class="portfolio-icon">
                          <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                              <line x1="12" y1="5" x2="12" y2="19"></line>
                              <line x1="5" y1="12" x2="19" y2="12"></line>
                          </svg>
                      </div>
                  </a>
              </div>
              <div class="col">
                  <a class="port-img" href="assets/images/webp/portfolio/mobile-app/4.html" data-fancybox="allportfolio">
                      <img alt="portfolio-image" data-src="https://americancreativedesigners.com/assets/images/webp/portfolio/mobile-app/4.webp" class="lazyload">
                      <div class="portfolio-icon">
                          <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                              <line x1="12" y1="5" x2="12" y2="19"></line>
                              <line x1="5" y1="12" x2="19" y2="12"></line>
                          </svg>
                      </div>
                  </a>
                  <a class="port-img" href="assets/images/webp/portfolio/mobile-app/5.html" data-fancybox="allportfolio">
                      <img alt="portfolio-image" data-src="https://americancreativedesigners.com/assets/images/webp/portfolio/mobile-app/5.webp" class="lazyload">
                      <div class="portfolio-icon">
                          <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                              <line x1="12" y1="5" x2="12" y2="19"></line>
                              <line x1="5" y1="12" x2="19" y2="12"></line>
                          </svg>
                      </div>
                  </a>
              </div>
              <div class="col">
                  <a class="port-img" href="assets/images/webp/portfolio/mobile-app/6.html" data-fancybox="allportfolio">
                      <img alt="portfolio-image" data-src="https://americancreativedesigners.com/assets/images/webp/portfolio/mobile-app/6.webp" class="lazyload">
                      <div class="portfolio-icon">
                          <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                              <line x1="12" y1="5" x2="12" y2="19"></line>
                              <line x1="5" y1="12" x2="19" y2="12"></line>
                          </svg>
                      </div>
                  </a>
                  <a class="port-img" href="assets/images/webp/portfolio/mobile-app/7.html" data-fancybox="allportfolio">
                      <img alt="portfolio-image" data-src="https://americancreativedesigners.com/assets/images/webp/portfolio/mobile-app/7.webp" class="lazyload">
                      <div class="portfolio-icon">
                          <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                              <line x1="12" y1="5" x2="12" y2="19"></line>
                              <line x1="5" y1="12" x2="19" y2="12"></line>
                          </svg>
                      </div>
                  </a>
              </div>
              <div class="col">
                  <a class="port-img" href="assets/images/webp/portfolio/mobile-app/8.html" data-fancybox="allportfolio">
                      <img alt="portfolio-image" data-src="https://americancreativedesigners.com/assets/images/webp/portfolio/mobile-app/8.webp" class="lazyload">
                      <div class="portfolio-icon">
                          <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                              <line x1="12" y1="5" x2="12" y2="19"></line>
                              <line x1="5" y1="12" x2="19" y2="12"></line>
                          </svg>
                      </div>
                  </a>
                  <a class="port-img" href="assets/images/webp/portfolio/mobile-app/9.html" data-fancybox="allportfolio">
                      <img alt="portfolio-image" data-src="https://americancreativedesigners.com/assets/images/webp/portfolio/mobile-app/9.webp" class="lazyload">
                      <div class="portfolio-icon">
                          <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                              <line x1="12" y1="5" x2="12" y2="19"></line>
                              <line x1="5" y1="12" x2="19" y2="12"></line>
                          </svg>
                      </div>
                  </a>
                  <a class="port-img" href="assets/images/webp/portfolio/mobile-app/10.html" data-fancybox="allportfolio">
                      <img alt="portfolio-image" data-src="https://americancreativedesigners.com/assets/images/webp/portfolio/mobile-app/10.webp" class="lazyload">
                      <div class="portfolio-icon">
                          <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                              <line x1="12" y1="5" x2="12" y2="19"></line>
                              <line x1="5" y1="12" x2="19" y2="12"></line>
                          </svg>
                      </div>
                  </a>
              </div>
              <div class="col">
                  <a class="port-img" href="assets/images/webp/portfolio/mobile-app/11.html" data-fancybox="allportfolio">
                      <img alt="portfolio-image" data-src="https://americancreativedesigners.com/assets/images/webp/portfolio/mobile-app/11.webp" class="lazyload">
                      <div class="portfolio-icon">
                          <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                              <line x1="12" y1="5" x2="12" y2="19"></line>
                              <line x1="5" y1="12" x2="19" y2="12"></line>
                          </svg>
                      </div>
                  </a>
                  <a class="port-img" href="assets/images/webp/portfolio/mobile-app/12.html" data-fancybox="allportfolio">
                      <img alt="portfolio-image" data-src="https://americancreativedesigners.com/assets/images/webp/portfolio/mobile-app/12.webp" class="lazyload">
                      <div class="portfolio-icon">
                          <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                              <line x1="12" y1="5" x2="12" y2="19"></line>
                              <line x1="5" y1="12" x2="19" y2="12"></line>
                          </svg>
                      </div>
                  </a>
                  <a class="port-img" href="assets/images/webp/portfolio/mobile-app/13.html" data-fancybox="allportfolio">
                      <img alt="portfolio-image" data-src="https://americancreativedesigners.com/assets/images/webp/portfolio/mobile-app/13.webp" class="lazyload">
                      <div class="portfolio-icon">
                          <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                              <line x1="12" y1="5" x2="12" y2="19"></line>
                              <line x1="5" y1="12" x2="19" y2="12"></line>
                          </svg>
                      </div>
                  </a>
              </div>
          </div>
      </div>
  </section>

<?php include "includes/footer.php" ?>

Cancel