Find the most
exciting startup jobs

              
                <!-- Hero Section -->
                <div class="position-relative gradient-x-three-sm-primary rounded-lg space-top-md-1 space-bottom-md-2 mx-md-10">
                  <div class="container position-relative space-top-2 space-top-lg-3 space-bottom-1">
                    <div class="row position-relative z-index-2">
                      <div class="col-lg-8">
                        <!-- Title -->
                        <div class="w-lg-80 text-center text-lg-left mb-5 mb-lg-7">
                          <h1 class="display-4">Find the most<br><span class="text-primary text-highlight-warning">exciting</span> startup jobs</h1>
                        </div>
                        <!-- End Title -->

                        <!-- Card -->
                        <div class="card p-2 mb-3">
                          <!-- Input Group -->
                          <div class="form-row input-group-borderless">
                            <div class="col-sm mb-2 mb-md-0">
                              <div class="input-group input-group-merge input-group-borderless">
                                <div class="input-group-prepend">
                                  <div class="input-group-text">
                                    <i class="fas fa-search"></i>
                                  </div>
                                </div>

                                <input type="text" class="form-control" placeholder="Job title, skills, or company" aria-label="Job title, skills, or company">
                              </div>
                            </div>

                            <div class="col-sm d-sm-none">
                              <hr class="my-0">
                            </div>
                            
                            <div class="col-sm column-divider-sm mb-2 mb-md-0">
                              <div class="input-group input-group-merge input-group-borderless">
                                <div class="input-group-prepend">
                                  <div class="input-group-text">
                                    <i class="fas fa-map-marker-alt"></i>
                                  </div>
                                </div>

                                <input type="text" class="form-control" placeholder="City, state, or zip" aria-label="City, state, or zip">
                              </div>
                            </div>

                            <div class="col-md-auto">
                              <button type="button" class="btn btn-block btn-primary px-5">Search</button>
                            </div>
                          </div>
                          <!-- End Input Group -->
                        </div>
                        <!-- End Card -->
                        
                        <small class="form-text">Search through over 125,000 listings</small>
                      </div>
                    </div>
                    <!-- End Row -->

                    <div class="d-none d-lg-block col-lg-6 position-lg-absolute top-0 right-0">
                      <img class="img-fluid rounded-lg" src="../../assets/img/900x900/img23.jpg" alt="Image Description">

                      <figure class="max-w-15rem w-100 position-absolute top-0 left-0 z-index-n1">
                        <div class="mt-n6 ml-n5">
                          <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 335.2 335.2" width="100" height="100">
                            <circle fill="#FFC107" opacity=".7" cx="167.6" cy="167.6" r="130.1"/>
                          </svg>
                        </div>
                      </figure>

                      <figure class="max-w-15rem w-100 position-absolute bottom-0 right-0 z-index-n1">
                        <div class="mb-n2 ml-4">
                          <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 335.2 335.2" width="120" height="120">
                            <circle fill="none" stroke="#377DFF" stroke-width="75" cx="167.6" cy="167.6" r="130.1"/>
                          </svg>
                        </div>
                      </figure>

                      <div class="d-flex align-items-center">
                        <small class="mr-1">Powered by:</small>
                        <img class="avatar avatar-ratio" src="../../assets/svg/clients-logo/google-original.svg" alt="Image Description">
                      </div>
                    </div>
                  </div>
                </div>
                <!-- End Hero Section -->