<!DOCTYPE html>
<html lang="en">
<head>

    <title>Pollux - Plumber, carpenter and cleaning HTML5 Template</title>

    <!-- Meta Tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="author" content="Webestica.com">
  	<meta name="description" content="Bootstrap based Industry, Environment, Kitchen Plumbing, Repair, Installation, Clog Cleaning, Renovation">

	<!-- Favicon -->
	<link rel="shortcut icon" href="assets/images/favicon.ico">

	<!-- Google Font -->
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@200;400;600;700&display=swap" rel="stylesheet">

	<!-- Plugins CSS -->
	<link rel="stylesheet" type="text/css" href="assets/vendor/font-awesome/css/all.min.css">
	<link rel="stylesheet" type="text/css" href="assets/vendor/bootstrap-icons/bootstrap-icons.css">

	<!-- Template CSS -->
	<link rel="stylesheet" type="text/css" href="assets/css/style.css">

</head>

<body>

<!-- =======================
Header START -->
<header class="navbar-light navbar-sticky">
	<!-- Logo Nav START -->
	<nav class="navbar navbar-expand-lg">
		<div class="container">
			<!-- Logo START -->
			<a class="navbar-brand" href="index.html">
				<img class="navbar-brand-item" src="assets/images/logo.svg" alt="logo">
			</a>
			<!-- Logo END -->

			<!-- Responsive navbar toggler -->
			<button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
				aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>

			<!-- Main navbar START -->
			<div class="collapse navbar-collapse" id="navbarCollapse">
        <ul class="navbar-nav navbar-nav-scroll mx-auto">
          <!-- Nav item pages -->
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="homeMenu" data-bs-toggle="dropdown"
              aria-haspopup="true" aria-expanded="false">Home</a>
            <!-- Dropdown menu -->
            <ul class="dropdown-menu" aria-labelledby="homeMenu">
              <li> <a class="dropdown-item" href="index.html">Home Default</a> </li>
              <li> <a class="dropdown-item" href="index-02.html">Carpenter</a> </li>
              <li> <a class="dropdown-item" href="index-03.html">Cleaning</a> </li>
              <li> <a class="dropdown-item" href="index-04.html">Plumber</a> </li>
            </ul>
          </li>
          
          <!-- Nav item Pages -->
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="pageMenu" data-bs-toggle="dropdown" aria-haspopup="true"
              aria-expanded="false">Pages</a>
            <!-- Dropdown menu -->
            <ul class="dropdown-menu" aria-labelledby="pageMenu">

              <!-- Submenu  -->
              <li class="dropdown-submenu dropend">
                <a class="dropdown-item dropdown-toggle" href="#">Service</a>
                <ul class="dropdown-menu" data-bs-popper="none">
                  <li> <a class="dropdown-item" href="service.html">Services</a> </li>
                  <li> <a class="dropdown-item" href="service-detail.html">Service details 01</a> </li>
                  <li> <a class="dropdown-item" href="service-detail-02.html">Service details 02</a> </li>
                </ul>
              </li>

              <!-- Submenu -->
              <li class="dropdown-submenu dropend">
                <a class="dropdown-item dropdown-toggle" href="#">Projects</a>
                <ul class="dropdown-menu" data-bs-popper="none">
                  <li> <a class="dropdown-item" href="project.html">Project</a> </li>
                  <li> <a class="dropdown-item" href="project-detail.html">Project details</a> </li>
                </ul>
              </li>
              
              <!-- Submenu  -->
              <li class="dropdown-submenu dropend">
                <a class="dropdown-item dropdown-toggle" href="#">Blog</a>
                <ul class="dropdown-menu" data-bs-popper="none">
                  <li> <a class="dropdown-item" href="blog.html">Blog</a> </li>
                  <li> <a class="dropdown-item" href="blog-detail.html">Blog details</a> </li>
                </ul>
              </li>

              <li> <a class="dropdown-item" href="about.html">About</a> </li>
              <li> <a class="dropdown-item" href="testimonial.html">Testimonials</a> </li>
              <li> <a class="dropdown-item" href="team.html">Team</a> </li>
              <li> <a class="dropdown-item" href="faq.html">FAQs</a> </li>
              <li> <a class="dropdown-item" href="pricing.html">Pricing</a> </li>
              <li> <a class="dropdown-item" href="error.html">Error</a> </li>
							<li> <a class="dropdown-item" href="coming-soon.html">Coming soon</a> </li>

              <!-- Submenu -->
              <li class="dropdown-submenu dropend">
                <a class="dropdown-item dropdown-toggle" href="#">Authentication</a>
                <ul class="dropdown-menu" data-bs-popper="none">
                  <li> <a class="dropdown-item" href="signin.html">Sign in</a> </li>
                  <li> <a class="dropdown-item" href="signup.html">Sign up</a> </li>
                  <li> <a class="dropdown-item" href="password-recovery.html">Password Recovery</a> </li>
                </ul>
              </li>
            </ul>
          </li>

          <!-- Nav item link -->
          <li class="nav-item">
            <a class="nav-link" href="blog.html">Blog</a>
          </li>

          <!-- Nav item link -->
          <li class="nav-item">
            <a class="nav-link" href="contact-us.html">Contact</a>
          </li>

					<!-- Nav item pages-->
					<li class="nav-item dropdown">
						<a class="nav-link" href="#" id="advanceMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
							<i class="fas fa-ellipsis-h"></i>
						</a>
						<ul class="dropdown-menu min-w-auto" data-bs-popper="none">
							<li> 
								<a class="dropdown-item" href="https://support.webestica.com/" target="_blank">
									<i class="text-warning fa-fw bi bi-life-preserver me-2"></i>Support
								</a> 
							</li>
							<li> 
								<a class="dropdown-item" href="docs/index.html" target="_blank">
									<i class="text-danger fa-fw bi bi-card-text me-2"></i>Documentation
								</a> 
							</li>
							<li> 
								<a class="dropdown-item" href="https://wrapbootstrap.com/user/Webestica" target="_blank">
									<i class="text-success fa-fw bi bi-cloud-download-fill me-2"></i>Buy pollux!
								</a> 
							</li>
						</ul>
					</li>
          
        </ul>
			</div>
			<!-- Main navbar END -->

			<!-- Right nav START -->
			<div class="nav ms-3 ms-lg-0 d-none d-sm-block">
				<div class="nav-item d-flex">
					<i class="bi bi-telephone-fill fs-4 text-warning"></i>
					<!-- Icon -->
					<div class="ms-2">
						<!-- Contact -->
						<p class="mb-0">Call us now!</p>
						<h6 class="mb-0"><a href="#">469-537-2410</a></h6>
					</div>
				</div>
			</div>
			<!-- Right nav START -->
		</div>
	</nav>
	<!-- Logo Nav END -->
</header>
<!-- =======================
Header END -->

<!-- **************** MAIN CONTENT START **************** -->
<main>

<!-- =======================
Hero banner START -->
<section class="bg-dark-overlay-5" style="background-image:url(assets/images/bg/14.jpg);background-position: center; background-size: cover;"> 
	<div class="container py-5">
		<div class="row">
			<div class="col-lg-4 mx-auto text-center">
				<!-- Title -->
				<h1 class="text-white">Projects</h1> 
				<!-- Breadcrumb START -->
				<nav aria-label="breadcrumb">
					<ol class="breadcrumb justify-content-center mb-0 py-0" >
						<li class="breadcrumb-item"><a href="index.html" class="text-white">Home</a></li>
						<li class="breadcrumb-item active text-warning" aria-current="page">Projects</li>
					</ol>
				</nav>
				<!-- Breadcrumb END -->
			</div>
		</div> <!-- Row END -->    
	</div>
</section>
<!-- =======================
Hero banner END -->

<!-- =======================
Project START -->
<section class="position-relative">

	<!-- Svg START -->
	<figure class="position-absolute top-0 start-0  mb-0 d-none d-lg-block">
		<svg class="fill-primary" width="100" height="100" viewBox="0 0 29 31" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path d="M0 17C0.2 15.8 0.4 14.6 0.7 13.5C1.9 9.80002 3.9 6.50002 6.7 3.80002C11.1 -0.399979 16.3 -0.799979 21.8 1.10002C24 1.80002 25.6 3.40002 26.7 5.40002C32.3 15 26.1 28.2 15.1 29.9C8.1 31 0.4 26.7 0 17ZM24.2 13.6C23.9 9.90002 23 6.50002 18.8 5.20002C18.3 5.00002 17.7 4.70002 17.4 4.30002C16 2.50002 14.4 3.00002 12.7 3.70002C7.9 5.70002 3.6 12.2 3.8 17.5C3.9 21.4 5.7 23.9 9.4 25.3C12.8 26.6 15.9 26.1 18.9 24C22.5 21.4 23.8 17.8 24.2 13.6Z"></path>
		</svg>
	</figure>
	<!-- Svg END -->

	<!-- Svg START -->
	<figure class="position-absolute bottom-0 end-0 mb-0 d-none d-lg-block">   
		<svg class="fill-warning" width="94" height="112" viewBox="0 0 94 112" xmlns="http://www.w3.org/2000/svg">
			<path d="m66.516 36.335c0.1098 0.1106 0.2201 0.2212 0.3299 0.3318 0.8949-0.9126 1.7894-1.8248 2.6835-2.7375-0.0767-0.0775-0.1538-0.155-0.231-0.2325-0.9276 0.8796-1.8553 1.7591-2.7824 2.6382m8.8305-8.61c0.0719 0.1149 0.1438 0.2302 0.2153 0.3446 1.4019-1.1051 2.8032-2.2101 4.2051-3.3156-0.0833-0.1078-0.1661-0.2165-0.2485-0.3242-1.3909 1.0984-2.781 2.1968-4.1719 3.2952m7.9695 16.862c-0.3261 0.5298-1.2546 0.078-1.399 1.0081-0.1263 0.8148-0.5154 1.5895-0.7994 2.4138 1.5174-0.5965 1.6953-2.1094 2.1984-3.4219m-0.4354 7.781c-0.301-0.5813-0.4226-0.8176-0.5031-0.9731-0.9162 0.1332 0.2977 2.0276-1.1349 1.5942-0.5873 0.7094-1.0478 1.4009-1.6394 1.952-1.2931 1.2042-2.6178 2.3816-4.004 3.4762-0.5433 0.4292-1.2902 0.5969-1.9352 0.9037-0.2291 0.1087-0.5349 0.2278-0.6281 0.4254-1.2712 2.7157-3.5983 4.3477-5.9567 6.0001-2.4478 1.7147-4.6703 3.7783-7.2152 5.32-2.1472 1.3007-4.4199 2.7588-7.2634 1.2208-1.4355-0.7761-2.1667-2.8268-1.0744-4.0656 0.3621-0.4103 0.6607-0.9094 0.8685-1.4165 1.9021-4.6404 3.8175-9.2755 5.6496-13.943 1.5911-4.0543 2.9977-8.1827 4.6419-12.214 1.063-2.6052 2.9206-4.7056 5.0097-6.5787 1.2797-1.148 2.5855-2.2668 4.0711-3.1974-0.282 0.4452-0.5646 0.8905-0.8462 1.3362 0.0653 0.0709 0.1316 0.1422 0.1974 0.2136 0.8538-0.794 1.7076-1.5885 2.5618-2.3826-0.0572-0.0973-0.114-0.1942-0.1718-0.2916-0.3795 0.1224-0.7591 0.2448-1.1391 0.3677-0.0654-0.0676-0.1302-0.1347-0.195-0.2023 0.3985-0.4414 0.7392-0.9594 1.2045-1.3134 4.427-3.3671 8.8735-6.7082 13.318-10.052 0.5869-0.4414 1.2343-0.8115 1.7786-1.2978 1.0227-0.9132 3.0668-1.6538 3.7597-1.124 1.1487 0.8787 2.01 2.0182 1.7024 3.5944-0.3488 1.7932-0.5996 3.6398-1.2371 5.3342-0.9717 2.5806-1.2992 5.3319-2.3248 7.8817-0.1647 0.4089-0.5003 0.7492-0.6659 1.158-0.1633 0.4008-0.2376 0.8451-0.3039 1.2775-0.1372 0.9014-0.176 1.8235-0.3791 2.7082-0.2565 1.1164-0.5854 2.2229-0.9744 3.3-0.8122 2.2455-1.6712 4.4745-2.551 6.6944-0.0928 0.2349-0.4615 0.3521-0.6792 0.5492-0.2087 0.1881-0.5906 0.4788-0.548 0.6055 0.5087 1.4945-1.3825 1.6471-1.3934 3.1397" clip-rule="evenodd" fill-rule="evenodd"></path>
			<path d="m49.865 38.058c-0.1711-0.0925-0.3428-0.1856-0.5135-0.2782-0.7969 1.607-1.5938 3.2144-2.3907 4.8223 0.1232 0.064 0.2464 0.1289 0.3697 0.1938 0.8448-1.5793 1.6897-3.1586 2.5345-4.7379m-19.437 24.891c-0.8549-2.3534-0.3725-6.0527 0.949-7.0015-0.3841-0.0201-0.7217-0.0377-1.089-0.0568-0.0398-0.1279-0.1079-0.2415-0.105-0.3527 0.1089-4.0186 0.1803-8.0392 0.352-12.055 0.14-3.2769 0.3946-6.5491 0.608-9.8232 0.3279-5.0275 2.5576-9.2389 5.6392-13.1 4.3672-5.4719 8.7143-10.957 13.842-15.769 1.1378-1.0676 2.1519-2.2651 3.2576-3.3686 0.5884-0.58752 1.0798-0.68106 1.8446 0.02959 1.2582 1.1703 1.3738 2.5515 1.2213 4.0344-0.5864 5.7186-1.2414 11.43-1.8192 17.15-0.3505 3.4702-0.5624 6.9548-0.9312 10.423-0.1016 0.9536-0.5936 1.8604-0.8127 2.8097-0.2278 0.9841-0.2867 2.0059-0.5145 2.9901-1.0587 4.5641-3.7525 8.1799-6.8337 11.568-2.4809 2.7276-4.9037 5.5087-7.4345 8.189-1.3133 1.3913-2.7024 2.7625-4.2636 3.8487-0.7058 0.4911-1.9156 0.263-2.8966 0.3637-0.3055 0.032-0.6094 0.073-1.0137 0.1217" clip-rule="evenodd" fill-rule="evenodd"></path>
			<path d="m91 70.046c-0.324 1.9257-0.7823 4.2999-1.1105 6.6923-0.399 2.907-0.781 5.8227-0.9889 8.7473-0.1189 1.6659-0.7347 3.023-1.7892 4.1879-1.9796 2.1868-4.1691 4.1922-6.0186 6.482-2.0641 2.5564-4.745 4.304-7.2283 6.32-2.7044 2.196-5.3961 4.409-8.1312 6.566-0.9752 0.769-2.0636 1.392-3.0945 2.091-1.8023 1.221-3.7612 0.804-5.6654 0.448-0.3985-0.074-0.9054-0.824-0.9488-1.301-0.0793-0.885 0.0396-1.825 0.2631-2.693 1.5086-5.864 3.1048-11.706 4.5917-17.575 0.762-3.0087 2.0782-5.6767 4.1842-7.9336 3.7886-4.0605 7.5154-8.1835 11.411-12.137 2.5734-2.6108 5.6565-4.6005 8.8297-6.4194 2.4842-1.424 5.1552-0.0859 5.4919 2.7963 0.1254 1.0695 0.1226 2.1543 0.2037 3.7281" clip-rule="evenodd" fill-rule="evenodd"></path>
			<path d="m41.113 83.95c-0.1681-0.0923-0.3372-0.1856-0.5059-0.2779-0.4159 0.7044-0.8318 1.4089-1.2482 2.1129 0.1371 0.0804 0.2737 0.1609 0.4103 0.2413 0.4484-0.6921 0.8959-1.3842 1.3438-2.0763m-3.6802 5.6924c0.0759 0.0562 0.1522 0.1128 0.2285 0.1695 1.0315-1.1029 2.0641-2.2058 3.0956-3.3096-0.072-0.0681-0.1446-0.1366-0.2171-0.2051-1.0358 1.1147-2.0716 2.23-3.107 3.3452m-10.254-10.462c0.1352 0.1347 0.27 0.2689 0.4047 0.4032 0.8747-1.0563 1.7494-2.1115 2.6241-3.1673 0.0528 0.0562 0.1055 0.1119 0.1583 0.168-1.0622 0.8659-2.1244 1.7308-3.1871 2.5961m-3.1361 4.5324c1.0306-1.8164 1.8187-3.8427 3.1404-5.4087 3.097-3.669 6.3919-7.1751 9.7203-10.635 2.1587-2.2434 4.5064-4.3016 6.8027-6.4059 0.2492-0.2295 0.7753-0.3851 1.0739-0.2818 0.9958 0.3436 2.2309 0.6725 2.22 1.9949-0.0193 2.3428-0.2214 4.6852-0.3862 7.0247-0.1602 2.2676-0.3627 4.5324-0.5606 6.7971-0.3207 3.6799-0.877 7.3418-2.7169 10.576-0.8804 1.5479-2.3048 2.7907-3.5323 4.1244-1.2963 1.4095-2.6119 2.8051-3.9934 4.1274-1.0853 1.0386-2.2874 1.9511-3.4292 2.9297-0.9053 0.7759-1.8681 1.5009-2.682 2.3659-2.2158 2.355-4.6454 4.41-7.5135 5.904-0.6091 0.318-3.3477-0.022-3.7433-0.511-0.7193-0.888-0.4099-1.822-0.1286-2.816 0.7626-2.696 1.4117-5.4241 2.1239-8.1349 0.8996-3.42 1.797-6.841 2.7475-10.246 0.1432-0.5131 0.5723-0.9443 0.8752-1.4184 0.1597 0.2104 0.3132 0.4255 0.5205 0.7168 0.8554-1.4536 1.6731-2.8431 2.4908-4.233-0.1201-0.0742-0.2407-0.1485-0.3613-0.2227-0.2953 0.4422-0.5784 0.8924-0.8879 1.3237-0.585 0.8154-1.186 1.6198-1.78 2.4285" clip-rule="evenodd" fill-rule="evenodd"></path>
			<path d="m14.763 61.535c-0.109-0.0436-0.2181-0.0872-0.3271-0.1303-0.541 1.3461-1.0819 2.6927-1.6228 4.0388 0.1033 0.0389 0.2061 0.0773 0.3089 0.1161 0.5472-1.3414 1.0938-2.6827 1.641-4.0246m-4.4739-5.626c-0.1071-0.0815-0.2152-0.1626-0.32235-0.2441-1.1107 1.3215-2.2209 2.6425-3.3315 3.9644l0.28439 0.2246c1.1236-1.3148 2.2468-2.6301 3.3695-3.9449m-10.289 27.025c0.56398-4.1227 1.065-7.7421 1.5526-11.363 0.19456-1.447 0.41602-2.8941 0.52555-4.3482 0.28727-3.8284 2.6057-6.5405 5.0235-9.246 1.7467-1.9545 3.3032-4.0739 5.0288-6.0483 2.0863-2.3875 4.2111-4.7476 6.4286-7.0157 0.6846-0.7003 1.606-1.2793 2.83-0.7704 1.4321 0.596 2.5346 1.3982 2.5581 3.04 0.0423 2.9911 0.1124 5.989-0.0442 8.9726-0.0788 1.4986-0.7273 2.9594-0.9411 4.4619-0.2118 1.492-0.1436 3.0215-0.3084 4.523-0.1182 1.0789-0.2402 2.216-0.6788 3.1874-0.538 1.1906-1.2884 2.3377-2.1608 3.319-1.4354 1.6148-3.0395 3.085-4.5782 4.6093-2.1637 2.1445-4.2371 4.3775-6.9205 5.9506-0.87624 0.5136-1.5459 1.358-2.3664 1.9787-1.4883 1.1253-3.1994 0.8007-4.7574 0.3349-0.60098-0.18-0.93677-1.2229-1.1914-1.5858" clip-rule="evenodd" fill-rule="evenodd"></path>
		</svg>
	</figure>
	<!-- Svg END -->

	<div class="container">
		<div class="row">

			<div class="col-lg-12">
				<div class="grid-menu" data-target=".grid-container2">
					<ul class="nav nav-pills nav-tabs-light border-0 justify-content-lg-center mb-3">
						<li class="nav-item"> <a data-filter="*" class="nav-link active">All</a> </li>
						<li class="nav-item"> <a data-filter=".commercial" class="nav-link">Commercial</a> </li>
						<li class="nav-item"> <a data-filter=".residential" class="nav-link">Residential</a> </li>
						<li class="nav-item"> <a data-filter=".office" class="nav-link">Office</a> </li>
						<li class="nav-item"> <a data-filter=".hospital" class="nav-link">Hospital</a> </li>
					</ul>
				</div>				
			</div>
		</div><!-- Row END -->

		<!-- Item -->
		<div class="row g-4 grid-container2 overflow-hidden" data-isotope='{"layoutMode": "masonry"}'>
			<div class="col-sm-6 col-md-4 col-lg-3 grid-item commercial">
				<!-- Card START -->
				<div class="card rounded-4 card-hover-overlay">          
					<!-- Image -->
					<img src="assets/images/project/01.jpg" class="card-image" alt="">
					<!-- Card hover content -->
					<div class="card-element-hover">
						<div class="mt-auto text-white">
							<!-- Title -->
							<h6 class="text-white mb-0">
								<a href="project-detail.html" class="text-white stretched-link">Kitchen plumbing</a>
							</h6>
						</div>
					</div>
				</div>
				<!-- Card END -->
			</div>

			<div class="col-sm-6 col-md-4 col-lg-3 grid-item residential">
				<!-- Card START -->
				<div class="card rounded-4 card-hover-overlay">
					<!-- Image -->
					<img src="assets/images/project/02.jpg" class="card-image" alt="">
					<!-- Card hover content -->
					<div class="card-element-hover">
						<div class="mt-auto text-white">
							<!-- Title -->
							<h6 class="text-white mb-0">
								<a href="project-detail.html" class="text-white stretched-link">Kitchen plumbing</a>
							</h6>
						</div>
					</div>
				</div>
				<!-- Card END -->
			</div>

			<div class="col-sm-6 col-md-4 col-lg-3 grid-item commercial office">
				<!-- Card START -->
				<div class="card rounded-4 card-hover-overlay">
					<!-- Image -->
					<img src="assets/images/project/03.jpg" class="card-image" alt="">
					<!-- Card hover content -->
					<div class="card-element-hover">
						<div class="mt-auto text-white">
							<!-- Title -->
							<h6 class="text-white mb-0">
								<a href="project-detail.html" class="text-white stretched-link">Kitchen plumbing</a>
							</h6>
						</div>
					</div>
				</div>
				<!-- Card END -->
			</div>

			<div class="col-sm-6 col-md-4 col-lg-3 grid-item office">
				<!-- Card START -->
				<div class="card rounded-4 card-hover-overlay">
					<!-- Image -->
					<img src="assets/images/project/04.jpg" class="card-image" alt="">
					<!-- Card hover content -->
					<div class="card-element-hover">
						<div class="mt-auto text-white">
							<!-- Title -->
							<h6 class="text-white mb-0">
								<a href="project-detail.html" class="text-white stretched-link">Kitchen plumbing</a>
							</h6>
						</div>
					</div>
				</div>
				<!-- Card END -->
			</div>

			<div class="col-sm-6 col-md-4 col-lg-3 grid-item hospital hospital">
				<!-- Card START -->
				<div class="card rounded-4 card-hover-overlay">
					<!-- Image -->
					<img src="assets/images/project/05.jpg" class="card-image" alt="">
					<!-- Card hover content -->
					<div class="card-element-hover">
						<div class="mt-auto text-white">
							<!-- Title -->
							<h6 class="text-white mb-0">
								<a href="project-detail.html" class="text-white stretched-link">Kitchen plumbing</a>
							</h6>
						</div>
					</div>
				</div>
				<!-- Card END -->
			</div>

			<div class="col-sm-6 col-md-4 col-lg-3 grid-item office">
				<!-- Card START -->
				<div class="card rounded-4 card-hover-overlay">
					<!-- Image -->
					<img src="assets/images/project/06.jpg" class="card-image" alt="">
					<!-- Card hover content -->
					<div class="card-element-hover">
						<div class="mt-auto text-white">
							<!-- Title -->
							<h6 class="text-white mb-0">
								<a href="project-detail.html" class="text-white stretched-link">Kitchen plumbing</a>
							</h6>
						</div>
					</div>
				</div>
				<!-- Card END -->
			</div>

			<div class="col-sm-6 col-md-4 col-lg-3 grid-item residential commercial">
				<!-- Card START -->
				<div class="card rounded-4 card-hover-overlay">
					<!-- Image -->
					<img src="assets/images/project/07.jpg" class="card-image" alt="">
					<!-- Card hover content -->
					<div class="card-element-hover">
						<div class="mt-auto text-white">
							<!-- Title -->
							<h6 class="text-white mb-0">
								<a href="project-detail.html" class="text-white stretched-link">Kitchen plumbing</a>
							</h6>
						</div>
					</div>
				</div>
				<!-- Card END -->
			</div>

			<div class="col-sm-6 col-md-4 col-lg-3 grid-item commercial hospital">
				<!-- Card START -->
				<div class="card rounded-4 card-hover-overlay">
					<!-- Image -->
					<img src="assets/images/project/08.jpg" class="card-image" alt="">
					<!-- Card hover content -->
					<div class="card-element-hover">
						<div class="mt-auto text-white">
							<!-- Title -->
							<h6 class="text-white mb-0">
								<a href="project-detail.html" class="text-white stretched-link">Kitchen plumbing</a>
							</h6>
						</div>
					</div>
				</div>
				<!-- Card END -->
			</div>
			
		</div>

		<!-- Pagination -->
		<nav>
			<ul class="pagination justify-content-center mt-5">
				<li class="page-item disabled">
					<a class="page-link">Prev</a>
				</li>
				<li class="page-item"><a class="page-link" href="#">1</a></li>
				<li class="page-item active" aria-current="page">
					<a class="page-link" href="#">2</a>
				</li>
				<li class="page-item"><a class="page-link" href="#">3</a></li>
				<li class="page-item">
					<a class="page-link" href="#">Next</a>
				</li>
			</ul>
		</nav>
	</div>
</section>
<!-- =======================
Project END -->

<!-- =======================
News latter END -->
<section class="bg-dark py-5">
	<div class="container">   
		<div class="row justify-content-between align-items-center g-4">
			<div class="col-sm-6">
				<!-- Title -->
				<h2 class="text-white mb-0">Have project in mind? Let's discuss</h2>
			</div>
			<div class="col-sm-6 text-sm-end">
				<!-- Button -->
				<a href="contact-us.html" class="btn btn-outline-white mb-0">Contact us</a>
			</div>
		</div><!-- Row END -->
	</div>
</section>
<!-- =======================
News latter END -->

</main>
<!-- **************** MAIN CONTENT END **************** -->

<!-- =======================
Footer START -->
<footer class="bg-light pt-5">
	<div class="container">

		<div class="row g-4">

			<!-- Widget 1 START -->
			<div class="col-sm-6 col-lg-4">
				<!-- Logo -->
				<img src="assets/images/logo.svg" class="footer-brand-item mb-3" alt="logo">
				<!-- Content -->
				<p class="text-dark">Perceived end knowledge certainly day sweetness why cordially. Ask a quick six seven offer see among. Handsome met debating sir dwelling age</p>
				<!-- Social Button -->
				<ul class="list-inline mb-0">
					<li class="list-inline-item">
						<a href="#" class="btn btn-dark-social btn-round mb-0"><i class="fab fa-fw fa-facebook-f"></i></a>
					</li>
					<li class="list-inline-item">
						<a href="#" class="btn btn-dark-social btn-round mb-0"><i class="fab fa-fw fa-twitter"></i></a>
					</li>
					<li class="list-inline-item">
						<a href="#" class="btn btn-dark-social btn-round mb-0"><i class="fab fa-fw fa-instagram"></i></a>
					</li>
					<li class="list-inline-item">
						<a href="#" class="btn btn-dark-social btn-round mb-0"><i class="fab fa-fw fa-linkedin-in"></i></a>
					</li>
				</ul>
			</div>
			<!-- Widget 1 END -->

			<!-- Widget 2 START -->
			<div class="col-sm-6 col-lg-2">
				<h6 class="mb-4">Useful link</h6>
				<ul class="nav flex-column text-primary-hover">
					<li class="nav-item"><a class="nav-link pt-0" href="#">Home</a></li>
					<li class="nav-item"><a class="nav-link" href="#">About</a></li>
					<li class="nav-item"><a class="nav-link" href="#">Service</a></li>
					<li class="nav-item"><a class="nav-link" href="#">Pricing</a></li>
				</ul>
			</div>
			<!-- Widget 2 END -->

			<!-- Widget 3 START -->
			<div class="col-sm-6 col-lg-2">
				<h6 class="mb-4">Service</h6>
				<ul class="nav flex-column text-primary-hover">
					<li class="nav-item"><a class="nav-link pt-0" href="#">House plumbing</a></li>
					<li class="nav-item"><a class="nav-link" href="#">Pipe clogs</a></li>
					<li class="nav-item"><a class="nav-link" href="#">Toilet clog repair</a></li>
					<li class="nav-item"><a class="nav-link" href="#">Kitchen installation</a></li>
					<li class="nav-item"><a class="nav-link" href="#">Bathroom cleaning</a></li>
				</ul>
			</div>
			<!-- Widget 3 END -->

			<!-- Widget 4 START -->
			<div class="col-sm-6 col-lg-4">
				<h6 class="mb-4">Contact</h6>
				<p class="text-dark"><i class="fas fa-fw fa-map-marker-alt me-2"></i>750 Sing Sing Rd, Horseheads, NY, 14845</p>
				<ul class="nav flex-column text-primary-hover">
					<li class="nav-item">
						<a class="nav-link" href="#"><i class="fas fa-fw fa-phone-alt me-2"></i>469-537-2410</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="#"><i class="fas fa-fw fa-envelope me-2"></i>example@email.com</a>
					</li>
				</ul>
			</div>
			<!-- Widget 4 END -->	

		</div><!-- Row END -->

		<!-- Divider -->
		<hr class="mt-4 mb-0">

		<!-- Bottom footer -->
		<div class="row justify-content-md-between align-items-center py-4">

			<!-- Copy rights -->
			<div class="col-md-6">
				<div class="text-center text-md-start text-primary-hover text-dark">©2023 <a href="https://www.webestica.com/" class="text-reset btn-link" target="_blank">Webestica</a>. All rights reserved</div>
			</div>

			<!-- Copy links -->
			<div class="col-md-6 ">
				<ul class="nav justify-content-center justify-content-md-end mt-3 mt-md-0">
					<li class="nav-item"><a class="nav-link text-dark text-primary-hover p-0" href="#">Terms</a></li>
					<li class="nav-item"><a class="nav-link text-dark text-primary-hover p-0 ms-3" href="#">Privacy</a></li>
					<li class="nav-item"><a class="nav-link text-dark text-primary-hover p-0 ms-3" href="#">Cookies</a></li>
				</ul>
			</div>
		</div>

	</div>
</footer>
<!-- =======================
Footer END -->

<!-- Back to top -->
<div class="back-top"><i class="bi bi-arrow-up-short"></i></div>

<!-- =======================
JS libraries, plugins and custom scripts -->

<!-- Bootstrap JS -->
<script src="assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/isotope/isotope.pkgd.min.js"></script>
<script src="assets/vendor/imagesLoaded/imagesloaded.pkgd.min.js"></script>

<!-- Template Functions -->
<script src="assets/js/functions.js"></script>

</body>

</html>