<div class="stories-sidebar is-active">
  <div class="stories-sidebar-inner">
    <div class="user-block">
      <a class="close-stories-sidebar is-hidden">
        <i data-feather="x"></i>
      </a>
      <div class="avatar-wrap">
        <img
          src="https://via.placeholder.com/150x150"
          data-demo-src="assets/img/avatars/jenna.png"
          data-user-popover="0"
          alt=""
        />
        <div class="badge">
          <i data-feather="check"></i>
        </div>
      </div>
      <h4>Jenna Davis</h4>
      <p>Melbourne, AU</p>
      <div class="user-stats">
        <div class="stat-block">
          <span>Followers</span>
          <span>2.3K</span>
        </div>
        <div class="stat-block">
          <span>Following</span>
          <span>2.3K</span>
        </div>
      </div>
    </div>
    <div class="user-menu">
      <div class="user-menu-inner has-slimscroll">
        <div class="menu-block">
          <ul>
            <li class="is-active">
              <a>
                <i data-feather="grid"></i>
                <span>Feed</span>
              </a>
            </li>
            <li>
              <a>
                <i data-feather="search"></i>
                <span>Explore</span>
              </a>
            </li>
            <li>
              <a>
                <i data-feather="bell"></i>
                <span>Notifications</span>
              </a>
            </li>
            <li>
              <a>
                <i data-feather="mail"></i>
                <span>Messages</span>
              </a>
            </li>
          </ul>
        </div>
        <div class="separator"></div>
        <div class="menu-block">
          <ul>
            <li>
              <a>
                <i data-feather="send"></i>
                <span>Direct</span>
              </a>
            </li>
            <li>
              <a>
                <i data-feather="bar-chart-2"></i>
                <span>Stats</span>
              </a>
            </li>
            <li>
              <a>
                <i data-feather="settings"></i>
                <span>Settings</span>
              </a>
            </li>
          </ul>
        </div>
        <div class="separator"></div>
        <div class="menu-block">
          <ul>
            <li>
              <a>
                <i data-feather="lock"></i>
                <span>Privacy</span>
              </a>
            </li>
            <li>
              <a>
                <i data-feather="life-buoy"></i>
                <span>Help</span>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
