<?php
$page = 'Our Portfolio | Slick Web Studios';
$pageDesc = "Explore the diverse projects of Slick Web Studios in our portfolio. See how our creative solutions can elevate your brand. Contact us to start your project!";
$pageTag = '""';
include 'include/header.php';
?>
<style>
  .main-pg .lgo-lit {
    display: block;
  }
</style>


<section class="home-bnerwrp servicewrp" style="background-image: url(assets/images/portfolio1.webp);">

  <div class="container">
    <div class="row">
      <div class="col-md-8 my-auto">
        <div class="txtwrp">
          <h4 class="wow fadeInDown">Our Outstanding Portfolio</h4>
          <h1 class="wow fadeInDown">Featured Work</h1>
          <p class="wow fadeInDown">We have delivered exceptional digital service to our clients. At Slick Web Studios our success lies in client’s satisfaction and delivering par excellence digital solutions.</p>

        </div>

      </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="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">
          <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 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="assets/images/portfolios/logo/t-1.webp" 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="assets/images/portfolios/logo/t-2.webp" 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="assets/images/portfolios/logo/t-3.webp" 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="assets/images/portfolios/logo/t-4.webp" 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="assets/images/portfolios/logo/t-5.webp" 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="assets/images/portfolios/logo/t-6.webp" 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="assets/images/portfolios/logo/t-7.webp" 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="assets/images/portfolios/logo/t-8.webp" 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="assets/images/portfolios/logo/t-9.webp" 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="assets/images/portfolios/logo/t-10.webp" 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="assets/images/portfolios/logo/t-11.webp" 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="assets/images/portfolios/logo/t-12.webp" 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="assets/images/portfolios/branding/t-1.webp" 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="assets/images/portfolios/branding/t-2.webp" 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="assets/images/portfolios/branding/t-3.webp" 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="assets/images/portfolios/branding/t-4.webp" 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="assets/images/portfolios/branding/t-5.webp" 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="assets/images/portfolios/branding/t-6.webp" 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="assets/images/portfolios/branding/t-7.webp" 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="assets/images/portfolios/branding/t-8.webp" 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="assets/images/portfolios/branding/t-9.webp" 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="assets/images/portfolios/branding/t-10.webp" 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="assets/images/portfolios/branding/t-11.webp" 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="assets/images/portfolios/branding/t-12.webp" 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="assets/images/portfolios/motion-graphics/t-1.webp" 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="assets/images/portfolios/motion-graphics/t-2.webp" 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="assets/images/portfolios/motion-graphics/t-3.webp" 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="assets/images/portfolios/motion-graphics/t-4.webp" 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="assets/images/portfolios/motion-graphics/t-5.webp" 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="assets/images/portfolios/motion-graphics/t-6.webp" 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="assets/images/portfolios/motion-graphics/t-7.webp" 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="assets/images/portfolios/motion-graphics/t-8.webp" 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="assets/images/portfolios/apps/t-1.webp" 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="assets/images/portfolios/apps/t-2.webp" 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="assets/images/portfolios/apps/t-3.webp" 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="assets/images/portfolios/apps/t-4.webp" 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="assets/images/portfolios/apps/t-5.webp" 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="assets/images/portfolios/apps/t-6.webp" 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="assets/images/portfolios/apps/t-7.webp" 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="assets/images/portfolios/apps/t-8.webp" 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="assets/images/portfolios/apps/t-9.webp" 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="assets/images/portfolios/apps/t-10.webp" 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="assets/images/portfolios/apps/t-11.webp" 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="assets/images/portfolios/apps/t-12.webp" 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/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="tabs ser-port tabs-illis wbport">
      <div class="row">
        <div class="col-md-12">
          <div class="port-box">
            <ul>
              <li class="">
                <a data-fancybox="port" href="assets/images/portfolios/illustration/t-1.webp">
                  <figure>
                    <img class="lazy" src="assets/images/portfolios/illustration/t-1.webp" data-src="assets/images/portfolios/illustration/t-1.webp" alt="t-1">
                  </figure>
                </a>
              </li>
              <li class="">
                <a data-fancybox="port" href="assets/images/portfolios/illustration/t-2.webp">
                  <figure>
                    <img class="lazy" src="assets/images/portfolios/illustration/t-2.webp" data-src="assets/images/portfolios/illustration/t-2.webp" alt="t-2">
                  </figure>
                </a>
              </li>
              <li class="">
                <a data-fancybox="port" href="assets/images/portfolios/illustration/t-3.webp">
                  <figure>
                    <img class="lazy" src="assets/images/portfolios/illustration/t-3.webp" data-src="assets/images/portfolios/illustration/t-3.webp" alt="t-3">
                  </figure>
                </a>
              </li>
              <li class="">
                <a data-fancybox="port" href="assets/images/portfolios/illustration/t-4.webp">
                  <figure>
                    <img class="lazy" src="assets/images/portfolios/illustration/t-4.webp" data-src="assets/images/portfolios/illustration/t-4.webp" alt="t-4">
                  </figure>
                </a>
              </li>
              <li class="">
                <a data-fancybox="port" href="assets/images/portfolios/illustration/t-5.webp">
                  <figure>
                    <img class="lazy" src="assets/images/portfolios/illustration/t-5.webp" data-src="assets/images/portfolios/illustration/t-5.webp" alt="t-5">
                  </figure>
                </a>
              </li>
              <li class="">
                <a data-fancybox="port" href="assets/images/portfolios/illustration/t-6.webp">
                  <figure>
                    <img class="lazy" src="assets/images/portfolios/illustration/t-6.webp" data-src="assets/images/portfolios/illustration/t-6.webp" alt="t-6">
                  </figure>
                </a>
              </li>
              <li class="">
                <a data-fancybox="port" href="assets/images/portfolios/illustration/t-7.webp">
                  <figure>
                    <img class="lazy" src="assets/images/portfolios/illustration/t-7.webp" data-src="assets/images/portfolios/illustration/t-7.webp" alt="t-7">
                  </figure>
                </a>
              </li>
              <li class="">
                <a data-fancybox="port" href="assets/images/portfolios/illustration/t-8.webp">
                  <figure>
                    <img class="lazy" src="assets/images/portfolios/illustration/t-8.webp" data-src="assets/images/portfolios/illustration/t-8.webp" alt="t-8">
                  </figure>
                </a>
              </li>
            </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>
  var bodyMain = document.getElementsByTagName("body")[0];

  bodyMain.classList.add("service-pg");
</script>

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