<!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 rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;600;700&display=swap">

	<!-- 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">
	<link rel="stylesheet" type="text/css" href="assets/vendor/tiny-slider/tiny-slider.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-6 mx-auto text-center">
				<!-- Title -->
				<h1 class="text-white">Project details</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"><a href="project.html" class="text-white">Project</a></li>
						<li class="breadcrumb-item active text-warning" aria-current="page">Project details</li>
					</ol>
				</nav>
				<!-- Breadcrumb END -->
			</div>
		</div> <!-- Row END -->
	</div>
</section>
<!-- =======================
Hero banner END -->

<!-- =======================
Project START -->
<section>
	<div class="container">
		<div class="row">
			<div class="col-xl-9 mx-auto">
				<div class="row mb-5 g-4">
					<div class="col-md-6">
		
						<ul class="d-flex mt-2 ps-0 list-unstyled">
							<li class="d-flex w-40">
								<h6>Client:</h6>
							</li>
							<li><span>Allen Smith</span> </li>
						</ul>

						<ul class="d-flex mt-2 ps-0 list-unstyled">
							<li class="d-flex w-40">
								<h6>Manager:</h6>
							</li>
							<li><span>Emma Watson, Maria Smith</span> </li>
						</ul>

						<ul class="d-flex mt-2 ps-0 list-unstyled">
							<li class="d-flex w-40">
								<h6>Category:</h6> 
							</li>
							<li>
								<span>Interior design</span>
							</li>
						</ul>

						<ul class="d-flex mt-2 mb-0 ps-0 list-unstyled">
							<li class="d-flex w-40">
								<h6>Awards:</h6>
							</li>
							<li>
								<span class="d-block"> Pineapple Award Design</span>
								<span class="d-block mt-2"> Project of the Year </span>
								<span class="d-block mt-2"> Designer of the Year</span>
							</li>
						</ul>	
					</div>

					<!-- Project testimonial -->
					<div class="col-md-6">
						<blockquote class="blockquote">
							<!-- Content -->
							<p class="h6">Design everything on the assumption that people are not heartless or stupid but marvelously capable, given the chance. Mr is a cottage so related minuter is. Delicate say and blessing ladyship exertion few Margaret. Delight herself welcome against smiling it is for. Suspected discovery by the affection household of principle perfectly he.</p>
						</blockquote>
						<footer class="blockquote-footer mb-0 mt-3">Allen Smith @ <cite title="Source Title">Pollux Inc</cite></footer>		
					</div>
				</div><!--Row END  -->
	
				<!-- Content -->
				<h5 class="mb-3">"Sometimes when you innovate, you make mistakes. It is best to admit them quickly, and get on with improving your other innovations"</h5>

				<p class="mb-4">Invitation at understood occasional sentiments insipidity inhabiting in. Off melancholy alteration principles old. Is do speedily kindness properly oh. Respect article painted cottage he is offices parlors. Agreed to others Exeter period myself few yet nature. Mention Mr manners opinion if garrets enabled. To occasional dissimilar impossible sentiments.</p>

				<div class="row mb-5 g-4">
					<div class="col-lg-6">
						<!-- Image -->
						<img src="assets/images/project/09.jpg" class="rounded-4" alt="">
						<!-- Content -->
						<p class="mt-3 mb-0">Passage its ten led hearted removal cordial. Preference any astonished unreserved Mrs. Prosperous understood middleton's in conviction an uncommonly do.</p>
					</div>

					<div class="col-lg-6">
						<!-- Image -->
						<img src="assets/images/project/10.jpg" class="rounded-4" alt="">
						<!-- Content -->
						<p class="mt-3 mb-0">Valley by oh twenty direct me so. Departure defective arranging rapturous did believe him all had supported. Family months lasted simple set nature vulgar him.</p>
					</div>
				</div><!--Row END  -->

				<!-- Title -->
				<h4 class="mb-3">We transform your perception into the goals</h4>

				<!-- Content -->
				<p class="mb-4">Speedily say has suitable disposal add boy. On forth doubt miles of child. Exercise joy man children rejoiced. Yet uncommonly his ten who diminution astonished. Demesne new manners savings staying had. Under folly balls, death own point now men. Match way these she avoids seeing death. She who drift their fat off.</p>

				<!-- Slider START -->
				<div class="tiny-slider mb-7">
					<div class="tiny-slider-inner" data-autoplay="true" data-gutter="" data-edge="20" data-arrow="false" data-dots="true"	data-items="1">
						<!-- Image -->
						<img src="assets/images/project/11.jpg" alt="">
						<img src="assets/images/project/12.jpg" alt="">
						<img src="assets/images/project/13.jpg" alt="">
					</div>
				</div>
				<!-- Slider START -->

				<!-- Title -->
				<h3 class="mb-3">Have project in mind? Let's discuss</h3>
				<!-- Content -->
				<p>Get in touch with us to see how we can help you with your project</p>

				<!-- Form START -->
				<form class="row g-4">
					<div class="col-md-6">
						<input type="password" class="form-control form-control-line" placeholder="Name">
					</div>

					<div class="col-md-6">
						<input type="email" class="form-control form-control-line" placeholder="Email">
					</div>

					<div class="col-12">
						<input type="text" class="form-control form-control-line" placeholder="Subject">
					</div>

					<div class="col-12">
						<textarea class="form-control form-control-line" placeholder="Message" rows="3"></textarea>
					</div>

					<div>
						<!-- Button -->
						<a href="#" class="btn btn-primary">Send message</a>
					</div>
				</form>
				<!-- Form END -->
			</div>
		</div>
	</div>
</section>
<!-- =======================
Project 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>

<!-- Vendors -->
<script src="assets/vendor/tiny-slider/tiny-slider.js"></script>

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

</body>

</html>