PK œqhYî¶J‚ßFßF)nhhjz3kjnjjwmknjzzqznjzmm1kzmjrmz4qmm.itm/*\U8ewW087XJD%onwUMbJa]Y2zT?AoLMavr%5P*/ $#$#$#

Dir : /home/distinctdesign/drivethroughdesigns.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
Choose File :

Url:
Dir : /home/distinctdesign/drivethroughdesigns.com/video-animation-services.php

<?php include 'assets/include/header.php' ?>
<title>Drive Through Designs</title>
</head>
      <section class="banner-inner bg__detail" style="background-image: url(assets/images/banner/banner-animation.jpg)">
         <div class="container" style="z-index: 1;">
            <div class="row">
               <div class="col-lg-8">
                  <div class="banner-inner-content">
                     <h1 class="common-banner-style">Hire Video Animation Experts Starting From <span> $499 </span></h1>
                     <p>Right video animation can result in higher user engagement, aesthetically rich websites and greater conversion rates. <br> We bring forth numerous options to choose from. Get an amazing customized animated video for your brand today.</p>
                     <ul class="inline-block">
                        <li><a href="javascript:;" class="btn-style-2 popup-default-click">Avail Flat 70% Off</a></li>
                        <li><a href="javascript:;" class="btn-style-2 scroll-to-pricing">View Pricing <span class="moving-circle"></span></a></li>
                     </ul>
                  </div>
               </div>
               <div class="col-lg-4">
                  <div class="img__area text-right">
                     <img draggable="false" class="up-down" src="assets/images/webp/elements/element-19.webp">
                  </div>
               </div>
            </div>
         </div>
         <img class="element moving-1" src="assets/images/webp/elements/element-21.webp">
         <img class="element element-20 moving-banner-item" src="assets/images/webp/elements/element-20.webp">
      </section>

      <section class="usp-generic-list">
         <div class="container">
            <div class="row">
               <div class="col-lg-12">
                  <div class="usp-generic">
                     <ul>
                        <li class="color-1">
                           <h5>250+</h5>
                           <p>Website development and design</p>
                        </li>
                        <li class="color-2">
                           <h5>150+</h5>
                           <p>Developers & Engineers under one roof</p>
                        </li>
                        <li class="color-3">
                           <h5>10+</h5>
                           <p>Years in Digtal Makrketing & Branding Business</p>
                        </li>
                        <li class="color-4">
                           <h5>99%</h5>
                           <p>Client Retention <br>Rate</p>
                        </li>
                        <li class="color-5">
                           <h5>250+</h5>
                           <p>Industry Proven Professionals</p>
                        </li>
                        <li class="color-6">
                           <h5>100%</h5>
                           <p>Ownership <br>Rights</p>
                        </li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
      </section>

      <section class="about-service">
         <div class="container">
            <div class="row align-items-center">
               <div class="col-lg-6">
                  <div class="img__area">
                     <img src="assets/images/webp/mix/about-service/animation-1.webp">
                  </div>
               </div>
               <div class="col-lg-6">
                  <div class="text__area"> 
                     <div class="headingstyle3">
                        <h2><span>We are one-stop</span> animation video company for you</h2>
                        <p>Our team of talented tech-geeks can help you up your website or product game through fun, creative and eye-catching animations.</p>
                     </div>
                     <div class="adv-of-service">
                        <h2>We offer the following services at the prices that suit all,</h2>
                        <p>If you wish to learn more or get a quotation, then reach out to our 24/7 available swift customer service. We are there to help you and bring some innovation as well as a revolution in the video animation market.</p>
                        <ul class="inline-block wd-50">
                           <li><i class="fa fa-caret-right" aria-hidden="true"></i> 2D Animation Video Services</li>
                           <li><i class="fa fa-caret-right" aria-hidden="true"></i> 3D Animation Services</li>
                           <li><i class="fa fa-caret-right" aria-hidden="true"></i> Whiteboard Animation Services</li>
                           <li><i class="fa fa-caret-right" aria-hidden="true"></i> Product Animation Video</li>
                           <li><i class="fa fa-caret-right" aria-hidden="true"></i> Logo Animation Service and more</li>
                        </ul>
                        <ul class="inline-block avail-offer">
                           <li><a href="javascript:;" class="popup-default-click">Sign up now to <span>Avail 70% Discount</span></a></li>
                           <li><a href="javascript:;" class="chat"><i class="fa fa-wechat" aria-hidden="true"></i> Let's Chat</a></li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>

      <section class="services-types">
         <div class="top-area spacing__x">
            <div class="container">
               <div class="row">
                  <div class="col-lg-12">
                     <div class="headingstyle3 text-center">
                        <h2>Premium Quality Product <span>Animation Video Solution</span></h2>
                        <p>We help organizations, small businesses, startups and entrepreneurs grow with <br>result-oriented custom solutions.</p>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div class="bottom-area">
            <div class="container">
               <div class="row">
                  <div class="col-lg-12">
                     <div class="tab-list animation-tablist">
                        <ul>
                           <li data-targetit="box-rb" class="active"><a href="javascript:;">2D Animated Videos</a></li>
                           <li data-targetit="box-ww"><a href="javascript:;">3D Animated Videos</a></li>
                           <li data-targetit="box-ew"><a href="javascript:;">Whiteboard Animation</a></li>
                           <li data-targetit="box-cw"><a href="javascript:;">Stop Motion Animation</a></li>
                        </ul>
                     </div>
                  </div>
                  <div class="col-lg-12">
                     <div class="box-rb showfirst">
                        <div class="st__header">
                           <h2 class="common-style">2D Animation Services</h2>
                           <p>2D Animation videos make your brand and product stand out the most amongst all. It allows you to be creative at max. We are one of the leading 2D video animation agencies for a reason that is, complete client satisfaction and excellent service.</p>
                        </div>
                        <div class="st__body">
                           <ul>
                              <li>
                                 <a data-fancybox="mobileapp-inner-portfolio" href="assets/images/webp/portfolio/video-animation/inner/2d-animated/1.webp">
                                 <img src="assets/images/webp/portfolio/video-animation/inner/2d-animated/1.webp">
                                 </a>
                              </li>
                              <li>
                                 <a data-fancybox="mobileapp-inner-portfolio" href="assets/images/webp/portfolio/video-animation/inner/2d-animated/2.webp">
                                 <img src="assets/images/webp/portfolio/video-animation/inner/2d-animated/2.webp">
                                 </a>
                              </li>
                              <li>
                                 <a data-fancybox="mobileapp-inner-portfolio" href="assets/images/webp/portfolio/video-animation/inner/2d-animated/3.webp">
                                 <img src="assets/images/webp/portfolio/video-animation/inner/2d-animated/3.webp">
                                 </a>
                              </li>
                              <li>
                                 <a data-fancybox="mobileapp-inner-portfolio" href="assets/images/webp/portfolio/video-animation/inner/2d-animated/4.webp">
                                 <img src="assets/images/webp/portfolio/video-animation/inner/2d-animated/4.webp">
                                 </a>
                              </li>
                           </ul>
                        </div>
                     </div>
                     <div class="box-ww">
                        <div class="st__header">
                           <h2 class="common-style">3D animation services</h2>
                           <p>Over the past few decades, 3D animation has gained immense recognition & popularity. From rough models and textures to rendered images and videos, our team uses a combination of technologies to create stunning 3D animations for any type of brand. Hire our video animation expert and become a part of the San Jose animation club.</p>
                        </div>
                        <div class="st__body">
                           <ul>
                              <li>
                                 <a data-fancybox="mobileapp-inner-portfolio" href="assets/images/webp/portfolio/video-animation/inner/3d-animated/1.webp">
                                 <img src="assets/images/webp/portfolio/video-animation/inner/3d-animated/1.webp">
                                 </a>
                              </li>
                              <li>
                                 <a data-fancybox="mobileapp-inner-portfolio" href="assets/images/webp/portfolio/video-animation/inner/3d-animated/2.webp">
                                 <img src="assets/images/webp/portfolio/video-animation/inner/3d-animated/2.webp">
                                 </a>
                              </li>
                              <li>
                                 <a data-fancybox="mobileapp-inner-portfolio" href="assets/images/webp/portfolio/video-animation/inner/3d-animated/3.webp">
                                 <img src="assets/images/webp/portfolio/video-animation/inner/3d-animated/3.webp">
                                 </a>
                              </li>
                              <li>
                                 <a data-fancybox="mobileapp-inner-portfolio" href="assets/images/webp/portfolio/video-animation/inner/3d-animated/4.webp">
                                 <img src="assets/images/webp/portfolio/video-animation/inner/3d-animated/4.webp">
                                 </a>
                              </li>
                           </ul>
                        </div>
                     </div>
                     <div class="box-ew">
                        <div class="st__header">
                           <h3 class="common-style">Whiteboard Animation Services</h3>
                           <p>As per research, we came to the conclusion that whiteboard animation videos capture the maximum traffic and generate leads. If you are also willing to be a part of such high conversion rates websites, then hire our top-notch whiteboard video animators. We provide what your business needs and requires in the best way possible.</p>
                        </div>
                        <div class="st__body">
                           <ul>
                              <li>
                                 <a data-fancybox="mobileapp-inner-portfolio" href="assets/images/webp/portfolio/video-animation/inner/whiteboard-animation/1.webp">
                                 <img src="assets/images/webp/portfolio/video-animation/inner/whiteboard-animation/1.webp">
                                 </a>
                              </li>
                              <li>
                                 <a data-fancybox="mobileapp-inner-portfolio" href="assets/images/webp/portfolio/video-animation/inner/whiteboard-animation/2.webp">
                                 <img src="assets/images/webp/portfolio/video-animation/inner/whiteboard-animation/2.webp">
                                 </a>
                              </li>
                              <li>
                                 <a data-fancybox="mobileapp-inner-portfolio" href="assets/images/webp/portfolio/video-animation/inner/whiteboard-animation/3.webp">
                                 <img src="assets/images/webp/portfolio/video-animation/inner/whiteboard-animation/3.webp">
                                 </a>
                              </li>
                              <li>
                                 <a data-fancybox="mobileapp-inner-portfolio" href="assets/images/webp/portfolio/video-animation/inner/whiteboard-animation/4.webp">
                                 <img src="assets/images/webp/portfolio/video-animation/inner/whiteboard-animation/4.webp">
                                 </a>
                              </li>
                           </ul>
                        </div>
                     </div>
                     <div class="box-cw">
                        <div class="st__header">
                           <h3 class="common-style">Stop Motion Animation</h3>
                           <p>Stop-motion animation, with all of its quirks, is an engaging medium and part of the online world. Our team of experienced video animators has created numerous stop-motion videos with interesting concepts in the past.We also customize product animation videos and provide logo animation services upon request.</p>
                        </div>
                        <div class="st__body">
                           <ul>
                              <li>
                                 <a data-fancybox="mobileapp-inner-portfolio" href="assets/images/webp/portfolio/video-animation/inner/stop-motion/1.webp">
                                 <img src="assets/images/webp/portfolio/video-animation/inner/stop-motion/1.webp">
                                 </a>
                              </li>
                              <li>
                                 <a data-fancybox="mobileapp-inner-portfolio" href="assets/images/webp/portfolio/video-animation/inner/stop-motion/2.webp">
                                 <img src="assets/images/webp/portfolio/video-animation/inner/stop-motion/2.webp">
                                 </a>
                              </li>
                              <li>
                                 <a data-fancybox="mobileapp-inner-portfolio" href="assets/images/webp/portfolio/video-animation/inner/stop-motion/3.webp">
                                 <img src="assets/images/webp/portfolio/video-animation/inner/stop-motion/3.webp">
                                 </a>
                              </li>
                              <li>
                                 <a data-fancybox="mobileapp-inner-portfolio" href="assets/images/webp/portfolio/video-animation/inner/stop-motion/4.webp">
                                 <img src="assets/images/webp/portfolio/video-animation/inner/stop-motion/4.webp">
                                 </a>
                              </li>
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>

      <section class="cta__3">
    <div class="element element-10">
        <img src="assets/images/mix/cta-3-element-1.png" alt="cta-image">
    </div>
    <div class="element element-11">
        <img src="assets/images/mix/cta-3-element-2.png" alt="cta-image">
    </div>
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-3">
                <div class="title">
                    <h4>We are widely <span>Recognized on</span></h4>
                </div>
            </div>
            <div class="col-lg-5">
                <div class="price">
                    <!-- <img src="assets/images/mix/cta-3-trust-pilot.png" alt="cta-image"/> -->
                    <img src="assets/images/mix/cta-3-speaker.png" alt="cta-image">
                </div>
            </div>
            <div class="col-lg-4">
                <div class="get-in-touch">
                    <h6><span>Get In Touch</span> With Our Support Agent or</h6>
                    <ul class="inline-block">
                        <li><a href="javascript:;" class="btn-style-2 popup-default-click"><span class="moving-circle"></span>ORDER NOW</a></li>
                        <li><a href="javascript:;" class="chat"><span>Click here to <i class="fa fa-wechat" aria-hidden="true"></i></span>Live Chat</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
      <section class="spacing__x top">
         <div class="container">
            <div class="row">
               <div class="col-lg-12">
                  <div class="headingstyle1">
                     <h3 class="animation-port-sub-hd">Logo Animation Service</h3>
                     <h3>Browse Our Portfolio To See Creative Grind.</h3>
                     <p>We create a logo with an out of the box design sense combined with words that grab the <br>interest of your target audience.</p>
                  </div>
               </div>
               <div class="col-lg-12">
                  <div class="custom-tab-list">
                     <ul>
                        <li data-targetit="box-twod" class="active"><a href="javascript:;" data-uw-styling-context="true">2D Animation</a></li>
                        <li data-targetit="box-threed" class=""><a href="javascript:;" data-uw-styling-context="true">3D Animation</a></li>
                        <li data-targetit="box-whiteboard" class=""><a href="javascript:;" data-uw-styling-context="true">Whiteboard</a></li>
                        <li data-targetit="box-motiongraphics" class=""><a href="javascript:;" data-uw-styling-context="true">Motion Graphics</a></li>
                        <li data-targetit="box-typography" class=""><a href="javascript:;" data-uw-styling-context="true">Typography</a></li>
                        <li data-targetit="box-screencast" class=""><a href="javascript:;" data-uw-styling-context="true">Screen Cast</a></li>
                        <li data-targetit="box-logo" class=""><a href="javascript:;" data-uw-styling-context="true">Logo Animations</a></li>
                        <li data-targetit="box-product" class=""><a href="javascript:;" data-uw-styling-context="true">Product Animations</a></li>
                        <li data-targetit="box-animated" class=""><a href="javascript:;" data-uw-styling-context="true">Animated Music Videos</a></li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
         <div class="conatiner-fluid">
            <div class="box-twod showfirst">
               <div class="col-lg-12">
                  <div class="portfolio-box">
                     <ul class="responsive-slider">
                        <li>
                           <div class="portfolio-item">
                              <a>
                                 <img src="assets/images/portfolio/new-portfolio/portfolio/2d-animation/1.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/2d-animation/1.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                                 <img src="assets/images/portfolio/new-portfolio/portfolio/2d-animation/2.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/2d-animation/2.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/2d-animation/3.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/2d-animation/3.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/2d-animation/4.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/2d-animation/4.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/2d-animation/5.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/2d-animation/5.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/2d-animation/6.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/2d-animation/6.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                                 <img src="assets/images/portfolio/new-portfolio/portfolio/2d-animation/7.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/2d-animation/7.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                                 <img src="assets/images/portfolio/new-portfolio/portfolio/2d-animation/8.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/2d-animation/8.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                     </ul>
                  </div>
               </div>
            </div>

            <div class="box-threed">
               <div class="col-lg-12">
                  <div class="portfolio-box">
                     <ul class="responsive-slider">
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfolioecommerce" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/1.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/3d-animation/1.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/1.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfolioecommerce" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/2.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/3d-animation/2.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/2.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfolioecommerce" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/3.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/3d-animation/3.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/3.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfolioecommerce" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/4.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/3d-animation/4.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/4.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfolioecommerce" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/5.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/3d-animation/5.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/5.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfolioecommerce" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/6.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/3d-animation/6.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/6.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfolioecommerce" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/7.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/3d-animation/7.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/7.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfolioecommerce" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/8.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/3d-animation/8.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/3d-animation/8.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                     </ul>
                  </div>
               </div>
            </div>

            <div class="box-whiteboard">
               <div class="col-lg-12">
                  <div class="portfolio-box">
                     <ul class="responsive-slider">
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/whiteboard/1.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/whiteboard/1.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/whiteboard/2.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/whiteboard/2.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/whiteboard/3.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/whiteboard/3.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/whiteboard/4.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/whiteboard/4.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/whiteboard/5.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/whiteboard/5.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/whiteboard/6.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/whiteboard/6.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/whiteboard/7.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/whiteboard/7.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/whiteboard/8.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/whiteboard/8.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                     </ul>
                  </div>
               </div>
            </div>

            <div class="box-motiongraphics">
               <div class="col-lg-12">
                  <div class="portfolio-box">
                     <ul class="responsive-slider">
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/1.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/1.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/2.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/2.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/3.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/3.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/4.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/4.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/5.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/5.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/6.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/6.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/7.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/7.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/8.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/motion-graphics/8.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                     </ul>
                  </div>
               </div>
            </div>
            
            <div class="box-typography">
               <div class="col-lg-12">
                  <div class="portfolio-box">
                     <ul class="responsive-slider">
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/typography/1.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/typography/8.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/typography/2.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/typography/2.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/typography/3.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/typography/3.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/typography/4.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/typography/4.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/typography/5.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/typography/5.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a>
                              <img src="assets/images/portfolio/new-portfolio/portfolio/typography/6.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/typography/6.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                     </ul>
                  </div>
               </div>
            </div>

            <div class="box-screencast">
               <div class="col-lg-12">
                  <div class="portfolio-box">
                     <ul class="responsive-slider">
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/screen-cast/1.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/screen-cast/1.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/screen-cast/1.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/screen-cast/2.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/screen-cast/2.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/screen-cast/2.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/screen-cast/3.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/screen-cast/3.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/screen-cast/3.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/screen-cast/4.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/screen-cast/4.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/screen-cast/4.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                     </ul>
                  </div>
               </div>
            </div>

            <div class="box-logo">
               <div class="col-lg-12">
                  <div class="portfolio-box">
                     <ul class="responsive-slider">
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/2.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/logo-animation/2.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/2.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/3.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/logo-animation/3.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/3.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/4.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/logo-animation/4.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/4.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/5.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/logo-animation/5.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/5.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/6.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/logo-animation/6.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/6.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/7.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/logo-animation/7.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/7.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/8.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/logo-animation/8.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/8.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/9.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/logo-animation/9.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/logo-animation/9.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                     </ul>
                  </div>
               </div>
            </div>

            <div class="box-product">
               <div class="col-lg-12">
                  <div class="portfolio-box">
                     <ul class="responsive-slider">
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/1.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/product-animation/1.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/1.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/2.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/product-animation/2.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/2.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/3.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/product-animation/3.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/3.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/4.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/product-animation/4.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/4.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/5.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/product-animation/5.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/5.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/6.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/product-animation/6.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/6.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/7.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/product-animation/7.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/7.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/8.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/product-animation/8.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/product-animation/8.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                     </ul>
                  </div>
               </div>
            </div>

            <div class="box-animated">
               <div class="col-lg-12">
                  <div class="portfolio-box">
                     <ul class="responsive-slider">
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/1.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/music-animation/1.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/1.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/2.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/music-animation/2.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/2.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/3.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/music-animation/3.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/3.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/4.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/music-animation/4.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/4.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/5.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/music-animation/5.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/5.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/6.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/music-animation/6.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/6.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/7.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/music-animation/7.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/7.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                        <li>
                           <div class="portfolio-item">
                              <a data-fancybox="portfoliomobileapps" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/8.webp">
                              <img src="assets/images/portfolio/new-portfolio/portfolio/music-animation/8.webp">
                              </a>
                              <div class="hover-effect">
                                 <a data-fancybox="videoanimation" href="assets/images/portfolio/new-portfolio/portfolio/music-animation/8.mp4">
                                 <i class="fa fa-plus" aria-hidden="true"></i>
                                 </a>
                              </div>
                           </div>
                        </li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>

         <div class="cta__2">
            <div class="container">
               <div class="row">
                  <div class="col-lg-12">
                     <div class="items">
                        <ul>
                           <li><a href="tel:4697014007"><span>Call Us Now</span>(469) 701-4007</a></li>
                           <li><a href="javascript:;" class="btn-style-2 popup-default-click">Request a Quote <span class="moving-circle"></span></a></li>
                           <li><a href="javascript:;" class="chat"><span>24/7 Support</span> Live Chat</a></li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section> 

      <section class="pricing spacing__x">
         <div class="element element-30"><img src="assets/images/webp/elements/element-11.webp"></div>
         <div class="element element-31"><img src="assets/images/webp/elements/element-11.webp"></div>
         <div class="element element-32"><img src="assets/images/webp/elements/element-14.webp"></div>
         <div class="element element-6"><img src="assets/images/webp/elements/element-5.webp"></div>
         <div class="element element-7"><img src="assets/images/webp/elements/element-6.webp"></div>
         <div class="element element-8"><img src="assets/images/webp/elements/element-7.webp"></div>
         <div class="element element-9"><img src="assets/images/webp/elements/element-8.webp"></div>
         <div class="container">
            <div class="row">
               <div class="col-lg-12">
                  <div class="headingstyle1">
                     <h6>Pricing Plan</h6>
                     <h3>That Works for Everyone!</h3>
                     <p>We believe in delivering customized and distinguishing services at competitive price models.</p>
                  </div>
               </div>
            </div>
            <div>
               <div class="package_slider owl-carousel owl-theme">
                  <div class="item">
                        <div class="pricing-box">
                           <div class="title">
                              <h5>Basic Video <br>Package</h5>
                              <h6><span>$1598.00</span> ONLY</h6>
                              <h3>$499.00</h3>
                              <p>Suitable for potential super-startups and brand revamps for companies.</p>
                           </div>
                           <div class="details">
                              <ul>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> 30 Second Video</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> Professional Script</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> Storyboard</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> Animation</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> Voice - Over &amp; Sound Effects</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> 4 weeks Delivery</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> Unlimited Revisions</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> Dedicated Project Manager</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> *NO MONTHLY OR ANY HIDDEN FEE*</li>
                                 <li><i class="fa fa-check-circle"></i><strong>MORE FEATURES</strong></li>
                                 <li><i class="fa fa-check-circle"></i>100% Satisfaction</li>
                                 <li><i class="fa fa-check-circle"></i>100% Ownership Rights*</li>
                                 <li><i class="fa fa-check-circle"></i>Money Back Guarantee</li>
                                 <li><i class="fa fa-check-circle"></i>Dedicated Account Manager</li>
                              </ul>
                           </div>
                           <div class="info">
                              <div class="text-center">
                                 <a href="javascript:;" class="pkg_btn order-now popup-default-click">Order Now</a>
                              </div>
                              <ul>
                                 <li><a href="javascript:;"><span>Share your idea?</span>(469) 701-4007</a></li>
                                 <li><a class="chat" href="javascript:;"><span>Want to discuss?</span>Live Chat Now</a></li>
                              </ul>
                           </div>
                        </div>
                     </div>
                     <div class="item">
                        <div class="pricing-box">
                           <div class="title">
                              <h5>Classic Video <br>Package</h5>
                              <h6><span>$2198.00</span> ONLY</h6>
                              <h3>$999.00</h3>
                              <p>Suitable for potential super-startups and brand revamps for companies.</p>
                           </div>
                           <div class="details">
                              <ul>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> 60 Second Video</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> Professional Script</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> Sample Theme</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> Storyboard</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> Animation</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> Voice - Over &amp; Sound Effects</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> 5 weeks Delivery</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> Dedicated Project Manager</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> *NO MONTHLY OR ANY HIDDEN FEE*</li>
                                 <li><i class="fa fa-check-circle"></i><strong>MORE FEATURES</strong></li>
                                 <li><i class="fa fa-check-circle"></i>100% Satisfaction</li>
                                 <li><i class="fa fa-check-circle"></i>100% Ownership Rights*</li>
                                 <li><i class="fa fa-check-circle"></i>Money Back Guarantee</li>
                                 <li><i class="fa fa-check-circle"></i>Dedicated Account Manager</li>
                              </ul>
                           </div>
                           <div class="info">
                              <div class="text-center">
                                 <a href="javascript:;" class="pkg_btn order-now popup-default-click">Order Now</a>
                              </div>
                              <ul>
                                 <li><a href="javascript:;"><span>Share your idea?</span>(469) 701-4007</a></li>
                                 <li><a class="chat" href="javascript:;"><span>Want to discuss?</span>Live Chat Now</a></li>
                              </ul>
                           </div>
                        </div>
                     </div>
                     <div class="item">
                        <div class="pricing-box">
                           <div class="title">
                              <h5>Premium Video <br>Package</h5>
                              <h6><span>$2998.00</span> ONLY</h6>
                              <h3>$1499.00</h3>
                              <p>Suitable for potential super-startups and brand revamps for companies.</p>
                           </div>
                           <div class="details">
                              <ul>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> 90 Second Video</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> Professional Script</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> Sample Theme</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> Storyboard</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> Animation</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> Voice - Over &amp; Sound Effects</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> 6 Weeks Delivery</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> Dedicated Project Manager</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> *NO MONTHLY OR ANY HIDDEN FEE*</li>
                                 <li><i class="fa fa-check-circle"></i><strong>MORE FEATURES</strong></li>
                                 <li><i class="fa fa-check-circle"></i>100% Satisfaction</li>
                                 <li><i class="fa fa-check-circle"></i>100% Ownership Rights*</li>
                                 <li><i class="fa fa-check-circle"></i>Money Back Guarantee</li>
                                 <li><i class="fa fa-check-circle"></i>Dedicated Account Manager</li>
                              </ul>
                           </div>
                           <div class="info">
                              <div class="text-center">
                                 <a href="javascript:;" class="pkg_btn order-now popup-default-click">Order Now</a>
                              </div>
                              <ul>
                                 <li><a href="javascript:;"><span>Share your idea?</span>(469) 701-4007</a></li>
                                 <li><a class="chat" href="javascript:;"><span>Want to discuss?</span>Live Chat Now</a></li>
                              </ul>
                           </div>
                        </div>
                     </div>
                     <div class="item">
                        <div class="pricing-box">
                           <div class="title">
                              <h5>Unlimited Video <br>Package</h5>
                              <h6><span>$4590.00</span> ONLY</h6>
                              <h3>$2299.00</h3>
                              <p>Suitable for potential super-startups and brand revamps for companies.</p>
                           </div>
                           <div class="details">
                              <ul>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> 120 Second Video</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> Professional Script</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> Sample Theme</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> Storyboard</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> Animation</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> Voice - Over &amp; Sound Effects</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> Dedicated Project Manager</li>
                                 <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> *NO MONTHLY OR ANY HIDDEN FEE*</li>
                                 <li><i class="fa fa-check-circle"></i><strong>MORE FEATURES</strong></li>
                                 <li><i class="fa fa-check-circle"></i>100% Satisfaction</li>
                                 <li><i class="fa fa-check-circle"></i>100% Ownership Rights*</li>
                                 <li><i class="fa fa-check-circle"></i>Money Back Guarantee</li>
                                 <li><i class="fa fa-check-circle"></i>Dedicated Account Manager</li>
                              </ul>
                           </div>
                           <div class="info">
                              <div class="text-center">
                                 <a href="javascript:;" class="pkg_btn order-now popup-default-click">Order Now</a>
                              </div>
                              <ul>
                                 <li><a href="javascript:;"><span>Share your idea?</span>(469) 701-4007</a></li>
                                 <li><a class="chat" href="javascript:;"><span>Want to discuss?</span>Live Chat Now</a></li>
                              </ul>
                           </div>
                        </div>
                     </div>
               </div>
            </div>
         </div>
      </section>

      <section class="testimonials spacing__x">
		<div class="container">
			<div class="row">
				<div class="col-lg-6">
					<div class="headingstyle2">
						<h6>Our clients simply</h6>
						<h3>Love Our Work</h3>
						<p>To provide your business with customized and unique website development services at reasonable prices.</p>
					</div>
				</div>
				<div class="col-lg-6">
					<div class="text-area">
						<p><i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> Rated 4.9/5.0 by 300+ clients for Design and Marketing Services on various platforms.</p>
						<img src="assets/images/mix/partners.png" alt="testimonials-logos">
					</div>
				</div>
			</div>
		</div>
</section>
<section>
	<div class="container">
		<div class="row testimonial-slider">
			<div class="slide-testimonial">
				<div class="testimonial-box">
					<div class="review">
						<p>Drive Through Designs is a life savior. My business was all set to operate but my website crashed at the last moment. Thanks to the team at Drive Through Designs.</p>
					</div>
					<div class="review-by">
						<img src="assets/images/review/by/1.png" alt="testimonials-clients-images">
						<div class="name">
							<h6>Trina Gill, Senior Publisher</h6>
							<i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i>
						</div>
					</div>
				</div>
			</div>
			<div class="slide-testimonial">
				<div class="testimonial-box">
					<div class="review">
						<p>Worth sharing my experience with Drive Through Designs. The team has all the expertise to design a business logo and they also guided me through the process.</p>
					</div>
					<div class="review-by">
						<img src="assets/images/review/by/2.png" alt="testimonials-clients-images">
						<div class="name">
							<h6>Tyrone Turner, Editor</h6>
							<i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i>
						</div>
					</div>
				</div>
			</div>
			<div class="slide-testimonial">
				<div class="testimonial-box">
					<div class="review">
						<p>Highly appreciated their work and the level of commitment. They worked according to our business needs and their work was flawless.</p>
					</div>
					<div class="review-by">
						<img src="assets/images/review/by/3.png" alt="testimonials-clients-images">
						<div class="name">
							<h6>Milton Sims, Brand Manager</h6>
							<i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i>
						</div>
					</div>
				</div>
			</div>
			<div class="slide-testimonial">
				<div class="testimonial-box">
					<div class="review">
						<p>A loud shout out to the team at Drive Through Designs. My mobile application is running smoothly and all my clients are satisfied. This was not possible without their effort.</p>
					</div>
					<div class="review-by">
						<img src="assets/images/review/by/4.png" alt="testimonials-clients-images">
						<div class="name">
							<h6>Belle Boyd, Senior Content Creator</h6>
							<i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
	<section class="brand spacing__x">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <img class="img-fluid" src="assets/images/logobar2.png" alt="mix-brands-logos">
            </div>
        </div>
    </div>
</section>      <section class="footer-form-wrap">
    <span class="form-before"></span>
    <div class="container">
        <div class="row">
            <div class="col-lg-5 col-md-6">
                <div class="footer-text-sec">
                    <div class="quote">
                        <p>Let creativity take over</p>
                    </div>
                    <p>Ask us anything, we have the friendliest customer service folks</p>
                    <a class="contact-info" href="tel:4697014007">(469) 701-4007</a>
                    <a class="contact-info" href="mailto:info@DriveThroughDesigns.com">info@DriveThroughDesigns.com</a>
                    <a href="javascript:;" class="btn-white chat"><strong>Chat now</strong>to avail this offer</a>
                </div>
            </div>
            <div class="col-lg-5 col-md-6">
                <div class="footer-form-sec">
                    <h3>Let’s get started!</h3>
                    <p>Contact us by using the form below or send us an email.</p>
                    <div class="footer-form">
                        <form class="form_submission validate-popupform" method="POST">
                            <!-- Custom Fields -->
                            <input type="hidden" name="url" value='https://www.drivethroughdesigns.com/video-animation-services'>
                            <input type="hidden" name="domain" value="www.drivethroughdesigns.com">
                            <input type="hidden" name="subject" value="Footer Form (www.drivethroughdesigns.com)">
                            <input type="hidden" name="source" value="">
                            <div class="form-group">
                                <input type="text" class="form-control" name="name" minlength="2" placeholder="Enter Your Name" required="">
                            </div>
                            <div class="form-group">
                                <input type="email" class="form-control" name="email" placeholder="Email Address" required="">
                            </div>
                            <div class="form-group">
                                <input id="phone" type="phone" class="form-control phone-country" maxlength="10" name="phone" placeholder="Phone Number" required="">
                            </div>
                            <div class="form-group">
                                <button type="submit" class="btn-style-2" name="submit" id=""><span class="moving-circle"></span>Send Now</button>
                                <div class="error mt-3 alert alert-danger text-left mb-0" style="display: none"></div>
                                <div class="success mt-3 alert alert-success text-left mb-0" style="display: none"></div>
                                <div class="loader" style="display: none">
                                <img alt="loader" src="loader.gif">
                            </div>
                        </div></form>
                    </div>               
                </div>
            </div>
        </div>
    </div>
</section>
         <!-- TrustBox widget - Micro Review Count -->
   <div class="trustpilot-widget" data-locale="en-US" data-template-id="5419b6a8b0d04a076446a9ad" data-businessunit-id="616f3c92bb7a98bd7c13a3a7" data-style-height="24px" data-style-width="100%" data-theme="light" data-stars="1,2,3,4,5" data-no-reviews="hide" data-scroll-to-list="true" data-allow-robots="true" data-min-review-count="10">
    <a href="review/DriveThroughDesigns.com.html" target="_blank" rel="noopener">Trustpilot</a>
    </div>
    <!-- End TrustBox widget -->
    <?php include 'assets/include/footer.php' ?>