BossBey File Manager
PHP:
8.1.34
OS:
Linux
User:
demodesignproboa
Root
/
home
/
demodesignproboa
/
public_html
/
primewebdeveloper
/
v1
📤 Upload
📝 New File
📁 New Folder
Close
Editing: 2d-3d-animation.php
<?php include 'includes/header.php'; $page = 'home'; ?> <div id="smooth-wrapper"> <div id="smooth-content"> <main class="single-service-page"> <section class="header-design-02" style="background-image: url(assets/images/2d-3d/header-banner.jpg);"> <div class="container-th"> <div class="row align-items-center"> <div class="col-lg-7"> <div class="header-title-02" data-aos="flip-up"> <h1 class="title-animation-1">2D / 3D <span>Animation </span></h1> <p>Animating Imagination, Bringing Stories to Life.</p> <div class="btn-style-1 large-btn-style-1"> <a href="portfolio" class="button"> <span class="arrow"> <span class="item"></span> <span class="item"></span> </span> <span class="line"></span> <span class="text">View Portfolio</span> </a> </div> </div> </div> <div class="col-lg-5"> <div class="form-style-01" data-aos="fade-left" data-aos-duration="1500"> <form action="void:;" method="GET"> <div class="row"> <div class="col-lg-6 col-6"> <div class="input-field"> <input type="text" placeholder="Name" name="cname" required> <input type="hidden" value="2D - 3D Animation" name="service_name" required> <input type="hidden" value="Website Design Valley | Service" name="csubject" required> </div> </div> <div class="col-lg-6 col-6"> <div class="input-field"> <input type="text" placeholder="Last Name" name="clastname" required> </div> </div> <div class="col-lg-6 col-6"> <div class="input-field"> <input type="email" placeholder="Email" name="cemail" required> </div> </div> <div class="col-lg-6 col-6"> <div class="input-field"> <input type="text" placeholder="Phone" name="cphone" required> </div> </div> <div class="col-lg-12 col-12"> <div class="input-field"> <textarea placeholder="Message" name="cmessage"></textarea> </div> <div class="btn-style-2"> <button class="button arrow-button next" name="contact_submit"> <span class="arrow"> <span class="item"></span> <span class="item"></span> </span> <span class="line"></span> <span class="text">Send Message</span> </button> </div> </div> </div> </form> </div> </div> </div> </div> </section> <section class="single-service-section-1"> <div class="container-th"> <div class="row align-items-center"> <div class="col-xl-4 col-lg-4"> <div class="single-service-content-1"> <h2>Our Custom Animation Services</h2> </div> </div> <div class="col-xl-8 col-lg-8" data-aos="fade-up-left"> <div class="s-content-design-01 bt-2"> <div class="s-content-item"> <p>At our animation services company, we take immense pride in our creative process and commitment to delivering outstanding results. When you collaborate with us, we embark on a journey that starts with attentive listening and understanding your vision. </p> </div> <div class="s-content-item"> <p>Our team of talented animators, designers, and storytellers then work closely with you to conceptualise and storyboard your ideas, breathing life into them through captivating visuals and compelling narratives.</p> </div> </div> <div class="s-list-design-01 "> <ul> <li>+ 2D animation</li> <li>+ 3D animation</li> <li>+ Motion graphics</li> <li>+ Whiteboard animation</li> <li>+ Explainer videos</li> <li>+ Character animation</li> </ul> </div> </div> </div> </div> </section> <section class="our-process" style="background-image: url(assets/images/services/logo-design.jpg);"> <div class="container-th"> <div class="row"> <div class="col-lg-12"> <div class="our-process-list"> <div class="our-process-item"> <div class="our-process-item-inner"> <h4>Brief & <span>Research</span></h4> <p>In this stage, we thoroughly understand your requirements and objectives. We gather relevant information, such as target audience, messaging, and desired outcomes.</p> </div> </div> <div class="our-process-item"> <div class="our-process-item-inner"> <h4>Script & <span>Concept</span></h4> <p>Once we have a clear understanding of your goals, we develop a compelling script that conveys your message effectively. Our experienced planners craft engaging narratives that captivate your audience.</p> </div> </div> <div class="our-process-item"> <div class="our-process-item-inner"> <h4>Mood Board & <span>Storyboard</span></h4> <p>We create a mood board to establish the visual tone, style, and mood of the animation. This includes selecting colour palettes, typography, and reference images that evoke the desired emotions.</p> </div> </div> <div class="our-process-item"> <div class="our-process-item-inner"> <h4>Style & <span>Illustrations</span></h4> <p>Once the storyboard is approved, we move on to defining the animation's visual style. We collaborate with you to determine the appropriate art direction, whether it's 2D, 3D, or a specific illustration style.</p> </div> </div> </div> </div> </div> </div> </section> <section id="our-portfolio-2-are" class="our-portfolio-2-are" data-aos="zoom-in-up" data-aos-duration="1500"> <div class="container-th"> <div class="row align-items-center"> <div class="col-lg-12"> <div class="content-style-01 font-large text-center mb-5"> <h4 data-aos="flip-up">Our Portfolio</h4> <h2 data-aos="flip-up">We Work With Top <span>Brands</span></h2> </div> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="portfolio-list-02"> <div class="portfolio-item-2"> <div class="portfolio-item-inner"> <a href="assets/images/branding/branding-large-01.jpg"> <img src="assets/images/branding/branding-01.jpg"> </a> </div> </div> <div class="portfolio-item-2"> <div class="portfolio-item-inner"> <a href="assets/images/branding/branding-large-02.jpg"> <img src="assets/images/branding/branding-02.jpg"> </a> </div> </div> <div class="portfolio-item-2"> <div class="portfolio-item-inner"> <a href="assets/images/branding/branding-large-03.jpg"> <img src="assets/images/branding/branding-03.jpg"> </a> </div> </div> <div class="portfolio-item-2"> <div class="portfolio-item-inner"> <a href="assets/images/branding/branding-large-04.jpg"> <img src="assets/images/branding/branding-04.jpg"> </a> </div> </div> <div class="portfolio-item-2"> <div class="portfolio-item-inner"> <a href="assets/images/branding/branding-large-05.jpg"> <img src="assets/images/branding/branding-05.jpg"> </a> </div> </div> <div class="portfolio-item-2"> <div class="portfolio-item-inner"> <a href="assets/images/branding/branding-large-06.jpg"> <img src="assets/images/branding/branding-06.jpg"> </a> </div> </div> <div class="portfolio-item-2"> <div class="portfolio-item-inner"> <a href="assets/images/branding/branding-large-07.jpg"> <img src="assets/images/branding/branding-07.jpg"> </a> </div> </div> <div class="portfolio-item-2"> <div class="portfolio-item-inner"> <a href="assets/images/branding/branding-large-08.jpg"> <img src="assets/images/branding/branding-08.jpg"> </a> </div> </div> <div class="portfolio-item-2"> <div class="portfolio-item-inner"> <a href="assets/images/branding/branding-large-09.jpg"> <img src="assets/images/branding/branding-09.jpg"> </a> </div> </div> </div> </div> </div> </div> </section> <section class="service-content-3-area"> <div class="container-th"> <div class="row justify-content-center"> <div class="col-lg-6"> <div class="service-content-3" data-aos="flip-up"> <h2>Our Animated Video Creative Process.</h2> <p>Our animated video production services combine artistic vision, storytelling expertise, and technical excellence to produce captivating video animation services that effectively convey your message.</p> </div> </div> </div> <div class="row justify-content-center"> <div class="col-lg-4"> <div class="image-style-01" data-aos="fade-up-right"> <lottie-player src="assets/images/2d-3d/animation.json" background="transparent" speed="1" style="width: 100%; height:100%;" loop="" autoplay=""></lottie-player> </div> </div> <div class="col-lg-6"> <div class="service-content-3" data-aos="fade-up-left"> <h2>Animation has the power to transform ideas into visually compelling stories - John Smith</h2> <p>Animation has a unique ability to simplify complex concepts and turn them into visually appealing narratives. By utilising animation, our 3d animation video company can make their services more relatable, captivating, and memorable for their target audience.</p> <p> In today's visually driven world, where attention spans are shorter, animation stands out as a powerful tool for capturing and retaining viewer attention. The quote acknowledges the transformative impact that animation can have on a brand, <strong>allowing businesses to unlock the full potential of their services.</strong></p> </div> </div> </div> </div> </section> <!-- start here web pakages here --> <section class="our-packages mt-0" data-aos="zoom-in-up"> <div class="container-th"> <div class="row"> <div class="col-lg-12"> <div class="content-style-01 font-large text-center" data-aos="flip-up"> <h4>Our Packages</h4> <h2>Choose your new <span>brands</span> plan.</h2> </div> </div> </div> <div class="row justify-content-center"> <div class="col-lg-6 col-xl-4 col-md-6 col-12"> <div class="package-item"> <div class="package-header"> <h3>BASIC ILLUSTRATIVE PACKAGE</h3> <h2>$589.98<span> $294.99</span></h2> </div> <div class="package-body"> <h6>Plan Includes:</h6> <div class="package-body-data"> <ul class="pricing-plan-details-ul"> <li> 3 Custom Logo Design Concepts</li> <li> By 2 Designers</li> <li> UNLIMITED Revisions</li> <li> 48 to 72 hours TAT</li> <li> All Final Files Format (AI, PSD, EPS, PNG, GIF, JPG, PDF)</li> <li> 100% Ownership Rights</li> <li> 100% Satisfaction Guarantee</li> <li> 100% Unique Design Guarantee</li> <li> 100% Money Back Guarantee</li> </ul> </div> <div class="package-footer"> <a href="https://tawk.to/chat/65f8862d1ec1082f04d8b38b/1hp9co8ot">Chat Now</a> <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#GetAQuote" class="ordernow">ORDER NOW</a> <p>Suitable for potential spaner-startups and brand revamps for companies</p> </div> </div> </div> </div> <div class="col-lg-6 col-xl-4 col-md-6 col-12"> <div class="package-item"> <div class="package-header"> <h3>STARTUP ILLUSTRATIVE PACKAGE</h3> <h2>$789.98 <span>$394.99</span></h2> </div> <div class="package-body"> <h6>Plan Includes:</h6> <div class="package-body-data"> <ul class="pricing-plan-details-ul"> <li>4 Custom Logo Design Concepts</li> <li>By 3 Designers</li> <li> 48 to 72 hours TAT</li> <li> UNLIMITED Revisions</li> <li> All Final Files Format (AI, PSD, EPS, PNG, GIF, JPG, PDF)</li> <li> 100% Ownership Rights</li> <li> 100% Satisfaction Guarantee</li> <li> 100% Unique Design Guarantee</li> <li> 100% Money Back Guarantee</li> </ul> </div> </div> <div class="package-footer"> <a href="https://tawk.to/chat/65f8862d1ec1082f04d8b38b/1hp9co8ot">Chat Now</a> <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#GetAQuote" class="ordernow">ORDER NOW</a> <p>Suitable for potential spaner-startups and brand revamps for companies</p> </div> </div> </div> <div class="col-lg-6 col-xl-4 col-md-6 col-12"> <div class="package-item"> <div class="package-header"> <h3>PROFESSIONAL ILLUSTRATIVE PACKAGE</h3> <h2>$1,189.98 <span>$594.99</span></h2> </div> <div class="package-body"> <h6>Plan Includes:</h6> <div class="package-body-data"> <ul class="pricing-plan-details-ul"> <li>UNLIMITED Logo Design Concepts</li> <li>By 4 Designers</li> <li> 48 to 72 hours TAT</li> <li> UNLIMITED Revisions</li> <li> All Final Files Format (AI, PSD, EPS, PNG, GIF, JPG, PDF)</li> <li> 100% Ownership Rights</li> <li> 100% Satisfaction Guarantee</li> <li> 100% Unique Design Guarantee</li> <li> 100% Money Back Guarantee</li> </ul> </div> </div> <div class="package-footer"> <a href="https://tawk.to/chat/65f8862d1ec1082f04d8b38b/1hp9co8ot">Chat Now</a> <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#GetAQuote" class="ordernow">ORDER NOW</a> <p>Suitable for potential spaner-startups and brand revamps for companies</p> </div> </div> </div> <div class="col-lg-6 col-xl-4 col-md-6 col-12"> <div class="package-item"> <div class="package-header"> <h3>3D LOGO PACKAGE</h3> <h2>$1,089.98 <span>$544.99</span></h2> </div> <div class="package-body"> <h6>Plan Includes:</h6> <div class="package-body-data"> <ul class="pricing-plan-details-ul"> <li> 3 Unique 3D Logo Concepts</li> <li> Light Effects and VFX</li> <li> Fully Rendered</li> <li> Multiple 3D Angles</li> <li> By 3 Award Winning Designers</li> <li> 72 hours Turnaround Time</li> <li> UNLIMITED Revisions</li> <li> 100% Ownership Rights</li> <li> 100% Satisfaction Guarantee</li> <li> 100% Unique Design Guarantee</li> <li> 100% Money Back Guarantee</li> </ul> <ul> </div> </div> <div class="package-footer"> <a href="https://tawk.to/chat/65f8862d1ec1082f04d8b38b/1hp9co8ot">Chat Now</a> <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#GetAQuote" class="ordernow">ORDER NOW</a> <p>Suitable for potential spaner-startups and brand revamps for companies</p> </div> </div> </div> </div> </div> </section> <section class="single-service-faqs"> <div class="container-th"> <div class="row"> <div class="col-lg-5"> <div class="image-style-01" data-aos="fade-up-right"> <img src="assets/images/2d-3d/faq.jpg"> </div> </div> <div class="col-lg-7"> <div class="service-faqs-box" data-aos="fade-up-left"> <h2>Product making for <span>friendly users</span></h2> <div class="service-faqs-list"> <div class="accordion" id="accordionExample"> <div class="accordion-item"> <h2 class="accordion-header" id="faq-item-1"> <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> What types of animation services do you offer? </button> </h2> <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="faq-item-1" data-bs-parent="#accordionExample"> <div class="accordion-body"> <p>We offer a wide range of animation services, including 2D animation, 3D animation, motion graphics, character animation, explainer videos, and more.</p> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="faq-item-2"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> What industries do you specialise in for animation? </button> </h2> <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="faq-item-2" data-bs-parent="#accordionExample"> <div class="accordion-body"> <p> We have experience working with various industries, including advertising, entertainment, education, healthcare, technology, and more. We adapt our animation services to cater to the specific needs of each industry. </p> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="faq-item-3"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> What is the typical timeframe for completing an animation project? </button> </h2> <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="faq-item-3" data-bs-parent="#accordionExample"> <div class="accordion-body"> <p> The time frame varies depending on the complexity and scope of the project. We provide estimated timelines during the project planning phase and strive to deliver high-quality animations within the agreed-upon timeframe. </p> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="faq-item-4"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4"> Can you create custom characters and illustrations for our animation? </button> </h2> <div id="collapse4" class="accordion-collapse collapse" aria-labelledby="faq-item-4" data-bs-parent="#accordionExample"> <div class="accordion-body"> Absolutely! We have a team of talented artists who specialise in creating custom characters, illustrations, and visual elements tailored to your project's requirements and brand identity. </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="faq-item-5"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5"> Do you provide voiceover services for animated videos? </button> </h2> <div id="collapse5" class="accordion-collapse collapse" aria-labelledby="faq-item-5" data-bs-parent="#accordionExample"> <div class="accordion-body"> Yes, we offer professional voiceover services in multiple languages. We work with a diverse pool of voice talents to find the perfect voice that matches the desired tone and style of your animation. </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- Our Brands --> <section class="our-brands"> <div class="container-th"> <div class="row"> <div class="col-lg-8"> <div class="content-style-01 font-large" data-aos="flip-up"> <h4>International Brands</h4> <h3>Our Global Collaborations With the World's Leading <span>Brands</span></h3> </div> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="brand-list"> <div class="brand-item"> <a href="javascript:;"> <img src="assets/images/brands/brand-01.png"> </a> <div class="brand-item-inner"> <a href="javascript:;"> <img src="assets/images/brands/brand01.png"> </a> </div> </div> <div class="brand-item"> <a href="javascript:;"> <img src="assets/images/brands/brand-02.png"> </a> <div class="brand-item-inner"> <a href="javascript:;"> <img src="assets/images/brands/brand02.png"> </a> </div> </div> <div class="brand-item"> <a href="javascript:;"> <img src="assets/images/brands/brand-03.png"> </a> <div class="brand-item-inner"> <a href="javascript:;"> <img src="assets/images/brands/brand03.png"> </a> </div> </div> <div class="brand-item"> <a href="javascript:;"> <img src="assets/images/brands/brand-04.png"> </a> <div class="brand-item-inner"> <a href="javascript:;"> <img src="assets/images/brands/brand04.png"> </a> </div> </div> <div class="brand-item"> <a href="javascript:;"> <img src="assets/images/brands/brand-05.png"> </a> <div class="brand-item-inner"> <a href="javascript:;"> <img src="assets/images/brands/brand05.png"> </a> </div> </div> <div class="brand-item"> <a href="javascript:;"> <img src="assets/images/brands/brand-06.png"> </a> <div class="brand-item-inner"> <a href="javascript:;"> <img src="assets/images/brands/brand06.png"> </a> </div> </div> <div class="brand-item"> <a href="javascript:;"> <img src="assets/images/brands/brand-07.png"> </a> <div class="brand-item-inner"> <a href="javascript:;"> <img src="assets/images/brands/brand07.png"> </a> </div> </div> <div class="brand-item"> <a href="javascript:;"> <img src="assets/images/brands/brand-08.png"> </a> <div class="brand-item-inner"> <a href="javascript:;"> <img src="assets/images/brands/brand08.png"> </a> </div> </div> <div class="brand-item"> <a href="javascript:;"> <img src="assets/images/brands/brand-09.png"> </a> <div class="brand-item-inner"> <a href="javascript:;"> <img src="assets/images/brands/brand09.png"> </a> </div> </div> <div class="brand-item"> <a href="javascript:;"> <img src="assets/images/brands/brand-10.png"> </a> <div class="brand-item-inner"> <a href="javascript:;"> <img src="assets/images/brands/brand10.png"> </a> </div> </div> <div class="brand-item"> <a href="javascript:;"> <img src="assets/images/brands/brand-11.png"> </a> <div class="brand-item-inner"> <a href="javascript:;"> <img src="assets/images/brands/brand11.png"> </a> </div> </div> <div class="brand-item"> <a href="javascript:;"> <img src="assets/images/brands/brand-12.png"> </a> <div class="brand-item-inner"> <a href="javascript:;"> <img src="assets/images/brands/brand12.png"> </a> </div> </div> </div> </div> </div> </div> </section> <!-- End Our Brands --> </main> <?php include 'includes/footer.php'; $page = 'home'; ?>
Save
Cancel