index.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>independent-sass-material-design</title>
    <link rel="stylesheet" href="css/ex.css"/>
</head>
<body class="page">
<h1>independent-sass-material-design</h1>

<section>
    <header><h1>Components</h1></header>
    <div class="example-container">
        <div class="my-simple-square-box md-basic">
            <h2>Md-basic.</h2>

            <p>
                With animations and clickable
            </p>
        </div>
        <div class="my-simple-square-box md-static">
            <h2>Md-static.</h2>

            <p>
                Not clickable. Just kinda hovering there.
            </p>
        </div>
    </div>
</section>

<section>
    <header><h1>To be continued [colors, animations...]</h1></header>
</section>

</body>
</html>