parallax.html

<!--  Parallax Section  -->
  <div id="tab5" class="parallax-container">
    <div class="parallax"><img src="https://unsplash.imgix.net/reserve/EnF7DhHROS8OMEp2pCkx_Dufer%20food%20overhead%20hig%20res.jpg?q=75&w=1080&h=1080&fit=max&fm=jpg&auto=format&s=7cfd39dc9757597e6c711ca30eaacab5"></div>
    <div class="row container">
      <h2 class="white-text">Parallax</h2>
      <p class="grey-text lighten-3">The tabs structure consists of an unordered list of tabs that have hashes corresponding to tab ids. Then when you click on each tab, only the container with the corresponding tab id will become visible.</p>
    </div>

    <div class="row container">
      <h4 class="white-text">Tabs HTML Structure</h4>
      <pre><code class="language-markup col s12">
        &lt;div class="col s12">
          &lt;ul class="tabs">
            &lt;li class="tab col s2">&lt;a href="#test1">Test 1&lt;/a>&lt;/li>
            &lt;li class="tab col s2">&lt;a href="#test2">Test 2&lt;/a>&lt;/li>
            &lt;li class="tab col s2">&lt;a href="#test3">Test 3&lt;/a>&lt;/li>
            &lt;li class="tab col s2">&lt;a href="#test4">Test 4&lt;/a>&lt;/li>
          &lt;/ul>
        &lt;/div>
        &lt;div id="test1" class="col s12">Test 1&lt;/div>
        &lt;div id="test2" class="col s12">Test 2&lt;/div>
        &lt;div id="test3" class="col s12">Test 3&lt;/div>
        &lt;div id="test4" class="col s12">Test 4&lt;/div>
      </code></pre>
    </div>
    <br><br><br><br>
  </div>