BossBey File Manager

Editing: our-work.php

<?php include 'includes/shared/header.php'; ?>
<main>
    <section class="about-banner-sec or_wok">
        <div class="container">
            <div class="about-contant" data-aos="fade-down" data-aos-duration="2000">
                <h1>PORTFOLIO</h1>
                <p>
                    We craft visually striking, engaging designs and build technically robust web applications, combining them with results-focused 
                    SEO to boost your online presence and help your business succeed.
                </p>
            </div>
        </div>
    </section>
    <section class="splider">
   <div class="container-fluid">
     <div class="row">
       <div class="col-md-12">
         <h3 class="text-center">Our Most Recent Digital Triumphs</h3>
       </div>
       <div class="col-md-12">
         <ul class="nav nav-tabs" id="myTab" role="tablist">
           <li class="nav-item " role="presentation">
             <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home"
               type="button" role="tab" aria-controls="home" aria-selected="true">Website Design</button>
           </li>
           <li class="nav-item" role="presentation">
             <button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact"
               type="button" role="tab" aria-controls="contact" aria-selected="false">Logo Design</button>
           </li>

<li class="nav-item" role="presentation">
             <button class="nav-link" id="Branding-tab" data-bs-toggle="tab" data-bs-target="#Branding"
               type="button" role="tab" aria-controls="Branding" aria-selected="false">Branding</button>
           </li>

<li class="nav-item" role="presentation">
             <button class="nav-link" id="Custom-tab" data-bs-toggle="tab" data-bs-target="#Custom"
               type="button" role="tab" aria-controls="Custom" aria-selected="false"> Mobile Application</button>
           </li>
           
           
           
           
           
           
           <li class="nav-item" role="presentation">
             <button class="nav-link" id="Illustration-tab" data-bs-toggle="tab"
               data-bs-target="#Illustration" type="button" role="tab" aria-controls="Illustration"
               aria-selected="false">2D 3D Illustration</button>
           </li>
         </ul>
         <div class="tab-content" id="myTabContent">
           <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
             <div class="container-fluid">
               <div class="row">
                 <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                     <a href='assets/images/portfolio/ecommer/e1.jpg' data-fancybox="gallery">
                        <img src="assets/images/portfolio/ecommer/e1.jpg" alt="Portfolio 1" />
                     </a>
                 </div>
                 <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                     <a href='assets/images/portfolio/ecommer/e2.jpg' data-fancybox="gallery">
                        <img src="assets/images/portfolio/ecommer/e2.jpg" alt="Portfolio 1" />
                     </a>
                 </div>
                 <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                     <a href='assets/images/portfolio/ecommer/e3.jpg' data-fancybox="gallery">
                        <img src="assets/images/portfolio/ecommer/e3.jpg" alt="Portfolio 1" />
                     </a>
                 </div>
                 <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                     <a href='assets/images/portfolio/ecommer/e4.jpg' data-fancybox="gallery">
                        <img src="assets/images/portfolio/ecommer/e4.jpg" alt="Portfolio 1" />
                     </a>
                 </div>
                 
                 
                   <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                     <a href='assets/images/portfolio/web/web-1.jpg' data-fancybox="gallery">
                        <img src="assets/images/portfolio/web/web-1.jpg" alt="Portfolio 1" />
                     </a>
                 </div>
                   <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                     <a href='assets/images/portfolio/web/web-2.jpg' data-fancybox="gallery">
                        <img src="assets/images/portfolio/web/web-2.jpg" alt="Portfolio 1" />
                     </a>
                 </div>
                   <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                     <a href='assets/images/portfolio/web/web-3.jpg' data-fancybox="gallery">
                        <img src="assets/images/portfolio/web/web-3.jpg" alt="Portfolio 1" />
                     </a>
                 </div>
                   <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                     <a href='assets/images/portfolio/web/web-4.jpg' data-fancybox="gallery">
                        <img src="assets/images/portfolio/web/web-4.jpg" alt="Portfolio 1" />
                     </a>
                 </div>
                 
               </div>
             </div>
           </div>
           <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
             <div class="container-fluid">
               <div class="row">
                 <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                     <a href='assets/images/portfolio/logo/l1.jpg' data-fancybox="gallery">
                     <img src='assets/images/portfolio/logo/l1.jpg' alt='not found'>
                     </a>
                 </div>
                 <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                     <a href='assets/images/portfolio/logo/l2.jpg' data-fancybox="gallery">
                     <img src='assets/images/portfolio/logo/l2.jpg' alt='not found'>
                     </a>
                 </div>
                 <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                     <a href='assets/images/portfolio/logo/l3.jpg' data-fancybox="gallery">
                     <img src='assets/images/portfolio/logo/l3.jpg' alt='not found'>
                     </a>
                 </div>
                 <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                     <a href='assets/images/portfolio/logo/l4.jpg' data-fancybox="gallery">
                     <img src='assets/images/portfolio/logo/l4.jpg' alt='not found'>
                     </a>
                 </div>
                 
                <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                     <a href='assets/images/portfolio/logo/l5.jpg' data-fancybox="gallery">
                     <img src='assets/images/portfolio/logo/l5.jpg' alt='not found'>
                     </a>
                 </div>
                 <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                     <a href='assets/images/portfolio/logo/l6.jpg' data-fancybox="gallery">
                     <img src='assets/images/portfolio/logo/l6.jpg' alt='not found'>
                     </a>
                 </div>
                 <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                     <a href='assets/images/portfolio/logo/l7.jpg' data-fancybox="gallery">
                     <img src='assets/images/portfolio/logo/l7.jpg' alt='not found'>
                     </a>
                 </div>
                 <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                     <a href='assets/images/portfolio/logo/l8.jpg' data-fancybox="gallery">
                     <img src='assets/images/portfolio/logo/l8.jpg' alt='not found'>
                     </a>
                 </div>
                 
                 
               </div>
             </div>
           </div>
           <div class="tab-pane fade" id="Branding" role="tabpanel" aria-labelledby="Branding-tab">
             <div class="container-fluid">
                  <div class="row">
                   <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                       <a href='assets/images/portfolio/brand/b1.jpg' data-fancybox="gallery">
                     <img src='assets/images/portfolio/brand/b1.jpg' alt='not found'>
                     </a>
                 </div>
                   <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                       <a href='assets/images/portfolio/brand/b2.jpg' data-fancybox="gallery">
                     <img src='assets/images/portfolio/brand/b2.jpg' alt='not found'>
                     </a>
                 </div>
                   <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                       <a href='assets/images/portfolio/brand/b5.jpg' data-fancybox="gallery">
                     <img src='assets/images/portfolio/brand/b5.jpg' alt='not found'>
                     </a>
                 </div>
                   <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                       <a href='assets/images/portfolio/brand/b4.jpg' data-fancybox="gallery">
                     <img src='assets/images/portfolio/brand/b4.jpg' alt='not found'>
                     </a>
                   </div>    
                   
                 <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                       <a href='assets/images/portfolio/brand/b6.jpg' data-fancybox="gallery">
                     <img src='assets/images/portfolio/brand/b6.jpg' alt='not found'>
                     </a>
                 </div>
                   <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                       <a href='assets/images/portfolio/brand/b7.jpg' data-fancybox="gallery">
                     <img src='assets/images/portfolio/brand/b7.jpg' alt='not found'>
                     </a>
                 </div>
                   <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                       <a href='assets/images/portfolio/brand/b8.jpg' data-fancybox="gallery">
                     <img src='assets/images/portfolio/brand/b8.jpg' alt='not found'>
                     </a>
                 </div>
                   <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                       <a href='assets/images/portfolio/brand/b9.jpg' data-fancybox="gallery">
                     <img src='assets/images/portfolio/brand/b9.jpg' alt='not found'>
                     </a>
                   </div> 
                   
                   
               </div>
             </div>
           </div>
           <div class="tab-pane fade" id="Custom" role="tabpanel" aria-labelledby="Custom-tab">
             <div class="container-fluid">
               <div class="row">
                 <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                      <a href='assets/images/portfolio/app/app1.png' data-fancybox="gallery">
                     <img src='assets/images/portfolio/app/app1.png' alt='not found'>
                     </a>
                 </div>
                 <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                     <a href='assets/images/portfolio/app/app3.png' data-fancybox="gallery">
                     <img src='assets/images/portfolio/app/app3.png' alt='not found'>
                     </a>                 </div>
                 <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                         <a href='assets/images/portfolio/app/app2.png' data-fancybox="gallery">
                     <img src='assets/images/portfolio/app/app2.png' alt='not found'>
                     </a>                
                     </div>
                    <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                         <a href='assets/images/portfolio/app/app4.png' data-fancybox="gallery">
                     <img src='assets/images/portfolio/app/app4.png' alt='not found'>
                     </a>                
                    </div>
               </div>
             </div>
           </div>
           <div class="tab-pane fade" id="Custom2" role="tabpanel" aria-labelledby="Custom-tab2">
             <div class="container-fluid">
               <div class="row">
                 <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                     <img src='https://cdn.dribbble.com/userupload/9213504/file/original-7300b3ea74bb6dbe1b5c5cc4d63f6b67.png?resize=1024x768&vertical=center' alt='not found'>
                 </div>
                 <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                     <img src='https://cdn.dribbble.com/userupload/12081129/file/original-2b8ce158a6875467bd8d05c65dff8c57.png?resize=1024x768&vertical=center' alt='not found'>
                 </div>
                 <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                     <img src='https://cdn.dribbble.com/userupload/18110214/file/original-96a35cb51f1d01a8e013dfa470b54c5a.jpg?resize=1024x576&vertical=center' alt='not found'>
                 </div>
               </div>
             </div>
           </div>
           <div class="tab-pane fade" id="Illustration" role="tabpanel" aria-labelledby="Illustration-tab">
             <div class="container-fluid">
              <div class="row">
                 <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                  <a href='assets/images/portfolio/anim/an-2.jpg' data-fancybox="gallery">
                     <img src='assets/images/portfolio/anim/an-2.jpg' alt='not found'>
                  </a>
                 </div>
                 <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                  <a href='assets/images/portfolio/anim/an-3.jpg' data-fancybox="gallery">
                     <img src='assets/images/portfolio/anim/an-3.jpg' alt='not found'>
                  </a>
                 </div>
                 <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                  <a href='assets/images/portfolio/anim/an-4.jpg' data-fancybox="gallery">
                     <img src='assets/images/portfolio/anim/an-4.jpg' alt='not found'>
                  </a>
                 </div>
                 <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                  <a href='assets/images/portfolio/anim/an-5.jpg' data-fancybox="gallery">
                     <img src='assets/images/portfolio/anim/an-5.jpg' alt='not found'>
                  </a>
                 </div>
                 <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                  <a href='assets/images/portfolio/anim/an-6.png' data-fancybox="gallery">
                     <img src='assets/images/portfolio/anim/an-6.jpg' alt='not found'>
                  </a>
                 </div>
                 <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                  <a href='assets/images/portfolio/anim/an-7.png' data-fancybox="gallery">
                     <img src='assets/images/portfolio/anim/an-7.png' alt='not found'>
                  </a>
                 </div>
                   <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                  <a href='assets/images/portfolio/anim/an-8.png' data-fancybox="gallery">
                     <img src='assets/images/portfolio/anim/an-8.png' alt='not found'>
                          </a>
                 </div>
                   <div class="col-12 col-sm-12 col-md-2  col-lg-2 col-xl-2 col-xxl-2">
                  <a href='assets/images/portfolio/anim/an-9.jpeg' data-fancybox="gallery">
                     <img src='assets/images/portfolio/anim/an-9.jpeg' alt='not found'>
                          </a>
                 </div>
               </div>
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>
 </section>
    <?php include 'includes/components/testimonials.php'; ?>
    <?php include 'includes/components/faqs.php'; ?>
</main>
<?php include 'includes/shared/footer.php'; ?>

Cancel