Start Now Find the job that fits your life faster with our advanced tools.
              
                <!-- Hero Section -->
                <div class="position-relative">
                  <!-- Slick Carousel -->
                  <div class="js-slick-carousel u-slick"
                       data-fade="true"
                       data-autoplay="true"
                       data-speed="5000"
                       data-infinite="true">
                    <div class="js-slide">
                      <div class="bg-img-hero min-height-620" style="background-image: url(../../assets/img/1920x800/img18.jpg);"></div>
                    </div>
                    <div class="js-slide">
                      <div class="bg-img-hero min-height-620" style="background-image: url(../../assets/img/1920x800/img17.jpg);"></div>
                    </div>
                  </div>
                  <!-- End Slick Carousel -->

                  <div class="container position-absolute right-0 bottom-0 left-0 space-top-5 space-bottom-2">
                    <!-- Info Link -->
                    <a class="d-sm-inline-flex align-items-center bg-primary text-white shadow rounded-pill p-2 pr-3 mb-3" href="#">
                      <span class="u-label u-label--sm u-label--white font-weight-semi-bold mr-3">Start Now</span>
                      <span class="d-block d-sm-inline-block">
                        Find the job that fits your life faster with our advanced tools.
                      </span>
                    </a>
                    <!-- End Info Link -->

                    <div class="card border-0">
                      <div class="card-body p-7">
                        <!-- Search Jobs Form -->
                        <form class="js-validate">
                          <div class="row">
                            <div class="col-lg-5 mb-4 mb-lg-0">
                              <!-- Input -->
                              <label class="d-block">
                                <span class="h4 d-block text-dark font-weight-semi-bold mb-0">what</span>
                                <small class="d-block text-secondary">job title, keywords, or company</small>
                              </label>
                              <div class="js-focus-state">
                                <div class="input-group">
                                  <input type="text" class="form-control" placeholder="Keyword or title" aria-label="Keyword or title" aria-describedby="keywordInputAddon">
                                  <div class="input-group-append">
                                    <span class="input-group-text">
                                      <span class="fas fa-search" id="keywordInputAddon"></span>
                                    </span>
                                  </div>
                                </div>
                              </div>
                              <!-- End Input -->
                            </div>

                            <div class="col-lg-5 mb-4 mb-lg-0">
                              <!-- Input -->
                              <label class="d-block">
                                <span class="h4 d-block text-dark font-weight-semi-bold mb-0">where</span>
                                <small class="d-block text-secondary">city, state, or zip code</small>
                              </label>
                              <div class="js-focus-state">
                                <div class="input-group">
                                  <input type="text" class="form-control" placeholder="City, state, or zip" aria-label="City, state, or zip" aria-describedby="locationInputAddon">
                                  <div class="input-group-append">
                                    <span class="input-group-text">
                                      <span class="fas fa-map-marker-alt" id="locationInputAddon"></span>
                                    </span>
                                  </div>
                                </div>
                              </div>
                              <!-- End Input -->
                            </div>

                            <div class="col-lg-2 align-self-lg-end">
                              <button type="submit" class="btn btn-block btn-primary transition-3d-hover">Find Jobs</button>
                            </div>
                          </div>
                          <!-- End Checkbox -->
                        </form>
                        <!-- End Search Jobs Form -->
                      </div>
                    </div>
                  </div>
                </div>
                <!-- End Hero Section -->
              
            
              
                <link rel="stylesheet" href="../../assets/vendor/slick-carousel/slick/slick.css">
              
            
              
                <!-- JS Implementing Plugins -->
                <script src="../../assets/vendor/slick-carousel/slick/slick.js"></script>

                <!-- JS Front -->
                <script src="../../assets/js/components/hs.focus-state.js"></script>
                <script src="../../assets/js/components/hs.slick-carousel.js"></script>

                <!-- JS Plugins Init. -->
                <script>
                  $(document).on('ready', function () {
                    // initialization of forms
                    $.HSCore.components.HSFocusState.init();

                    // initialization of slick carousel
                    $.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
                  });
                </script>