index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title> Vanilla JavaScript Examples </title>
	<link rel="stylesheet" href="css/main.css">
</head>

<body>
    <div class="wrapper"><!-- contains entire page -->

    <h1>JavaScript Examples</h1>

    <p>A small repo for students.</p>

<ul>
	<li><a href="dom_example.html">dom_example.html</a> &mdash; Content blocks that open and close (show and hide) when something is clicked.</li>

	<li><a href="dom_example_v2.html">dom_example_v2.html</a> &mdash; (version 2) Uses a pure JS script that matches jQuery slideUp, slideDown, slideToggle. It just looks better when DIVs slide open and closed.</li>

	<li><a href="overlay.html">overlay.html</a> &mdash; Content that appears on top of other content; overlays are also called modals.</li>
</ul>

<p><a href="https://github.com/macloo/vanilla-js-events">Code on GitHub.</a></p>

<p>Also see the <a href="http://bit.ly/mm-js-events">links to DOM and JavaScript Events Code Examples/Demos</a> on JSFiddle. These are each small and simple examples.</p>

</div><!-- close wrapper -->

</body>
</html>