<!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 class="tp-offcanvas-main">
            <div class="tp-offcanvas-content">
               <h3 class="tp-offcanvas-title">Hello There!</h3>
               <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, </p>
            </div>
            <div class="tp-main-menu-mobile d-xl-none"></div>
            <div class="tp-offcanvas-gallery">
               <div class="row gx-2">
                  <div class="col-md-3 col-3">
                     <div class="tp-offcanvas-gallery-img fix">
                        <a href="#"><img src="assets/img/menu/offcanvas/offcanvas-1.jpg" alt=""></a>
                     </div>
                  </div>
                  <div class="col-md-3 col-3">
                     <div class="tp-offcanvas-gallery-img fix">
                        <a href="#"><img src="assets/img/menu/offcanvas/offcanvas-2.jpg" alt=""></a>
                     </div>
                  </div>
                  <div class="col-md-3 col-3">
                     <div class="tp-offcanvas-gallery-img fix">
                        <a href="#"><img src="assets/img/menu/offcanvas/offcanvas-3.jpg" alt=""></a>
                     </div>
                  </div>
                  <div class="col-md-3 col-3">
                     <div class="tp-offcanvas-gallery-img fix">
                        <a href="#"><img src="assets/img/menu/offcanvas/offcanvas-4.jpg" alt=""></a>
                     </div>
                  </div>
               </div>
            </div>
            <div class="tp-offcanvas-contact">
               <h3 class="tp-offcanvas-title sm">Information</h3>

               <ul>
                  <li><a href="tel:1245654">+ 4 20 7700 1007</a></li>
                  <li><a href="mailto:hello@diego.com">hello@diego.com</a></li>
                  <li><a href="#">Avenue de Roma 158b, Lisboa</a></li>
               </ul>
            </div>
            <div class="tp-offcanvas-social">
               <h3 class="tp-offcanvas-title sm">Follow Us</h3>
               <ul>
                  <li>
                     <a href="#">
                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                           <path
                              d="M11.25 1.5H4.75C2.95507 1.5 1.5 2.95507 1.5 4.75V11.25C1.5 13.0449 2.95507 14.5 4.75 14.5H11.25C13.0449 14.5 14.5 13.0449 14.5 11.25V4.75C14.5 2.95507 13.0449 1.5 11.25 1.5Z"
                              stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                           <path
                              d="M10.6016 7.5907C10.6818 8.13166 10.5894 8.68414 10.3375 9.16955C10.0856 9.65497 9.68711 10.0486 9.19862 10.2945C8.71014 10.5404 8.15656 10.6259 7.61663 10.5391C7.0767 10.4522 6.57791 10.1972 6.19121 9.81055C5.80451 9.42385 5.54959 8.92506 5.46271 8.38513C5.37583 7.8452 5.46141 7.29163 5.70728 6.80314C5.95315 6.31465 6.34679 5.91613 6.83221 5.66425C7.31763 5.41238 7.87011 5.31998 8.41107 5.4002C8.96287 5.48202 9.47372 5.73915 9.86817 6.1336C10.2626 6.52804 10.5197 7.0389 10.6016 7.5907Z"
                              stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                           <path d="M11.5742 4.42578H11.5842" stroke="currentColor" stroke-width="1.5"
                              stroke-linecap="round" stroke-linejoin="round" />
                        </svg>
                     </a>
                  </li>
                  <li>
                     <a href="#">
                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                           <path
                              d="M2.50589 12.7494C4.57662 16.336 9.16278 17.5648 12.7494 15.4941C14.2113 14.65 15.2816 13.388 15.8962 11.9461C16.7895 9.85066 16.7208 7.37526 15.4941 5.25063C14.2674 3.12599 12.1581 1.82872 9.89669 1.55462C8.34063 1.366 6.71259 1.66183 5.25063 2.50589C1.66403 4.57662 0.435172 9.16278 2.50589 12.7494Z"
                              stroke="currentColor" stroke-width="1.5" />
                           <path
                              d="M12.7127 15.4292C12.7127 15.4292 12.0086 10.4867 10.5011 7.87559C8.99362 5.26451 5.28935 2.57155 5.28935 2.57155M5.68449 15.6124C6.79553 12.2606 12.34 8.54524 16.3975 9.43537M12.311 2.4082C11.1953 5.72344 5.75732 9.38453 1.71875 8.58915"
                              stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
                        </svg>
                     </a>
                  </li>
                  <li>
                     <a href="#">
                        <svg width="18" height="11" viewBox="0 0 18 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                           <path
                              d="M1 5.5715H6.33342C7.62867 5.5715 8.61917 6.56199 8.61917 7.85725C8.61917 9.15251 7.62867 10.143 6.33342 10.143H1.76192C1.30477 10.143 1 9.83823 1 9.38108V1.76192C1 1.30477 1.30477 1 1.76192 1H5.5715C6.86676 1 7.85725 1.99049 7.85725 3.28575C7.85725 4.58101 6.86676 5.5715 5.5715 5.5715H1Z"
                              stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" />
                           <path
                              d="M10.9062 7.09454H17.0016C17.0016 5.41832 15.6301 4.04688 13.9539 4.04688C12.2777 4.04688 10.9062 5.41832 10.9062 7.09454ZM10.9062 7.09454C10.9062 8.77076 12.2777 10.1422 13.9539 10.1422H15.2492"
                              stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"
                              stroke-linejoin="round" />
                           <path d="M16.1125 1.44434H11.668" stroke="currentColor" stroke-width="1.2"
                              stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
                        </svg>
                     </a>
                  </li>
                  <li>
                     <a href="#">
                        <svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                           <path
                              d="M12.75 13H5.25C3 13 1.5 11.5 1.5 9.25V4.75C1.5 2.5 3 1 5.25 1H12.75C15 1 16.5 2.5 16.5 4.75V9.25C16.5 11.5 15 13 12.75 13Z"
                              stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"
                              stroke-linejoin="round" />
                           <path
                              d="M8.70676 5.14837L10.8006 6.40465C11.5543 6.90716 11.5543 7.66093 10.8006 8.16344L8.70676 9.41972C7.86923 9.92224 7.19922 9.50348 7.19922 8.5822V6.06964C7.19922 4.98086 7.86923 4.64585 8.70676 5.14837Z"
                              fill="currentColor" />
                        </svg>
                     </a>
                  </li>
               </ul>
            </div>
         </div>
      </div>
   </div>
   <div class="body-overlay"></div>
   <!-- tp-offcanvus-area-end -->

   
   <!-- cart mini area start -->
   <div class="cartmini__area">
      <div class="cartmini__wrapper d-flex justify-content-between flex-column">
            <div class="cartmini__top-wrapper">
               <div class="cartmini__top p-relative">
                  <div class="cartmini__top-title">
                        <h4>Shopping cart</h4>
                  </div>
                  <div class="cartmini__close">
                        <button type="button" class="cartmini__close-btn cartmini-close-btn"><i class="fal fa-times"></i></button>
                  </div>
               </div>
               <div class="cartmini__shipping">
               <p> Free Shipping for all orders over <span>$50</span></p>
               <div class="progress">
                  <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" data-width="70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
                  </div>                   
               </div>
               <div class="cartmini__widget">
                  <div class="cartmini__widget-item">
                        <div class="cartmini__thumb">
                        <a href="shop-details.php">
                           <img src="assets/img/inner-blog/blog-sidebar/rc-post/rc-1.jpg" alt="">
                        </a>
                        </div>
                        <div class="cartmini__content">
                        <h5 class="cartmini__title"><a href="shop-details.php">Level Bolt Smart Lock</a></h5>
                        <div class="cartmini__price-wrapper">
                           <span class="cartmini__price">$46.00</span>
                           <span class="cartmini__quantity">x2</span>
                        </div>
                        </div>
                        <a href="#" class="cartmini__del"><i class="fa-regular fa-xmark"></i></a>
                  </div>
               </div>
            </div>
            <div class="cartmini__checkout">
               <div class="cartmini__checkout-title mb-30">
                  <h4>Subtotal:</h4>
                  <span>$113.00</span>
               </div>
               <div class="cartmini__checkout-btn">
                  <a href="cart.php" class="tp-btn-black-2 text-center mb-10 w-100"> view cart</a>
                  <a href="checkout.php" class="tp-btn-black-2 text-center w-100"> checkout</a>
               </div>
            </div>
      </div>
   </div>
   <!-- cart mini area end -->


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

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

         <main>

            <!-- hero area start -->
            <div class="blog-details-area">
               <div class="blog-details-bg blog-details-bg-height blog-details-overlay p-relative d-flex align-items-end pt-170 pb-170" data-background="assets/img/inner-blog/blog-details/blog-details-1.jpg">
                  <div class="blog-details-overlay-shape">
                     <img src="assets/img/inner-blog/blog-details/bg-shape/overly.png" alt="">
                  </div>
                  <div class="container">
                     <div class="row">
                        <div class="col-xl-11">
                           <div class="blog-details-content z-index-5">
                              <span class="blog-details-meta">Creative <i>. 01 Oct, 2022</i></span>
                              <h4 class="blog-details-title tp-char-animation">Cultivating Originality In Photography</h4>
                              <div class="blog-details-top-author d-flex align-items-center">
                                 <img src="assets/img/inner-blog/blog-details/avatar/avatar-2.jpg" alt="">
                                 <span>Mike Granetz  /  <i>5 min</i></span>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- hero area end -->

            <!-- postbox area start -->
            <section class="postbox__area tp-blog-sidebar-sticky-area pt-120 pb-120">
               <div class="container">
                  <div class="row">
                     <div class="col-xxl-8 col-xl-8 col-lg-8">
                        <div class="postbox__wrapper">
                           <div class="blog-details-top-text">
                              <p>The metaverse can be viewed as an evolution of today’s internet, which in turn evolved from passive media that we simply consumed. In the age of radio and television, the consumer’s only job was to listen and decide if they wanted to buy. </p>
                           </div>
                           <div class="blog-details-left-content">
                              <h4 class="blog-details-left-title">What is Lorem Ipsum?</h4>
                              <p class="mb-20"><span>Lorem Ipsum</span> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
                              <p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged</p>
                           </div>
                           <div class="blog-details-thumb-box">
                              <div class="row">
                                 <div class="col-md-6">
                                    <div class="blog-details-thumb">
                                       <img class="w-100 mb-20" src="assets/img/inner-blog/blog-details/blog-details-2.jpg" alt="">
                                    </div>
                                 </div>
                                 <div class="col-md-6">
                                    <div class="blog-details-thumb">
                                       <img class="w-100 mb-20" src="assets/img/inner-blog/blog-details/blog-details-3.jpg" alt="">
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <div class="blog-details-left-content">
                              <h4 class="blog-details-left-title">Relationship & Communication</h4>
                              <p>But, like most politicians, he promised more than he could deliver. Why not indeed! Daylight and everything. And then the battle’s not so bad? Hello, little man. I will destroy you! No, I’m Santa Claus! Kif might! Man, I’m sore all over. I feel like I just went ten rounds with mighty Thor. I found what I need. And it’s not friends, it’s things. Then we’ll go with that data file!</p>
                           </div>
                           <div class="blog-details-blockquote">
                              <blockquote>
                                 <span class="quote-icon">
                                    <svg width="90" height="66" viewBox="0 0 90 66" fill="none" xmlns="http://www.w3.org/2000/svg">
                                       <path d="M0 42.6672C0 27.2282 7.2986 14.2644 21.8957 3.77586C25.3156 1.25862 27.8597 0 29.528 0C30.6957 0 31.2796 0.755172 31.2796 2.26552C31.2796 3.69195 31.0294 4.7408 30.5289 5.41207C30.1118 5.99943 29.5697 6.54483 28.9024 7.04828C28.2351 7.55172 27.5678 8.01322 26.9005 8.43276C26.2332 8.8523 25.4408 9.48161 24.5232 10.3207C16.3488 17.369 12.2616 24.2494 12.2616 30.9621C12.2616 34.5701 13.7213 36.3741 16.6408 36.3741C28.9024 36.3741 35.0332 41.4506 35.0332 51.6034C35.0332 55.5471 33.5317 58.9034 30.5289 61.6724C27.5261 64.3575 24.2313 65.7 20.6445 65.7C14.055 65.7 8.96682 63.1408 5.3801 58.0224C1.79337 52.8201 0 47.7017 0 42.6672ZM55.0919 42.6672C55.0919 26.9764 62.182 14.1385 76.3621 4.15345C79.6986 1.38448 82.2009 0 83.8692 0C85.5374 0 86.3716 0.755172 86.3716 2.26552C86.3716 3.69195 86.1213 4.69885 85.6208 5.28621C85.2038 5.87356 84.6616 6.46092 83.9943 7.04827C83.327 7.55172 82.6597 8.01322 81.9924 8.43276C81.3251 8.8523 80.5744 9.48161 79.7403 10.3207C71.3156 17.8724 67.1033 24.7529 67.1033 30.9621C67.1033 34.5701 68.6464 36.3741 71.7327 36.3741C83.9109 36.3741 90 41.4086 90 51.4776C90 55.3374 88.4986 58.6937 85.4957 61.5465C82.5763 64.3155 79.2815 65.7 75.6114 65.7C69.1886 65.7 64.1422 63.1828 60.472 58.1483C56.8853 53.0299 55.0919 47.8695 55.0919 42.6672Z" fill="#19191A" fill-opacity="0.1"/>
                                    </svg>
                                 </span>
                                 <p>Don't watch the clock; do what it does. keep going.</p>
                                 <span class="blockquote-info">Sam Levenson</span>
                              </blockquote>
                           </div>
                           <div class="blog-details-left-content">
                              <p>With any accomplished project, great time management is an essential component. We business owners hire product designers, they expect them to not only perform well, but also on time. At Stan Vision, we provide you with an experienced design team, led by an expert PM who knows how to prioritise your platform and product.</p>
                           </div>
                           <div class="blog-details-thumb-box">
                              <div class="row">
                                 <div class="col-xl-12">
                                    <div class="blog-details-thumb">
                                       <img src="assets/img/inner-blog/blog-details/blog-details-4.jpg" alt="">
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <div class="blog-details-left-content">
                              <h4 class="blog-details-left-title">What is Lorem Ipsum?</h4>
                              <p><span>Lorem Ipsum</span> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
                              <p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged</p>
                           </div>
                           <div class="blog-details-share-wrap mb-40">
                              <div class="row">
                                 <div class="col-xl-8 col-lg-8">
                                    <div class="blog-details-tag">
                                       <span>
                                          <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                                             <path d="M15.371 9.92961L9.7597 15.5409C9.61433 15.6865 9.44171 15.8019 9.25169 15.8807C9.06168 15.9595 8.858 16 8.6523 16C8.44661 16 8.24293 15.9595 8.05292 15.8807C7.8629 15.8019 7.69027 15.6865 7.54491 15.5409L0.822266 8.82613V1H8.64839L15.371 7.72264C15.6626 8.01591 15.8262 8.41262 15.8262 8.82613C15.8262 9.23964 15.6626 9.63634 15.371 9.92961Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                             <path d="M4.73633 4.91333H4.74467" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                          </svg>
                                       </span>
                                       <a href="#">Creative</a>
                                       <a href="#">Photography</a>
                                       <a href="#">Lifestyle</a>
                                    </div>
                                 </div>
                                 <div class="col-xl-4 col-lg-4">
                                    <div class="blog-details-share text-start text-md-end">
                                       <span>
                                          <svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                             <path d="M11.5004 5.2C12.6602 5.2 13.6004 4.2598 13.6004 3.1C13.6004 1.9402 12.6602 1 11.5004 1C10.3406 1 9.40039 1.9402 9.40039 3.1C9.40039 4.2598 10.3406 5.2 11.5004 5.2Z" stroke="#19191A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                             <path d="M3.1 10.0999C4.2598 10.0999 5.2 9.1597 5.2 7.9999C5.2 6.8401 4.2598 5.8999 3.1 5.8999C1.9402 5.8999 1 6.8401 1 7.9999C1 9.1597 1.9402 10.0999 3.1 10.0999Z" stroke="#19191A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                             <path d="M11.5004 14.9998C12.6602 14.9998 13.6004 14.0596 13.6004 12.8998C13.6004 11.74 12.6602 10.7998 11.5004 10.7998C10.3406 10.7998 9.40039 11.74 9.40039 12.8998C9.40039 14.0596 10.3406 14.9998 11.5004 14.9998Z" stroke="#19191A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                             <path d="M4.91211 9.05688L9.69311 11.8429" stroke="#19191A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                             <path d="M9.68611 4.15674L4.91211 6.94274" stroke="#19191A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                          </svg>
                                       </span>
                                       <a href="#">Share Post</a>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <div class="blog-details-author d-flex mb-60">
                              <div class="blog-details-author-img">
                                 <img src="assets/img/inner-blog/blog-details/avatar/avatar-1.jpg" alt="">
                              </div>
                              <div class="blog-details-author-content-wrap">
                                 <div class="blog-details-author-social text-end">
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                    <a href="#"><i class="fab fa-twitter"></i></a>
                                    <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                 </div>
                                 <div class="blog-details-author-content">
                                    <h4 class="blog-details-author-title">Lea Cohen</h4>
                                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
                                       diam nonumy eirmod tempor.!</p>
                                 </div>
                              </div>
                           </div>
                           <div class="blog-details-navigation-style mb-120">
                              <div class="project-details-1-navigation d-flex justify-content-between align-items-center">
                                 <a class="project-details-1-prev" href="blog-details.php">
                                    <i class="fa-sharp fa-regular fa-arrow-left"></i>
                                    <span>Prev</span>
                                 </a>
                                 <a href="#">
                                    <span>
                                       <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                          <circle cx="17" cy="3" r="3" fill="#19191A"/>
                                          <circle cx="3" cy="3" r="3" fill="#19191A"/>
                                          <circle cx="3" cy="17" r="3" fill="#19191A"/>
                                          <circle cx="17" cy="17" r="3" fill="#19191A"/>
                                       </svg>
                                    </span>
                                 </a>
                                 <a class="project-details-1-next" href="blog-details.php">
                                    <span>Next</span>
                                    <i class="fa-sharp fa-regular fa-arrow-right"></i>
                                 </a>
                              </div>
                           </div>
                           <div class="postbox__comment mb-100">
                              <h3 class="postbox__comment-title">3 Comments</h3>
                              <ul>
                                 <li>
                                    <div class="postbox__comment-box d-flex">
                                       <div class="postbox__comment-info ">
                                          <div class="postbox__comment-avater mr-20">
                                             <img src="assets/img/inner-blog/blog-details/avatar/avatar-3.jpg" alt="">
                                          </div>  
                                       </div>
                                       <div class="postbox__comment-text">
                                          <div class="postbox__comment-name d-flex justify-content-between align-items-center">
                                             <h5>Farhan Firoz</h5>
                                             <span class="post-meta"> April 8, 2022 at 7:38 am</span>
                                          </div>
                                          <p>Quisque est tortor, condimentum eget faucibus vel, condimentum quis felis. Nunc non orci augue. Pellentesque elementum gravida arcu.</p>
                                          <div class="postbox__comment-reply">
                                             <a href="#">Reply</a>
                                          </div>
                                       </div>
                                    </div>
                                 </li>
                                 <li class="children">
                                    <div class="postbox__comment-box d-flex">
                                       <div class="postbox__comment-info ">
                                          <div class="postbox__comment-avater mr-20">
                                             <img src="assets/img/inner-blog/blog-details/avatar/avatar-4.jpg" alt="">
                                          </div>  
                                       </div>
                                       <div class="postbox__comment-text">
                                          <div class="postbox__comment-name d-flex justify-content-between align-items-center">
                                             <h5>Anne Marie</h5>
                                             <span class="post-meta"> April 8, 2022 at 7:38 am</span>
                                          </div>
                                          <p>Quisque est tortor, condimentum eget faucibus vel, condimentum quis
                                             felis. Nunc non orci augue.</p>
                                          <div class="postbox__comment-reply">
                                             <a href="#">Reply</a>
                                          </div>
                                       </div>
                                    </div>
                                 </li>
                                 <li>
                                    <div class="postbox__comment-box d-flex">
                                       <div class="postbox__comment-info ">
                                          <div class="postbox__comment-avater mr-20">
                                             <img src="assets/img/inner-blog/blog-details/avatar/avatar-3.jpg" alt="">
                                          </div>  
                                       </div>
                                       <div class="postbox__comment-text">
                                          <div class="postbox__comment-name d-flex justify-content-between align-items-center">
                                             <h5>Justin Case</h5>
                                             <span class="post-meta"> April 8, 2022 at 7:38 am</span>
                                          </div>
                                          <p>Quisque est tortor, condimentum eget faucibus vel, condimentum quis felis. Nunc non orci augue. Pellentesque elementum gravida arcu.</p>
                                          <div class="postbox__comment-reply">
                                             <a href="#">Reply</a>
                                          </div>
                                       </div>
                                    </div>
                                 </li>
                              </ul>
                           </div>
                           <div class="tp-postbox-details-form">
                              <h3 class="tp-postbox-details-form-title">Leave a Reply</h3>
                              <p>Your email address will not be published. Required fields are marked *</p>
                              <div class="tp-postbox-details-form-wrapper">
                                 <div class="tp-postbox-details-form-inner">
                                    <form action="#">
                                       <div class="row">
                                          <div class="col-xl-12">
                                             <div class="tp-postbox-details-input-box">
                                                <div class="tp-postbox-details-input">
                                                   <textarea id="msg" placeholder="Write your message here..."></textarea>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="col-xl-6">
                                             <div class="tp-postbox-details-input-box">
                                                <div class="tp-postbox-details-input">
                                                   <input type="text" placeholder="Farhan Firoz">
                                                </div>
                                             </div>
                                          </div>
                                          <div class="col-xl-6">
                                             <div class="tp-postbox-details-input-box">
                                                <div class="tp-postbox-details-input">
                                                   <input type="email" placeholder="liko@mail.com">
                                                </div>
                                             </div>
                                          </div>
                                          <div class="col-xl-12">
                                             <div class="tp-postbox-details-input-box">
                                                <div class="tp-postbox-details-input">
                                                   <input type="text" placeholder="Website">
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </form>
                                 </div>
                                 <div class="tp-postbox-details-suggetions mb-20">
                                    <div class="tp-postbox-details-remeber">
                                       <input id="remeber" type="checkbox">
                                       <label for="remeber">Save my name, email, and website in this browser for the next time I comment.</label>
                                    </div>
                                 </div>
                                 <div class="tp-postbox-details-input-box">
                                    <button class="tp-btn-border-lg" type="submit">Post Comment</button>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="col-xxl-4 col-xl-4 col-lg-4">
                        <div class="sidebar__wrapper">
                           <div class="sidebar__widget mb-45">
                              <div class="sidebar__author text-center">
                                 <div class="sidebar__author-thumb">
                                    <img src="assets/img/inner-blog/blog-sidebar/avatar/avata-2.jpg" alt="">
                                 </div>
                                 <div class="sidebar__author-content">
                                    <h4 class="sidebar__author-title">Mark Hopkins</h4>
                                    <p>Lorem ipsum dolor consectetur adipiscing elit.</p>
                                 </div>
                              </div>
                           </div>
                           <div class="sidebar__widget mb-65">
                              <div class="sidebar__widget-content">
                                 <div class="sidebar__search">
                                    <form action="#">
                                       <div class="sidebar__search-input-2">
                                          <input type="text" placeholder="Search product">
                                          <button type="submit">
                                             <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M8.6 16.2C12.7974 16.2 16.2 12.7974 16.2 8.6C16.2 4.40264 12.7974 1 8.6 1C4.40264 1 1 4.40264 1 8.6C1 12.7974 4.40264 16.2 8.6 16.2Z" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                                <path d="M16.9984 17L15.3984 15.4" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                             </svg>
                                          </button>
                                       </div>
                                    </form>
                                 </div>
                              </div>
                           </div>
                           <div class="sidebar__widget mb-65">
                              <h3 class="sidebar__widget-title">Category</h3>
                              <div class="sidebar__widget-content">
                                 <ul>
                                    <li><a href="blog.php">Branding</a></li>
                                    <li><a href="blog.php">Lifestyle</a></li>
                                    <li><a href="blog.php">UI/UX Design</a></li>
                                    <li><a href="blog.php">Production</a></li>
                                 </ul>
                              </div>
                           </div>
                           <div class="sidebar__widget mb-65">
                              <h3 class="sidebar__widget-title">Recent Post</h3>
                              <div class="sidebar__widget-content">
                                 <div class="sidebar__post rc__post">
                                    <div class="rc__post mb-30 d-flex align-items-center">
                                       <div class="rc__post-thumb mr-20">
                                          <a href="blog-details.php"><img src="assets/img/inner-blog/blog-sidebar/rc-post/rc-1.jpg" alt=""></a>
                                       </div>
                                       <div class="rc__post-content">
                                          <div class="rc__meta d-flex align-items-center">
                                             <span>30. JAN. 2024</span>
                                          </div>
                                          <h3 class="rc__post-title">
                                             <a href="blog-details.php">Design in the finest style</a>
                                          </h3>
                                       </div>
                                    </div>
                                    <div class="rc__post mb-30 d-flex align-items-center">
                                       <div class="rc__post-thumb mr-20">
                                          <a href="blog-details.php"><img src="assets/img/inner-blog/blog-sidebar/rc-post/rc-2.jpg" alt=""></a>
                                       </div>
                                       <div class="rc__post-content">
                                          <div class="rc__meta d-flex align-items-center">
                                             <span>30. JAN. 2024</span>
                                          </div>
                                          <h3 class="rc__post-title">
                                             <a href="blog-details.php">Photography history being told</a>
                                          </h3>
                                       </div>
                                    </div>
                                    <div class="rc__post mb-30 d-flex align-items-center">
                                       <div class="rc__post-thumb mr-20">
                                          <a href="blog-details.php"><img src="assets/img/inner-blog/blog-sidebar/rc-post/rc-3.jpg" alt=""></a>
                                       </div>
                                       <div class="rc__post-content">
                                          <div class="rc__meta d-flex align-items-center">
                                             <span>30. JAN. 2024</span>
                                          </div>
                                          <h3 class="rc__post-title">
                                             <a href="blog-details.php">Photography history being told</a>
                                          </h3>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <div class="sidebar__widget mb-65">
                              <h3 class="sidebar__widget-title">Tags</h3>
                              <div class="sidebar__widget-content">
                                 <div class="tagcloud">
                                    <a href="#">Creative</a>
                                    <a href="#">Vision</a>
                                    <a href="#">Popular</a>
                                    <a href="#">Photography</a>
                                    <a href="#">Lifestyle</a>
                                 </div>
                              </div>
                           </div>
                           <div class="sidebar__widget mb-65">
                              <div class="sidebar__widget-content">
                                 <div class="sidebar__banner-img">
                                    <img src="assets/img/inner-blog/blog-sidebar/banner/banner.jpg" alt="">
                                 </div>
                              </div>
                           </div>
                           <div class="sidebar__widget mb-65">
                              <h3 class="sidebar__widget-title">Follow Us</h3>
                              <div class="sidebar__widget-content">
                                 <div class="sidebar__social">
                                    <a href="#"><i class="fa-brands fa-facebook"></i></a>
                                    <a href="#"><i class="fa-brands fa-twitter"></i></a>
                                    <a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </section>
            <!-- postbox area end -->

            <div class="blog-details-realated-area grey-bg-2 pt-90 pb-40">
               <div class="container">
                  <div class="row justify-content-center">
                     <div class="col-xl-8">
                        <div class="blog-details-realated-title-box text-center mb-50">
                           <h3 class="blog-details-realated-title">Related posts</h3>
                        </div>
                     </div>
                  </div>
                  <div class="row">
                     <div class="col-xl-4 col-lg-6 col-md-6 mb-50">
                        <div class="tp-blog-item">
                           <div class="tp-blog-thumb fix p-relative">
                              <img src="assets/img/home-05/blog/blog-1.jpg" alt="">
                              <div class="tp-blog-meta">
                                 <span>01. FEB. 2022</span>
                              </div>
                           </div>
                           <div class="tp-blog-content">
                              <span>Marketing / Strategy</span>
                              <h4 class="tp-blog-title-sm"><a href="#">Future Business Ideas.</a></h4>
                           </div>
                        </div>
                     </div>
                     <div class="col-xl-4 col-lg-6 col-md-6 mb-50">
                        <div class="tp-blog-item">
                           <div class="tp-blog-thumb fix p-relative">
                              <img src="assets/img/home-05/blog/blog-2.jpg" alt="">
                              <div class="tp-blog-meta">
                                 <span>09. MAY. 2022</span>
                              </div>
                           </div>
                           <div class="tp-blog-content">
                              <span>Marketing / Strategy</span>
                              <h4 class="tp-blog-title-sm"><a href="#">Start Unique Experience.</a></h4>
                           </div>
                        </div>
                     </div>
                     <div class="col-xl-4 col-lg-6 col-md-6 mb-50">
                        <div class="tp-blog-item">
                           <div class="tp-blog-thumb fix p-relative">
                              <img src="assets/img/home-05/blog/blog-3.jpg" alt="">
                              <div class="tp-blog-meta">
                                 <span>30. AUG. 2022</span>
                              </div>
                           </div>
                           <div class="tp-blog-content">
                              <span>Marketing / Strategy</span>
                              <h4 class="tp-blog-title-sm"><a href="#">Is It Time To Rebrand?</a></h4>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>

         </main>

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