<div class="navbar navbar-expand-sm navbar-light navbar-submenu navbar-list p-0 m-0 align-items-center">
  <div class="{{ containerClass or 'container' }}">
    <ul class="nav navbar-nav flex align-items-sm-center">
      <li class="nav-item navbar-list__item">150 Rating</li>
      <li class="nav-item navbar-list__item">
        <i class="material-icons text-muted icon--left">schedule</i>
        12 minutes
      </li>
      <li class="nav-item navbar-list__item">
        <i class="material-icons text-muted icon--left">assessment</i>
        Intermediate
      </li>
    </ul>
  </div>
</div>