BossBey File Manager

Editing: about-us.php

<?php include 'includes/header.php' ?>
<style>
   .header-transparent {
    background: #09090b;
}
</style>
<div id="smooth-wrapper">
   <div id="smooth-content">
      <main>
        <div class="about-us-area about-us-spacing">
            <div class="container">
              <div class="row">
                 <div class="col-xxl-8 offset-xxl-2 col-xl-10">
                    <div class="about-us-title-wrap">
                        <h2 class="about-us-title tp-ff-sequel-medium tp-text-perspective" style="perspective: 400px;">
                           <div>Powering business growth through</div>
                           <div> smart design, scalable development, </div>
                           <div>and digital innovation.</div>
                        </h2>
                    </div>
                 </div>
              </div>
           </div>
        </div>
        <div class="about-me-slider-area tp-item-anime-area pt-140 p-relative">
               <div class="swiper about-me-slider-active swiper-initialized swiper-horizontal swiper-backface-hidden">
                  <div class="swiper-wrapper">
                     <div class="swiper-slide swiper-slide-active" data-swiper-slide-index="0" style="width: 933.5px; margin-right: 30px;">
                        <div class="about-me-slider-thumb tp-item-anime marque">
                           <img class="w-100" src="assets/img/about/img1.jpg" alt="img">
                        </div>
                     </div>
                     <div class="swiper-slide swiper-slide-next" data-swiper-slide-index="1" style="width: 933.5px; margin-right: 30px;">
                        <div class="about-me-slider-thumb tp-item-anime marque">
                           <img class="w-100" src="assets/img/about/img2.jpg" alt="img">
                        </div>
                     </div>
                     <div class="swiper-slide" data-swiper-slide-index="2" style="width: 933.5px; margin-right: 30px;">
                        <div class="about-me-slider-thumb tp-item-anime marque">
                            <video autoplay muted loop>
                                <source src="assets/img/about/video1.mp4" type="video/mp4">
                            </video>
                        </div>
                     </div>
                     <div class="swiper-slide" data-swiper-slide-index="3" style="width: 933.5px; margin-right: 30px;">
                        <div class="about-me-slider-thumb tp-item-anime marque">
                           <img class="w-100" src="assets/img/about/img3.jpg" alt="img">
                        </div>
                     </div>
                     <div class="swiper-slide" data-swiper-slide-index="4" style="width: 933.5px; margin-right: 30px;">
                        <div class="about-me-slider-thumb tp-item-anime marque">
                           <img class="w-100" src="assets/img/about/img4.jpg" alt="img">
                        </div>
                     </div>
                  </div>
               </div>
            </div>
        <div class="tp-about-area pt-145">
            <div class="container">
               <div class="row align-items-end">
                  <div class="col-xxl-12 col-xl-12">
                     <div class="tp-about-title-wrap mb-30">
                        <h2 class="tp-section-title reveal-text">
                            At Newyork Web Hub, we don’t just create websites, we build meaningful digital experiences designed to convert.
                        </h2>
                     </div>
                  </div>
               </div>
               <div class="tp-about-border mt-20 pt-55">
                  <div class="row">
                     <div class="col-lg-4">
                        <div class="tp-about-subtitle-wrap mb-30">
                           <span class="tp-about-subtitle text-uppercase">
                              <svg width="23" height="20" viewBox="0 0 23 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                 <path d="M1 1V13.8182H20.7232" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                 <path d="M23 13.8182L15.0349 19.1718L15.0349 8.46456L23 13.8182Z" fill="currentColor" />
                              </svg>
                              About Us
                           </span>
                        </div>
                     </div>
                     <div class="col-lg-8">
                        <div class="tp-about-thumb-wrap ml-75">
                           <div class="row gx-80">
                              <div class="col-lg-6 col-md-6">
                                 <div class="tp-about-item anim-zoomin-wrap mb-40">
                                    <div class="mb-35">
                                       <div class="tp-about-thumb fix anim-zoomin">
                                          <img data-speed=".8" src="assets/img/new-about-1.jpg" alt="not found">
                                       </div>
                                    </div>
                                    <div class="tp-about-content">
                                       <h3 class="tp-about-title mb-10">Built With Purpose</h3>
                                       <p class="tp-about-dec">Every project begins with insight and intention, ensuring <br/> each design and line of code serves a clear business goal</p>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-6 col-md-6">
                                 <div class="tp-about-item anim-zoomin-wrap mb-40">
                                    <div class="mb-35">
                                       <div class="tp-about-thumb fix anim-zoomin">
                                          <img data-speed=".8" src="assets/img/new-about-2.jpg" alt="not found">
                                       </div>
                                    </div>
                                    <div class="tp-about-content">
                                       <h3 class="tp-about-title mb-10">Designed for Growth</h3>
                                       <p class="tp-about-dec">We create scalable digital solutions that <br/> evolve with your brand and support long-term success.</p>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
        <div class="ca-brand-area pt-95 pb-160">
            <div class="swiper cs-brand-slider-active">
               <div class="swiper-wrapper slide-transtion">
                  <div class="swiper-slide">
                     <a href="#" class="cs-brand-logo">
                        <img src="assets/img/brand/cs/logo.png" alt="Zow">
                     </a>
                  </div>
                  <div class="swiper-slide">
                     <a href="#" class="cs-brand-logo">
                        <img src="assets/img/brand/cs/logo-2.png" alt="Zow">
                     </a>
                  </div>
                  <div class="swiper-slide">
                     <a href="#" class="cs-brand-logo">
                        <img src="assets/img/brand/cs/logo-3.png" alt="Zow">
                     </a>
                  </div>
                  <div class="swiper-slide">
                     <a href="#" class="cs-brand-logo">
                        <img src="assets/img/brand/cs/logo-4.png" alt="Zow">
                     </a>
                  </div>
                  <div class="swiper-slide">
                     <a href="#" class="cs-brand-logo">
                        <img src="assets/img/brand/cs/logo-5.png" alt="Zow">
                     </a>
                  </div>
                  <div class="swiper-slide">
                     <a href="#" class="cs-brand-logo">
                        <img src="assets/img/brand/cs/logo-6.png" alt="Zow">
                     </a>
                  </div>
                  <div class="swiper-slide">
                     <a href="#" class="cs-brand-logo">
                        <img src="assets/img/brand/cs/logo-7.png" alt="Zow">
                     </a>
                  </div>
                  <div class="swiper-slide">
                     <a href="#" class="cs-brand-logo">
                        <img src="assets/img/brand/cs/logo-2.png" alt="Zow">
                     </a>
                  </div>
                  <div class="swiper-slide">
                     <a href="#" class="cs-brand-logo">
                        <img src="assets/img/brand/cs/logo-3.png" alt="Zow">
                     </a>
                  </div>
                  <div class="swiper-slide">
                     <a href="#" class="cs-brand-logo">
                        <img src="assets/img/brand/cs/logo-4.png" alt="Zow">
                     </a>
                  </div>
                  <div class="swiper-slide">
                     <a href="#" class="cs-brand-logo">
                        <img src="assets/img/brand/cs/logo-5.png" alt="Zow">
                     </a>
                  </div>
                  <div class="swiper-slide">
                     <a href="#" class="cs-brand-logo">
                        <img src="assets/img/brand/cs/logo-6.png" alt="Zow">
                     </a>
                  </div>
               </div>
            </div>
         </div>
        <div class="about-us-team-area pt-120 pb-120" data-bg-color="#09090b" style="background-color: rgb(9, 9, 11);">
           <div class="about-us-team-slider-wrap fix p-relative">
              <div class="about-us-team-slider-content">
                 <div class="text-center d-inline-block">
                    <h3 class="about-us-team-slider-title tp-ff-inter fw-600">The Projects</h3>
                    <a class="tp-btn tp-ff-inter text-uppercase" href="portfolio">
                       <span>
                          <span class="text-1">DISCOVER MORE</span>
                          <span class="text-2">DISCOVER MORE</span>
                       </span>
                       <i>
                          <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                             <path d="M0.21967 9.40717C-0.0732232 9.70006 -0.0732232 10.1749 0.21967 10.4678C0.512563 10.7607 0.987437 10.7607 1.28033 10.4678L0.21967 9.40717ZM10.6875 0.75C10.6875 0.335786 10.3517 2.97145e-09 9.9375 1.50485e-07L3.1875 -2.70983e-07C2.77329 -2.70983e-07 2.4375 0.335786 2.4375 0.75C2.4375 1.16421 2.77329 1.5 3.1875 1.5H9.1875V7.5C9.1875 7.91421 9.52329 8.25 9.9375 8.25C10.3517 8.25 10.6875 7.91421 10.6875 7.5L10.6875 0.75ZM0.75 9.9375L1.28033 10.4678L10.4678 1.28033L9.9375 0.75L9.40717 0.21967L0.21967 9.40717L0.75 9.9375Z" fill="currentColor"></path>
                          </svg>
                          <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                             <path d="M0.21967 9.40717C-0.0732232 9.70006 -0.0732232 10.1749 0.21967 10.4678C0.512563 10.7607 0.987437 10.7607 1.28033 10.4678L0.21967 9.40717ZM10.6875 0.75C10.6875 0.335786 10.3517 2.97145e-09 9.9375 1.50485e-07L3.1875 -2.70983e-07C2.77329 -2.70983e-07 2.4375 0.335786 2.4375 0.75C2.4375 1.16421 2.77329 1.5 3.1875 1.5H9.1875V7.5C9.1875 7.91421 9.52329 8.25 9.9375 8.25C10.3517 8.25 10.6875 7.91421 10.6875 7.5L10.6875 0.75ZM0.75 9.9375L1.28033 10.4678L10.4678 1.28033L9.9375 0.75L9.40717 0.21967L0.21967 9.40717L0.75 9.9375Z" fill="currentColor"></path>
                          </svg>
                       </i>
                    </a>
                 </div>
              </div>
              <div class="swiper about-us-team-slider-active tp-item-anime-area-2 swiper-initialized swiper-horizontal swiper-backface-hidden">
                 <div class="swiper-wrapper">
                    <div class="swiper-slide swiper-slide-active" data-swiper-slide-index="0" style="width: 612.333px; margin-right: 30px;">
                       <div class="about-us-team-slider-thumb tp-item-anime-2 marque" >
                          <img class="w-100" src="assets/img/portfolio/web/05.jpg" alt="img">
                       </div>
                    </div>
                    <div class="swiper-slide swiper-slide-next" data-swiper-slide-index="1" style="width: 612.333px; margin-right: 30px;">
                       <div class="about-us-team-slider-thumb tp-item-anime-2 marque" >
                          <img class="w-100" src="assets/img/portfolio/moblie-app/6.png" alt="img">
                       </div>
                    </div>
                    <div class="swiper-slide" data-swiper-slide-index="2" style="width: 612.333px; margin-right: 30px;">
                       <div class="about-us-team-slider-thumb tp-item-anime-2 marque" >
                           <img class="w-100" src="assets/img/portfolio/ecommerce/1.jpg" alt="img">
                       </div>
                    </div>
                    <div class="swiper-slide" data-swiper-slide-index="3" style="width: 612.333px; margin-right: 30px;">
                       <div class="about-us-team-slider-thumb tp-item-anime-2 marque" >
                           <img class="w-100" src="assets/img/portfolio/moblie-app/3.png" alt="img">
                       </div>
                    </div>
                    <div class="swiper-slide" data-swiper-slide-index="4" style="width: 612.333px; margin-right: 30px;">
                       <div class="about-us-team-slider-thumb tp-item-anime-2 marque" >
                          <img class="w-100" src="assets/img/portfolio/ecommerce/3.jpg" alt="img">
                       </div>
                    </div>
                 </div>
              </div>
           </div>
        </div>
        <div class="tp-faq-area pt-120">
            <div class="container">
               <div class="row">
                  <div class="col-xxl-5 col-xl-3">
                     <div class="tp-faq-subtitle mb-30">
                        <span class="text-uppercase fw-500">Why Choose Newyork Web Hub</span>
                     </div>
                  </div>
                  <div class="col-xxl-7 col-xl-9">
                     <div class="tp-faq tp-service-details-faq-one tp-service-details-faq mb-30">
                        <h2 class="tp-section-title reveal-text fs-72 mb-30" style=""><div class="split-line" style="display: block; text-align: start; position: relative;"><div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">W</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">e</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">d</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">o</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">n</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">’</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">t</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">j</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">u</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">s</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">t</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">d</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">v</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">l</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">o</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">p</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">w</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">b</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">s</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">i</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">t</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">s</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">,</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">w</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">e</div></div> </div><div class="split-line" style="display: block; text-align: start; position: relative;"><div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">b</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">u</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">i</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">l</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">d</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">d</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">i</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">g</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">i</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">t</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">a</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">l</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">a</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">s</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">s</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">t</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">s</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">t</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">h</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">a</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">t</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">p</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">r</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">f</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">o</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">r</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">m</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">.</div></div></div><div class="split-line" style="display: block; text-align: start; position: relative;"><div style="position:relative;display:inline-block;"> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">S</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">t</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">r</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">a</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">t</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">g</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">y</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">B</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">f</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">o</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">r</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">e</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">D</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">s</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">i</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">g</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">n</div></div></div></h2>
                        <div class="accordion" id="accordionExample">
                           <div class="tp-faq-item tp_fade_anim" data-delay=".3" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">
                              <h2 class="accordion-header">
                                 <button class="tp-faq-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                     Strategy Before Design</button>
                              </h2>
                              <div id="collapseOne" class="tp-faq-collapse collapse show" data-bs-parent="#accordionExample">
                                 <div class="tp-faq-body">
                                    <p>
                                        Every project starts with understanding your business, audience, and goals. This ensures every design decision is purposeful and results-driven.
                                    </p>
                                 </div>
                              </div>
                           </div>
                           <div class="tp-faq-item tp_fade_anim" data-delay=".3" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">
                              <h2 class="accordion-header">
                                 <button class="tp-faq-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Expert-Led Execution</button>
                              </h2>
                              <div id="collapseTwo" class="tp-faq-collapse collapse" data-bs-parent="#accordionExample">
                                 <div class="tp-faq-body">
                                    <p>Our experienced designers and developers work as one unified team. The result is clean code, intuitive UX, and visually compelling interfaces.</p>
                                 </div>
                              </div>
                           </div>
                           <div class="tp-faq-item tp_fade_anim" data-delay=".3" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">
                              <h2 class="accordion-header">
                                 <button class="tp-faq-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">Performance &amp; SEO Built-In</button>
                              </h2>
                              <div id="collapseThree" class="tp-faq-collapse collapse" data-bs-parent="#accordionExample">
                                 <div class="tp-faq-body">
                                    <p>We engineer websites for speed, search visibility, and conversions from day one. Your digital presence is optimized to attract, engage, and convert users.</p>
                                 </div>
                              </div>
                           </div>
                           <div class="tp-faq-item tp_fade_anim" data-delay=".3" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">
                              <h2 class="accordion-header">
                                 <button class="tp-faq-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">Built to Scale &amp; Grow</button>
                              </h2>
                              <div id="collapseFour" class="tp-faq-collapse collapse" data-bs-parent="#accordionExample">
                                 <div class="tp-faq-body">
                                    <p>Our solutions are secure, flexible, and future-ready. As your business evolves, your website grows with it, without limitations.</p>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
        <div id="faq" class="tp-faq-area pt-120">
            <div class="container">
               <div class="row">
                  <div class="col-xxl-4 col-xl-3">
                     <div class="tp-faq-subtitle mb-30 pt-10">
                        <span class="text-uppercase fw-500">what i do</span>
                     </div>
                  </div>
                  <div class="col-xxl-8 col-xl-9">
                     <div class="tp-faq tp-service-details-faq-two tp-service-details-faq mb-30">
                        <h2 class="tp-section-title reveal-text fs-72 mb-40" style=""><div class="split-line" style="display: block; text-align: start; position: relative;"><div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">E</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">v</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">r</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">y</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">t</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">h</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">i</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">n</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">g</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">y</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">o</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">u</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">n</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">d</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">t</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">o</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">k</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">n</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">o</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">w</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">b</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">f</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">o</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">r</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">e</div></div> </div><div class="split-line" style="display: block; text-align: start; position: relative;"><div style="position:relative;display:inline-block;"> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">w</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">e</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">b</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">u</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">i</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">l</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">d</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">s</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">o</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate3d(-0.4852px, 0px, 0px); opacity: 0.9515;">m</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate3d(-2.1097px, 0px, 0px); opacity: 0.789;">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate3d(-4.877px, 0px, 0px); opacity: 0.5123;">t</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(-7px, 0px); opacity: 0.3;">h</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(-7px, 0px); opacity: 0.3;">i</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(-7px, 0px); opacity: 0.3;">n</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(-7px, 0px); opacity: 0.3;">g</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(-7px, 0px); opacity: 0.3;">g</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(-7px, 0px); opacity: 0.3;">r</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(-7px, 0px); opacity: 0.3;">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(-7px, 0px); opacity: 0.3;">a</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(-7px, 0px); opacity: 0.3;">t</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(-7px, 0px); opacity: 0.3;">t</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(-7px, 0px); opacity: 0.3;">o</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(-7px, 0px); opacity: 0.3;">g</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(-7px, 0px); opacity: 0.3;">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(-7px, 0px); opacity: 0.3;">t</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(-7px, 0px); opacity: 0.3;">h</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(-7px, 0px); opacity: 0.3;">e</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(-7px, 0px); opacity: 0.3;">r</div><div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(-7px, 0px); opacity: 0.3;">.</div></div></div></h2>
                        <div class="accordion" id="accordionExample2">
                           <div class="tp-faq-item">
                              <h2 class="accordion-header">
                                 <button class="tp-faq-button" type="button" data-bs-toggle="collapse" data-bs-target="#faqOne" aria-expanded="true" aria-controls="faqOne"><span>01.</span> Who do you typically work with?</button>
                              </h2>
                              <div id="faqOne" class="tp-faq-collapse collapse show" data-bs-parent="#accordionExample2">
                                 <div class="tp-faq-body">
                                    <p>We collaborate with startups, growing businesses, and established brands across multiple sectors. If your business needs a strong digital presence, clear branding, or scalable technology, we can tailor a solution that fits.</p>
                                 </div>
                              </div>
                           </div>
                           <div class="tp-faq-item">
                              <h2 class="accordion-header">
                                 <button class="tp-faq-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqTwo" aria-expanded="false" aria-controls="faqTwo"><span>02</span> How is confidentiality handled during a project?</button>
                              </h2>
                              <div id="faqTwo" class="tp-faq-collapse collapse" data-bs-parent="#accordionExample2">
                                 <div class="tp-faq-body">
                                    <p>
                                        All projects are handled with strict confidentiality. We use controlled access systems, secure workflows, and internal policies that ensure your business information, assets, and data remain protected at all times.
                                    </p>
                                 </div>
                              </div>
                           </div>
                           <div class="tp-faq-item">
                              <h2 class="accordion-header">
                                 <button class="tp-faq-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqThree" aria-expanded="false" aria-controls="faqThree"><span>03</span>
                                 What happens once the project goes live?</button>
                              </h2>
                              <div id="faqThree" class="tp-faq-collapse collapse" data-bs-parent="#accordionExample2">
                                 <div class="tp-faq-body">
                                    <p>
                                        Our relationship doesn’t end at launch. We stay involved to ensure everything runs smoothly and offer ongoing assistance, improvements, and technical support as your business evolves.
                                    </p>
                                 </div>
                              </div>
                           </div>
                           <div class="tp-faq-item">
                              <h2 class="accordion-header">
                                 <button class="tp-faq-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqFour" aria-expanded="false" aria-controls="faqFour"><span>04</span>
                                 What is the typical turnaround time?</button>
                              </h2>
                              <div id="faqFour" class="tp-faq-collapse collapse" data-bs-parent="#accordionExample2">
                                 <div class="tp-faq-body">
                                    <p>
                                        Each project is planned around your goals and requirements. Smaller builds move faster, while more advanced platforms require additional time. Before starting, we clearly define timelines so expectations are aligned from day one.
                                    </p>
                                 </div>
                              </div>
                           </div>
                           <div class="tp-faq-item">
                              <h2 class="accordion-header">
                                 <button class="tp-faq-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqFive" aria-expanded="false" aria-controls="faqFive"><span>05</span>
                                 How do you ensure long-term reliability and security?</button>
                              </h2>
                              <div id="faqFive" class="tp-faq-collapse collapse" data-bs-parent="#accordionExample2">
                                 <div class="tp-faq-body">
                                    <p>
                                        We build with stability in mind. From secure frameworks and clean code to regular updates and backups, we ensure your digital product remains reliable, protected, and future-ready.
                                    </p>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
        <div class="cs-awards-area pt-130 pb-160">
            <div class="container">
               <div class="row">
                  <div class="col-12">
                     <div class="mg-awards-title-wrap mb-15 text-center text-md-start">
                        <h2 class="mg-awards-title tp-ff-sequel-bold-head lh-1 reveal-text">Awards.</h2>
                        <span class="mg-awards-title-sm tp-ff-sequel-bold-head">& Recognitions</span>
                     </div>
                     <div class="mg-awards-item-wrap mp-awards-item-wrap cs-awards-item-wrap fix">
                        <div class="right-item-animetion">
                           <div class="mp-awards-item d-flex justify-content-between align-items-center gap-4">
                              <div class="mp-awards-left mb-20">
                                 <span class="count">
                                    <svg width="22" height="15" viewBox="0 0 22 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                       <path d="M1 6.36377C0.447715 6.36377 1.19209e-07 6.81148 1.19209e-07 7.36377C1.19209e-07 7.91605 0.447715 8.36377 1 8.36377V7.36377V6.36377ZM21.7071 8.07088C22.0976 7.68035 22.0976 7.04719 21.7071 6.65666L15.3431 0.292703C14.9526 -0.0978218 14.3195 -0.0978218 13.9289 0.292703C13.5384 0.683227 13.5384 1.31639 13.9289 1.70692L19.5858 7.36377L13.9289 13.0206C13.5384 13.4111 13.5384 14.0443 13.9289 14.4348C14.3195 14.8254 14.9526 14.8254 15.3431 14.4348L21.7071 8.07088ZM1 7.36377V8.36377H21V7.36377V6.36377H1V7.36377Z" fill="currentColor" />
                                    </svg>
                                    the best in web design.
                                 </span>
                                 <span>Web Excellence Awards</span>
                              </div>
                              <div class="mp-awards-right mb-20">
                                 <span>2024</span>
                              </div>
                           </div>
                        </div>
                        <div class="right-item-animetion">
                           <div class="mp-awards-item d-flex justify-content-between align-items-center gap-4">
                              <div class="mp-awards-left mb-20">
                                 <span class="count">
                                    <svg width="22" height="15" viewBox="0 0 22 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                       <path d="M1 6.36377C0.447715 6.36377 1.19209e-07 6.81148 1.19209e-07 7.36377C1.19209e-07 7.91605 0.447715 8.36377 1 8.36377V7.36377V6.36377ZM21.7071 8.07088C22.0976 7.68035 22.0976 7.04719 21.7071 6.65666L15.3431 0.292703C14.9526 -0.0978218 14.3195 -0.0978218 13.9289 0.292703C13.5384 0.683227 13.5384 1.31639 13.9289 1.70692L19.5858 7.36377L13.9289 13.0206C13.5384 13.4111 13.5384 14.0443 13.9289 14.4348C14.3195 14.8254 14.9526 14.8254 15.3431 14.4348L21.7071 8.07088ZM1 7.36377V8.36377H21V7.36377V6.36377H1V7.36377Z" fill="currentColor" />
                                    </svg>
                                    creativity in UI/UX and web design.
                                 </span>
                                 <span>Clutch Top Agencies</span>
                              </div>
                              <div class="mp-awards-right mb-20">
                                 <span>2023</span>
                              </div>
                           </div>
                        </div>
                        <div class="right-item-animetion">
                           <div class="mp-awards-item d-flex justify-content-between align-items-center gap-4">
                              <div class="mp-awards-left mb-20">
                                 <span class="count">
                                    <svg width="22" height="15" viewBox="0 0 22 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                       <path d="M1 6.36377C0.447715 6.36377 1.19209e-07 6.81148 1.19209e-07 7.36377C1.19209e-07 7.91605 0.447715 8.36377 1 8.36377V7.36377V6.36377ZM21.7071 8.07088C22.0976 7.68035 22.0976 7.04719 21.7071 6.65666L15.3431 0.292703C14.9526 -0.0978218 14.3195 -0.0978218 13.9289 0.292703C13.5384 0.683227 13.5384 1.31639 13.9289 1.70692L19.5858 7.36377L13.9289 13.0206C13.5384 13.4111 13.5384 14.0443 13.9289 14.4348C14.3195 14.8254 14.9526 14.8254 15.3431 14.4348L21.7071 8.07088ZM1 7.36377V8.36377H21V7.36377V6.36377H1V7.36377Z" fill="currentColor" />
                                    </svg>
                                    design across various industries.
                                 </span>
                                 <span>Awwwards Honorable Mention</span>
                              </div>
                              <div class="mp-awards-right mb-20">
                                 <span>2022</span>
                              </div>
                           </div>
                        </div>
                        <div class="right-item-animetion">
                           <div class="mp-awards-item d-flex justify-content-between align-items-center gap-4">
                              <div class="mp-awards-left mb-20">
                                 <span class="count">
                                    <svg width="22" height="15" viewBox="0 0 22 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                       <path d="M1 6.36377C0.447715 6.36377 1.19209e-07 6.81148 1.19209e-07 7.36377C1.19209e-07 7.91605 0.447715 8.36377 1 8.36377V7.36377V6.36377ZM21.7071 8.07088C22.0976 7.68035 22.0976 7.04719 21.7071 6.65666L15.3431 0.292703C14.9526 -0.0978218 14.3195 -0.0978218 13.9289 0.292703C13.5384 0.683227 13.5384 1.31639 13.9289 1.70692L19.5858 7.36377L13.9289 13.0206C13.5384 13.4111 13.5384 14.0443 13.9289 14.4348C14.3195 14.8254 14.9526 14.8254 15.3431 14.4348L21.7071 8.07088ZM1 7.36377V8.36377H21V7.36377V6.36377H1V7.36377Z" fill="currentColor" />
                                    </svg>
                                    startups in tech and business.
                                 </span>
                                 <span>Honored for Digital Innovation</span>
                              </div>
                              <div class="mp-awards-right mb-20">
                                 <span>2021</span>
                              </div>
                           </div>
                        </div>
                        <div class="right-item-animetion">
                           <div class="mp-awards-item d-flex justify-content-between align-items-center gap-4">
                              <div class="mp-awards-left mb-20">
                                 <span class="count">
                                    <svg width="22" height="15" viewBox="0 0 22 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                       <path d="M1 6.36377C0.447715 6.36377 1.19209e-07 6.81148 1.19209e-07 7.36377C1.19209e-07 7.91605 0.447715 8.36377 1 8.36377V7.36377V6.36377ZM21.7071 8.07088C22.0976 7.68035 22.0976 7.04719 21.7071 6.65666L15.3431 0.292703C14.9526 -0.0978218 14.3195 -0.0978218 13.9289 0.292703C13.5384 0.683227 13.5384 1.31639 13.9289 1.70692L19.5858 7.36377L13.9289 13.0206C13.5384 13.4111 13.5384 14.0443 13.9289 14.4348C14.3195 14.8254 14.9526 14.8254 15.3431 14.4348L21.7071 8.07088ZM1 7.36377V8.36377H21V7.36377V6.36377H1V7.36377Z" fill="currentColor" />
                                    </svg>
                                    branding and digital design.
                                 </span>
                                 <span>CSS Design Awards</span>
                              </div>
                              <div class="mp-awards-right mb-20">
                                 <span>2020</span>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
        <?php include 'includes/component/testimonial.php' ?>
      </main>
      <?php include 'includes/utils/site-footer.php' ?>
   </div>
</div>
<?php include 'includes/footer.php' ?>

Cancel