<!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/aos/aos.css">
	
	<!-- Template CSS -->
	<link rel="stylesheet" type="text/css" href="assets/css/style.css">
	
</head>

<body>

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

<!-- =======================
Inner intro START -->
<section>
  <div class="container">
    <div class="row align-items-center">
      <div class="col-lg-6 order-1">
        <!-- Title -->
        <h1 class="">Get notified when we launch</h1>
        <p class="fs-6 mb-4">From automation of people processes to creating an engaged and driven culture.</p>

         <!-- Progress START -->        
         <div class="overflow-hidden mb-4">
          <div class="d-flex justify-content-between mb-1">
            <!-- Title -->
            <h6 class="mb-0">Launch progress</h6>
            <!-- Percent -->
            <span class="progress-percent h6 mb-0">85%</span>
          </div>
          <div class="progress ">
            <div class="progress-bar progress-bar-striped progress-bar-animated bg-primary bg-opacity-50 aos" data-aos="slide-right" data-aos-delay="200" data-aos-duration="1000" data-aos-easing="ease-in-out" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100" style="width:85%">
            </div>
          </div>
         </div>
         <!-- Progress END -->
        
        <!-- Form -->
        <form>
          <div class="shadow p-3 rounded-3 mb-2">
            <div class="input-group">
              <input class="form-control form-control-lg border-0" type="email" placeholder="Enter email...">
              <button type="submit" value="Subscribe" class="btn btn-lg btn-warning mb-0 align-self-center rounded-3">Notify me!</button>
            </div>
            
          </div>
          <p>Don't worry we will not spam you</p>
        </form>

        <!-- Social button -->
        <ul class="nav">
          <li class="nav-item">
            <a class="nav-link icon-md rounded-circle p-0 fs-6 me-2 bg-facebook" href="#">
              <i class="fab fa-facebook-f fa-fw"></i>
            </a>
          </li>

          <li class="nav-item"> 
            <a class="nav-link icon-md rounded-circle p-0 fs-6 me-2 bg-twitter" href="#">
              <i class="fab fa-twitter fa-fw"></i>
            </a>
          </li>

          <li class="nav-item"> 
            <a class="nav-link icon-md rounded-circle p-0 fs-6 me-2 bg-whatsapp" href="#">
              <i class="fab fa-whatsapp fa-fw"></i>
            </a>
          </li>

          <li class="nav-item">
              <a class="nav-link icon-md rounded-circle p-0 fs-6 me-2 bg-linkedin" href="#">
                <i class="fab fa-linkedin-in fa-fw"></i>
              </a>
          </li>
          
          <li class="nav-item"> 
            <a class="nav-link icon-md rounded-circle p-0 fs-6 me-2 bg-instagram-gradient" href="#">
              <i class="fab fa-instagram fa-fw"></i>
            </a>
          </li> 
        </ul>
      </div>
      <div class="col-lg-6 order-lg-1">
        <!-- Image -->
        <img src="assets/images/element/coming-soon.svg" alt="">
      </div>
    </div><!-- Row END -->
  </div>
</section>
<!-- =======================
Inner intro END -->

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

<!-- 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/aos/aos.js"></script>

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

</body>

</html>