<!--    portfolio style 2 -->
         <!-- portfolio area start -->
         <section>
               <img src="https://wp.aqlova.com/harry/wp-content/themes/harry/assets/img/portfolio/grid/shape/circle-1.png" alt="Harry">
               <img src="https://wp.aqlova.com/harry/wp-content/themes/harry/assets/img/portfolio/grid/shape/circle-2.png" alt="Harry">
               <img src="https://wp.aqlova.com/harry/wp-content/themes/harry/assets/img/portfolio/grid/shape/circle-sm.png" alt="Harry">
               <img src="https://wp.aqlova.com/harry/wp-content/themes/harry/assets/img/portfolio/grid/shape/polygon-yellow.png" alt="Harry">
               <img src="https://wp.aqlova.com/harry/wp-content/themes/harry/assets/img/portfolio/grid/shape/polygon-pink.png" alt="Harry">
               <img src="https://wp.aqlova.com/harry/wp-content/themes/harry/assets/img/portfolio/grid/shape/polygon-green.png" alt="Harry">
               <img src="https://wp.aqlova.com/harry/wp-content/themes/harry/assets/img/portfolio/grid/shape/polygon-green-2.png" alt="Harry">
            <!-- section title -->
                                                 CHECK OUT OUR LATEST WORK 
                        <h2>Portfolio Classic</h2>
               <!-- filter button -->
                                                            <button data-filter="*">
                                    All Project 
                                </button>
                              <button data-filter=".apps">
                              Apps 
                                </button>
                              <button data-filter=".branding">
                              Branding 
                                </button>
                              <button data-filter=".creative">
                              Creative 
                                </button>
                              <button data-filter=".packaging">
                              Packaging 
                                </button>
                              <button data-filter=".mockup">
                              Mockup 
                                </button>
               <!-- filter item start -->
                            <a href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                                                                    <img width="362" height="400" src="https://biinaryfusion.com/wp-content/uploads/2023/01/portfolio-grid-1.jpg" alt="" decoding="async" loading="lazy" srcset="https://biinaryfusion.com/wp-content/uploads/2023/01/portfolio-grid-1.jpg 362w, https://wp.aqlova.com/harry/wp-content/uploads/2023/01/portfolio-grid-1-272x300.jpg 272w" sizes="(max-width: 362px) 100vw, 362px" />                                                           </a>
                              <a href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                                 <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M14.1667 8.33341H0.833333C0.377778 8.33341 0 7.95564 0 7.50008C0 7.04453 0.377778 6.66675 0.833333 6.66675H14.1667C14.6222 6.66675 15 7.04453 15 7.50008C15 7.95564 14.6222 8.33341 14.1667 8.33341Z" fill="currentColor"/>
                                    <path d="M7.4974 15C7.04184 15 6.66406 14.6222 6.66406 14.1667V0.833333C6.66406 0.377778 7.04184 0 7.4974 0C7.95295 0 8.33073 0.377778 8.33073 0.833333V14.1667C8.33073 14.6222 7.95295 15 7.4974 15Z" fill="currentColor"/>
                                 </svg>                                    
                              </a>
                           <h4><a href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">Magazine Cover</a></h4>                           
                                    Apps
                                    <a target="" rel="noopener" href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                                        Show Project                                        
                                            <svg width="26" height="9" viewBox="0 0 26 9" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M21.6934 1L25 4.20003L21.6934 7.4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                                <path d="M0.999999 4.19897H25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                            </svg>
                                    </a>
                            <a href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                                                                    <img width="362" height="400" src="https://biinaryfusion.com/wp-content/uploads/2023/01/portfolio-grid-2.jpg" alt="" decoding="async" loading="lazy" srcset="https://biinaryfusion.com/wp-content/uploads/2023/01/portfolio-grid-2.jpg 362w, https://wp.aqlova.com/harry/wp-content/uploads/2023/01/portfolio-grid-2-272x300.jpg 272w" sizes="(max-width: 362px) 100vw, 362px" />                                                           </a>
                              <a href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                                 <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M14.1667 8.33341H0.833333C0.377778 8.33341 0 7.95564 0 7.50008C0 7.04453 0.377778 6.66675 0.833333 6.66675H14.1667C14.6222 6.66675 15 7.04453 15 7.50008C15 7.95564 14.6222 8.33341 14.1667 8.33341Z" fill="currentColor"/>
                                    <path d="M7.4974 15C7.04184 15 6.66406 14.6222 6.66406 14.1667V0.833333C6.66406 0.377778 7.04184 0 7.4974 0C7.95295 0 8.33073 0.377778 8.33073 0.833333V14.1667C8.33073 14.6222 7.95295 15 7.4974 15Z" fill="currentColor"/>
                                 </svg>                                    
                              </a>
                           <h4><a href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">Logo Mockups</a></h4>                           
                                    Branding
                                    <a target="" rel="noopener" href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                                        Show Project                                        
                                            <svg width="26" height="9" viewBox="0 0 26 9" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M21.6934 1L25 4.20003L21.6934 7.4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                                <path d="M0.999999 4.19897H25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                            </svg>
                                    </a>
                            <a href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                                                                    <img width="362" height="400" src="https://biinaryfusion.com/wp-content/uploads/2023/01/portfolio-grid-3.jpg" alt="" decoding="async" loading="lazy" srcset="https://biinaryfusion.com/wp-content/uploads/2023/01/portfolio-grid-3.jpg 362w, https://wp.aqlova.com/harry/wp-content/uploads/2023/01/portfolio-grid-3-272x300.jpg 272w" sizes="(max-width: 362px) 100vw, 362px" />                                                           </a>
                              <a href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                                 <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M14.1667 8.33341H0.833333C0.377778 8.33341 0 7.95564 0 7.50008C0 7.04453 0.377778 6.66675 0.833333 6.66675H14.1667C14.6222 6.66675 15 7.04453 15 7.50008C15 7.95564 14.6222 8.33341 14.1667 8.33341Z" fill="currentColor"/>
                                    <path d="M7.4974 15C7.04184 15 6.66406 14.6222 6.66406 14.1667V0.833333C6.66406 0.377778 7.04184 0 7.4974 0C7.95295 0 8.33073 0.377778 8.33073 0.833333V14.1667C8.33073 14.6222 7.95295 15 7.4974 15Z" fill="currentColor"/>
                                 </svg>                                    
                              </a>
                           <h4><a href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">Pattern Inspired</a></h4>                           
                                    Creative
                                    <a target="" rel="noopener" href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                                        Show Project                                        
                                            <svg width="26" height="9" viewBox="0 0 26 9" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M21.6934 1L25 4.20003L21.6934 7.4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                                <path d="M0.999999 4.19897H25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                            </svg>
                                    </a>
                            <a href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                                                                    <img width="362" height="400" src="https://biinaryfusion.com/wp-content/uploads/2023/01/portfolio-grid-4.jpg" alt="" decoding="async" loading="lazy" srcset="https://biinaryfusion.com/wp-content/uploads/2023/01/portfolio-grid-4.jpg 362w, https://wp.aqlova.com/harry/wp-content/uploads/2023/01/portfolio-grid-4-272x300.jpg 272w" sizes="(max-width: 362px) 100vw, 362px" />                                                           </a>
                              <a href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                                 <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M14.1667 8.33341H0.833333C0.377778 8.33341 0 7.95564 0 7.50008C0 7.04453 0.377778 6.66675 0.833333 6.66675H14.1667C14.6222 6.66675 15 7.04453 15 7.50008C15 7.95564 14.6222 8.33341 14.1667 8.33341Z" fill="currentColor"/>
                                    <path d="M7.4974 15C7.04184 15 6.66406 14.6222 6.66406 14.1667V0.833333C6.66406 0.377778 7.04184 0 7.4974 0C7.95295 0 8.33073 0.377778 8.33073 0.833333V14.1667C8.33073 14.6222 7.95295 15 7.4974 15Z" fill="currentColor"/>
                                 </svg>                                    
                              </a>
                           <h4><a href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">Product Design </a></h4>                           
                                    Packaging
                                    <a target="" rel="noopener" href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                                        Show Project                                        
                                            <svg width="26" height="9" viewBox="0 0 26 9" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M21.6934 1L25 4.20003L21.6934 7.4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                                <path d="M0.999999 4.19897H25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                            </svg>
                                    </a>
                            <a href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                                                                    <img width="362" height="400" src="https://biinaryfusion.com/wp-content/uploads/2023/01/portfolio-grid-5.jpg" alt="" decoding="async" loading="lazy" srcset="https://biinaryfusion.com/wp-content/uploads/2023/01/portfolio-grid-5.jpg 362w, https://wp.aqlova.com/harry/wp-content/uploads/2023/01/portfolio-grid-5-272x300.jpg 272w" sizes="(max-width: 362px) 100vw, 362px" />                                                           </a>
                              <a href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                                 <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M14.1667 8.33341H0.833333C0.377778 8.33341 0 7.95564 0 7.50008C0 7.04453 0.377778 6.66675 0.833333 6.66675H14.1667C14.6222 6.66675 15 7.04453 15 7.50008C15 7.95564 14.6222 8.33341 14.1667 8.33341Z" fill="currentColor"/>
                                    <path d="M7.4974 15C7.04184 15 6.66406 14.6222 6.66406 14.1667V0.833333C6.66406 0.377778 7.04184 0 7.4974 0C7.95295 0 8.33073 0.377778 8.33073 0.833333V14.1667C8.33073 14.6222 7.95295 15 7.4974 15Z" fill="currentColor"/>
                                 </svg>                                    
                              </a>
                           <h4><a href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">Branding Design</a></h4>                           
                                    Mockup
                                    <a target="" rel="noopener" href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                                        Show Project                                        
                                            <svg width="26" height="9" viewBox="0 0 26 9" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M21.6934 1L25 4.20003L21.6934 7.4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                                <path d="M0.999999 4.19897H25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                            </svg>
                                    </a>
                            <a href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                                                                    <img width="362" height="400" src="https://biinaryfusion.com/wp-content/uploads/2023/01/portfolio-grid-6.jpg" alt="" decoding="async" loading="lazy" srcset="https://biinaryfusion.com/wp-content/uploads/2023/01/portfolio-grid-6.jpg 362w, https://wp.aqlova.com/harry/wp-content/uploads/2023/01/portfolio-grid-6-272x300.jpg 272w" sizes="(max-width: 362px) 100vw, 362px" />                                                           </a>
                                <a href="#">
                                    <svg width="18" height="22" viewBox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M18 11L0 21.3923V0.607696L18 11Z" fill="currentColor"/>
                                    </svg>                                    
                                </a>
                           <h4><a href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">Original Coffee</a></h4>                           
                                    Creative
                                    <a target="" rel="noopener" href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                                        Show Project                                        
                                            <svg width="26" height="9" viewBox="0 0 26 9" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M21.6934 1L25 4.20003L21.6934 7.4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                                <path d="M0.999999 4.19897H25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                            </svg>
                                    </a>
                            <a href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                                                                    <img width="362" height="400" src="https://biinaryfusion.com/wp-content/uploads/2023/01/portfolio-grid-7.jpg" alt="" decoding="async" loading="lazy" srcset="https://biinaryfusion.com/wp-content/uploads/2023/01/portfolio-grid-7.jpg 362w, https://wp.aqlova.com/harry/wp-content/uploads/2023/01/portfolio-grid-7-272x300.jpg 272w" sizes="(max-width: 362px) 100vw, 362px" />                                                           </a>
                              <a href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                                 <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M14.1667 8.33341H0.833333C0.377778 8.33341 0 7.95564 0 7.50008C0 7.04453 0.377778 6.66675 0.833333 6.66675H14.1667C14.6222 6.66675 15 7.04453 15 7.50008C15 7.95564 14.6222 8.33341 14.1667 8.33341Z" fill="currentColor"/>
                                    <path d="M7.4974 15C7.04184 15 6.66406 14.6222 6.66406 14.1667V0.833333C6.66406 0.377778 7.04184 0 7.4974 0C7.95295 0 8.33073 0.377778 8.33073 0.833333V14.1667C8.33073 14.6222 7.95295 15 7.4974 15Z" fill="currentColor"/>
                                 </svg>                                    
                              </a>
                           <h4><a href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">Visual Identity</a></h4>                           
                                    Mockup
                                    <a target="" rel="noopener" href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                                        Show Project                                        
                                            <svg width="26" height="9" viewBox="0 0 26 9" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M21.6934 1L25 4.20003L21.6934 7.4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                                <path d="M0.999999 4.19897H25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                            </svg>
                                    </a>
                            <a href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                                                                    <img width="362" height="400" src="https://biinaryfusion.com/wp-content/uploads/2023/01/portfolio-grid-8.jpg" alt="" decoding="async" loading="lazy" srcset="https://biinaryfusion.com/wp-content/uploads/2023/01/portfolio-grid-8.jpg 362w, https://wp.aqlova.com/harry/wp-content/uploads/2023/01/portfolio-grid-8-272x300.jpg 272w" sizes="(max-width: 362px) 100vw, 362px" />                                                           </a>
                                <a href="#">
                                    <svg width="18" height="22" viewBox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M18 11L0 21.3923V0.607696L18 11Z" fill="currentColor"/>
                                    </svg>                                    
                                </a>
                           <h4><a href="https://wp.aqlova.com/harry/portfolio/portfolio-details/"> UX Web Design</a></h4>                           
                                    Branding
                                    <a target="" rel="noopener" href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                                        Show Project                                        
                                            <svg width="26" height="9" viewBox="0 0 26 9" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M21.6934 1L25 4.20003L21.6934 7.4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                                <path d="M0.999999 4.19897H25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                            </svg>
                                    </a>
                            <a href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                                                                    <img width="362" height="400" src="https://biinaryfusion.com/wp-content/uploads/2023/01/portfolio-grid-9.jpg" alt="" decoding="async" loading="lazy" srcset="https://biinaryfusion.com/wp-content/uploads/2023/01/portfolio-grid-9.jpg 362w, https://wp.aqlova.com/harry/wp-content/uploads/2023/01/portfolio-grid-9-272x300.jpg 272w" sizes="(max-width: 362px) 100vw, 362px" />                                                           </a>
                              <a href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                                 <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M14.1667 8.33341H0.833333C0.377778 8.33341 0 7.95564 0 7.50008C0 7.04453 0.377778 6.66675 0.833333 6.66675H14.1667C14.6222 6.66675 15 7.04453 15 7.50008C15 7.95564 14.6222 8.33341 14.1667 8.33341Z" fill="currentColor"/>
                                    <path d="M7.4974 15C7.04184 15 6.66406 14.6222 6.66406 14.1667V0.833333C6.66406 0.377778 7.04184 0 7.4974 0C7.95295 0 8.33073 0.377778 8.33073 0.833333V14.1667C8.33073 14.6222 7.95295 15 7.4974 15Z" fill="currentColor"/>
                                 </svg>                                    
                              </a>
                           <h4><a href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">Magazine Cover</a></h4>                           
                                    Apps
                                    <a target="" rel="noopener" href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                                        Show Project                                        
                                            <svg width="26" height="9" viewBox="0 0 26 9" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M21.6934 1L25 4.20003L21.6934 7.4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                                <path d="M0.999999 4.19897H25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                            </svg>
                                    </a>
                        <a target="" rel="noopener" href="https://wp.aqlova.com/harry/portfolio/portfolio-details/">
                           <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <path d="M1 8.5C1 4.36 4.33 1 8.5 1C13.5025 1 16 5.17 16 5.17M16 5.17V1.42M16 5.17H12.67" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                              <path d="M15.9175 8.5C15.9175 12.64 12.5575 16 8.4175 16C4.2775 16 1.75 11.83 1.75 11.83M1.75 11.83H5.14M1.75 11.83V15.58" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                           </svg>                              
                           View More Projects                        </a>
         </section>
         <!-- portfolio area end -->