| Dir : /home/distinctdesign/codenwebz.com/ |
| Server: Linux premium131.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 IP: 162.0.232.53 |
| Dir : /home/distinctdesign/codenwebz.com/video-animation.php |
<?php
include 'config.php';
$title = "High Quality 2D & 3D Animated Video | CodenWebz";
$description = "CodenWebz is one way solution in video animation, video editing and compiling your ideas and thought into great quality story based animated videos and increased in your revenue generation.";
include 'includes/header.php' ?>
</head>
<body>
<?php include 'includes/nav.php' ?>
<section class="banner-sec about-banner-sec anim-banner-sec">
<div class="header-slider banner-txt-box">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-12">
<div class="anim-banner-txt" data-aos="fade-right" data-aos-duration="2000">
<h6>Offering Engaging</h6>
<h5>Animated Video <br> For Your Brand</h5>
<p><?php echo constant("WEBSITE_NAME") ?> is a full service video animation agency
specializing in explainer videos that tells great stories and attracts audience towards
your brand results in increased revenue generation. </p>
<?php include 'includes/banner-form.php' ?>
</div>
</div>
<div class="col-lg-7">
<div class="anim-img-box">
<img src="images/webp/anim-banner-img-1.webp" alt="" class="img-fluid">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="services-sec anim-services-sec">
<div class="wrapv">
<div class="vertical tlt">
Design
</div>
</div>
<div class="wrapv-two">
<div class="vertical-two tlt-2">
Creative.
</div>
</div>
<div class="column_lines">
<div class="column"></div>
<div class="column"></div>
<div class="column"></div>
<div class="column"></div>
<div class="column"></div>
</div>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-7">
<div class="services-head-box" data-aos="fade-down" data-aos-duration="2000">
<h4>Humanizing Your Brand</h4>
<p>Our experience over the years of serving the industry, we have learnt that visual content
influences your business at a greater extent if humanized. This can be done by explaining
your customers what your business is about and how it can benefit them. what better way to
explain anyone about a complicated business model than an elegantly crafted explainer video.
Our skilled animators here at <?php echo constant("WEBSITE_NAME") ?> generate different
categories of video animations including 2d animations, whiteboard animations, testimonial
videos, as well as typography animations. our videos are targeted at lifting your brand to
new heights.</p>
</div>
</div>
</div>
<div class="service-slider">
<div class="owl-carousel owl-theme">
<div class="item">
<div class="serv-main-box anim-serv-box">
<img src="images/webp/anim-slider-img-1.webp" alt="" class="img-fluid">
<h5>2D CHARACTER ANIMATION</h5>
<p>Our expertise in the area has honed us to know well what exactly it takes to make a
business a well-established organization. A good business is developed by customers and
increased product demand. our clients have testified to increased interest in their
products once they started using our 2d animated videos for their business.</p>
</div>
</div>
<div class="item">
<div class="serv-main-box anim-serv-box">
<img src="images/webp/anim-slider-img-2.webp" alt="" class="img-fluid">
<h5>2D GRAPHICS ANIMATION</h5>
<p>Our animators are adept in bringing simple everyday 2d products and your brand to life.
Thus an animated character whether used as a mascot or just for the purpose of making it
more intriguing can be a major piece of attention for the audience. With the use of
radiant colors, interesting characters and dynamic animations, you get the perfect
animated graphics.</p>
</div>
</div>
<div class="item">
<div class="serv-main-box anim-serv-box">
<img src="images/webp/anim-slider-img-3.webp" alt="" class="img-fluid">
<h5>EXPLAINER VIDEO ANIMATION</h5>
<p>We hire only the best, training them further to be even better. Hence our talented
designers and animators are able to craft customized explainer videos for you based on
your target market and prospective buyer. Our tastefully crafted videos not only carry
the message across but also make sure to convince the spectators of the video. Our
videos are concise and comprehensive.</p>
</div>
</div>
<div class="item">
<div class="serv-main-box anim-serv-box">
<img src="images/webp/anim-slider-img-1.webp" alt="" class="img-fluid">
<h5>2D CHARACTER ANIMATION</h5>
<p>Our expertise in the area has honed us to know well what exactly it takes to make a
business a well-established organization. A good business is developed by customers and
increased product demand. our clients have testified to increased interest in their
products once they started using our 2d animated videos for their business.</p>
</div>
</div>
<div class="item">
<div class="serv-main-box anim-serv-box">
<img src="images/webp/anim-slider-img-2.webp" alt="" class="img-fluid">
<h5>2D GRAPHICS ANIMATION</h5>
<p>Our animators are adept in bringing simple everyday 2d products and your brand to life.
Thus an animated character whether used as a mascot or just for the purpose of making it
more intriguing can be a major piece of attention for the audience. With the use of
radiant colors, interesting characters and dynamic animations, you get the perfect
animated graphics.</p>
</div>
</div>
<div class="item">
<div class="serv-main-box anim-serv-box">
<img src="images/webp/anim-slider-img-3.webp" alt="" class="img-fluid">
<h5>EXPLAINER VIDEO ANIMATION</h5>
<p>We hire only the best, training them further to be even better. Hence our talented
designers and animators are able to craft customized explainer videos for you based on
your target market and prospective buyer. Our tastefully crafted videos not only carry
the message across but also make sure to convince the spectators of the video. Our
videos are concise and comprehensive.</p>
</div>
</div>
<div class="item">
<div class="serv-main-box anim-serv-box">
<img src="images/webp/anim-slider-img-1.webp" alt="" class="img-fluid">
<h5>WHITEBOARD ANIMATION</h5>
<p>Whiteboard animations are very common with formal videos. especially such where
businessmen are trying to explain their ideas or reports in presentations or explanatory
videos. Our animators are experts at whiteboard animations as it needs certain amount of
practice to get one adapt with the complexities of whiteboard animations. Fortunately
the designers and animators at <?php echo constant("WEBSITE_NAME") ?> with their
hundreds of projects have the required experience to satisfy your needs.</p>
</div>
</div>
<div class="item">
<div class="serv-main-box anim-serv-box">
<img src="images/webp/anim-slider-img-2.webp" alt="" class="img-fluid">
<h5>INTERACTIVE 3D ANIMATION</h5>
<p>Amongst the many projects and videos that we have delivered that make us proud are our
highly technical and challenging 3d animations. Many of our projects demand 3
dimensional video animations that require mastery and expertise of a different cadre.
Whether its 3d logo animations, 3d video animations or 3d characters, our designers
won’t hesitate a second.</p>
</div>
</div>
<div class="item">
<div class="serv-main-box anim-serv-box">
<img src="images/webp/anim-slider-img-3.webp" alt="" class="img-fluid">
<h5>TYPOGRAPHY ANIMATION</h5>
<p>Simple text can be boring. you’d want your business to be anything but boring I tell you.
Typography animated videos are an intriguing way of communicating text and information
in numbers. For people who are looking forward to delivering heavy messages through
text, our topography animation services are just what you are looking for.</p>
</div>
</div>
</div>
</div>
</div>
<div class="features-sec">
<div class="container">
<div class="feat-head-box">
<h4>major features</h4>
</div>
<div class="row features-box-responsive-slider">
<div class="col-lg-3 col-md-12">
<div class="features-box" data-aos="zoom-out-up" data-aos-duration="2000">
<div class="features-img-box">
<img src="images/webp/features-img-1.webp" alt="" class="img-fluid">
</div>
<h6>Unique Characters</h6>
<p>We create unique characters that define your business and connect your audience. </p>
</div>
</div>
<div class="col-lg-3 col-md-12">
<div class="features-box" data-aos="zoom-out-up" data-aos-duration="2000">
<div class="features-img-box">
<img src="images/webp/features-img-2.webp" alt="" class="img-fluid">
</div>
<h6>Flawless Animations</h6>
<p>Our skilled animators design videos with perfection on adding a creative touch to them.
</p>
</div>
</div>
<div class="col-lg-3 col-md-12">
<div class="features-box" data-aos="zoom-out-up" data-aos-duration="2000">
<div class="features-img-box">
<img src="images/webp/features-img-3.webp" alt="" class="img-fluid">
</div>
<h6>Proven Results</h6>
<p>Our video production process ensures the potential results wtih the creation of every
video.</p>
</div>
</div>
<div class="col-lg-3 col-md-12">
<div class="features-box" data-aos="zoom-out-up" data-aos-duration="2000">
<div class="features-img-box">
<img src="images/webp/features-img-4.webp" alt="" class="img-fluid">
</div>
<h6>Reasonable Prices</h6>
<p>We offer reasonable prices at <?php echo constant("WEBSITE_NAME") ?>. Get your next quote
now!</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pricing-main-sec">
<div class="container">
<div class="price-head-box" data-aos="fade-down" data-aos-duration="3000">
<h4>Most Affordable Packages</h4>
<p>We are well aware of the competition. That is the reason why we have a fair pricing model. <br>We
ensure quality over quantity on each order.</p>
</div>
<div class="">
<div class="row packages-responsive-slider">
<div class="col-lg-4">
<div class="package-main-box">
<div class="package-pr">
<h2>$499</h2>
</div>
<div class="packtitles">
<div class="fleft">
<h3>Teaser</h3>
<p>Suitable for Small Startups</p>
</div>
<div class="fright">
<h4>50% OFF<span class="cutprice">$999</span></h4>
</div>
</div>
<div class="package-content">
<div class="slim-scroll">
<div>
<ul>
<li>Suitable for Small Business, StaSuitable for potential super-startups
</li>
<li>and brand revamps for companies.rt-ups & Enterprises </li>
<li>15 Second Video - HD 1080 </li>
<li>Professional Script </li>
<li>Storyboard </li>
<li>Animation </li>
<li>Professional Voice-Over & Sound Effects </li>
<li>Custom Artwork </li>
<li>Background Music </li>
<li>Sample Theme </li>
<li>2 Weeks Delivery </li>
<li>Unlimited Storyboard Revisions </li>
<li>Dedicated Support</li>
<li><strong>MORE FEATURES</strong></li>
<li>100% Satisfaction</li>
<!--<li>100% Ownership Rights</li>-->
<!--<li>Money Back Guarantee</li>-->
<li>Dedicated Account Manager</li>
</ul>
</div>
</div>
</div>
<div class="bottom-contact">
<a href="javascript:void(0);" class="popupBox btn btn-order startchat">
order now
</a>
<a class="btn chat" href="javascript;;"> <span class="cht_clr"><small>Click here to
<img src="images/webp/chat-img.webp" alt="" class="img-fluid">
</small> Live Chat</span>
</a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="package-main-box">
<div class="package-pr">
<h2>$699</h2>
</div>
<div class="packtitles">
<div class="fleft">
<h3>Startup</h3>
<p>Suitable for Small Startups</p>
</div>
<div class="fright">
<h4>50% OFF<span class="cutprice">$1399</span></h4>
</div>
</div>
<div class="package-content">
<div class="slim-scroll">
<div>
<ul>
<li>Suitable for potential super-startups and brand revamps for companies.
</li>
<li>30 Second Video - HD 1080 </li>
<li>Professional Script </li>
<li>Storyboard </li>
<li>Animation </li>
<li>Professional Voice-Over & Sound Effects </li>
<li>Custom Artwork </li>
<li>Background Music </li>
<li>Sample Theme </li>
<li>4 Weeks Delivery </li>
<li>Unlimited Storyboard Revisions </li>
<li>Dedicated Support</li>
<li><strong>MORE FEATURES</strong></li>
<li>100% Satisfaction</li>
<!--<li>100% Ownership Rights</li>-->
<!--<li>Money Back Guarantee</li>-->
<li>Dedicated Account Manager</li>
</ul>
</div>
</div>
</div>
<div class="bottom-contact">
<a href="javascript:void(0);" class="popupBox btn btn-order startchat">
order now
</a>
<a class="btn chat" href="javascript;;"> <span class="cht_clr"><small>Click here to
<img src="images/webp/chat-img.webp" alt="" class="img-fluid">
</small> Live Chat</span> </a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="package-main-box">
<div class="package-pr">
<h2>$999.00</h2>
</div>
<div class="packtitles">
<div class="fleft">
<h3>Classic</h3>
<p>Suitable for Small Startups</p>
</div>
<div class="fright">
<h4>50% OFF<span class="cutprice">$1999</span></h4>
</div>
</div>
<div class="package-content">
<div class="slim-scroll">
<div>
<ul>
<li>Suitable for potential super-startups and brand revamps for companies.
</li>
<li>60 Second Video - HD 1080 </li>
<li>Professional Script </li>
<li>Storyboard </li>
<li>Animation </li>
<li>Professional Voice-Over & Sound Effects </li>
<li>Custom Artwork </li>
<li>Background Music </li>
<li>Sample Theme </li>
<li>4 Weeks Delivery </li>
<li>Unlimited Revisions </li>
<li>24x7 Support </li>
<li>Dedicated Team </li>
<li>FREE All File Formats</li>
<li><strong>MORE FEATURES</strong></li>
<li>100% Satisfaction</li>
<!--<li>100% Ownership Rights</li>-->
<!--<li>Money Back Guarantee</li>-->
<li>Dedicated Account Manager</li>
</ul>
</div>
</div>
</div>
<div class="bottom-contact">
<a href="javascript:void(0);" class="popupBox btn btn-order startchat">
order now
</a>
<a class="btn chat" href="javascript;;"> <span class="cht_clr"><small>Click here to
<img src="images/webp/chat-img.webp" alt="" class="img-fluid">
</small> Live Chat</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="gallery-sec web-design-gallery-sec">
<div class="column_lines video-page-column">
<div class="column"></div>
<div class="column"></div>
<div class="column"></div>
<div class="column"></div>
<div class="column"></div>
</div>
<div class="container-fluid">
<div class="process-head-box" data-aos="fade-down" data-aos-duration="2000">
<h4>A glimpse of our recent work</h4>
<p>We have years of experience in digital marketing and design. We have spent years in <br> delivering
high quality work for our customers. Have a look at our recent work for our customers</p>
</div>
<div class="container">
<div class="row justify-content-center">
<ul class="nav nav-tabs cust-nav-tabs justify-content-center portfolio-tabs-content-box border-0 sub-tabs video-tab-child"
id="portfolioMainTabsInner" role="tablist-1">
<li class="nav-item">
<a class="nav-link active cust-nav-link" data-toggle="tab" href="#animatedtwodlogo">2D
Animation</a>
</li>
<li class="nav-item">
<a class="nav-link cust-nav-link" data-toggle="tab" href="#animatedthreedlogo">3D Animation
</a>
</li>
<li class="nav-item">
<a class="nav-link cust-nav-link" data-toggle="tab" href="#whiteboard">Whiteboard</a>
</li>
<li class="nav-item">
<a class="nav-link cust-nav-link" data-toggle="tab" href="#motiongraphics">Motion
Graphics</a>
</li>
<li class="nav-item">
<a class="nav-link cust-nav-link" data-toggle="tab" href="#typographyone">Typography</a>
</li>
<li class="nav-item">
<a class="nav-link cust-nav-link" data-toggle="tab" href="#screencast">Screen Cast</a>
</li>
<li class="nav-item">
<a class="nav-link cust-nav-link" data-toggle="tab" href="#logoanimation">Logo
Animations</a>
</li>
<li class="nav-item">
<a class="nav-link cust-nav-link" data-toggle="tab" href="#productanimations">Product
Animations</a>
</li>
<li class="nav-item">
<a class="nav-link cust-nav-link" data-toggle="tab" href="#illus">Illustration</a>
</li>
<li class="nav-item">
<a class="nav-link cust-nav-link" data-toggle="tab" href="#musicvideos">Animated Music
Videos</a>
</li>
</ul>
</div>
</div>
<div class="tab-content">
<!--- START Tabpane Cate animated2DLogo ----->
<div class="tab-pane fade show active" id="animatedtwodlogo">
<div class="row row-cols-md-4 portfolio-responsive-slider justify-content-center">
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/2d-animation/1.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/2d-animation/1.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/2d-animation/2.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/2d-animation/2.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/2d-animation/3.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/2d-animation/3.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/2d-animation/4.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/2d-animation/4.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/2d-animation/5.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/2d-animation/5.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/2d-animation/6.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/2d-animation/6.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/2d-animation/7.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/2d-animation/7.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/2d-animation/8.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/2d-animation/8.webp" alt=""
class="img-fluid">
</a>
</div>
</div>
</div>
<!--- End Tabpane Cate animated2DLogo ----->
<!---START Tabpane Cate animated3DLogo ----->
<div class="tab-pane fade " id="animatedthreedlogo">
<div class="row row-cols-md-4 portfolio-responsive-slider justify-content-center">
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/3d-animation/1.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/3d-animation/1.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/3d-animation/2.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/3d-animation/2.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/3d-animation/3.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/3d-animation/3.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/3d-animation/4.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/3d-animation/4.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0" style="display: none;">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/3d-animation/5.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/3d-animation/5.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0" style="display: none;">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/3d-animation/6.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/3d-animation/6.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0" style="display: none;">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/3d-animation/7.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/3d-animation/7.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0" style="display: none;">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/3d-animation/8.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/3d-animation/8.webp" alt=""
class="img-fluid">
</a>
</div>
</div>
</div>
<!--- End Tabpane Cate animated3DLogo ----->
<!--- START Tabpane Cate whiteboard ----->
<div class="tab-pane fade" id="whiteboard">
<div class="row row-cols-md-4 portfolio-responsive-slider justify-content-center">
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/whiteboard/1.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/whiteboard/1.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/whiteboard/2.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/whiteboard/2.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/whiteboard/3.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/whiteboard/3.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/whiteboard/4.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/whiteboard/4.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0" style="display: none;">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/whiteboard/5.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/whiteboard/5.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0" style="display: none;">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/whiteboard/6.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/whiteboard/6.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0" style="display: none;">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/whiteboard/7.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/whiteboard/7.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0" style="display: none;">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/whiteboard/8.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/whiteboard/8.webp" alt=""
class="img-fluid">
</a>
</div>
</div>
</div>
<!--- End Tabpane Cate whiteboard ----->
<!--- START Tabpane Cate motiongraphics Logo ----->
<div class="tab-pane fade" id="motiongraphics">
<div class="row row-cols-md-4 portfolio-responsive-slider justify-content-center">
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/motion-graphics/1.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/motion-graphics/1.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/motion-graphics/2.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/motion-graphics/2.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/motion-graphics/3.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/motion-graphics/3.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/motion-graphics/4.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/motion-graphics/4.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0" style="display: none;">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/motion-graphics/5.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/motion-graphics/5.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0" style="display: none;">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/motion-graphics/6.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/motion-graphics/6.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0" style="display: none;">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/motion-graphics/7.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/motion-graphics/7.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0" style="display: none;">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/motion-graphics/8.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/motion-graphics/8.webp" alt=""
class="img-fluid">
</a>
</div>
</div>
</div>
<!--- End Tabpane Cate motiongraphics Logo ----->
<!--- START Tabpane Cate typography ----->
<div class="tab-pane fade" id="typographyone">
<div class="row row-cols-md-4 portfolio-responsive-slider justify-content-center">
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/typography/1.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/typography/1.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/typography/2.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/typography/2.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/typography/3.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/typography/3.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/typography/4.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/typography/4.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0" style="display: none;">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/typography/5.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/typography/5.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0" style="display: none;">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/typography/6.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/typography/6.webp" alt=""
class="img-fluid">
</a>
</div>
</div>
</div>
<!--- End Tabpane Cate typography ----->
<!--- START Tabpane Cate screencast ----->
<div class="tab-pane fade" id="screencast">
<div class="row row-cols-md-4 portfolio-responsive-slider justify-content-center">
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/screen-cast/1.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/screen-cast/1.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/screen-cast/2.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/screen-cast/2.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/screen-cast/3.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/screen-cast/3.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/screen-cast/4.mp4"
title="">
<img class="lazy" src="images/portfolio/video-animations/screen-cast/4.webp" alt=""
class="img-fluid">
</a>
</div>
</div>
</div>
<!--- End Tabpane Cate screencast ----->
<!--- START Tabpane Cate logoanimation----->
<div class="tab-pane fade" id="logoanimation">
<div class="row row-cols-md-4 portfolio-responsive-slider justify-content-center">
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/logo-animation/2.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/logo-animation/2.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/logo-animation/3.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/logo-animation/3.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/logo-animation/4.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/logo-animation/4.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/logo-animation/5.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/logo-animation/5.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/logo-animation/6.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/logo-animation/6.webp" alt=""
class="img-fluid">
</a>
</div>
</div>
</div>
<!--- End Tabpane Cate logoanimation----->
<!--- START Tabpane Cate product-animation----->
<div class="tab-pane fade" id="productanimations">
<div class="row row-cols-md-4 portfolio-responsive-slider justify-content-center">
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/product-animation/1.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/product-animation/1.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/product-animation/3.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/product-animation/3.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/product-animation/4.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/product-animation/4.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/product-animation/5.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/product-animation/5.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/product-animation/6.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/product-animation/6.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/product-animation/7.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/product-animation/7.webp"
alt="" class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/product-animation/8.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/product-animation/8.webp"
alt="" class="img-fluid">
</a>
</div>
</div>
</div>
<!--- End Tabpane Cate product-animation----->
<!--- START Tabpane Cate illustration----->
<div class="tab-pane fade" id="illus">
<div class="row row-cols-md-4 portfolio-responsive-slider justify-content-center">
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/illustration/1.webp"
title="">
<img class="lazy" src="images/portfolio/video-animations/illustration/1.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/illustration/2.webp"
title="">
<img class="lazy" src="images/portfolio/video-animations/illustration/2.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/illustration/3.webp"
title="">
<img class="lazy" src="images/portfolio/video-animations/illustration/3.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/illustration/4.webp"
title="">
<img class="lazy" src="images/portfolio/video-animations/illustration/4.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/illustration/5.webp"
title="">
<img class="lazy" src="images/portfolio/video-animations/illustration/5.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/illustration/6.webp"
title="">
<img class="lazy" src="images/portfolio/video-animations/illustration/6.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/illustration/7.webp"
title="">
<img class="lazy" src="images/portfolio/video-animations/illustration/7.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio" href="images/portfolio/video-animations/illustration/8.webp"
title="">
<img class="lazy" src="images/portfolio/video-animations/illustration/8.webp" alt=""
class="img-fluid">
</a>
</div>
</div>
</div>
<!--- End Tabpane Cate illustration----->
<!--- START Tabpane Cate music-animation----->
<div class="tab-pane fade" id="musicvideos">
<div class="row row-cols-md-4 portfolio-responsive-slider justify-content-center">
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/music-animation/1.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/music-animation/1.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/music-animation/2.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/music-animation/2.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/music-animation/3.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/music-animation/3.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/music-animation/4.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/music-animation/4.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/music-animation/5.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/music-animation/5.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/music-animation/6.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/music-animation/6.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/music-animation/7.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/music-animation/7.webp" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-img-box col-md-12 col-sm-12 col-lg-4 p-0">
<a data-fancybox="allportfolio"
href="images/portfolio/video-animations/music-animation/8.mp4" title="">
<img class="lazy" src="images/portfolio/video-animations/music-animation/8.webp" alt=""
class="img-fluid">
</a>
</div>
</div>
</div>
<!--- End Tabpane Cate music-animation----->
</div>
<a href="javascript:void(0);" class="popupBox btn btn-submit">lets get started</a>
</div>
</section>
<section class="video-anim-process-sec">
<div class="column_lines">
<div class="column"></div>
<div class="column"></div>
<div class="column"></div>
<div class="column"></div>
<div class="column"></div>
</div>
<div class="v-ani-sec">
<div class="container">
<div class="v-anim-head">
<h4>our video animation process</h4>
<p>Our process has no limitations and keeps you hooked at every single step.</p>
</div>
<div class="row video-anim-process-responsive-slider">
<div class="col-lg-4 col-md-12">
<div class="v-anim-process-box">
<h6>Discovery</h6>
<p>We get information regarding your message, aim, strategy and brand. </p>
</div>
</div>
<div class="col-lg-4 col-md-12">
<div class="v-anim-process-box anim-2">
<h6>Script</h6>
<p>We take your message and boil it down to a story that can easily capture attention of
audience.</p>
</div>
</div>
<div class="col-lg-4 col-md-12">
<div class="v-anim-process-box anim-3">
<h6>Design</h6>
<p>We create a language that is visually understandable and can give life to your vision.
</p>
</div>
</div>
<div class="col-lg-4 col-md-12">
<div class="v-anim-process-box anim-4">
<h6>Storyboard</h6>
<p>We select and match suitable voice to picture so that they work together.</p>
</div>
</div>
<div class="col-lg-4 col-md-12">
<div class="v-anim-process-box anim-5">
<h6>Animation</h6>
<p>We bring the characters and other visuals to life with animation. We bring the characters
and other visuals to life with animation. </p>
</div>
</div>
<div class="col-lg-4 col-md-12">
<div class="v-anim-process-box anim-6">
<h6>Final Design</h6>
<p>At the final stage, we add sound effects and music to help the image land. Video is now
ready to deliver!</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="second-contact-sec">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-12">
<div class="second-contact-head">
<h4>Are You Ready To <br>Place Your Order?</h4>
</div>
</div>
<div class="col-lg-3 col-md-12">
<a href="<?php echo constant("PHONE_HREF") ?>" class="btn-tel">
<img data-src="images/webp/second-comtact-img-1.webp" class="lazy img-fluid" alt="">
<div class="second-con-box">
<h6>call us at</h6>
<p><?php echo constant("PHONE") ?></p>
</div>
</a>
</div>
<div class="col-lg-3 col-md-12">
<a href="javascript:void(0);" class="btn btn-start chatt">start live chat</a>
</div>
</div>
</div>
</section>
<section class="testimonial-sec">
<div class="container">
<div class="test-head">
<h4>Testimonials</h4>
<p>Our Happy Clients</p>
</div>
<div class="testimonial-slider">
<div class="owl-carousel owl-theme">
<div class="item">
<div class="test-profile-box">
<img data-src="images/webp/test-profile-img-1.webp" class="lazy img-fluid" alt="">
<h5>Riah Drew </h5>
<h6>Business Director</h6>
<p>“Excellent team and can’t wait to give them more difficult tasks to achieve, which <br> I
am sure they will complete flawlessly”</p>
</div>
</div>
<div class="item">
<div class="test-profile-box">
<img data-src="images/webp/test-profile-img-2.webp" class="lazy img-fluid" alt="">
<h5>Richerd Johnson</h5>
<h6>Director</h6>
<p>“Till now, our organization was heading to the dead end for the branding and <br> digital
marketing till <?php echo constant("WEBSITE_NAME") ?> team took the task upon <br> them
to provide us with proper care and assistance”</p>
</div>
</div>
<div class="item">
<div class="test-profile-box">
<img data-src="images/webp/test-profile-img-3.webp" class="lazy img-fluid" alt="">
<h5>Barry Anders</h5>
<h6>Founder</h6>
<p>“The support team here is very supportive and friendly. I talked to their team and <br>
they kept me up to date with whatever was cooking and didn’t say no to any of my
requests. <br> He was always very considerate and polite. I am happy with the team.
Would definitely order again”</p>
</div>
</div>
</div>
</div>
</div>
</section>
<?php include 'includes/get-in-touch.php' ?>
<section class="contact-us-sec">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12">
<div class="contact-left-box" data-aos="fade-right" data-aos-duration="2000">
<h6>contact us</h6>
<h5>Let's write your <br> story, together.</h5>
</div>
</div>
<div class="col-lg-6 col-md-12">
<div class="contact-right-box" data-aos="fade-left" data-aos-duration="2000">
<p>We do not tell you our story. We write it together. Partnering with us means a seat at the
table where you will be heard.</p>
<div class="contact-bottom-info-box">
<a href="contact-us.php" class="btn btn-ctn">contact us</a>
<a href="<?php echo constant("PHONE_HREF") ?>" class="btn-tel">
<img data-src="images/webp/second-comtact-img-1.webp" class="lazy img-fluid" alt="">
<div class="second-con-box">
<h6>call us at</h6>
<p><?php echo constant("PHONE") ?></p>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<?php include 'includes/footer.php' ?>