| Dir : /home/distinctdesign/codenwebz.com/ |
| Server: Linux premium131.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 IP: 162.0.232.53 |
| Dir : /home/distinctdesign/codenwebz.com/portfolio.php |
<?php
include 'config.php';
$title = "The Most Decent and Prime Creative Design Agency | CodenWebz";
$description = "CodenWebz are an innovative Design agency with admirable design services within minimum time.Share your idea with us and discuss your project now!";
include 'includes/header.php' ?>
</head>
<body>
<?php include 'includes/nav.php' ?>
<section class="banner-sec about-banner-sec pricing-page-sec">
<div class="header-slider banner-txt-box">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12">
<div class="anim-banner-txt" data-aos="zoom-in" data-aos-duration="2000">
<h5>CREATING BRAND <br> FOCUSED CREATIVE <br> SOLUTIONS</h5>
<div class="pricig-page-img-box">
<img src="images/webp/pricing-page-banner-img.webp" alt="" class="img-fluid">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="gallery-sec portfolio-gallery-sec">
<div class="wrapv">
<div class="vertical tlt">
Design
</div>
</div>
<div class="wrapv-two">
<div class="vertical-two tlt-2">
Creative.
</div>
</div>
<div class="container-fluid">
<div class="portfolio-pge-head-box">
<h4>Have a look at our work for our customers</h4>
<p>We make sure to deliver high quality work for customers that is according to their demands. Catch a
glimpse of our <br> portfolio now</p>
</div>
<div class="portfolio-pg-tabs-sec">
<div class="portfolio-tabs">
<ul class="nav nav-pills">
<li class="nav-item">
<a class="nav-link active" data-toggle="pill" href="#logo-design">Logo Design</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="pill" href="#web-design">Web design</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="pill" href="#branding">Branding</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="pill" href="#e-commerce">E-Commerce</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="pill" href="#v-anim">Video Animation</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="pill" href="#nft-design">NFT Design</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="pill" href="#s-market">Social Media Marketing</a>
</li>
</ul>
</div>
<div class="portfolio-tabs-content-box">
<div class="tab-content">
<div class="tab-pane active" id="logo-design">
<div class="row web-design-gallery-slider">
<div class="col-md-4 col-sm-6 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery"
href="images/portfolio/logodesign/webp/logo-img-1.webp">
<img class="lazy"
data-src="images/portfolio/logodesign/webp/logo-img-1.webp">
</a>
</div>
</div>
<div class="col-md-4 col-sm-6 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/logodesign/webp/18.webp">
<img class="lazy" data-src="images/portfolio/logodesign/webp/18.webp">
</a>
</div>
</div>
<div class="col-md-4 col-sm-6 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery"
href="images/portfolio/logodesign/webp/logo-img-3.webp">
<img class="lazy"
data-src="images/portfolio/logodesign/webp/logo-img-3.webp">
</a>
</div>
</div>
<div class="col-md-4 col-sm-6 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/logodesign/webp/19.webp">
<img class="lazy" data-src="images/portfolio/logodesign/webp/19.webp">
</a>
</div>
</div>
<div class="col-md-4 col-sm-6 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/logodesign/webp/3.webp">
<img class="lazy" data-src="images/portfolio/logodesign/webp/3.webp">
</a>
</div>
</div>
<div class="col-md-4 col-sm-6 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/logodesign/webp/20.webp">
<img class="lazy" data-src="images/portfolio/logodesign/webp/20.webp">
</a>
</div>
</div>
<div class="col-md-4 col-sm-6 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/logodesign/webp/17.webp">
<img class="lazy" data-src="images/portfolio/logodesign/webp/17.webp">
</a>
</div>
</div>
<div class="col-md-4 col-sm-6 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery"
href="images/portfolio/logodesign/webp/logo-img-5.webp">
<img class="lazy"
data-src="images/portfolio/logodesign/webp/logo-img-5.webp">
</a>
</div>
</div>
<div class="col-md-4 col-sm-6 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery"
href="images/portfolio/logodesign/webp/logo-img-6.webp">
<img class="lazy"
data-src="images/portfolio/logodesign/webp/logo-img-6.webp">
</a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="web-design">
<div class="row portfolio-responsive-slider">
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/webdesign/webp/1.webp">
<img class="lazy" data-src="images/portfolio/webdesign/webp/1.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/webdesign/webp/2.webp">
<img class="lazy" data-src="images/portfolio/webdesign/webp/2.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/webdesign/webp/3.webp">
<img class="lazy" data-src="images/portfolio/webdesign/webp/3.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/webdesign/webp/4.webp">
<img class="lazy" data-src="images/portfolio/webdesign/webp/4.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/webdesign/webp/5.webp">
<img class="lazy" data-src="images/portfolio/webdesign/webp/5.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/webdesign/webp/6.webp">
<img class="lazy" data-src="images/portfolio/webdesign/webp/6.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/webdesign/webp/7.webp">
<img class="lazy" data-src="images/portfolio/webdesign/webp/7.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/webdesign/webp/8.webp">
<img class="lazy" data-src="images/portfolio/webdesign/webp/8.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/webdesign/webp/9.webp">
<img class="lazy" data-src="images/portfolio/webdesign/webp/9.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/webdesign/webp/9.webp">
<img class="lazy" data-src="images/portfolio/webdesign/webp/9.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/webdesign/webp/10.webp">
<img class="lazy" data-src="images/portfolio/webdesign/webp/10.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/webdesign/webp/11.webp">
<img class="lazy" data-src="images/portfolio/webdesign/webp/11.webp">
</a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="branding">
<div class="row portfolio-responsive-slider">
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/branding/webp/1.webp">
<img class="lazy" data-src="images/portfolio/branding/webp/1.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/branding/webp/2.webp">
<img class="lazy" data-src="images/portfolio/branding/webp/2.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/branding/webp/3.webp">
<img class="lazy" data-src="images/portfolio/branding/webp/3.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/branding/webp/4.webp">
<img src="images/portfolio/branding/webp/4.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/branding/webp/5.webp">
<img src="images/portfolio/branding/webp/5.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/branding/webp/6.webp">
<img src="images/portfolio/branding/webp/6.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/branding/webp/7.webp">
<img src="images/portfolio/branding/webp/7.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/branding/webp/8.webp">
<img src="images/portfolio/branding/webp/8.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/branding/webp/9.webp">
<img src="images/portfolio/branding/webp/9.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/branding/webp/10.webp">
<img src="images/portfolio/branding/webp/10.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/branding/webp/11.webp">
<img src="images/portfolio/branding/webp/11.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/branding/webp/12.webp">
<img src="images/portfolio/branding/webp/12.webp">
</a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="e-commerce">
<div class="row portfolio-responsive-slider">
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/ecommerce/webp/1.webp">
<img src="images/portfolio/ecommerce/webp/1.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/ecommerce/webp/2.webp">
<img src="images/portfolio/ecommerce/webp/2.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/ecommerce/webp/3.webp">
<img src="images/portfolio/ecommerce/webp/3.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/ecommerce/webp/4.webp">
<img src="images/portfolio/ecommerce/webp/4.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/ecommerce/webp/5.webp">
<img src="images/portfolio/ecommerce/webp/5.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/ecommerce/webp/6.webp">
<img src="images/portfolio/ecommerce/webp/6.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/ecommerce/webp/7.webp">
<img src="images/portfolio/ecommerce/webp/7.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/ecommerce/webp/8.webp">
<img src="images/portfolio/ecommerce/webp/8.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/ecommerce/webp/9.webp">
<img src="images/portfolio/ecommerce/webp/9.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/ecommerce/webp/10.webp">
<img src="images/portfolio/ecommerce/webp/10.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/ecommerce/webp/11.webp">
<img src="images/portfolio/ecommerce/webp/11.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/ecommerce/webp/12.webp">
<img src="images/portfolio/ecommerce/webp/12.webp">
</a>
</div>
</div>
</div>
</div>
<!-- Video Anim Tabs -->
<div class="tab-pane fade no-child" id="v-anim">
<div class="container">
<div class="row justify-content-center">
<ul class="nav nav-tabs cust-nav-tabs justify-content-center border-0 sub-tabs video-tab-child"
id="portfolioMainTabsInner" role="tablist-1">
<li class="nav-item">
<a class="nav-link active cust-nav-link" data-toggle="tab"
href="#animatedtwodlogo">2D Animation</a>
</li>
<li class="nav-item">
<a class="nav-link cust-nav-link" data-toggle="tab"
href="#animatedthreedlogo">3D Animation </a>
</li>
<li class="nav-item">
<a class="nav-link cust-nav-link" data-toggle="tab"
href="#whiteboard">Whiteboard</a>
</li>
<li class="nav-item">
<a class="nav-link cust-nav-link" data-toggle="tab"
href="#motiongraphics">Motion Graphics</a>
</li>
<li class="nav-item">
<a class="nav-link cust-nav-link" data-toggle="tab"
href="#typographyone">Typography</a>
</li>
<li class="nav-item">
<a class="nav-link cust-nav-link" data-toggle="tab"
href="#screencast">Screen Cast</a>
</li>
<li class="nav-item">
<a class="nav-link cust-nav-link" data-toggle="tab"
href="#logoanimation">Logo Animations</a>
</li>
<li class="nav-item">
<a class="nav-link cust-nav-link" data-toggle="tab"
href="#productanimations">Product Animations</a>
</li>
<li class="nav-item">
<a class="nav-link cust-nav-link" data-toggle="tab"
href="#illus">Illustration</a>
</li>
<li class="nav-item">
<a class="nav-link cust-nav-link" data-toggle="tab"
href="#musicvideos">Animated Music Videos</a>
</li>
</ul>
</div>
</div>
<div class="tab-content">
<!--- START Tabpane Cate animated2DLogo ----->
<div class="tab-pane fade show active" id="animatedtwodlogo">
<div class="row row-cols-md-4 portfolio-responsive-slider justify-content-center">
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/2d-animation/1.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/2d-animation/1.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/2d-animation/2.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/2d-animation/2.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/2d-animation/3.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/2d-animation/3.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/2d-animation/4.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/2d-animation/4.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/2d-animation/5.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/2d-animation/5.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/2d-animation/6.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/2d-animation/6.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/2d-animation/7.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/2d-animation/7.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/2d-animation/8.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/2d-animation/8.webp" alt=""
class="img-fluid">
</a>
</div>
</div>
</div>
<!--- End Tabpane Cate animated2DLogo ----->
<!---START Tabpane Cate animated3DLogo ----->
<div class="tab-pane fade " id="animatedthreedlogo">
<div class="row row-cols-md-4 portfolio-responsive-slider justify-content-center">
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/3d-animation/1.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/3d-animation/1.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/3d-animation/2.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/3d-animation/2.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/3d-animation/3.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/3d-animation/3.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/3d-animation/4.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/3d-animation/4.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0"
style="display: none;">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/3d-animation/5.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/3d-animation/5.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0"
style="display: none;">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/3d-animation/6.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/3d-animation/6.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0"
style="display: none;">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/3d-animation/7.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/3d-animation/7.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0"
style="display: none;">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/3d-animation/8.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/3d-animation/8.webp" alt=""
class="img-fluid">
</a>
</div>
</div>
</div>
<!--- End Tabpane Cate animated3DLogo ----->
<!--- START Tabpane Cate whiteboard ----->
<div class="tab-pane fade" id="whiteboard">
<div class="row row-cols-md-4 portfolio-responsive-slider justify-content-center">
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/whiteboard/1.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/whiteboard/1.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/whiteboard/2.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/whiteboard/2.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/whiteboard/3.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/whiteboard/3.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/whiteboard/4.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/whiteboard/4.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0"
style="display: none;">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/whiteboard/5.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/whiteboard/5.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0"
style="display: none;">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/whiteboard/6.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/whiteboard/6.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0"
style="display: none;">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/whiteboard/7.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/whiteboard/7.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0"
style="display: none;">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/whiteboard/8.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/whiteboard/8.webp" alt=""
class="img-fluid">
</a>
</div>
</div>
</div>
<!--- End Tabpane Cate whiteboard ----->
<!--- START Tabpane Cate motiongraphics Logo ----->
<div class="tab-pane fade" id="motiongraphics">
<div class="row row-cols-md-4 portfolio-responsive-slider justify-content-center">
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/motion-graphics/1.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/motion-graphics/1.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/motion-graphics/2.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/motion-graphics/2.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/motion-graphics/3.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/motion-graphics/3.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/motion-graphics/4.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/motion-graphics/4.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0"
style="display: none;">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/motion-graphics/5.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/motion-graphics/5.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0"
style="display: none;">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/motion-graphics/6.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/motion-graphics/6.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0"
style="display: none;">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/motion-graphics/7.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/motion-graphics/7.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0"
style="display: none;">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/motion-graphics/8.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/motion-graphics/8.webp"
alt="" class="img-fluid">
</a>
</div>
</div>
</div>
<!--- End Tabpane Cate motiongraphics Logo ----->
<!--- START Tabpane Cate typography ----->
<div class="tab-pane fade" id="typographyone">
<div class="row row-cols-md-4 portfolio-responsive-slider justify-content-center">
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/typography/1.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/typography/1.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/typography/2.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/typography/2.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/typography/3.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/typography/3.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/typography/4.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/typography/4.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0"
style="display: none;">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/typography/5.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/typography/5.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0"
style="display: none;">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/typography/6.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/typography/6.webp" alt=""
class="img-fluid">
</a>
</div>
</div>
</div>
<!--- End Tabpane Cate typography ----->
<!--- START Tabpane Cate screencast ----->
<div class="tab-pane fade" id="screencast">
<div class="row row-cols-md-4 portfolio-responsive-slider justify-content-center">
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/screen-cast/1.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/screen-cast/1.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/screen-cast/2.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/screen-cast/2.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/screen-cast/3.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/screen-cast/3.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/screen-cast/4.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/screen-cast/4.webp" alt=""
class="img-fluid">
</a>
</div>
</div>
</div>
<!--- End Tabpane Cate screencast ----->
<!--- START Tabpane Cate logoanimation----->
<div class="tab-pane fade" id="logoanimation">
<div class="row row-cols-md-4 portfolio-responsive-slider justify-content-center">
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/logo-animation/2.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/logo-animation/2.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/logo-animation/3.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/logo-animation/3.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/logo-animation/4.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/logo-animation/4.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/logo-animation/5.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/logo-animation/5.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/logo-animation/6.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/logo-animation/6.webp" alt=""
class="img-fluid">
</a>
</div>
</div>
</div>
<!--- End Tabpane Cate logoanimation----->
<!--- START Tabpane Cate product-animation----->
<div class="tab-pane fade" id="productanimations">
<div class="row row-cols-md-4 portfolio-responsive-slider justify-content-center">
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/product-animation/1.mp4"
title="">
<img class="lazy"
src="images/portfolio/video-animations/product-animation/1.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/product-animation/3.mp4"
title="">
<img class="lazy"
src="images/portfolio/video-animations/product-animation/3.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/product-animation/4.mp4"
title="">
<img class="lazy"
src="images/portfolio/video-animations/product-animation/4.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/product-animation/5.mp4"
title="">
<img class="lazy"
src="images/portfolio/video-animations/product-animation/5.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/product-animation/6.mp4"
title="">
<img class="lazy"
src="images/portfolio/video-animations/product-animation/6.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/product-animation/7.mp4"
title="">
<img class="lazy"
src="images/portfolio/video-animations/product-animation/7.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/product-animation/8.mp4"
title="">
<img class="lazy"
src="images/portfolio/video-animations/product-animation/8.webp"
alt="" class="img-fluid">
</a>
</div>
</div>
</div>
<!--- End Tabpane Cate product-animation----->
<!--- START Tabpane Cate illustration----->
<div class="tab-pane fade" id="illus">
<div class="row row-cols-md-4 portfolio-responsive-slider justify-content-center">
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/illustration/1.webp" title="">
<img class="lazy"
src="images/portfolio/video-animations/illustration/1.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/illustration/2.webp" title="">
<img class="lazy"
src="images/portfolio/video-animations/illustration/2.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/illustration/3.webp" title="">
<img class="lazy"
src="images/portfolio/video-animations/illustration/3.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/illustration/4.webp" title="">
<img class="lazy"
src="images/portfolio/video-animations/illustration/4.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/illustration/5.webp" title="">
<img class="lazy"
src="images/portfolio/video-animations/illustration/5.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/illustration/6.webp" title="">
<img class="lazy"
src="images/portfolio/video-animations/illustration/6.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/illustration/7.webp" title="">
<img class="lazy"
src="images/portfolio/video-animations/illustration/7.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/illustration/8.webp" title="">
<img class="lazy"
src="images/portfolio/video-animations/illustration/8.webp" alt=""
class="img-fluid">
</a>
</div>
</div>
</div>
<!--- End Tabpane Cate illustration----->
<!--- START Tabpane Cate music-animation----->
<div class="tab-pane fade" id="musicvideos">
<div class="row row-cols-md-4 portfolio-responsive-slider justify-content-center">
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/music-animation/1.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/music-animation/1.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/music-animation/2.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/music-animation/2.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/music-animation/3.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/music-animation/3.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/music-animation/4.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/music-animation/4.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/music-animation/5.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/music-animation/5.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/music-animation/6.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/music-animation/6.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/music-animation/7.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/music-animation/7.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/music-animation/8.mp4" title="">
<img class="lazy"
src="images/portfolio/video-animations/music-animation/8.webp"
alt="" class="img-fluid">
</a>
</div>
</div>
</div>
<!--- End Tabpane Cate music-animation----->
</div>
<!--- End Tabcontent Logo ----->
</div>
<!-- Video Anim Tabs End -->
<div class="tab-pane fade" id="nft-design">
<div class="row portfolio-responsive-slider">
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery"
href="images/nft-images/portfolio/webp/port-img-1.webp">
<img src="images/nft-images/portfolio/webp/port-img-1.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery"
href="images/nft-images/portfolio/webp/port-img-2.webp">
<img src="images/nft-images/portfolio/webp/port-img-2.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery"
href="images/nft-images/portfolio/webp/port-img-3.webp">
<img src="images/nft-images/portfolio/webp/port-img-3.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery"
href="images/nft-images/portfolio/webp/port-img-4.webp">
<img src="images/nft-images/portfolio/webp/port-img-4.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery"
href="images/nft-images/portfolio/webp/port-img-5.webp">
<img src="images/nft-images/portfolio/webp/port-img-5.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery"
href="images/nft-images/portfolio/webp/port-img-6.webp">
<img src="images/nft-images/portfolio/webp/port-img-6.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery"
href="images/nft-images/portfolio/webp/port-img-7.webp">
<img src="images/nft-images/portfolio/webp/port-img-7.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery"
href="images/nft-images/portfolio/webp/port-img-8.webp">
<img src="images/nft-images/portfolio/webp/port-img-8.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery"
href="images/nft-images/portfolio/webp/port-img-9.webp">
<img src="images/nft-images/portfolio/webp/port-img-9.webp">
</a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="s-market">
<div class="row portfolio-responsive-slider">
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/social/webp/17.webp">
<img src="images/portfolio/social/webp/17.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/social/webp/16.webp">
<img src="images/portfolio/social/webp/16.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/social/webp/15.webp">
<img src="images/portfolio/social/webp/15.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/social/webp/14.webp">
<img src="images/portfolio/social/webp/14.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/social/webp/13.webp">
<img src="images/portfolio/social/webp/13.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/social/webp/12.webp">
<img src="images/portfolio/social/webp/12.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/social/webp/11.webp">
<img src="images/portfolio/social/webp/11.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/social/webp/10.webp">
<img src="images/portfolio/social/webp/10.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/social/webp/9.webp">
<img src="images/portfolio/social/webp/9.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/social/webp/8.webp">
<img src="images/portfolio/social/webp/8.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/social/webp/7.webp">
<img src="images/portfolio/social/webp/7.webp">
</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-4 p-0">
<div class="gallery-img-box">
<a data-fancybox="gallery" href="images/portfolio/social/webp/6.webp">
<img src="images/portfolio/social/webp/6.webp">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<a href="javascript:void(0);" class="btn btn-submit popupBox btn-ort-get">Let's Get Started</a>
</div>
</section>
<section class="counter-sec">
<div class="container-fluid">
<div class="counter-main">
<div class="counter-head-box">
<h4>hitting <br> new records</h4>
</div>
<div class="counter-main-box counter-responsive-slider" id="counter">
<div class="counter-box">
<div class="count">
<h6 class="counter-value" data-count="500">0</h6>
<i class="fa fa-plus" aria-hidden="true"></i>
</div>
<p>happy customers</p>
</div>
<div class="counter-box">
<div class="count">
<h6 class="counter-value" data-count="180">0</h6>
<i class="fa fa-plus" aria-hidden="true"></i>
</div>
<p>experienced designers</p>
</div>
<div class="counter-box">
<div class="count">
<h6 class="counter-value" data-count="10">0</h6>
<i class="fa fa-plus" aria-hidden="true"></i>
</div>
<p>years in the industry</p>
</div>
<div class="counter-box">
<div class="count">
<h6 class="counter-value" data-count="400">0</h6>
<i class="fa fa-plus" aria-hidden="true"></i>
</div>
<p>website designed</p>
</div>
<div class="counter-box">
<div class="count">
<h6 class="counter-value" data-count="600">0</h6>
<i class="fa fa-plus" aria-hidden="true"></i>
</div>
<p>logo designed</p>
</div>
</div>
<div class="btn-portfolio-box">
<a class="btn popupBox btn-portfolio">Get Started Now</a>
</div>
</div>
</div>
</section>
<?php include 'includes/get-in-touch.php' ?>
<section class="contact-us-sec">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12">
<div class="contact-left-box" data-aos="fade-right" data-aos-duration="2000">
<h6>contact us</h6>
<h5>Let's write your <br> story, together.</h5>
</div>
</div>
<div class="col-lg-6 col-md-12">
<div class="contact-right-box" data-aos="fade-left" data-aos-duration="2000">
<p>We do not tell you our story. We write it together. Partnering with us means a seat at the
table where you will be heard.</p>
<div class="contact-bottom-info-box">
<a href="contact-us.php" class="btn btn-ctn">contact us</a>
<a href="<?php echo constant("PHONE_HREF") ?>" class="btn-tel">
<img data-src="images/webp/second-comtact-img-1.webp" class="lazy img-fluid" alt="">
<div class="second-con-box">
<h6>call us at</h6>
<p><?php echo constant("PHONE") ?></p>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<?php include 'includes/footer.php' ?>