<!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 id="body" class="tp-smooth-scroll">
   <!--[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 start -->
   <!-- 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="ab-inner-hero-area ab-inner-hero-bg p-relative" data-background="assets/img/inner-about/hero/hero-1.webp">
               <div class="breadcurmb-site d-none">
                  <h6>About Us</h6>
               </div>
               <div class="ab-inner-hero-scroll smooth">
                  <a href="#about-info">
                     <span>
                        Scroll to explore
                        <svg width="15" height="30" viewBox="0 0 15 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                           <rect x="6.26001" width="1.5" height="30" fill="currentcolor"/>
                           <path d="M14.0464 22.9768C10.1644 22.9768 7.02312 26.118 7.02312 30" stroke="currentcolor" stroke-width="1.5" stroke-miterlimit="10"/>
                           <path d="M7.02322 30C7.02322 26.118 3.88198 22.9768 -4.06724e-05 22.9768" stroke="currentcolor" stroke-width="1.5" stroke-miterlimit="10"/>
                        </svg>
                     </span>
                  </a>
               </div>
               <div class="container container-1480">
                  <div class="row">
                     <div class="col-xl-8">
                        <div class="ab-inner-hero-title-box" data-lag="0.2" data-stagger="0.08">
                           <span class="ab-inner-hero-subtitle">Digital <br> creative agency</span>
                           <h1 class="ab-inner-hero-title tp-char-animation">Building Digital Technology Presence</h1>
                           <p>Digital experiences with maximum emotional impact</p>
                        </div>
                     </div>
                  </div>
                  <div class="row justify-content-end">
                     <div class="col-xl-5 col-lg-8">
                        <div class="ab-inner-hero-content" data-lag="0.2" data-stagger="0.08">
                           <p>
                              Rizka develops, designs & delivers
                              websites & creative campaigns
                              that drive results,
                           </p>
                           <a class="tp-btn-white-sm border-style" href="#">Our Story</a>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- hero area end -->

            <!-- about area start -->
            <div class="ab-about-area ab-about-mt pb-90 z-index-5">
               <div class="container container-1480">
                  <div class="ab-about-thumb-wrap mb-180">
                     <div class="row align-items-end">
                        <div class="col-xl-6 col-lg-6 col-md-6">
                           <div class="ab-about-left-thumb">
                              <img data-speed=".7" src="assets/img/inner-about/about/about-1.webp" alt="">
                           </div>
                        </div>
                        <div class="col-xl-6 col-lg-6 col-md-6">
                           <div class="ab-about-right-thumb p-relative">
                              <img data-speed="1.1" class="inner-img z-index-5" src="assets/img/inner-about/about/about-2.webp" alt="">
                              <img data-speed="0.9" src="assets/img/inner-about/about/about-3.webp" alt="">
                           </div>
                        </div>
                     </div>
                  </div>
                  <div id="about-info" class="row">
                     <div class="col-xxl-9">
                        <div class="ab-about-content p-relative">
                           <span>
                              <svg width="41" height="46" viewBox="0 0 41 46" fill="none" xmlns="http://www.w3.org/2000/svg">
                                 <path d="M20.2573 44.0238C18.1761 44.6511 15.9722 44.4264 14.0462 43.3853C12.1202 42.3442 10.7078 40.6126 10.071 38.51C9.97643 38.2014 9.64869 38.0224 9.34016 38.117C9.03163 38.2116 8.85256 38.5393 8.94717 38.8479C9.67222 41.2447 11.2902 43.2269 13.486 44.413C15.6922 45.6031 18.2126 45.8664 20.5992 45.1374C20.9005 45.0459 21.0868 44.715 20.9922 44.4065C20.8904 44.1011 20.5658 43.9292 20.2573 44.0238ZM37.6132 22.6896C37.311 22.7985 37.1526 23.1342 37.2615 23.4363L38.2557 26.2265C39.2905 29.1269 39.0625 32.3414 37.6261 35.0506C36.2696 37.6131 33.9997 39.4875 31.234 40.3255C28.4684 41.1634 25.5401 40.8678 22.9896 39.4804L11.3416 33.1806C11.0583 33.0245 10.7037 33.1311 10.5476 33.4144C10.3915 33.6977 10.4981 34.0522 10.7814 34.2083L22.4294 40.5081C25.2569 42.0373 28.5088 42.3684 31.5687 41.4422C34.6072 40.5255 37.1523 38.4431 38.6545 35.5934C40.2439 32.5937 40.4907 29.0372 39.3542 25.8315L38.3599 23.0413C38.2511 22.7392 37.9154 22.5807 37.6132 22.6896ZM19.4432 41.3502C16.603 42.2127 13.5811 40.5734 12.713 37.7015C12.6184 37.3929 12.2906 37.2139 11.9821 37.3085C11.6736 37.4031 11.4945 37.7308 11.5891 38.0394C12.6464 41.5283 16.3207 43.5187 19.7851 42.4637C20.0865 42.3723 20.2727 42.0414 20.1781 41.7328C20.0866 41.4315 19.7518 41.2556 19.4432 41.3502ZM25.3749 0.522791C25.0664 0.617395 24.8873 0.945141 24.9819 1.25367C25.0765 1.5622 25.4043 1.74127 25.7128 1.64666C30.0171 0.346022 34.5897 2.8173 35.9062 7.15732C36.0008 7.46585 36.3285 7.64492 36.6371 7.55031C36.9385 7.45889 37.1247 7.12796 37.0301 6.81944C35.5212 1.85522 30.2963 -0.967056 25.3749 0.522791ZM27.7399 8.08209C26.9214 8.39518 26.4635 9.24906 26.652 10.1144L28.1973 17.2348L14.2749 9.70684C12.6671 8.82337 10.6168 9.46252 9.76828 11.0719C9.38242 11.7996 9.29014 12.6104 9.46278 13.3631L5.93535 11.4528C4.31647 10.5828 2.27337 11.2188 1.41768 12.8313C0.55802 14.4541 1.17336 16.4893 2.79542 17.3664L3.45091 17.7246C2.70699 18.013 2.09889 18.5489 1.72413 19.2631C0.864475 20.8859 1.47664 22.914 3.09869 23.7911L5.19531 24.9273C4.45139 25.2157 3.84329 25.7516 3.46853 26.4658C2.61205 28.0958 3.22739 30.131 4.84627 31.0009L8.3737 32.9113C8.657 33.0673 9.01153 32.9608 9.16763 32.6775C9.32372 32.3942 9.21719 32.0397 8.93388 31.8836L5.40646 29.9733C4.34783 29.4012 3.94556 28.0751 4.51048 27.0196C5.05717 25.9809 6.38725 25.5683 7.42842 26.1396L17.3044 31.4751C17.5877 31.6312 17.9494 31.5215 18.0983 31.2414C18.2544 30.9581 18.1479 30.6035 17.8646 30.4474L3.65888 22.7634C2.60025 22.1913 2.19798 20.8652 2.76291 19.8098C3.3096 18.771 4.63967 18.3584 5.68084 18.9297L19.8866 26.6137C20.1699 26.7698 20.5244 26.6633 20.6805 26.38C20.8366 26.0967 20.73 25.7421 20.4467 25.586L17.555 24.0085L6.23467 17.8877L3.35242 16.3316C2.2938 15.7595 1.89153 14.4334 2.45645 13.378C3.00314 12.3392 4.33322 11.9266 5.37439 12.4979L19.5801 20.1819L22.4655 21.7452C22.7488 21.9013 23.1105 21.7916 23.2595 21.5115C23.4155 21.2281 23.309 20.8736 23.0257 20.7175L11.6991 14.5825C10.6404 14.0104 10.2382 12.6843 10.8031 11.6289C11.3498 10.5901 12.6799 10.1775 13.721 10.7488L28.1934 18.5707C28.1427 18.7643 28.0715 18.9499 27.9764 19.1206C27.0668 20.8426 26.5493 22.7921 26.4863 24.7444C26.4233 26.6967 26.8173 28.6765 27.6149 30.468L27.723 30.7107C27.8533 31.0033 28.204 31.138 28.4966 31.0077C28.7893 30.8774 28.9239 30.5267 28.7936 30.234L28.6856 29.9913C27.9539 28.3672 27.6044 26.5642 27.6596 24.7864C27.7148 23.0087 28.1856 21.2425 29.0183 19.6744C29.4383 18.8888 29.5598 17.9708 29.3752 17.0952L27.8101 9.8725C27.7464 9.57585 27.9025 9.29254 28.1801 9.18606C29.1088 8.83244 30.1219 8.86033 31.0265 9.2786C31.9486 9.69764 32.6416 10.4667 32.9833 11.4263L36.3555 20.8635C36.4643 21.1657 36.8 21.3241 37.1022 21.2152C37.4043 21.1063 37.5628 20.7707 37.4539 20.4685L34.0818 11.0314C33.6312 9.76953 32.7174 8.77375 31.5113 8.21607C30.3019 7.65124 28.9676 7.61245 27.7399 8.08209ZM26.1787 3.19248C25.8701 3.28708 25.6911 3.61483 25.7857 3.92336C25.8803 4.23188 26.208 4.41095 26.5165 4.31635C29.3639 3.45059 32.3858 5.08993 33.254 7.96187C33.3486 8.27039 33.6763 8.44946 33.9848 8.35486C34.2862 8.26343 34.4724 7.93251 34.3778 7.62398C33.3173 4.12786 29.6391 2.14783 26.1787 3.19248Z" fill="currentcolor" stroke="currentcolor" stroke-width="0.2"/>
                              </svg>
                              Hi!
                           </span>
                           <p class="tp-dropcap tp_fade_bottom">
                              We are a creative studio that specializes
                              in providing high-quality design and branding
                              solutions to businesses and individuals. Our
                              team is composed of talented designers,
                              developers, and marketers.!
                           </p>
                        </div>
                     </div>
                  </div>
                  <div class="row">
                     <div class="col-xl-9">
                        <div class="row">
                           <div class="col-xl-5 col-lg-5 col-md-4 mb-40">
                              <div class="ab-about-category-title-box p-relative">
                                 <h4 class="ab-about-category-title">Something <br><span>WHAT I DO</span></h4>
                                 <img class="ab-about-shape-1 d-none d-md-block" src="assets/img/inner-about/about/shape-1.png" alt="">
                              </div>
                           </div>
                           <div class="col-xl-7 col-lg-7 col-md-8">
                              <div class="row">
                                 <div class="col-xl-6 col-lg-6 col-md-6 mb-40">
                                    <div class="ab-about-category-list category-space-1 tp_fade_bottom">
                                       <ul>
                                          <li>Art direction</li>
                                          <li>Branding</li>
                                          <li>Content Production</li>
                                          <li>User Interface Design</li>
                                          <li>Animation</li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="col-xl-6 col-lg-6 col-md-6 mb-40">
                                    <div class="ab-about-category-list category-space-2 tp_fade_bottom">
                                       <ul>
                                          <li>Brand Identity</li>
                                          <li>User Interface</li>
                                          <li>User Experience</li>
                                          <li>Responsive Design</li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- about area end -->

            <!-- team area start -->
            <div class="tp-team-area pb-120 fix">
               <div class="container-fluid">
                  <div class="row">
                     <div class="col-xl-12">
                        <div class="tp-team-slider-wrapper">
                           <div class="swiper-container tp-team-slider-active">
                              <div class="swiper-wrapper">
                                 <div class="swiper-slide">
                                    <div class="tp-team-item tp-hover-btn-wrapper marque fix mb-30">
                                       <div class="tp-hover-btn-item">
                                          <img src="assets/img/home-01/team/team-1-1.jpg" alt="">
                                       </div>
                                       <div class="tp-team-content">
                                          <span>Art direction</span>
                                          <h4 class="tp-team-title-sm"><a href="#">JANE MILLS</a></h4>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="swiper-slide">
                                    <div class="tp-team-item tp-hover-btn-wrapper marque fix mb-30">
                                       <div class="tp-hover-btn-item">
                                          <img src="assets/img/home-01/team/team-1-2.jpg" alt="">
                                       </div>
                                       <div class="tp-team-content">
                                          <span>Art direction</span>
                                          <h4 class="tp-team-title-sm"><a href="#">JIMathis</a></h4>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="swiper-slide">
                                    <div class="tp-team-item tp-hover-btn-wrapper marque fix mb-30">
                                       <div class="tp-hover-btn-item">
                                          <img src="assets/img/home-01/team/team-1-3.jpg" alt="">
                                       </div>
                                       <div class="tp-team-content">
                                          <span>Art direction</span>
                                          <h4 class="tp-team-title-sm"><a href="#">Randolph</a></h4>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="swiper-slide">
                                    <div class="tp-team-item tp-hover-btn-wrapper marque fix mb-30">
                                       <div class="tp-hover-btn-item">
                                          <img src="assets/img/home-01/team/team-1-4.jpg" alt="">
                                       </div>
                                       <div class="tp-team-content">
                                          <span>Art direction</span>
                                          <h4 class="tp-team-title-sm"><a href="#">Mullins</a></h4>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="swiper-slide">
                                    <div class="tp-team-item tp-hover-btn-wrapper marque fix mb-30">
                                       <div class="tp-hover-btn-item">
                                          <img src="assets/img/home-01/team/team-1-5.jpg" alt="">
                                       </div>
                                       <div class="tp-team-content">
                                          <span>Art direction</span>
                                          <h4 class="tp-team-title-sm"><a href="#">Minor</a></h4>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="swiper-slide">
                                    <div class="tp-team-item tp-hover-btn-wrapper marque fix mb-30">
                                       <div class="tp-hover-btn-item">
                                          <img src="assets/img/home-01/team/team-1-2.jpg" alt="">
                                       </div>
                                       <div class="tp-team-content">
                                          <span>Art direction</span>
                                          <h4 class="tp-team-title-sm"><a href="#">Lucas</a></h4>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="swiper-slide">
                                    <div class="tp-team-item tp-hover-btn-wrapper marque fix mb-30">
                                       <div class="tp-hover-btn-item">
                                          <img src="assets/img/home-01/team/team-1-3.jpg" alt="">
                                       </div>
                                       <div class="tp-team-content">
                                          <span>Art direction</span>
                                          <h4 class="tp-team-title-sm"><a href="#">JDeborah</a></h4>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- team area end -->

            <!-- funfact area start -->
            <div class="ab-funfact-area pb-40">
               <div class="container container-1480">
                  <div class="row">
                     <div class="col-xl-4">
                        <div class="ab-funfact-title-box">
                           <span class="ab-inner-subtitle mb-25">
                              <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
                                 xmlns="http://www.w3.org/2000/svg">
                                 <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M12 0C12 3.0432 9.53292 5.5102 6.48975 5.5102C6.48975 2.46701 8.95677 0 12 0Z"
                                    fill="currentcolor" />
                                 <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M0.0231934 0.0231209C3.06639 0.0231209 5.5334 2.49015 5.5334 5.53333C2.4902 5.53333 0.0231934 3.0663 0.0231934 0.0231209Z"
                                    fill="currentcolor" />
                                 <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M6.48975 6.4898C9.53294 6.4898 12 8.95682 12 12C8.95675 12 6.48975 9.53297 6.48975 6.4898Z"
                                    fill="currentcolor" />
                                 <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M5.5102 6.48981C5.5102 9.533 3.04318 12 0 12C0 8.95681 2.46703 6.48981 5.5102 6.48981Z"
                                    fill="currentcolor" />
                              </svg>
                              Fun Facts
                           </span>
                           <h4 class="ab-inner-funfact-title tp_title_anim">Agency <br> Snapshots</h4>
                        </div>
                     </div>
                     <div class="col-xl-8">
                        <div class="ab-funfact-wrap">
                           <div class="row gx-75">
                              <div class="col-xl-6 col-lg-6 col-md-6">
                                 <div class="ab-funfact-item mb-90">
                                    <span><i data-purecounter-duration="1" data-purecounter-end="200" class="purecounter">0</i>+</span>
                                    <p>PROJECTS  COMPLETED</p>
                                 </div>
                              </div>
                              <div class="col-xl-6 col-lg-6 col-md-6">
                                 <div class="ab-funfact-item mb-90">
                                    <span><i data-purecounter-duration="1" data-purecounter-end="17" class="purecounter">0</i>+</span>
                                    <p>YEARS OF EXPERIENCE</p>
                                 </div>
                              </div>
                              <div class="col-xl-6 col-lg-6 col-md-6">
                                 <div class="ab-funfact-item mb-90">
                                    <span><i data-purecounter-duration="1" data-purecounter-end="09" class="purecounter">0</i>+</span>
                                    <p>TEAM MEMBERS</p>
                                 </div>
                              </div>
                              <div class="col-xl-6 col-lg-6 col-md-6">
                                 <div class="ab-funfact-item mb-90">
                                    <span><i data-purecounter-duration="1" data-purecounter-end="194" class="purecounter">194</i>%</span>
                                    <p>GROWING AGENCY</p>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- funfact area end -->

           
            <!-- award area end -->

         </main>

   <?php
$footer_variant = 'footer_3_dark_alt';
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>