<!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-light py-5 d-none">
	<div class="container">
		<div class="row">
			<div class="col-lg-4 mx-auto text-center">
				<!-- Title -->
				<h1>Blog details</h1>
			</div>
		</div> <!-- Row END -->
	</div>
</section>
<!-- =======================
Hero banner END -->

<!-- =======================
Blog START -->
<section class="position-relative pt-4">
	<div class="container">
		<div class="row">

			<div class="col-lg-10 mx-auto">
				<!-- Card START -->
				<div class="card">
					<div class="position-relative overflow-hidden rounded-4">
						<!-- Image -->
						<img src="assets/images/blog/10.jpg" class="card-image" alt="...">
					</div>
					<!-- Card body START -->
					<div class="card-body px-0">
						<!-- Title -->
						<h3 class="mt-3 mb-0">Preparing your plumbing for winter weather</h3>
						
						<!-- Divider -->
						<hr>
						<div class="hstack flex-wrap gap-3">
							<!-- Avatar -->
							<div class="d-flex align-items-center">
								<div class="avatar flex-shrink-0">
									<!-- Image -->
									<img src="assets/images/avatar/01.jpg" class="rounded-circle avatar-img" alt="">
								</div>
								<!-- Avatar name -->
								<p class="mb-0 ms-2">Frances Guerrero</p>
							</div>
							<!-- Comments  -->
							<div><a href="#" class="text-body"><i class="bi bi-chat text-primary me-2"></i>Comments 05</a></div>
							<!-- Date -->
							<div><i class="bi bi-calendar3 text-primary me-2"></i>04 March 2022</div>
						</div>
					</div>
					<!-- Card body START -->
				
				</div>
				<!-- Card END -->

				<!-- Content -->
				<p class="my-3">Comfort reached gay perhaps chamber his six detract besides add. Moonlight newspaper up its enjoyment agreeable depending. Timed voice share led him to widen noisy young. At weddings believed laughing although the material does the exercise of. Up attempt offered ye civilly so sitting to. Her new course gets living within Elinor joy. She rapturous suffering concealed.</p>

				<div class="bg-light mt-4 rounded-4 p-4">
					<!-- Icon Bg -->
					<div class="icon-lg shadow rounded-circle bg-white text-primary fs-5 mt-n5">
						<i class="fas fa-quote-left"></i>
					</div>

					<!-- Content -->
					<p class="mb-0 mt-3">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's for.</p>
				</div>
				
				<!-- Content -->
				<p class="my-4">Demesne far-hearted suppose venture excited see had has. Dependent on so extremely delivered by. Yet no jokes worse her why. Bed one supposing breakfast day fulfilled off depending questions. Whatever boy her exertion his extended. Ecstatic followed handsome drawings entirely Mrs one yet outweigh. Of acceptance insipidity remarkably is an invitation.</p>
				 
				<div class="d-md-flex justify-content-sm-between">
					<!-- Buttons -->
					<div class="hstack flex-wrap gap-3 mb-3 mb-md-0">
						<a href="#" class="btn btn-sm btn-outline-light mb-0">Sink</a>
						<a href="#" class="btn btn-sm btn-outline-light mb-0">Basin</a>
						<a href="#" class="btn btn-sm btn-outline-light mb-0">leaks</a>
					</div>
	
					<!-- Social link -->
					<div class="hstack gap-3 fw-bold justify-content-md-end">
						<h6 class="mb-0">Share:</h6>
						<a href="#" class="text-dark fw-normal text-primary-hover">FB</a>
						<a href="#" class="text-dark fw-normal text-primary-hover">Tw</a>
						<a href="#" class="text-dark fw-normal text-primary-hover">In</a>
					</div>
				</div>

				<!-- Card START -->
				<div class="card card-body border my-4 rounded-4 p-3 p-sm-4">
					<div class="d-flex align-items-lg-center">

						<div class="avatar avatar-xxl flex-shrink-0">
							<!-- Avatar image -->
							<img src="assets/images/avatar/01.jpg" class="rounded-circle avatar-img" alt="">
						</div>

						<div class="ms-2">
							<!-- Author -->
							<h6 class="mb-1">Author: Frances Guerrero</h6>
							<!-- Content -->
							<p class="mb-1">For who thoroughly her boy estimating conviction. Removed demands expense account. Particular way thoroughly unaffected projection.</p>

							<div class="hstack gap-3 fw-bold">
								<a href="#" class="text-dark fw-normal text-primary-hover"><i class="fab fa-facebook-f fa-fw"></i></a>
								<a href="#" class="text-dark fw-normal text-primary-hover"><i class="fab fa-twitter fa-fw"></i></a>
								<a href="#" class="text-dark fw-normal text-primary-hover"><i class="fab fa-linkedin-in fa-fw"></i></a>
							</div>
						</div>

					</div>
				</div>
				<!-- Card END -->

				<!-- Comments  -->
				<h5>3 Comments</h5>

				<!-- Comment level 1 -->
				<div class="my-4 d-flex">
					<div class="avatar avatar-lg flex-shrink-0">
						<!-- Avatar image -->
						<img class="rounded-circle avatar-img" src="assets/images/avatar/01.jpg" alt="avatar">
					</div>
					<div class="ms-3">
						<div class="mb-2">
							<!-- Avatar name -->
							<h6 class="m-0">Frances Guerrero</h6>
							<!-- Date -->
							<span class="me-3 small">June 11, 2021, at 6:01 am</span>
						</div>
						<!-- Content -->
						<p class="">Satisfied conveying a dependent contented he gentleman agreeable do be. Warrant private blushes removed an in equally totally if. Delivered dejection necessary objection do Mr prevailed. Mr feeling does chiefly cordial in do.</p>
						<!-- Button -->
						<a href="#" class="btn btn-link mb-0 p-0">Reply</a>
					</div>
				</div>

				<!-- Divider  -->
				<hr>

				<!-- Comment Child level 2 -->
				<div class="my-4 d-flex ps-md-4">
					<div class="avatar avatar-lg flex-shrink-0">
						<!-- Avatar image -->
						<img class="rounded-circle avatar-img" src="assets/images/avatar/04.jpg" alt="avatar">
					</div>
					<div class="ms-3">
						<div class="mb-2">
							<!-- Avatar name -->
							<h6 class="m-0">Samuel Bishop</h6>
							<!-- Date -->
							<span class="me-3 small">June 11, 2021, at 6:01 am</span>
						</div>
						<!-- Content -->
						<p>Satisfied conveying a dependent contented he gentleman agreeable. do be. Warrant private blushes removed an in equally totally if. Delivered dejection necessary objection do Mr prevailed.</p>
						<!-- Button -->
						<a href="#" class="btn btn-link mb-0 p-0">Reply</a>
					</div>
				</div>

				<!-- Divider  -->
				<hr>

				<!-- Comment Child level 3 -->
				<div class="my-4 d-flex ps-md-5">
					<div class="avatar avatar-lg flex-shrink-0">
						<!-- Avatar image -->
						<img class="rounded-circle avatar-img" src="assets/images/avatar/03.jpg" alt="avatar">
					</div>
					<div class="ms-3">
						<div class="mb-2">
							<!-- Avatar name -->
							<h6 class="m-0">Louis Ferguson</h6>
							<!-- Date -->
							<span class="me-3 small">June 11, 2021, at 6:01 am</span>
						</div>
						<!-- Content -->
						<p>Satisfied conveying a dependent contented he gentleman agreeable .</p>
						<!-- Button -->
						<a href="#" class="btn btn-link mb-0 p-0">Reply</a>
					</div>
				</div>

				<!-- Divider  -->
				<hr>

				<!-- Comment level 1 -->
				<div class="my-4 d-flex">
					<div class="avatar avatar-lg flex-shrink-0">
						<!-- Avatar image -->
						<img class="rounded-circle avatar-img" src="assets/images/avatar/01.jpg" alt="avatar">
					</div>
					<div class="ms-3">
						<div class="mb-2">
							<!-- Avatar name -->
							<h6 class="m-0">Frances Guerrero</h6>
							<!-- Date -->
							<span class="me-3 small">June 11, 2021, at 6:01 am</span>
						</div>
						<!-- Content -->
						<p>Satisfied conveying a dependent contented he gentleman agreeable do be. Warrant private blushes removed an in equally totally if. Delivered dejection necessary objection do Mr prevailed. Mr feeling does chiefly cordial in do.</p>
						<!-- Button -->
						<a href="#" class="btn btn-link mb-0 p-0">Reply</a>
					</div>
				</div>

			 <!-- Form START -->
			 <h4>Leave replay</h4>
			 <small>Your email address will not be published. Required fields are marked *</small>
			 <form class="row g-4 mt-2">
	
				<div class="col-md-6">
					<label>First name*</label>
					<input type="text" class="form-control">
				</div>
				
				<div class="col-md-6">
					<label>Email*</label>
					<input type="email" class="form-control">
				</div>

				<div class="col-md-12">
					<label>Message*</label>
					<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
				</div>

				<div class="col-md-12 mt-4">
					<button type="submit" class="btn btn-primary">Post Comment</button>
				</div>
			</form>
			<!-- Form END -->
			</div>

		</div><!-- Row END -->
	</div>
</section>
<!-- =======================
Blog END -->

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

<!-- =======================
Footer START -->
<footer class="bg-dark py-5">
	<div class="container">
		<div class="row g-4">
			<!-- Widget 1 START -->
			<div class="col-lg-3">
				<!-- Logo -->
				<img src="assets/images/logo-01.svg" class="footer-brand-item mb-3" alt="">

				<!-- Copy right text -->
				<div class="text-primary-hover text-white mb-3">©2023 <a href="https://www.webestica.com"
					class="text-reset btn-link" target="_blank">Webestica</a>. All rights reserved
				</div>

				<ul class="nav">
					<li class="nav-item"><a class="nav-link text-primary-hover p-0" href="#">Terms of service</a></li>
					<li class="ms-2 text-white">&vert;</li>
					<li class="nav-item"><a class="nav-link text-primary-hover p-0 ms-3" href="#">Privacy policy</a></li>
				</ul>
			</div>

			<!-- Widget 2 START -->
			<div class="col-sm-6 col-lg-2">
				<h6 class="text-white">Product</h6>
				<ul class="nav flex-column ">
					<li class="nav-item"><a class="nav-link text-primary-hover pt-0" href="#">Product</a></li>
					<li class="nav-item"><a class="nav-link text-primary-hover" href="#">Pricing</a></li>
					<li class="nav-item"><a class="nav-link text-primary-hover" href="#">Log In</a></li>
					<li class="nav-item"><a class="nav-link text-primary-hover" href="#">Request access</a></li>
					<li class="nav-item"><a class="nav-link text-primary-hover" href="#">Partnership</a></li>
				</ul>
			</div>
			<!-- Widget 2 END -->

			<!-- Widget 3 START -->
			<div class="col-sm-6 col-lg-2">
				<h6 class="mb-4 text-white">Company</h6>
				<ul class="nav flex-column ">
					<li class="nav-item"><a class="nav-link text-primary-hover pt-0" href="#">About estate</a></li>
					<li class="nav-item"><a class="nav-link text-primary-hover" href="#">Contact us</a></li>
					<li class="nav-item"><a class="nav-link text-primary-hover" href="#">Features</a></li>
					<li class="nav-item"><a class="nav-link text-primary-hover" href="#">Careers</a></li>
				</ul>
			</div>
			<!-- Widget 3 END -->

			<!-- Widget 4 START -->
			<div class="col-sm-6 col-lg-2">
				<h6 class="mb-4 text-white">Resources</h6>
				<ul class="nav flex-column ">
					<li class="nav-item"><a class="nav-link text-primary-hover pt-0" href="#">Help center</a></li>
					<li class="nav-item"><a class="nav-link text-primary-hover" href="#">Book demo</a></li>
					<li class="nav-item"><a class="nav-link text-primary-hover" href="#">Server status</a></li>
					<li class="nav-item"><a class="nav-link text-primary-hover" href="#">Blog</a></li>
				</ul>
			</div>
			<!-- Widget 4 END -->

			<!-- Widget 5 START -->
			<div class="col-sm-6 col-lg-3">
				<h6 class="mb-4 text-white">Get in touch</h6>
				<p class="mb-0 text-white">Question or feedback?</p>
				<p class="text-white">We’d love to hear from you</p>
				<ul class="list-inline mb-0">
					<li class="list-inline-item">
						<a href="#" class="btn btn-outline-white 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-outline-white btn-round mb-0"><i class="fab fa-fw fa-twitter"></i></a>
					</li>
					<li class="list-inline-item">
						<a href="#" class="btn btn-outline-white btn-round mb-0"><i class="fab fa-fw fa-instagram"></i></a>
					</li>
					<li class="list-inline-item">
						<a href="#" class="btn btn-outline-white btn-round mb-0"><i class="fab fa-fw fa-linkedin-in"></i></a>
					</li>
				</ul>
			</div>
			<!-- Widget 5 END -->	

		</div><!-- Row END -->
	</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/tiny-slider/tiny-slider.js"></script>

<!-- Vendors -->
<script src="assets/vendor/choices/js/choices.min.js"></script>

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

</body>

</html>