Site Specific Script

Headings

<h3>Section Content Headings </h3>
<h5>Sub Content Title</h5>

Paragraphs

<img class="responsive-img" src="cool_pic.jpg">

Responsive Image

<p class="flow-text"></p>

Lightbox

  <img class="materialboxed" data-caption="A picture of a way with a group of trees in a park" width="250" src="https://lorempixel.com/800/400/nature/4">

ScrollSpy

<div class="row">
    <div class="col s12 m9 l10">
        <div id="introduction" class="section scrollspy">
            <h3>Content</h3>
            <p class="flow-text">Content</p>
        </div>
        <div id="structure" class="section scrollspy">
            <h3>Content</h3>
            <p class="flow-text">Content </p>
        </div>
        <div id="initialization" class="section scrollspy">
            <h3>Content</h3>
            <p class="flow-text">Content </p>
        </div>
    </div>
    <div class="col hide-on-small-only m3 l2">
        <ul class="section table-of-contents">
            <li><a href="#introduction">Introduction</a></li>
            <li><a href="#structure">Structure</a></li>
            <li><a href="#initialization">Intialization</a></li>
        </ul>
    </div>
</div>

Code Snippets

Line Numbers

    <pre class="line-numbers"><code class="language-markup">
    </code></pre>

Command Line

    <pre class="command-line"><code class="language-markup">
    </code></pre>

Line Highlight

    <pre class="line-numbers" data-line="2"><code class="language-markup">
    </code></pre>

Swipe Checklist

<ul class="collection with-header">
    <li class="collection-header"><h4>First Names</h4></li>
    <li class="collection-item dismissable"><div>Alvin<a href="#!" class="secondary-content"><i class="material-icons">send</i></a></div></li>
    <li class="collection-item dismissable"><div>Alvin<a href="#!" class="secondary-content"><i class="material-icons">send</i></a></div></li>
    <li class="collection-item dismissable"><div>Alvin<a href="#!" class="secondary-content"><i class="material-icons">send</i></a></div></li>
    <li class="collection-item dismissable"><div>Alvin<a href="#!" class="secondary-content"><i class="material-icons">send</i></a></div></li>
</ul>