Breadcrumbs

Breadcrumbs are a good way to display your current location. This is usually used when you have multiple layers of content.

              <nav>
                <div class="nav-wrapper">
                  <div class="col xs12">
                    <a href="#!" class="breadcrumb">First</a>
                    <a href="#!" class="breadcrumb">Second</a>
                    <a href="#!" class="breadcrumb">Third</a>
                  </div>
                </div>
              </nav>