<!doctype html>
<html lang="zxx">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap Min CSS -->
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<!-- Owl Theme Default Min CSS -->
<link rel="stylesheet" href="static/css/owl.theme.default.min.css">
<!-- Owl Carousel Min CSS -->
<link rel="stylesheet" href="static/css/owl.carousel.min.css">
<!-- Remixicon CSS -->
<link rel="stylesheet" href="static/css/remixicon.css">
<!-- Flaticon CSS -->
<link rel="stylesheet" href="static/css/flaticon.css">
<!-- Meanmenu Min CSS -->
<link rel="stylesheet" href="static/css/meanmenu.min.css">
<!-- Animate Min CSS -->
<link rel="stylesheet" href="static/css/animate.min.css">
<!-- Magnific Popup Min CSS -->
<link rel="stylesheet" href="static/css/magnific-popup.min.css">
<!-- Odometer Min CSS-->
<link rel="stylesheet" href="static/css/odometer.min.css">
<!-- Slick Min CSS-->
<link rel="stylesheet" href="static/css/slick.css">
<!-- Style CSS -->
<link rel="stylesheet" href="static/css/style.css">
<!-- Responsive CSS -->
<link rel="stylesheet" href="static/css/responsive.css">
<!-- Favicon -->
<!-- Title -->
<title>Hacbu - Handyman Services HTML Template</title>
</head>
<body>
<!-- Start Preloader Area -->
<div class="preloader">
<div class="lds-ripple">
<div class="pl-flip-1 pl-flip-2"></div>
</div>
</div>
<!-- End Preloader Area -->
<!-- Start Navbar Area -->
<div class="navbar-area">
<div class="mobile-responsive-nav">
<div class="container">
<div class="mobile-responsive-menu">
<div class="logo">
<a href="">
<img src="static/picture/logo.png" alt="logo">
</a>
</div>
</div>
</div>
</div>
<div class="desktop-nav">
<div class="container">
<nav class="navbar navbar-expand-md navbar-light">
<a class="navbar-brand" href="">
<img src="static/picture/logo.png" alt="logo">
</a>
<div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent">
<ul class="navbar-nav m-auto">
<li class="nav-item">
<a href="#" class="nav-link active">
Home
<i class="ri-arrow-down-s-line"></i>
</a>
<ul class="dropdown-menu">
<li class="nav-item">
<a href="" class="nav-link active">Home One</a>
</li>
<li class="nav-item">
<a href="index-2.html" class="nav-link">Home Two</a>
</li>
<li class="nav-item">
<a href="index-3.html" class="nav-link">Home Three</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
Pages
<i class="ri-arrow-down-s-line"></i>
</a>
<ul class="dropdown-menu">
<li class="nav-item">
<a href="about-us.html" class="nav-link">About Us</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
Projects
<i class="ri-arrow-down-s-line"></i>
</a>
<ul class="dropdown-menu">
<li class="nav-item">
<a href="our-projects.html" class="nav-link">Our Projects</a>
</li>
<li class="nav-item">
<a href="project-details.html" class="nav-link">Projects Details</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="faq.html" class="nav-link">FAQ</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
Shop
<i class="ri-arrow-down-s-line"></i>
</a>
<ul class="dropdown-menu">
<li class="nav-item">
<a href="products.html" class="nav-link">Products</a>
</li>
<li class="nav-item">
<a href="cart.html" class="nav-link">Cart</a>
</li>
<li class="nav-item">
<a href="checkout.html" class="nav-link">Checkout</a>
</li>
<li class="nav-item">
<a href="product-details.html" class="nav-link">Product Details</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="our-staff.html" class="nav-link">Our Staff</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
User
<i class="ri-arrow-down-s-line"></i>
</a>
<ul class="dropdown-menu">
<li class="nav-item">
<a href="my-account.html" class="nav-link">My Account</a>
</li>
<li class="nav-item">
<a href="log-in.html" class="nav-link">Log In</a>
</li>
<li class="nav-item">
<a href="register.html" class="nav-link">Register</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="book-online.html" class="nav-link">Book Online</a>
</li>
<li class="nav-item">
<a href="search-page.html" class="nav-link">Search Page</a>
</li>
<li class="nav-item">
<a href="privacy-policy.html" class="nav-link">Privacy Policy</a>
</li>
<li class="nav-item">
<a href="terms-of-service.html" class="nav-link">Terms Of Service</a>
</li>
<li class="nav-item">
<a href="coming-soon.html" class="nav-link">Coming Soon</a>
</li>
<li class="nav-item">
<a href="404.html" class="nav-link">404 Page</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
Services
<i class="ri-arrow-down-s-line"></i>
</a>
<ul class="dropdown-menu">
<li class="nav-item">
<a href="pricing-plan.html" class="nav-link">Pricing Plan</a>
</li>
<li class="nav-item">
<a href="services.html" class="nav-link">Services</a>
</li>
<li class="nav-item">
<a href="services-details.html" class="nav-link">Services Details</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
Blog
<i class="ri-arrow-down-s-line"></i>
</a>
<ul class="dropdown-menu">
<li class="nav-item">
<a href="blog.html" class="nav-link">Blog</a>
</li>
<li class="nav-item">
<a href="blog-details.html" class="nav-link">Blog Details</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="contact.html" class="nav-link">Contact</a>
</li>
</ul>
<div class="others-options">
<ul>
<li>
<a href="search-page.html">
<i class="ri-search-line"></i>
</a>
</li>
<li>
<a href="my-account.html">
<i class="ri-account-circle-line"></i>
</a>
</li>
<li>
<a href="cart.html">
<i class="ri-shopping-cart-fill"></i>
<span class="count">0</span>
</a>
</li>
<li>
<div class="navbar-option-item navbar-option-language dropdown language-option">
<button class="dropdown-toggle" type="button" id="language1" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="ri-global-line"></i>
<span class="l