exercise-3/index.html

<!doctype html>
<html>

<head>
    <!-- Declare the character set of your files -->
    <meta charset="utf-8">

    <!-- Give your page a title "Exercise ###" -->
    <title>Exercise 3</title>

    <!-- Set the author of the page to your name -->
    <meta author="Michael Freeman">

    <!-- Set device width to ensure proper renering on mobile devices -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Load materialze framework -->
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css">

    <!-- Load jQuery library, a dependency for Materialize -->
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"></script>

    <!-- Font awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css" />

    <!-- Read in css file -->
    <link href="css/main.css" rel="stylesheet" type="text/css">

</head>

<body>
    <main>
        <section>
            <!-- Create elements in here -->

        </section>
    </main>

</body>

</html>