<div class="explorer-menu">
  <div class="explorer-inner">
    <div class="explorer-container">
      <!--Header-->
      <div class="explorer-header">
        <h3>Explore</h3>
        <div class="control">
          <input
            type="text"
            class="input is-rounded is-fade"
            placeholder="Filter"
          />
          <div class="form-icon">
            <i data-feather="filter"></i>
          </div>
        </div>
      </div>
      <!--List-->
      <div class="explore-list has-slimscroll">
        <!--item-->
        <a href="/navbar-v1-feed.html" class="explore-item">
          <img src="assets/img/icons/explore/clover.svg" alt="" />
          <h4>Feed</h4>
        </a>
        <!--item-->
        <a href="/navbar-v1-profile-friends.html" class="explore-item">
          <img src="assets/img/icons/explore/friends.svg" alt="" />
          <h4>Friends</h4>
        </a>
        <!--item-->
        <a href="/navbar-v1-videos-home.html" class="explore-item">
          <img src="assets/img/icons/explore/videos.svg" alt="" />
          <h4>Videos</h4>
        </a>
        <!--item-->
        <a href="/navbar-v1-pages-main.html" class="explore-item">
          <img src="assets/img/icons/explore/tag-euro.svg" alt="" />
          <h4>Pages</h4>
        </a>
        <!--item-->
        <a href="/navbar-v1-ecommerce-products.html" class="explore-item">
          <img src="assets/img/icons/explore/cart.svg" alt="" />
          <h4>Commerce</h4>
        </a>
        <!--item-->
        <a href="/navbar-v1-groups.html" class="explore-item">
          <img src="assets/img/icons/explore/house.svg" alt="" />
          <h4>Interests</h4>
        </a>
        <!--item-->
        <a href="/navbar-v1-stories-main.html" class="explore-item">
          <img src="assets/img/icons/explore/chrono.svg" alt="" />
          <h4>Stories</h4>
        </a>
        <!--item-->
        <a href="/navbar-v1-questions-home.html" class="explore-item">
          <img src="assets/img/icons/explore/question.svg" alt="" />
          <h4>Questions</h4>
        </a>
        <!--item-->
        <a href="news.html" class="explore-item">
          <img src="assets/img/icons/explore/news.svg" alt="" />
          <h4>News</h4>
        </a>
        <!--item-->
        <a href="/navbar-v1-groups.html" class="explore-item">
          <img src="assets/img/icons/explore/cake.svg" alt="" />
          <h4>Groups</h4>
        </a>
        <!--item-->
        <a href="https://envato.com" class="explore-item">
          <img src="assets/img/icons/explore/envato.svg" alt="" />
          <h4>Envato</h4>
        </a>
        <!--item-->
        <a href="/navbar-v1-events.html" class="explore-item">
          <img src="assets/img/icons/explore/calendar.svg" alt="" />
          <h4>Events</h4>
        </a>
        <!--item-->
        <a href="https://cssninja.io" target="_blank" class="explore-item">
          <img src="assets/img/icons/explore/pin.svg" alt="" />
          <h4>Css Ninja</h4>
        </a>
        <!--item-->
        <a href="/elements.html" class="explore-item">
          <img src="assets/img/icons/explore/idea.svg" alt="" />
          <h4>Elements</h4>
        </a>
        <!--item-->
        <a href="/navbar-v1-settings.html" class="explore-item">
          <img src="assets/img/icons/explore/settings.svg" alt="" />
          <h4>Settings</h4>
        </a>
      </div>
    </div>
  </div>
</div>
