<?php
$page = 'Motion Graphics Services | Slick Web Studios';
$pageDesc = "Enhance your brand with stunning motion graphics from Slick Web Studios. Our expert designers create captivating visuals to engage your audience. Contact us today!";
$pageTag = '""';
include 'include/header.php';
?>

<style>
	.pkagwerp .pakge-box {
		max-height: 500px;
		margin-bottom: 30px;
	}
	.pkagwerp .pakge-box .pkge-name h4 {
		font-size: 23px !important;
	}
</style>


<section class="home-bnerwrp serwrper" style="background-image: url(assets/images/banner-6.webp);">
	<span class="overly"></span>
	<div class="container">
		<div class="row">
			<div class="col-md-6 my-auto">
				<div class="txtwrp">
					<h4 class="wow fadeInDown">Animation Expert</h4>
					<h1 class="wow fadeInDown">Creating Interactive Animations</h1>
					<p class="wow fadeInDown">Slick Web Studios is equipped with the right brains and technology to design and create engaging animations to bring any content to life. Animations that sell is what we develop.</p>
					<ul>
						<li> High Resolution</li>
						<li> Engaging</li>
						<li> Interactive</li>
						<li> 3D graphics</li>
					</ul>
				</div>
				
    			<div class="imgmain">
    				<ul class="wow fadeInDown">
    					<a href="https://www.bark.com/en/us/company/slick-web-studios/XDgy3/">
    						<li>
    							<img class="lazy" src="https://upload.wikimedia.org/wikipedia/en/a/ac/Bark_Logo800-200.png?20200210095424" data-src="https://upload.wikimedia.org/wikipedia/en/a/ac/Bark_Logo800-200.png?20200210095424" style="width:10vw;margin:3px;filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7484%) hue-rotate(143deg) brightness(100%) contrast(95%);" alt="trust-b">
    						</li>
    					</a>
    					<a href="https://www.designrush.com/agency/profile/slick-web-studios">
    
    					<li>
    						<img class="lazy" src="https://evokad.com/wp-content/uploads/2021/08/designrush-new-logo.png" data-src="https://evokad.com/wp-content/uploads/2021/08/designrush-new-logo.png" style="width:13vw;margin:3px;filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7484%) hue-rotate(143deg) brightness(100%) contrast(95%);" alt="google-b">
    					</li>
    					</a>
    
    					<a href="https://www.g2.com/products/slick-web-studios/reviews?qs=pros-and-cons">
    
    					<li>
    						<img class="lazy" src="https://seeklogo.com/images/G/g2-logo-F87402EB23-seeklogo.com.png" data-src="https://seeklogo.com/images/G/g2-logo-F87402EB23-seeklogo.com.png" style="width:3vw;margin:3px" alt="bings-logo">
    					</li>
    					</a>
    
    					<a href="https://www.yelp.com/biz/slick-web-studios-new-york">
    
    					<li>
    						<img class="lazy" src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/ad/Yelp_Logo.svg/465px-Yelp_Logo.svg.png" data-src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/ad/Yelp_Logo.svg/465px-Yelp_Logo.svg.png" style="width:9vw;margin:3px" alt="bings-logo">
    					</li>
    					</a>
    
    					<a href="https://www.trustpilot.com/review/slickwebstudios.com">
    
    					<li>
    						<img class="lazy" src="assets/images/trustpilot.webp" data-src="assets/images/trustpilot.webp"  style="width:10vw;margin:3px;filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7484%) hue-rotate(143deg) brightness(100%) contrast(95%);" alt="bings-logo">
    					</li>
    					</a>
    
    				</ul>
    			</div>
				<div class="btnwrp">
					<a class="btn-1" href="javascript:;" onclick="setButtonURL();">Chat With Us</a>
				</div>
			</div>
			<div class="col-md-6 ">

			<?php include 'include/services-form.php' ?>


			</div>
		</div>
	</div>
</section>

<section class="clintwrp">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<div class="imgwrp">
								<ul class="portslider">
									<li>
									<a href="https://clutch.co/profile/slick-web-studios"><img class="lazy sliderimg clutch" src="assets/images/clutch.webp" data-src="assets/images/clutch.webp" alt="cl-2"></a>	
									</li>
									<li>
										<a href="https://www.crunchbase.com/organization/slick-web-studios"><img class="lazy sliderimg" src="assets/images/crunchbase.webp" data-src="assets/images/crunchbase.webp" alt="cl-3"></a>	
									</li>
									<li>
										<a href="https://techreviewer.co/companies/slick-web-studios"><img class="lazy sliderimg techreview" src="assets/images/techreview.webp" data-src="assets/images/techreview.webp" alt="cl-4"></a>	
									</li>
									<li>
										<a href="https://www.sitejabber.com/reviews/slickwebstudios.com"><img class="lazy sliderimg" src="assets/images/site-jabber.webp" data-src="assets/images/site-jabber.webp" alt="cl-5"></a>
									</li>
									<li>
									<a href="https://www.provenexpert.com/en-us/slick-web-studios/"><img class="lazy sliderimg provenexpert" src="assets/images/provenexpert.webp" data-src="assets/images/provenexpert.webp" alt="cl-6"></a>
									</li>
									<li>
									<a href="https://upcity.com/profiles/slick-web-studios"><img class="lazy sliderimg" src="assets/images/upcity.webp" data-src="assets/images/upcity.webp" alt="cl-8"></a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</section>

<section class="secndwrp">
	<div class="container">
		<div class="row">
			<div class="col-md-6 my-auto">
				<div class="txtwrp">
					<h4 class="upr-heading">Motion Graphics Service</h4>
					<h2 class="main-heading">Moving Forward</h2>
					<p class="main-pera">Motion graphics can transform any dull and boring content into engaging content with the use of animations, sounds and other media content. Slick Web Studios develops simple and 3D animations for different channels whether it is an infomercial or an educational video. We help you in planning and executing motion graphics so that it fulfills the intent of its making. Not only that we also suggest you the best digital channel to put your animation so that it brings the customer down in the sales funnel.</p>
				</div>
				<div class="btnwrp">
					<a class="btn-1" href="javascript:;">Let's Get Started</a>
					<a class="btn-2" href="javascript:;$zopim.livechat.window.toggle()">Chat With Us</a>
				</div>
			</div>
			<div class="col-md-6">
				<div class="imgwrp">
					<img src="assets/images/motion.webp">
				</div>
			</div>
		</div>
	</div>
</section>

  <?php include "include/green-cta.php"; ?>

<section class="pkagwerp">
	<div class="container">
		<div class="row">
			<div class="col-md-12">



				<div class="txtwrp">
					<h4 class="upr-heading wow fadeInDown" style="visibility: visible; animation-name: fadeInDown;">Pricing and Plans</h4>
					<h2 class="main-heading wow fadeInDown" style="visibility: visible; animation-name: fadeInDown;">Select a package that best fits your needs.</h2>

				</div>
				<!--   <div class="navwrp">-->
				<!--	<ul class="tabbing-links">-->
				<!--	    <li data-targetit="tabs-custm-web">Logo Design</li>-->
				<!--	    <li class="current" data-targetit="tabs-web-design">Website Design</li>-->
				<!--	    <li data-targetit="tabs-ecom">E-Commerce</li>	-->
				<!--	    <li data-targetit="tabs-brand">Branding</li>-->
				<!--	    <li data-targetit="tabs-app">Mobile Apps</li>-->
				<!--		<li data-targetit="tabs-motion">Motion Graphics</li>-->
				<!--		<li data-targetit="tabs-illis">Illustration</li>-->
				<!--	</ul>				-->
				<!--</div>-->



			</div>
		</div>
		<div class="tabs current ser-port tabs-custm-web wbport">
			<div class="row">
				<div class="col-md-4">
					<div class="pakge-box">
						<div>
							<div class="pkge-name">
								<h4>Startup Video Package</h4>
								<h2>$ 499 <span>$1000</span></h2>

							</div>
							<div class="detailwrp">

								<ul class="scrollbar style-14">
									<li>30 Second Video</li>
									<li>Professional Script</li>
									<li>Storyboard</li>
									<li>Animation</li>
									<li>Voice - Over &amp; Sound Effects</li>
									<li>4 weeks Delivery</li>
									<li>Unlimited Revisions</li>
								</ul>


							</div>
						</div>
					
						<div class="order-form-data btnwrp" method="POST" action="/checkout.php">
							<a href="javascript:;"><button class="btn-1" type="submit">Order Now</button></a>
							<a class="btn-2" onclick="setButtonURL();" href="javascript:;">Chat Now</a>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="pakge-box">
						<div>
							<div class="pkge-name">
								<h4>Classic Video Package</h4>
								<h2>$999 <span>$2,000</span></h2>

							</div>
							<div class="detailwrp">
								<ul class="scrollbar style-14">
									<li>60 Second Video</li>
									<li>Professional Script</li>
									<li>Sample Theme</li>
									<li>Storyboard</li>
									<li>Animation</li>
									<li>Voice - Over &amp; Sound Effects</li>
									<li>5 weeks Delivery</li>
								</ul>
							</div>
						</div>
					
						<div class="order-form-data btnwrp" method="POST" action="/checkout.php">
							<a href="javascript:;"><button class="btn-1" type="submit">Order Now</button></a>
							<a class="btn-2" onclick="setButtonURL();" href="javascript:;">Chat Now</a>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="pakge-box">
						<div>
							<div class="pkge-name">
								<h4>Premium Video Package</h4>
								<h2>$1,499 <span>$3000</span></h2>

							</div>
							<div class="detailwrp">
								<ul class="scrollbar style-14">
									<li>90 Second Video</li>
									<li>Professional Script</li>
									<li>Sample Theme</li>
									<li>Storyboard</li>
									<li>Animation</li>
									<li>Voice - Over &amp; Sound Effects</li>
									<li>6 Weeks Delivery</li>
								</ul>
							</div>
						</div>
						
						<div class="order-form-data btnwrp">
							
							<a href="javascript:;"><button class="btn-1" type="submit">Order Now</button></a>
							<a class="btn-2" onclick="setButtonURL();" href="javascript:;">Chat Now</a>
						</div>
					</div>
				</div>














				<div class="col-md-4">
					<div class="pakge-box">
						<div>
							<div class="pkge-name">
								<h4>Unlimited Video Package</h4>
								<h2>$2,299 <span>$4,600</span></h2>

							</div>
							<div class="detailwrp">
								<ul class="scrollbar style-14">
									<li>120 Second Video</li>
									<li>Professional Script</li>
									<li>Sample Theme</li>
									<li>Storyboard</li>
									<li>Animation</li>
									<li>Voice - Over &amp; Sound Effects</li>
								</ul>
							</div>
						</div>
						
						<div class="order-form-data btnwrp">
							
							<a href="javascript:;"><button class="btn-1" type="submit">Order Now</button></a>
							<a class="btn-2" onclick="setButtonURL();" href="javascript:;">Chat Now</a>
						</div>
					</div>
				</div>




























				<div class="col-md-12">
					<div class="btndiv">
						<a class="btn-1" href="javascript:;">Let's Get Started</a>
						<a class="btn-2" href="javascript:;$zopim.livechat.window.toggle()">Chat With Us</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<section class="portfoliowrp">
	<div class="container-fluid">
		<div class="row">
			<div class="col-md-12">
				<div class="txtwrp">
					<h4 class="upr-heading wow fadeInDown">Our Outstanding Portfolio</h4>
					<h2 class="main-heading wow fadeInDown">See it .Believe it</h2>
					<p class="main-pera wow fadeInDown">Slick Web Studios has been extremely privileged to work with such great clients and offer them quality service. <br> We have developed astounding layouts and interactive designs to give the best user experience.</p>
				</div>
				<div class="navwrp">

				</div>
			</div>
		</div>
		<div class="tabs ser-port tabs-custm-web wbport">
			<div class="row">
				<div class="col-md-12">
					<div class="port-box">
						<ul>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/logo/t-1.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/logo/t-1.webp" alt="t-1">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/logo/t-2.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/logo/t-2.webp" alt="t-2">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/logo/t-3.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/logo/t-3.webp" alt="t-3">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/logo/t-4.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/logo/t-4.webp" alt="t-4">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/logo/t-5.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/logo/t-5.webp" alt="t-5">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/logo/t-6.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/logo/t-6.webp" alt="t-6">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/logo/t-7.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/logo/t-7.webp" alt="t-7">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/logo/t-8.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/logo/t-8.webp" alt="t-8">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/logo/t-9.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/logo/t-9.webp" alt="t-9">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/logo/t-10.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/logo/t-10.webp" alt="t-10">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/logo/t-11.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/logo/t-11.webp" alt="t-11">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/logo/t-12.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/logo/t-12.webp" alt="t-12">
									</figure>
								</a>
							</li>
						</ul>
					</div>

				</div>
			</div>
		</div>
		<div class="tabs ser-port tabs-brand wbport">
			<div class="row">
				<div class="col-md-12">
					<div class="port-box">
						<ul>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/branding/t-1.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/branding/t-1.webp" alt="t-1">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/branding/t-2.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/branding/t-2.webp" alt="t-2">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/branding/t-3.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/branding/t-3.webp" alt="t-3">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/branding/t-4.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/branding/t-4.webp" alt="t-4">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/branding/t-5.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/branding/t-5.webp" alt="t-5">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/branding/t-6.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/branding/t-6.webp" alt="t-6">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/branding/t-7.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/branding/t-7.webp" alt="t-7">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/branding/t-8.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/branding/t-8.webp" alt="t-8">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/branding/t-9.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/branding/t-9.webp" alt="t-9">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/branding/t-10.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/branding/t-10.webp" alt="t-10">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/branding/t-11.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/branding/t-11.webp" alt="t-11">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/branding/t-12.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/branding/t-12.webp" alt="t-12">
									</figure>
								</a>
							</li>
						</ul>
					</div>

				</div>
			</div>
		</div>
		<div class="tabs current ser-port tabs-motion wbport">
			<div class="row">
				<div class="col-md-12">
					<div class="port-box">
						<ul>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/motion-graphics/t-1.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/motion-graphics/t-1.webp" alt="t-1">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/motion-graphics/t-2.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/motion-graphics/t-2.webp" alt="t-2">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/motion-graphics/t-3.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/motion-graphics/t-3.webp" alt="t-3">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/motion-graphics/t-4.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/motion-graphics/t-4.webp" alt="t-4">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/motion-graphics/t-5.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/motion-graphics/t-5.webp" alt="t-5">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/motion-graphics/t-6.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/motion-graphics/t-6.webp" alt="t-6">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/motion-graphics/t-7.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/motion-graphics/t-7.webp" alt="t-7">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/motion-graphics/t-8.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/motion-graphics/t-8.webp" alt="t-8">
									</figure>
								</a>
							</li>
						</ul>
					</div>

				</div>
			</div>
		</div>
		<div class="tabs ser-port tabs-app wbport">
			<div class="row">
				<div class="col-md-12">
					<div class="port-box">
						<ul>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/apps/t-1.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/apps/t-1.webp" alt="t-1">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/apps/t-2.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/apps/t-2.webp" alt="t-2">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/apps/t-3.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/apps/t-3.webp" alt="t-3">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/apps/t-4.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/apps/t-4.webp" alt="t-4">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/apps/t-5.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/apps/t-5.webp" alt="t-5">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/apps/t-6.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/apps/t-6.webp" alt="t-6">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/apps/t-7.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/apps/t-7.webp" alt="t-7">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/apps/t-8.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/apps/t-8.webp" alt="t-8">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/apps/t-9.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/apps/t-9.webp" alt="t-9">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/apps/t-10.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/apps/t-10.webp" alt="t-10">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/apps/t-11.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/apps/t-11.webp" alt="t-11">
									</figure>
								</a>
							</li>
							<li class="">
								<a data-fancybox="port" href="assets/images/portfolios/apps/t-12.webp">
									<figure>
										<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/portfolios/apps/t-12.webp" alt="t-12">
									</figure>
								</a>
							</li>
						</ul>
					</div>

				</div>
			</div>
		</div>
		<!--<div class="tabs ser-port  tabs-web-design wbport">-->
		<!--	<div class="row">-->
		<!--		<div class="col-md-12">-->
		<!--			<div class="port-box">-->
		<!--				<ul class="tabs imgport tabs-web-dsgn current wbport">-->
		<!--					<a data-fancybox="port" href="assets/images/portfolios/website/t-1.webp" alt="t-1">-->
		<!--						<li class="hk_web_height lazy" data-src="assets/images/portfolios/website/t-1.webp" alt="t-1">-->
		<!--						</li>-->
		<!--					</a>-->
		<!--					<a data-fancybox="port" href="assets/images/portfolios/website/t-2.webp" alt="t-2">-->
		<!--						<li class="hk_web_height lazy" data-src="assets/images/portfolios/website/t-2.webp" alt="t-2">-->
		<!--						</li>-->
		<!--					</a>-->
		<!--					<a data-fancybox="port" href="assets/images/portfolios/website/t-3.webp" alt="t-3">-->
		<!--						<li class="hk_web_height lazy" data-src="assets/images/portfolios/website/t-3.webp" alt="t-3">-->
		<!--						</li>-->
		<!--					</a>-->
		<!--					<a data-fancybox="port" href="assets/images/portfolios/website/t-4.webp" alt="t-4">-->
		<!--						<li class="hk_web_height lazy" data-src="assets/images/portfolios/website/t-4.webp" alt="t-4">-->
		<!--						</li>-->
		<!--					</a>-->
		<!--					<a data-fancybox="port" href="assets/images/portfolios/website/t-5.webp" alt="t-5">-->
		<!--						<li class="hk_web_height lazy" data-src="assets/images/portfolios/website/t-5.webp" alt="t-5">-->
		<!--						</li>-->
		<!--					</a>-->
		<!--					<a data-fancybox="port" href="assets/images/portfolios/website/t-6.webp" alt="t-6">-->
		<!--						<li class="hk_web_height lazy" data-src="assets/images/portfolios/website/t-6.webp" alt="t-6">-->
		<!--						</li>-->
		<!--					</a>-->
		<!--					<a data-fancybox="port" href="assets/images/portfolios/website/t-7.webp" alt="t-7">-->
		<!--						<li class="hk_web_height lazy" data-src="assets/images/portfolios/website/t-7.webp" alt="t-7">-->
		<!--						</li>-->
		<!--					</a>-->
		<!--					<a data-fancybox="port" href="assets/images/portfolios/website/t-8.webp" alt="t-8">-->
		<!--						<li class="hk_web_height lazy" data-src="assets/images/portfolios/website/t-8.webp" alt="t-8">-->
		<!--						</li>-->
		<!--					</a>-->
		<!--					<a data-fancybox="port" href="assets/images/portfolios/website/9.webp" alt="t-9">-->
		<!--						<li class="hk_web_height lazy" data-src="assets/images/portfolios/website/t-9.webp" alt="t-9">-->
		<!--						</li>-->
		<!--					</a>-->
		<!--					<a data-fancybox="port" href="assets/images/portfolios/website/10.webp" alt="t-10">-->
		<!--						<li class="hk_web_height lazy" data-src="assets/images/portfolios/website/t-10.webp" alt="t-10">-->
		<!--						</li>-->
		<!--					</a>-->
		<!--					<a data-fancybox="port" href="assets/images/portfolios/website/11.webp" alt="t-11">-->
		<!--						<li class="hk_web_height lazy" data-src="assets/images/portfolios/website/t-11.webp" alt="t-11">-->
		<!--						</li>-->
		<!--					</a>-->
		<!--					<a data-fancybox="port" href="assets/images/portfolios/website/12.webp" alt="t-12">-->
		<!--						<li class="hk_web_height lazy" data-src="assets/images/portfolios/website/t-12.webp" alt="t-12">-->
		<!--						</li>-->
		<!--					</a>-->
		<!--				</ul>-->
		<!--			</div>-->
		<!--		</div>-->
		<!--	</div>-->
		<!--</div>-->
		<!--<div class="tabs ser-port tabs-ecom wbport">-->
		<!--	<div class="row">-->
		<!--		<div class="col-md-12">-->
		<!--			<div class="port-box">-->
		<!--				<ul class="tabs imgport tabs-web-dsgn current wbport">-->
		<!--					<a data-fancybox="port" href="assets/images/portfolios/ecommerce-design/t-1.webp" alt="t-1">-->
		<!--						<li class="hk_web_height lazy" data-src="assets/images/portfolios/ecommerce/t-1.webp" alt="t-1">-->
		<!--						</li>-->
		<!--					</a>-->
		<!--					<a data-fancybox="port" href="assets/images/portfolios/ecommerce/t-2.webp" alt="t-2">-->
		<!--						<li class="hk_web_height lazy" data-src="assets/images/portfolios/ecommerce/t-2.webp" alt="t-2">-->
		<!--						</li>-->
		<!--					</a>-->
		<!--					<a data-fancybox="port" href="assets/images/portfolios/ecommerce/t-3.webp" alt="t-3">-->
		<!--						<li class="hk_web_height lazy" data-src="assets/images/portfolios/ecommerce/t-3.webp" alt="t-3">-->
		<!--						</li>-->
		<!--					</a>-->
		<!--					<a data-fancybox="port" href="assets/images/portfolios/ecommerce/t-4.webp" alt="t-4">-->
		<!--						<li class="hk_web_height lazy" data-src="assets/images/portfolios/ecommerce/t-4.webp" alt="t-4">-->
		<!--						</li>-->
		<!--					</a>-->
		<!--					<a data-fancybox="port" href="assets/images/portfolios/ecommerce/t-5.webp" alt="t-5">-->
		<!--						<li class="hk_web_height lazy" data-src="assets/images/portfolios/ecommerce/t-5.webp" alt="t-5">-->
		<!--						</li>-->
		<!--					</a>-->
		<!--					<a data-fancybox="port" href="assets/images/portfolios/ecommerce/t-6.webp" alt="t-6">-->
		<!--						<li class="hk_web_height lazy" data-src="assets/images/portfolios/ecommerce/t-6.webp" alt="t-6">-->
		<!--						</li>-->
		<!--					</a>-->
		<!--					<a data-fancybox="port" href="assets/images/portfolios/ecommerce/t-7.webp" alt="t-7">-->
		<!--						<li class="hk_web_height lazy" data-src="assets/images/portfolios/ecommerce/t-7.webp" alt="t-7">-->
		<!--						</li>-->
		<!--					</a>-->
		<!--					<a data-fancybox="port" href="assets/images/portfolios/ecommerce/t-8.webp" alt="t-8">-->
		<!--						<li class="hk_web_height lazy" data-src="assets/images/portfolios/ecommerce/t-8.webp" alt="t-8">-->
		<!--						</li>-->
		<!--					</a>-->
		<!--					<a data-fancybox="port" href="assets/images/portfolios/ecommerce/9.webp" alt="t-9">-->
		<!--						<li class="hk_web_height lazy" data-src="assets/images/portfolios/ecommerce/t-9.webp" alt="t-9">-->
		<!--						</li>-->
		<!--					</a>-->
		<!--					<a data-fancybox="port" href="assets/images/portfolios/ecommerce/10.webp" alt="t-10">-->
		<!--						<li class="hk_web_height lazy" data-src="assets/images/portfolios/ecommerce/t-10.webp" alt="t-10">-->
		<!--						</li>-->
		<!--					</a>-->
		<!--					<a data-fancybox="port" href="assets/images/portfolios/ecommerce/11.webp" alt="t-11">-->
		<!--						<li class="hk_web_height lazy" data-src="assets/images/portfolios/ecommerce/t-11.webp" alt="t-11">-->
		<!--						</li>-->
		<!--					</a>-->
		<!--					<a data-fancybox="port" href="assets/images/portfolios/ecommerce/12.webp" alt="t-12">-->
		<!--						<li class="hk_web_height lazy" data-src="assets/images/portfolios/ecommerce/t-12.webp" alt="t-13">-->
		<!--						</li>-->
		<!--					</a>-->
		<!--				</ul>-->
		<!--			</div>-->
		<!--		</div>-->
		<!--	</div>-->
		<!--</div>-->
		<div class="col-md-12">
			<div class="btnwrp">
				<a class="btn-1" href="javascript:;">Let's Get Started</a>
				<a class="btn-2" href="javascript:;$zopim.livechat.window.toggle()">Chat With Us</a>
			</div>
		</div>
	</div>
</section>

<section class="our-place-order text-center">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<img src="assets/images/cta-gif.gif" class="mic-img" alt="" data-aos="fade-up" data-aos-duration="2000">
				<h2 class="main-heading">Let’s talk</h2>
				<p class="main-pera">Let us know how we can assist you with your business goals. <br> Let’s sort them out together</p>
				<div class="btn-block">
					<a href="javascript:;" class="btn-1">Let's Get Started</a>
					<a class="btn-2" href="javascript:;$zopim.livechat.window.toggle()">Chat With Us</a>
				</div>
				<p data-aos="zoom-in" data-aos-duration="2000"><a href="tel:<?php echo $phone ?>"><?php echo $phone ?> </a></p>
			</div>
		</div>
	</div>
</section>

<script src="jquery-2.2.4.min.js"></script>
<script>
	var bodyMain = document.getElementsByTagName("body")[0];

	bodyMain.classList.add("service-pg");
	bodyMain.classList.remove("main-pg");

	$('.order-form-data').submit(function(e) {
		e.preventDefault();
		localStorage.setItem("order", JSON.stringify(this.closest('.pakge-box').querySelector('div').innerHTML));
		this.content.value = this.closest('.pakge-box').querySelector('div').innerHTML;
		this.submit();
	})
</script>

<?php include 'include/footer-form.php' ?>
<?php include 'include/footer.php' ?>