  <div class="demo-preview-block demo-page--tabs">

    <div class="mdl-tabs mdl-js-tabs mdl-js-ripple-effect">
      <div class="mdl-tabs__tab-bar">
          <a href="#starks-panel" class="mdl-tabs__tab is-active">Tab I</a>
          <a href="#lannisters-panel" class="mdl-tabs__tab">Tab II</a>
          <a href="#targaryens-panel" class="mdl-tabs__tab">Tab III</a>
      </div>

      <div class="mdl-tabs__panel is-active" id="starks-panel">
        <ul>
          <li>Eddard</li>
          <li>Catelyn</li>