<!doctype html>
<html class="no-js" lang="zxx">

<head>
   <meta charset="utf-8">
   <meta http-equiv="x-ua-compatible" content="ie=edge">
   <title>Rizka - Creative Technology House</title>
   <meta name="description" content="">
   <meta name="viewport" content="width=device-width, initial-scale=1">

   <!-- Place favicon.ico in the root directory -->
   <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">

   <!-- CSS here -->
   <link rel="stylesheet" href="assets/css/bootstrap.css">
   <link rel="stylesheet" href="assets/css/animate.css">
   <link rel="stylesheet" href="assets/css/swiper-bundle.css">
   <link rel="stylesheet" href="assets/css/slick.css">
   <link rel="stylesheet" href="assets/css/magnific-popup.css">
   <link rel="stylesheet" href="assets/css/font-awesome-pro.css">
   <link rel="stylesheet" href="assets/css/spacing.css">
   <link rel="stylesheet" href="assets/css/custom-animation.css">
   <link rel="stylesheet" href="assets/css/main.css">
</head>

<body>

   <!--[if lte IE 9]>
      <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
      <![endif]-->

    <!-- pre loader area start -->
   <div id="loading" class="preloader-wrap">
      <div class="preloader-2 text-center">
         <span class="line line-1"></span>
         <span class="line line-2"></span>
         <span class="line line-3"></span>
         <span class="line line-4"></span>
         <span class="line line-5"></span>
         <span class="line line-6"></span>
         <span class="line line-7"></span>
         <span class="line line-8"></span>
         <span class="line line-9"></span>
         <div class="loader-text">Loading ...</div>
      </div>
   </div>
   <!-- pre loader area end -->

   <!-- back to top start -->
   <div class="back-to-top-wrapper">
      <button id="back_to_top" type="button" class="back-to-top-btn">
         <svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M11 6L6 1L1 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
               stroke-linejoin="round" />
         </svg>
      </button>
   </div>
   <!-- back to top end -->

   <!-- tp-offcanvus-area-end -->
   <div class="tp-offcanvas-area">
      <div class="tp-offcanvas-wrapper">
         <div class="tp-offcanvas-top d-flex align-items-center justify-content-between">
                       <div class="tp-offcanvas-logo">
               <a href="index.php">
                  <img class="logo-1" src="assets/img/logo/logo.png" alt="">
                  <img class="logo-2" src="assets/img/logo/logo-white.png" alt="">
               </a>
            </div>
            <div class="tp-offcanvas-close">
               <button class="tp-offcanvas-close-btn">
                  <svg width="37" height="38" viewBox="0 0 37 38" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M9.19141 9.80762L27.5762 28.1924" stroke="currentColor" stroke-width="1.5"
                        stroke-linecap="round" stroke-linejoin="round" />
                     <path d="M9.19141 28.1924L27.5762 9.80761" stroke="currentColor" stroke-width="1.5"
                        stroke-linecap="round" stroke-linejoin="round" />
                  </svg>
               </button>
            </div>
         </div>
      </div>
   </div>
   <div class="body-overlay"></div>
   <!-- tp-offcanvus-area-end -->

   <!-- cart mini area end -->


   <?php
$header_variant = 'main';
include __DIR__ . '/includes/header.php';
?>

   <div id="smooth-wrapper">
      <div id="smooth-content">

         <main>


            <!-- hero area start -->
            <div class="tm-hero-area tm-hero-ptb">
               <div class="container">
                  <div class="row">
                     <div class="col-xl-12">
                        <div class="tm-hero-content">
                           <span class="tm-hero-subtitle">Liko Studio</span>
                           <h4 class="tm-hero-title tp-char-animation">Our latest & great projects</h4>
                        </div>
                        <div class="tm-hero-text">
                           <p class="tp_title_anim">
                              We’re a diverse team that works as fancies attention to
                              details, enjoys beers on Friday nights and aspires to design
                              the dent in the universe.
                           </p>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- hero area end -->

            <!-- project area start -->
            <div class="tp-project-3-area pt-60 pw-project-style">
               <div class="container container-1720">
                  <div class="row">
                     <div class="col-xl-12">
                        <div class="tp-project-3-wrap">
                           <div class="row">
                              <div class="col-xl-4 col-lg-4 col-md-6">
                                 <div class="tp-project-3-thumb pro-img-1">
                                    <img src="assets/img/home-03/portfolio/port3.webp" alt="">
                                 </div>
                              </div>
                              <div class="col-xl-4 col-lg-4 col-md-12 order-1 order-lg-0">
                                 <div class="tp-project-3-content text-center">
                                    <span class="tp-project-3-meta">March 2026 . Creative </span>
                                    <h4 class="tp-project-3-title-sm"><a href="https://beechtree.pk/" target="_blank">Beechtree</a></h4>
                                    <a class="tp-btn-project-sm" href="https://beechtree.pk/" target="_blank">See Project</a>
                                 </div>
                                 <div class="tp-project-3-border color-1 text-center">
                                    <span></span>
                                 </div>
                              </div>
                              <div class="col-xl-4 col-lg-4 col-md-6 order-0 order-lg-0">
                                 <div class="tp-project-3-thumb pro-img-2">
                                    <img src="assets/img/home-03/portfolio/port4.webp" alt="">
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="tp-project-3-wrap">
                           <div class="row">
                              <div class="col-xl-4 col-lg-4 col-md-6">
                                 <div class="tp-project-3-thumb pro-img-1">
                                    <img src="assets/img/home-03/portfolio/port1.webp" alt="">
                                 </div>
                              </div>
                              <div class="col-xl-4 col-lg-4 col-md-12 order-1 order-lg-0">
                                 <div class="tp-project-3-content text-center">
                                    <span class="tp-project-3-meta">Feb 2026 . Creative </span>
                                    <h4 class="tp-project-3-title-sm"><a href="https://www.almas.pk/" target="_blank">Almas</a></h4>
                                    <a class="tp-btn-project-sm" href="https://www.almas.pk/" target="_blank">See Project</a>
                                 </div>
                                 <div class="tp-project-3-border color-2 text-center">
                                    <span></span>
                                 </div>
                              </div>
                              <div class="col-xl-4 col-lg-4 col-md-6 order-0 order-lg-0">
                                 <div class="tp-project-3-thumb pro-img-2">
                                    <img src="assets/img/home-03/portfolio/port2.webp" alt="">
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="tp-project-3-wrap">
                           <div class="row">
                              <div class="col-xl-4 col-lg-4 col-md-6">
                                 <div class="tp-project-3-thumb pro-img-1">
                                    <img src="assets/img/home-03/portfolio/port5.webp" alt="">
                                 </div>
                              </div>
                              <div class="col-xl-4 col-lg-4 col-md-12 order-1 order-lg-0">
                                 <div class="tp-project-3-content text-center">
                                    <span class="tp-project-3-meta">Feb 2026 . Creative </span>
                                    <h4 class="tp-project-3-title-sm"><a href="https://www.khazanay.pk/" target="_blank">Khazanay</a></h4>
                                    <a class="tp-btn-project-sm" href="https://www.khazanay.pk/" target="_blank">See Project</a>
                                 </div>
                                 <div class="tp-project-3-border color-3 text-center">
                                    <span></span>
                                 </div>
                              </div>
                              <div class="col-xl-4 col-lg-4 col-md-6 order-0 order-lg-0">
                                 <div class="tp-project-3-thumb pro-img-2">
                                    <img src="assets/img/home-03/portfolio/port6.webp" alt="">
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="tp-project-3-wrap">
                           <div class="row">
                              <div class="col-xl-4 col-lg-4 col-md-6">
                                 <div class="tp-project-3-thumb pro-img-1">
                                    <img src="assets/img/home-03/portfolio/port7.webp" alt="">
                                 </div>
                              </div>
                              <div class="col-xl-4 col-lg-4 col-md-12 order-1 order-lg-0">
                                 <div class="tp-project-3-content text-center">
                                    <span class="tp-project-3-meta">Jan 2026 . Creative </span>
                                    <h4 class="tp-project-3-title-sm"><a href="https://bonanzasatrangi.com/" target="_blank">Bonanza Satrangi</a></h4>
                                    <a class="tp-btn-project-sm" href="https://bonanzasatrangi.com/" target="_blank">See Project</a>
                                 </div>
                                 <div class="tp-project-3-border color-3 text-center">
                                    <span></span>
                                 </div>
                              </div>
                              <div class="col-xl-4 col-lg-4 col-md-6 order-0 order-lg-0">
                                 <div class="tp-project-3-thumb pro-img-2">
                                    <img src="assets/img/home-03/portfolio/port8.webp" alt="">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- project area end -->

            <!-- contact area start -->
            <div class="sv-big-text-area pb-80">
               <div class="container container-1530">
                  <div class="sv-small-text-box d-flex justify-content-between">
                     <span>DIGITAL DESIGN EXPERIENCE</span>
                     <span>CREATIVE STUDIO</span>
                  </div>
                  <div class="sv-big-text-box">
                     <h4 class="sv-big-text tp-char-animation"><a href="contact-2.php">Get in Touch</a></h4>
                  </div>
               </div>
            </div>
            <!-- contact area end -->

         </main>

          <?php
$footer_variant = 'footer_3_dark';
include __DIR__ . '/includes/footer.php';
?>
         
      </div>
   </div>
   


   <?php include __DIR__ . '/includes/cookie-consent.php'; ?>

   <!-- JS here -->
   <script src="assets/js/vendor/jquery.js"></script>
   <script src="assets/js/bootstrap-bundle.js"></script>

   <script src="assets/js/gsap.js"></script>
   <script src="assets/js/gsap-scroll-to-plugin.js"></script>
   <script src="assets/js/gsap-scroll-smoother.js"></script>
   <script src="assets/js/gsap-scroll-trigger.js"></script>
   <script src="assets/js/gsap-split-text.js"></script>
   <script src="assets/js/chroma.min.js"></script>

   <script src='assets/js/three.js'></script>
   <script src='assets/js/tween-max.js'></script>
   <script src='assets/js/scroll-magic.js'></script>

   <script src="assets/js/range-slider.js"></script>
   <script src="assets/js/swiper-bundle.js"></script>
   <script src="assets/js/slick.js"></script>
   <script src="assets/js/magnific-popup.js"></script>
   <script src="assets/js/nice-select.js"></script>
   <script src="assets/js/purecounter.js"></script>
   <script src="assets/js/beforeafter.js"></script>
   <script src="assets/js/isotope-pkgd.js"></script>
   <script src="assets/js/imagesloaded-pkgd.js"></script>
   <script src="assets/js/ajax-form.js"></script>
   <script src="assets/js/webgl.js"></script>
   <script src="assets/js/main.js"></script>
   <script src="assets/js/tp-cursor.js"></script>


</body>

</html>