Form - Search

Component #1

24 Results for "Developer tools"

<!-- Search -->
<div class="container">
  <div class="row justify-content-md-between align-items-md-center">
    <div class="col-md-5 mb-3 mb-md-0">
      <h2 class="h5 mb-0">24 Results <small class="text-body">for "Developer tools"</small></h2>
    </div>

    <div class="col-md-7 col-lg-6 text-md-right">
      <!-- Input -->
      <form class="input-group input-group-merge">
        <input type="search" class="form-control" placeholder="Search an app" aria-label="Search an app" aria-describedby="searchApp">
        <div class="input-group-append">
          <span class="input-group-text" id="searchApp">
            <i class="fas fa-search"></i>
          </span>
        </div>
      </form>
      <!-- End Input -->
    </div>
  </div>
</div>
<!-- End Search -->
Copy

Component #2 

<!-- Search Section -->
<div class="bg-navy">
  <div class="bg-img-hero-center" style="background-image: url(../../assets/svg/components/abstract-shapes-19.svg);">
    <div class="container space-1">
      <div class="w-lg-80 mx-lg-auto">
        <!-- Input -->
        <form class="input-group input-group-merge input-group-borderless">
          <div class="input-group-prepend">
            <span class="input-group-text" id="askQuestions">
              <i class="fas fa-search"></i>
            </span>
          </div>
          <input type="search" class="form-control" placeholder="Search for answers" aria-label="Search for answers" aria-describedby="askQuestions">
        </form>
        <!-- End Input -->
      </div>
    </div>
  </div>
</div>
<!-- End Search Section -->
Copy