👁 查看:services.html
路径:/home/boguraj1/newspaper.bogurajobs.com/gc/services.html
大小:35.7 KB · 修改:2024-04-01 10:49:14 · 权限:0644 · 可写
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="Rizwan - Personal Portfolio HTML5 Template">
        <meta name="author" content="Greyhound-Tech-Solutions">
        <!-- =============== PAGE TITLE =============== -->
        <title>Rizwan - Personal Portfolio HTML5 Template</title>
        <!-- ============= FAVICON ICON ============= -->
        <link rel="shortcut icon" href="./assets/img/favicon.ico" />
        <!-- ============= CSS ============= -->
        <!-- BOOTSTRAP -->
        <link rel="stylesheet" href="./assets/css/vendors/bootstrap.min.css" />
        <!-- ANIMATE -->
        <link rel="stylesheet" href="./assets/css/vendors/animate.min.css" />
        <!-- FONT AWESOME -->
        <link rel="stylesheet" href="./assets/css/vendors/all.min.css">
        <!-- CUBE PORTFOLIO -->
        <link rel="stylesheet" type="text/css" href="./assets/css/vendors/cubeportfolio.min.css">
        <!-- SWIPER -->
        <link rel="stylesheet" href="./assets/css/vendors/swiper.css" />
         <!--OWL -->
        <link rel="stylesheet" href="./assets/css/vendors/owl.carousel.min.css" />
        <link rel="stylesheet" href="./assets/css/vendors/owl.theme.default.min.css" />
        <!-- MAGNIFIC POPUP -->
        <link rel="stylesheet" href="./assets/css/vendors/magnific-popup.css" type="text/css" />
        <!-- MAIN STYLE -->
        <link rel="stylesheet" href="./assets/css/style.css" />
    </head>
    <!-- ============= BODY ============= -->
    <body>
        
        <!-- ============= WRAPPER ============= -->
        <div class="wrapper">
   
            <!-- Cursor -->
	<div class="cursor"></div>
	<div class="cursor-follower"></div>
	<!-- Cursor End -->

            <!-- =============START HEADER ============= -->
            <header class="header-main-block header-style">
                <div class="container">
                    <div class="cd-header-block">
                        <nav id="navigation" class="navigation">

                            <!-- Logo Area Start -->
                            <div class="nav-header">
                                <a class="nav-brand" href="index.html"><img src="assets/img/logo.png" alt="" class="img-fulid d-block" /> </a>
                                <div class="nav-toggle"></div>
                                <div class="overlay"></div>
                            </div>
                            <!-- End Logo Are -->
                            
                            <!-- Contact Are -->
                            <div class="header-contact">
                                <a href="contact.html">Contact Me  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="sm_svg"><path d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"/></svg> </a>
                            </div>
                            <!-- Contact Are -->
                            
                                <!-- Main Menus Wrapper -->
                            <div class="nav-menus-wrapper">
                                <img class="header-menu-bg" src="assets/img/menuleft.png" alt="Before">
                                <button type="button" class="close-nav">
                                <i class="fa-regular fa-circle-xmark"></i>
                            </button>
                                <ul class="nav-menu nav-menu-centered" id="mobile-menu">
                                    <li><a href="index.html">Home</a></li>
                                    <li><a href="about.html">About Me</a></li>
                                    <li><a href="portfolio.html">Portfolio</a></li>
                                    <li><a href="services.html">Services</a></li>
                                    <li><a href="price.html">Pricing</a></li>
                                    <li><a href="blog.html">Insights</a></li>
                                    <li class="menu-contact-list"><a href="contact.html">Contact</a></li>
                                </ul>
                                <img class="header-menu-bg" src="assets/img/menuright.png" alt="After">
                             <!-- Main Menus Wrapper -->
                            </div>
                        </nav>
                    </div>
                </div>
            </header>
            <!-- ============= END HEADER ========== -->


            <!-- ============= START BANNER BLOCK ============= -->
            <section class="banner-block about-block clearfix">
                <div class="full-width-block common-page">
                    <div class="container">
                        <div class="banner-block-content">
                            <div class="align-items-center">
                                <div class="about-block-title">
                                    <h1>I'm Rizwan Roy<br> Creative Visual Designer.</h1>
                                </div>
                                 <div class="banner-right">
                                        <div class="about-list-content-right social-icon-list">
                                                <ul>
                                                    <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
                                                    <li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
                                                    <li><a href="#"><i class="fa-brands fa-behance"></i></a></li>
                                                    <li><a href="#"> <i class="fa-brands fa-instagram"></i></a></li>
                                                </ul>
                                            </div> 
                                  
                                <div class="about-bottom-content d-flex align-items-end justify-content-end">
                                   
                                <img class="arrow-img" src="assets/img/about-right-arrow.png" alt="banner-left-arrow" />
                                
                                <div class="about-block-sub-title"><p>I’m a France-based Product Designer living in France. I enjoy turning complex experiences into meaningful solutions. While my 8+ years of product experience focused primarily on app design, my experience also stems from a background in brand design. </p></div>
                                    </div>
                                       </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- ============= END BANNER BLOCK ============= -->

                <!-- ============= START VIDEO BLOCK ============= -->
            <section class="about-video-scetion">
                    <div class="container">
            <div class="about-video-block">
                <div class="about-video-block-style">
                                <img class="border-radius-30" src="assets/img/about/about-2.jpg" alt="about me" />
                                <div class="watch-video text-center">
                                    <a href="https://www.youtube.com/watch?v=F6DhIB3RKTw" class="video-link btn-video">
                                        Play
                                    </a>
                                </div>
                            </div>
                         </div>
                    </div>

            </section>
          <!-- ============= END VIDEO BLOCK ============= -->

    

            <!-- ============= START SERVICE BLOCK ============= -->
            <section class="service-block home-main-contant-style">
                <div class="container">
                    <div class="section-title home-main-contant-style-3">
                        <h2 class="section-heading">My Services</h2>
                        <div class="about-content">
                            <h1><span>Our work builds more loyal </span>audiences by combining 
an unwavering focus on their needs and desires, and our relentless 
pursuit of design excellence.</h1>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="service-item">
                                <div class="service-content d-flex align-items-center justify-content-start">
                                    <h5 class="service-number">01</h5>
                                    <div class="service-content">
                                        <h3><a class="service-title" href="services-details.html">Illustration Design</a></h3>
                                    <p class="service-desc">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                                    </div>
                                </div>
                                <div class="service-inner d-flex align-items-center justify-content-end">
                                    <div class="service-inner-image">
                                        <img src="assets/img/service/1.jpg" alt="Image">
                                    </div>
                                    <div class="service-btn">
                                        <a href="services-details.html"><span>Read More</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="sm_svg"><path d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"/></svg></a>
                                    </div>
                                </div>
                            </div>
                              <div class="service-item">
                                <div class="service-content d-flex align-items-center justify-content-start">
                                    <h5 class="service-number">02</h5>
                                    <div class="service-content">
                                        <h3><a class="service-title" href="services-details.html">Business Branding</a></h3>
                                    <p class="service-desc">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                                    </div>
                                </div>
                                <div class="service-inner d-flex align-items-center justify-content-end">
                                    <div class="service-inner-image">
                                        <img src="assets/img/service/2.jpg" alt="Image">
                                    </div>
                                    <div class="service-btn">
                                       <a href="services-details.html"><span>Read More</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="sm_svg"><path d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"/></svg></a>
                                    </div>
                                </div>
                            </div>
                            
                              <div class="service-item">
                                <div class="service-content d-flex align-items-center justify-content-start">
                                    <h5 class="service-number">03</h5>
                                    <div class="service-content">
                                        <h3><a class="service-title" href="services-details.html">Graphic Design</a></h3>
                                    <p class="service-desc">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                                    </div>
                                </div>
                                <div class="service-inner d-flex align-items-center justify-content-end">
                                    <div class="service-inner-image">
                                        <img src="assets/img/service/3.jpg" alt="Image">
                                    </div>
                                    <div class="service-btn">
                                      <a href="services-details.html"><span>Read More</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="sm_svg"><path d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"/></svg></a>
                                    </div>
                                </div>
                            </div>
                            
                              <div class="service-item">
                                <div class="service-content d-flex align-items-center justify-content-start">
                                    <h5 class="service-number">04</h5>
                                    <div class="service-content">
                                        <h3><a class="service-title" href="services-details.html">Web Development</a></h3>
                                    <p class="service-desc">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                                    </div>
                                </div>
                                <div class="service-inner d-flex align-items-center justify-content-end">
                                    <div class="service-inner-image">
                                        <img src="assets/img/service/4.jpg" alt="Image">
                                    </div>
                                    <div class="service-btn">
                                     <a href="services-details.html"><span>Read More</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="sm_svg"><path d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"/></svg></a>
                                    </div>
                                </div>
                              </div>
                              <div class="service-item last-item">
                                <div class="service-content d-flex align-items-center justify-content-start">
                                    <h5 class="service-number">05</h5>
                                    <div class="service-content">
                                        <h3><a class="service-title" href="services-details.html">Application Design</a></h3>
                                    <p class="service-desc">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                                    </div>
                                </div>
                                <div class="service-inner d-flex align-items-center justify-content-end">
                                    <div class="service-inner-image">
                                        <img src="assets/img/service/5.jpg" alt="Image">
                                    </div>
                                    <div class="service-btn">
                                     <a href="services-details.html"><span>Read More</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="sm_svg"><path d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"/></svg></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- ============= END SERVICE BLOCK ============= -->


       
            
                                   <!-- ============= START AWARDS BLOCK ============= -->
            <section class="about-why-work-me">
                <div class="container">
                    <div class="section-title">
                        <h2 class="section-heading">Anyway, why work with me?</h2>
                    </div>
                    </div>
            </section>
            <!-- ============= END AWARDS BLOCK ============= -->
            
                   <!-- ============= START WHY WITH ME BLOCK ============= -->
            <section class="why-with-me">
                    <div class="container">
                    <div class="swiper-work-slider">
                        <div class="swiper-wrapper">
                        <div class="swiper-slide item border-radius-30">
                            <div class="d-flex justify-content-lg-between align-items-center">
                                <div class="work-content">
                             <h4 class="work-number">STEP 1</h4>
                            <h5 class="work-title">User Research</h5>
                                <p class="work-dec">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed consequuntur magni dolores eos qui ratione </p>
                                </div>
                           <div class="work-image">
                           <img src="./assets/img/about/work1.png" alt="brand" class="slider-img" />
                           </div> 
                         
                          </div>
                            
                        </div>
                        <div class="swiper-slide item border-radius-30">
                            <div class="d-flex justify-content-lg-between align-items-center">
                                <div class="work-content">
                             <h4 class="work-number">STEP 1</h4>
                            <h5 class="work-title">Wireframing</h5>
                                <p class="work-dec">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed consequuntur magni dolores eos qui ratione </p>
                                </div>
                           <div class="work-image">
                           <img src="./assets/img/about/work2.png" alt="brand" class="slider-img" />
                           </div> 
                         
                          </div>
                            
                        </div>
                         <div class="swiper-slide item border-radius-30">
                            <div class="d-flex justify-content-lg-between align-items-center">
                                <div class="work-content">
                             <h4 class="work-number">STEP 1</h4>
                            <h5 class="work-title">User Research</h5>
                                <p class="work-dec">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed consequuntur magni dolores eos qui ratione </p>
                                </div>
                           <div class="work-image">
                           <img src="./assets/img/about/work1.png" alt="brand" class="slider-img" />
                           </div> 
                         
                          </div>
                            
                        </div>
                         </div>
                  
                    </div>
                   </div>
                 <!-- Add Pagination -->
		<div class="swiper-work-slider-pagination"></div>
            </section>
            <!-- ============= END WHY WITH ME BLOCK ============= -->
            
            
            <!--============= START COUNTER=============-->
            <section class=".home-main-contant-style-2">
                <div class="container">
                    <div class="home-counter-block">
                        <div class="row">
                            <div class="col-xl-3 col-lg-3 col-md-3 col-sm-6">
                                <div class="single-count counter-item d-flex justify-content-lg-between align-items-center">
                                    <div class="counter-text"><span class="count">55</span>+</div>
                                    <h4>Years of Experance</h4>
                                </div>
                            </div>
                            <div class="col-xl-3 col-lg-3 col-md-3 col-sm-6">
                                <div class="single-count counter-item counter-item d-flex justify-content-lg-between align-items-center">
                                    <div class="counter-text"><span class="count">15</span>k+</div>
                                    <h4>Project Completed</h4>
                                </div>
                            </div>

                            <div class="col-xl-3 col-lg-3 col-md-3 col-sm-6">
                                <div class="single-count counter-item  counter-item d-flex justify-content-lg-between align-items-center">
                                    <div class="counter-text"><span class="count">99</span>k+</div>
                                    <h4>Satisfied Clients</h4>
                                </div>
                            </div>
                            <div class="col-xl-3 col-lg-3 col-md-3 col-sm-6">
                                <div class="single-count counter-item counter-last-block  counter-item d-flex justify-content-lg-between align-items-center">
                                    <div class="counter-text"><span class="count">70</span>+</div>
                                    <h4>Worldwide languages</h4>
                                </div>
                            </div>
                        </div>       
                    </div>
                </div>
            </section>
            <!--============= END COUNTER =============-->

            
            
            
       <!-- ============= START TESTIMONIAL BLOCK ============= -->
            <section class="home-testimonial-block home-main-contant-style-2">
                <div class="container-fluid">
                   <div class="marquee-slider-section testi-title d-flex justify-content-between align-items-center">
                    <div class="marquee-slider-block section-title">
                        <div class="slide-roll">
                            <div class="roll-box">
                                <div class="roll-item">
                                    <div class="roll-title d-flex align-items-center">
                                        <h1>TESTIMONAILS</h1><span class="dot"></span><h1><span>TESTIMONAILS</span></h1>
                                    </div>
                                </div>
                                <div class="roll-item">
                                    <div class="roll-title d-flex align-items-center">
                                       <h1>TESTIMONAILS</h1><span class="dot"></span><h1><span>TESTIMONAILS</span></h1>
                                    </div>
                                </div>
                            </div>
                            <div class="roll-box">
                                <div class="roll-item">
                                    <div class="roll-title d-flex align-items-center">
                                      <h1>TESTIMONAILS</h1><span class="dot"></span><h1><span>TESTIMONAILS</span></h1>
                                    </div>
                                </div>
                                <div class="roll-item">
                                    <div class="roll-title d-flex align-items-center">
                                      <h1>TESTIMONAILS</h1><span class="dot"></span><h1><span>TESTIMONAILS</span></h1>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                     </div>
 
                    <div class="container">
                    <div class="home-main-contant-style testimonial-slider swiper-container">
                        <div class="swiper-wrapper">
                        <div class="swiper-slide item">
                            <span class="testimonial-icon"><i class="fa-solid fa-quote-left"></i></span>
                            <div class="testimonial-dec">
                                <p>Nam libero tempore, cum soluta nobis est eligendi cumque nihil impedit quo minus id quod maxime placeat est, omnis dolor repellendus temporibus autem</p>
                            </div>
                            <div class="testimonial-content d-flex justify-content-lg-between align-items-center">
                           <div class="testimonial-image">
                           <img src="./assets/img/client/test1.png" alt="brand" class="slider-img" />
                           <h4 class="testimonial-title">Richard Jonas</h4>
                           <h5 class="testimonial-sub-title">CEO of Teamwork</h5>
                           </div>
                                <div class="product-content-block">
                         <ul class="list-inline product-review">
                                        <li><i class="rating-selected fa fa-star"></i></li>
                                        <li><i class="rating-selected fa fa-star"></i></li>
                                        <li><i class="rating-selected fa fa-star"></i></li>
                                        <li><i class="rating-selected fa fa-star"></i></li>
                                        <li><i class="rating-selected fa fa-star"></i></li>
                         </ul>   
                               </div>  
                          </div>
                            
                        </div>
                        <div class="swiper-slide item">
                            <span class="testimonial-icon"><i class="fa-solid fa-quote-left"></i></span>
                            <div class="testimonial-dec">
                                <p>Nam libero tempore, cum soluta nobis est eligendi cumque nihil impedit quo minus id quod maxime placeat est, omnis dolor repellendus temporibus autem</p>
                            </div>
                            <div class="testimonial-content d-flex justify-content-lg-between align-items-center">
                           <div class="testimonial-image">
                           <img src="./assets/img/client/test2.png" alt="brand" class="slider-img" />
                           <h4 class="testimonial-title">Richard Jonas</h4>
                           <h5 class="testimonial-sub-title">CEO of Teamwork</h5>
                           </div>
                                <div class="product-content-block">
                         <ul class="list-inline product-review">
                                        <li><i class="rating-selected fa fa-star"></i></li>
                                        <li><i class="rating-selected fa fa-star"></i></li>
                                        <li><i class="rating-selected fa fa-star"></i></li>
                                        <li><i class="rating-selected fa fa-star"></i></li>
                                        <li><i class="rating-selected fa fa-star"></i></li>
                         </ul>   
                               </div>  
                          </div>
                            
                        </div>
                        <div class="swiper-slide item">
                            <span class="testimonial-icon"><i class="fa-solid fa-quote-left"></i></span>
                            <div class="testimonial-dec">
                                <p>Nam libero tempore, cum soluta nobis est eligendi cumque nihil impedit quo minus id quod maxime placeat est, omnis dolor repellendus temporibus autem</p>
                            </div>
                            <div class="testimonial-content d-flex justify-content-lg-between align-items-center">
                           <div class="testimonial-image">
                           <img src="./assets/img/client/test1.png" alt="brand" class="slider-img" />
                           <h4 class="testimonial-title">Richard Jonas</h4>
                           <h5 class="testimonial-sub-title">CEO of Teamwork</h5>
                           </div>
                                <div class="product-content-block">
                         <ul class="list-inline product-review">
                                        <li><i class="rating-selected fa fa-star"></i></li>
                                        <li><i class="rating-selected fa fa-star"></i></li>
                                        <li><i class="rating-selected fa fa-star"></i></li>
                                        <li><i class="rating-selected fa fa-star"></i></li>
                                        <li><i class="rating-selected fa fa-star"></i></li>
                         </ul>   
                               </div>  
                          </div>
                            
                        </div>
                        <div class="swiper-slide item">
                            <span class="testimonial-icon"><i class="fa-solid fa-quote-left"></i></span>
                            <div class="testimonial-dec">
                                <p>Nam libero tempore, cum soluta nobis est eligendi cumque nihil impedit quo minus id quod maxime placeat est, omnis dolor repellendus temporibus autem</p>
                            </div>
                            <div class="testimonial-content d-flex justify-content-lg-between align-items-center">
                           <div class="testimonial-image">
                           <img src="./assets/img/client/test2.png" alt="brand" class="slider-img" />
                           <h4 class="testimonial-title">Richard Jonas</h4>
                           <h5 class="testimonial-sub-title">CEO of Teamwork</h5>
                           </div>
                                <div class="product-content-block">
                         <ul class="list-inline product-review">
                                        <li><i class="rating-selected fa fa-star"></i></li>
                                        <li><i class="rating-selected fa fa-star"></i></li>
                                        <li><i class="rating-selected fa fa-star"></i></li>
                                        <li><i class="rating-selected fa fa-star"></i></li>
                                        <li><i class="rating-selected fa fa-star"></i></li>
                         </ul>   
                               </div>  
                          </div>
                            
                        </div>
                         </div>
                   <!-- Add Pagination -->
		<div class="swiper-pagination"></div>
                    </div>
                   </div>
              
            </section>
            <!-- ============= END TESTIMONIAL BLOCK ============= -->

            <!-- ============= START BRAND BLOCK ============= -->
            <section class="home-brand-block home-main-contant-style">
                <div class="container">
                    <div class="section-title">
                            <h1>I’ve 1100+ Global Clients & lot’s of Project Complete</h1>
                       
                    </div>
                     </div>
 
                <div class="project-brands">
                    <div class="container">
                    <div class="client-slider owl-carousel">
                        <div class="slider-item">
                            <img src="./assets/img/client/1.png" alt="brand" class="slider-img" />
                        </div>
                        <div class="slider-item">
                            <img src="./assets/img/client/2.png" alt="brand" class="slider-img" />
                        </div>
                        <div class="slider-item">
                            <img src="./assets/img/client/3.png" alt="brand" class="slider-img" />
                        </div>
                        <div class="slider-item">
                            <img src="./assets/img/client/4.png" alt="brand" class="slider-img" />
                        </div>
                        <div class="slider-item">
                            <img src="./assets/img/client/5.png" alt="brand" class="slider-img" />
                        </div>
                    </div>
                   </div>
              </div> 
               
            </section>
            <!-- ============= END BRAND BLOCK ============= -->

           
            <!-- ============= FOOTER ============= -->
            <footer>
                <div class="footer-wrapper footer-bg-block" style="background-image: url('./assets/img/footer-bg.png')" >
                <div class="container">
                    <div class="section-title text-center">
                        <h2 class="section-heading">Get In Touch</h2>
                        <div class="text-center">
                            <h1>Reach out and <br>
                                let's create something great together </h1>
                        </div>
                        <h3 class="mail-address">rizwancontact@gmail.com</h3>
                        <div class="footer-contact-btn"><a href="contact.html">Let's Connect <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="sm_svg"><path d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"/></svg></a></div>
                    </div>

                </div>
            </div>
                
                  <div class="copyright">
                    <div class="container">
                        <div class="copy-content d-flex align-items-center justify-content-between">
                            <div class="copy-text">@2024 - All Rights Reserved Rizwan</div>
                            <div class="copy-social">
                                <ul>
                                    <li><a href="#">Facebook</a></li>
                                    <li><a href="#">Twitter</a></li>
                                    <li><a href="#">Behance</a></li>
                                    <li><a href="#">Dribbble</a></li>
                                </ul>
                            </div>
                            <div class="copy-link">
                                <ul>
                                    <li><a href="#">Terms & Condition</a></li>
                                    <li><a href="#">Privacy Policy</a></li>
                                </ul>
                            </div>
                            <a class="copy-s-top scrollUp" href="#top"><i class="fa-solid fa-arrow-up"></i></a>
                        </div>
                    </div>
                </div>
            </footer>
            <!-- =============END FOOTER ============= -->


        </div>
        <!-- =============END WRAPPER ========== -->
        
   <!-- ============= VENDORS JS ============= -->
        <script src="./assets/js/vendors/jquery.min.js"></script>
        <script src="./assets/js/vendors/bootstrap.min.js"></script>
        <script src="./assets/js/vendors/navigation.js"></script>
        <script src="./assets/js/vendors/jquery.counterup.min.js"></script>
        <script src="./assets/js/vendors/swiper.js"></script>
        <script src="./assets/js/vendors/jquery.waypoints.min.js"></script>
        <script src="./assets/js/vendors/owl.carousel.min.js"></script>
        <script type="text/javascript" src="./assets/js/vendors/gsap.min.js"></script>
        
        <!-- scrollup-->
        <script type="text/javascript" src="./assets/js/vendors/scrollup.js"></script>
        <!-- Wow Animation -->
        <script  type="text/javascript" src="./assets/js/vendors/wow.min.js"></script>
                <!-- magnific -->
        <script type="text/javascript" src="./assets/js/vendors/jquery.magnific-popup.min.js"></script>
        <!-- CUBE PORTFOLIO -->
        <script type="text/javascript" src="./assets/js/vendors/jquery.cubeportfolio.min.js"></script>
        <!-- CUBE PORTFOLIO -->
        <script type="text/javascript" src="./assets/js/vendors/cubeportfolio/portfolio-grid-2col.js"></script>
        <!-- ============= MAIN JS ============= -->
        <script src="./assets/js/active.js"></script>
    </body>
    <!-- =============END BODY ============= -->
</html>
<!-- =============END HTML ============= -->