<div class="ui cf-quick-search input">
  <div class="ui left icon dark blue input">
    <input autocomplete="off" class="cf-quick-search-input prompt" id="quick_search" name="query" placeholder="Search for Funnels, Contacts and more...">
    <div class="cf-quick-search-clear">
      <i class="times circle icon"></i>
    </div>
    <i class="search icon left blue"></i>
  </div>
  <div class="results">
    <h5 class="title gray text tiny bold">FUNNELS</h5>
    <div class="ui funnel items">
      <a href="#" class="item funnel">
        <div class="ui image">
          <img src="https://semantic-ui.com/images/avatar2/large/matthew.png" class="ui avatar image">
        </div>
        <div class="content">
          <p class="header">Stevie <mark>Feliciano</mark></p>
          <div class="description">
            <p>Cancellation Funnel</p>
          </div>
        </div>
      </a>
      <a href="#" class="item funnel">
        <div class="ui image">
          <i class="circular user alternate inverted blue icon"></i>
        </div>
        <div class="content">
          <p class="header">Veronika Ossi</p>
          <div class="description">
            <p>Cancellation Funnel</p>
          </div>
        </div>
      </a>
    </div>
    <h5 class="title gray text tiny bold">FOLLOW-UP FUNNELS</h5>
    <div class="ui funnel items">
      <a href="#" class="item funnel">
        <div class="ui image">
          <img src="https://semantic-ui.com/images/avatar2/large/matthew.png" class="ui avatar image">
        </div>
        <div class="content">
          <p class="header">Stevie Feliciano</p>
          <div class="description">
            <p>Cancellation <mark>Funnel</mark></p>
          </div>
        </div>
      </a>
      <a href="#" class="item funnel">
        <div class="ui image">
          <i class="circular user alternate inverted blue icon"></i>
        </div>
        <div class="content">
          <p class="header">Veronika Ossi</p>
          <div class="description">
            <p>Cancellation Funnel</p>
          </div>
        </div>
      </a>
    </div>
    <h5 class="title gray text tiny bold">PRODUCTS</h5>
    <div class="ui funnel items">
      <a href="#" class="item funnel">
        <div class="ui image">
          <img src="https://semantic-ui.com/images/avatar2/large/matthew.png" class="ui avatar image">
        </div>
        <div class="content">
          <p class="header">Stevie Feliciano</p>
          <div class="description">
            <p>Cancellation Funnel</p>
          </div>
        </div>
      </a>
      <a href="#" class="item funnel">
        <div class="ui image">
          <i class="circular user alternate inverted blue icon"></i>
        </div>
        <div class="content">
          <p class="header">Veronika Ossi</p>
          <div class="description">
            <p>Cancellation Funnel</p>
          </div>
        </div>
      </a>
    </div>
  </div>
</div>

<div class="ui cf-quick-search input">
  <div class="ui left icon dark blue input">
    <input autocomplete="off" class="cf-quick-search-input prompt" id="quick_search" name="query" placeholder="Search for Funnels, Contacts and more...">
    <div class="cf-quick-search-clear">
      <i class="times circle icon"></i>
    </div>
    <i class="search icon left blue"></i>
  </div>
  <div class="results">
    <div class="ui active inverted dimmer">
      <div class="ui text loader">Loading</div>
    </div>
  </div>
</div>