Test Web Site 1.html (Main Page)

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link rel="stylesheet" href="Test Web Site 1 Style Sheet.css"></link>
        <link rel="stylesheet" href="animate.css"></link>
        <script src="Experiment.js" type="text/javascript" async="true" defer="defer"></script>
        <title>Test</title>
    </head>
    <body id = "main" class = "m-scene">
        <div id = "box1" class = "box scene_element scene_element--fadeInLeft">
            <a href="Test Web Site 2.html">
                    <span class="link-spanner"></span>
                </a>
        </div>
        <div id = "box2" class = "box scene_element scene_element--fadeInUp"></div>
        <div id = "box3" class = "box scene_element scene_element--fadeInDown"></div>
        <div id = "box4" class = "box scene_element scene_element--fadeInRight"></div>
    </body>
</html>