<?php
$page = 'Professional Website Development | Slick Web Studios';
$pageDesc = "Slick Web Studios specializes in website design and development services. Our website developers provide expert web development and web design services to our clients.";
$pageTag = '""';
include 'include/header.php';
?>

<style>
	.pkagwerp .pakge-box {
		max-height: 500px !important;
		margin-bottom: 30px;
	}
	.pkagwerp .pakge-box .pkge-name h4 {
		font-size: 22px !important;
	}
   .pkagwerp .pakge-box .detailwrp ul {
      max-height: 230px;
      overflow-y: scroll;
   }
</style>


<section class="main-services-banner-sec banner lazy home-bnerwrp serwrper" data-src="assets/images/3d-ban.webp">
  
   <div class="container">
      <div class="row align-self-center">
         <div class="col-lg-6 col-md-6 col-sm-12 align-self-center">
            <div class="txtwrp">
               <h4 class="wow fadeInDown">Website Design and Development Service</h4>
               <h1 class="wow fadeInDown">100% Original and Creative Websites</h1>
               <p class="wow fadeInDown">Slick Web Studios works with a team of enthusiastic designers and developers who are dedicated professionals in delivering the best websites for any business. Our websites are:</p>
               <ul>
                  <li> Interactive</li>
                  <li>Mobile Friendly</li>
                  <li> Optimized </li>
                  <li> Responsive</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:;$zopim.livechat.window.toggle()">Start Chat</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">Website Design Services</h4>
               <h2 class="main-heading">Custom Web Development </h2>
               <p class="main-pera">Having a website is important for gaining digital visibility and expanding business reach. Therefore at Slick Web Studios, we not only create a visually appealing website but also take into account the technical side too. We develop a website with SEO optimized content, faster loading time, interactive features and a mobile-friendly layout to improve user experience. Our team of web designers design a website with an easy navigation layout and link it with a secure web hosting service. We also monitor the response of the website from time to time to fulfill the business objectives.</p>
            </div>
           
         </div>
         <div class="col-md-6">
            <div class="imgwrp">
               <img src="assets/images/web.webp">
            </div>
         </div>
      </div>
   </div>
</section>
  <?php include "include/green-cta.php"; ?>
<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 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 current 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/t-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/t-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/t-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/t-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/t-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/t-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/t-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/t-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>
   </div>
</section>
<section class="offerwrp">
   <div class="container">
      <div class="row">
         <div class="col-md-8">
            <h4>To customize a package, <span>Connect with one of our experts now</span></h4>
         </div>
         <div class="col-md-4 my-auto">
            <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>
   </div>
</section>

<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;">Reasonable Prices</h4>
               <h2 class="main-heading wow fadeInDown" style="visibility: visible; animation-name: fadeInDown;">That Fits Your Budget</h2>
               <p class="main-pera">At Technofyinc Web Master, we provide bespoke digital art and design services at affordable rates that won't <br> break the bank.</p>
            </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>Basic Package</h4>
                        <h2>$ 299 <span>$390</span></h2>
                        <p>first month total payment $3,500 (3 months plan) $1,500 (on-going monthly payment)</p>
                     </div>
                     <div class="detailwrp">
                        <ul class="scrollbar style-14">
                           <li> 2 Stock Images</li>
                           <li> 3 Page Website</li>
                           <li> 1 jQuery Slider Banner</li>
                           <li> Contact/Query Form</li>
                           <li> Complete W3C Certified HTML</li>
                           <li> 48 to 72 hours TAT</li>
                           <li> Complete Deployment</li>
                           <li> 100% Satisfaction Guarantee</li>
                           <li> 100% Unique Design Guarantee</li>
                           <li> 100% Money Back Guarantee *</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>Startup Package</h4>
                        <h2>$499 <span>$800</span></h2>
                        <p>first month total payment $3,500 (3 months plan) $1,500 (on-going monthly payment)</p>
                     </div>
                     <div class="detailwrp">
                        <ul class="scrollbar style-14">
                           <li> 5 Stock Photos</li>
                           <li> 5 Page Website</li>
                           <li> 3 Banner Design</li>
                           <li> 1 jQuery Slider Banner</li>
                           <li> FREE Google Friendly Sitemap</li>
                           <li> Complete W3C Certified HTML</li>
                           <li> 48 to 72 hours TAT</li>
                           <li> 100% Satisfaction Guarantee</li>
                           <li> 100% Unique Design Guarantee</li>
                           <li> 100% Money Back Guarantee *</li>
                           <li> Mobile Responsive will be Additional $200*</li>
                           <li> CMS will be Additional $250*</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>Professional Package</h4>
                        <h2>$999 <span>$1400</span></h2>
                        <p>first month total payment $3,500 (3 months plan) $1,500 (on-going monthly payment)</p>
                     </div>
                     <div class="detailwrp">
                        <ul class="scrollbar style-14">
                           <li> 10 Unique Pages Website</li>
                           <li> CMS / Admin Panel Support</li>
                           <li> 8 Stock images</li>
                           <li> 5 Banner Designs</li>
                           <li> 1 jQuery Slider Banner</li>
                           <li> FREE Google Friendly Sitemap</li>
                           <li> Complete W3C Certified HTML</li>
                           <li> 48 to 72 hours TAT</li>
                           <li> Complete Deployment</li>
                           <li> 100% Satisfaction Guarantee</li>
                           <li> 100% Unique Design Guarantee</li>
                           <li> 100% Money Back Guarantee *</li>
                           <li> Mobile Responsive will be Additional $200*</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>Elite Package</h4>
                        <h2>$1499 <span>$2400</span></h2>
                        <p>first month total payment $3,500 (3 months plan) $1,500 (on-going monthly payment)</p>
                     </div>
                     <div class="detailwrp">
                        <ul class="scrollbar style-14">
                           <li>Upto 15 Unique Pages Website</li>
                           <li>Conceptual and Dynamic Website</li>
                           <li>Mobile Responsive</li>
                           <li>Online Reservation/Appointment Tool (Optional)</li>
                           <li>Online Payment Integration (Optional)</li>
                           <li>Custom Forms</li>
                           <li>Lead Capturing Forms (Optional)</li>
                           <li>Striking Hover Effects</li>
                           <li>Newsletter Subscription (Optional)</li>
                           <li>Newsfeed Integration</li>
                           <li>Social Media Integration</li>
                           <li>Search Engine Submission</li>
                           <li>5 Stock Photos</li>
                           <li>3 Unique Banner Design</li>
                           <li>1 jQuery Slider Banner</li>
                           <li> Complete W3C Certified HTML</li>
                           <li>48 to 72 hours TAT</li>
                           <li>Complete Deployment</li>
                           <li>100% Satisfaction Guarantee</li>
                           <li>100% Unique Design Guarantee</li>
                           <li>100% Money Back Guarantee *</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>Corporate Package</h4>
                        <h2>$2599 <span>$5200</span></h2>
                        <p>first month total payment $3,500 (3 months plan) $1,500 (on-going monthly payment)</p>
                     </div>
                     <div class="detailwrp">
                        <ul class="scrollbar style-14">
                           <li>15 to 20 Pages Website</li>
                           <li>Custom Made, Interactive, Dynamic &amp; High End Design</li>
                           <li>Custom WP (or) Custom PHP Development</li>
                           <li>1 jQuery Slider Banner</li>
                           <li>Up to 10 Custom Made Banner Designs</li>
                           <li>10 Stock Images</li>
                           <li>Unlimited Revisions</li>
                           <li>Special Hoover Effects</li>
                           <li>Content Management System (CMS)</li>
                           <li>Online Appointment/Scheduling/Online Ordering Integration (Optional)</li>
                           <li>Online Payment Integration (Optional)</li>
                           <li>Multi Lingual (Optional)</li>
                           <li>Custom Dynamic Forms (Optional)</li>
                           <li>Signup Area (For Newsletters, Offers etc.)</li>
                           <li>Search Bar</li>
                           <li>Live Feeds of Social Networks integration (Optional)</li>
                           <li>Mobile Responsive</li>
                           <li>FREE 5 Years Domain Name</li>
                           <li>Free Google Friendly Sitemap</li>
                           <li>Search Engine Submission</li>
                           <li>Complete W3C Certified HTML</li>
                           <li>Industry Specified Team of Expert Designers and Developers</li>
                           <li>Complete Deployment</li>
                           <li>Dedicated Accounts Manager</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="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" style="">
               <div class="pakge-box">
                  <div>
                     <div class="pkge-name">
                        <h4>Business Package</h4>
                        <h2>$3299 <span>$6600</span></h2>
                        <p>first month total payment $3,500 (3 months plan) $1,500 (on-going monthly payment)</p>
                     </div>
                     <div class="detailwrp">

                        <ul class="scrollbar style-14">
                          <ul>
                                             <li>15 Seconds 2D Explainer Video</li>
                                                    <li>Voice - Over &amp; Sound Effects</li>
                                                    <li>Professional Script Writing</li>
                                                    <li>Storyboard</li>
                                                    <li>SEO Meta Tags</li>
                                                    <li>20 to 25 Pages Website</li>
                                                    <li>Custom Made, Interactive, Dynamic &amp; High End Design
                                                    </li>
                                                    <li>Custom WP (or) Custom PHP Development</li>
                                                    <li>1 jQuery Slider Banner</li>
                                                    <li>Up to 10 Custom Made Banner Designs</li>
                                                    <li>10 Stock Images</li>
                                                    <li>Unlimited Revisions</li>
                                                    <li>Special Hoover Effects</li>
                                                    <li>Content Management System (CMS)</li>
                                                    <li>Online Appointment/Scheduling/Online Ordering Integration
                                                        (Optional)</li>
                                                    <li>Online Payment Integration (Optional)</li>
                                                    <li>Multi Lingual (Optional)</li>
                                                    <li>Custom Dynamic Forms (Optional)</li>
                                                    <li>Signup Area (For Newsletters, Offers etc.)</li>
                                                    <li>Search Bar</li>
                                                    <li>Live Feeds of Social Networks integration (Optional)</li>
                                                    <li>Mobile Responsive</li>
                                                    <li>FREE 5 Years Domain Name</li>
                                                    <li>Free Google Friendly Sitemap</li>
                                                    <li>Search Engine Submission</li>
                                                    <li>Complete W3C Certified HTML</li>
                                                    <li>Industry Specified Team of Expert Designers and Developers
                                                    </li>
                                                    <li>Complete Deployment</li>
                                                    <!--<li>Dedicated Accounts Manager</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="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="main-combpwrp">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="txtwrp">
					<h4 class="upr-heading">EVERYTHING YOU NEED TO SAVE TIME</h4>
					<h2 class="main-heading">All In One Combo</h2>
				</div>
			</div>
			<div class="col-md-8">
				<div class="row">
				<div class="col-md-6">
					    <div class="mainwrp">
						
							<ul>
                                        <li>Unlimited Pages of Website</li>
                                        <li> Custom Made, Interactive, Dynamic &amp; High End Design</li>
                                        <li> Unique Custom Logo Designs</li>
                                        <li>  Professional UI/UX Designers</li>
                                        <li> Qualified Developers</li>
                                        <li>Multi-CMS (Shopify, Magento, WordPress)</li>
                                        <li>Full SEO Optimization</li>
                                        <li> SEO Meta Tags</li>
                                        <li>QR Code</li>
                                        <li> Mobile Friendly Services</li>
                                        <li>Ecommerce Website Development</li>
                                        <li> Multi-CMS (Shopify, Magento, WordPress, Real Estate)</li>
                                    </ul>
						</div>
				</div>
				<div class="col-md-6">
					    <div class="mainwrp">
					        <ul>
                                        <li> Complete W3C Certified HTML</li>
                                        <li>Social Media Marketing</li>
                                        <li>Online Payment Integration (Optional)</li>
                                        <li>Creative Content Marketing</li>
                                        <li> Free Google Friendly Sitemap</li>
                                         <li>Dedicated Account Manager</li>
                                         <li>Unlimited Revisions</li>
                                         <li>Full-fledged branding solutions</li>
                                    </ul>
					    </div>
					    <div class="btnwrp">
							<h3>$4,999</h3>
							<a href="javascript:;">Order Now</a>
						</div>
					</div>
			</div>
			</div>
			<div class="col-md-4">
				<div class="imgwrp">
					<img src="assets/images/combo-image.webp">
				</div>
			</div>
		</div>
	</div>
</section>
<section class="flexiblefeatures-sec offer-sec respnsve">
   <div class="container">
      <div class="row">
         <div class="col-md-12">
            <div class="what-we-offer">
               <h4 class="upr-heading">Our Process</h4>
               <h2 class="main-heading">Driven by insight, <br> innovation and timely delivery</h2>
            </div>
         </div>
         <div class="col-md-4">
            <div class="first-fold">
               <div class="col-lg-12">
                  <ul>
                     <li>
                        <div class="txt-wrap">
                           <div class="imgbox">
                              <img src="assets/images/step-1.webp">
                           </div>
                           <h4>Brief</h4>
                           <p>We initiate by understanding the client’s brief on the project and work hand in hand till its completion so that we adhere to all the given requirements.</p>
                           <figure>
                              <img class="" src="assets/images/home4_icon1-168x168.webp" width="55" height="54" data-src="assets/images/ficon1.webp" data-was-processed="true">
                           </figure>
                        </div>
                     </li>
                     <li>
                        <div class="txt-wrap">
                           <div class="imgbox">
                              <img src="assets/images/step-2.webp">
                           </div>
                           <h4>Design</h4>
                           <p>In design phase we develop mockups for the websites, get clients approval on the layout and then proceed with the development phase.</p>
                           <figure>
                              <img class="" src="assets/images/home4_icon2-168x168.webp" width="55" height="54" data-src="assets/images/ficon2.webp" data-was-processed="true">
                           </figure>
                        </div>
                     </li>
                  </ul>
               </div>
            </div>
         </div>
         <div class="col-md-4">
            <div class="cntr-book">
               <a class="whatsapp" href="javascript:;" onclick="setButtonURL();"><img src="assets/images/man_with_laptop.webp" alt="" width="314" height="530"></a>
            </div>
         </div>
         <div class="col-md-4">
            <div class="second-fold">
               <ul>
                  <li>
                     <div class=" fold-1">
                        <div class="imgbox">
                           <img src="assets/images/step-3.webp">
                        </div>
                        <figure>
                           <img class="" src="assets/images/home4_icon4-168x168.webp" width="55" height="54" data-src="assets/images/ficon1.webp" data-was-processed="true">
                        </figure>
                        <h4>Development</h4>
                        <p>In this phase we host and develop the entire website, we do re runs to see if everything is in order and we fix all the errors. We get review from the client after completion of this phase.</p>
                     </div>
                  </li>
                  <li>
                     <div class="fold-1">
                        <div class="imgbox">
                           <img src="assets/images/step-4.webp">
                        </div>
                        <figure>
                           <img class="" src="assets/images/home4_icon5-168x168.webp" width="56" height="54" data-src="assets/images/ficon2.webp" data-was-processed="true">
                        </figure>
                        <h4>Finalize</h4>
                        <p>At the end we launch the website and match it with the brief and present it to the client. We do cater revisions as long as it is part of the brief that we have missed out. We seal off the deal once our client is completely satisfied.</p>
                     </div>
                  </li>
                  <li>
                  </li>
               </ul>
            </div>
         </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:8552961876"><?php echo $phone ?> </a></p>
         </div>
      </div>
   </div>
</section>



<section class="tecnoglywrp">
   <div class="container">
      <div class="row">
         <div class="col-md-12">
            <div class="txtwrp">
               <h4 class="upr-heading">TECHNOLOGIES</h4>
               <h2 class="main-heading">We Use Latest Technologies: <br> Delivering High Quality</h2>
            </div>
         </div>
         <div class="col-md-7">
            <div class="imgwrp">
               <img src="assets/images/3d-lastfold.webp">
            </div>
         </div>
         <div class="col-md-5">
            <div class="txtdiv">
               <h2 class="main-heading">Our Technical Proficiency in Website Designing</h2>
               .
               <p class="main-pera">We work with the latest technologies and platforms to provide high quality websites as per the industry norms. We continually keep ourselves updated with the new changes in the web world and excel in maintaining high standards. Currently we develop websites on:</p>
               <ul>
                  <li>Magento</li>
                  <li>Shopify</li>
                  <li>Wordpress </li>
                  <li>Html css</li>
               </ul>
            </div>
            <div class="btnwrp">
               <a class="btn-1" href="javascript:;">Lets Get Started</a>
               <a class="btn-2" href="javascript:;" onclick="setButtonURL();">Talk To Us</a>
            </div>
         </div>
      </div>
   </div>
</section>


<script>
   var bodyMain = document.getElementsByTagName("body")[0];

   bodyMain.classList.add("service-pg");
   bodyMain.classList.add("service-pg");
   bodyMain.classList.remove("main-pg");
</script>
<script>
   $(".viewPackge").on('click', function(event) {
      event.stopPropagation();
      event.stopImmediatePropagation();
      var id = $(this).attr("data-id");
      $.ajax({
         method: "GET",
         url: 'getdata.php',
         data: {
            id: id
         },
         success: function(data) {
            console.log(data);

         }
      })
   });
</script>

<script src="jquery-2.2.4.min.js"></script>
<script>
   $('.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' ?>