brendalong/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
	<title>Jquery Starter</title>
	<link rel="stylesheet" type="text/css" href="css/jquery.css">
</head>
<body>
	<p>Cheatsheet: <a href="https://oscarotero.com/jquery/">https://oscarotero.com/jquery/</a></p>

	<div id="list-of-songs"></div>
	<hr>
	<article class="article--main" id="top-article">
	This is the very first article in my document.
	</article>

	<article class="article--main" id="middle-article">
	This is the middle article in my document.
	</article>


	<button class="delete">Delete</button>

	<div class="container">
	<h1 umbrella="open">Song list</h1>
	<section class="song-container" index="0">
	  <div class="song">
	    <div umbrella="closed" class="title">The Walk</div>
	    <div class="artist">Mayer Hawthorne</div>
	    <div class="album">How Do You Do</div>
	  </div>
	</section>

	</div> <!-- end of container -->


	<button id="destroyer">Hide song</button>

	<ul id="letters">
		<li class="letter a">a</li>
		<li class="letter b">b</li>
		<li class="letter c">c</li>
		<li class="letter d">d</li>
	</ul>

	<input type="text" name="first_name" id="firstName" value="10">
	<div class="echo"></div>

	<button id="loadBigData">Load the Big Data</button>

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
	<script type="text/javascript" src="javascripts/main.js"></script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Jquery Starter</title>
	<link rel="stylesheet" type="text/css" href="css/jquery.css">
	</head>
	<body>
	<p>Cheatsheet: <a href="https://oscarotero.com/jquery/">https://oscarotero.com/jquery/</a></p>

	<div id="list-of-songs"></div>
	<hr>
	<article class="article--main" id="top-article">
	This is the very first article in my document.
	</article>

	<article class="article--main" id="middle-article">
	This is the middle article in my document.
	</article>


	<button class="delete">Delete</button>

	<div class="container">
	<h1 umbrella="open">Song list</h1>
	<section class="song-container" index="0">
	<div class="song">
	<div umbrella="closed" class="title">The Walk</div>
	<div class="artist">Mayer Hawthorne</div>
	<div class="album">How Do You Do</div>
	</div>
	</section>

	</div> <!-- end of container -->


	<button id="destroyer">Hide song</button>

	<ul id="letters">
	<li class="letter a">a</li>
	<li class="letter b">b</li>
	<li class="letter c">c</li>
	<li class="letter d">d</li>
	</ul>

	<input type="text" name="first_name" id="firstName" value="10">
	<div class="echo"></div>

	<button id="loadBigData">Load the Big Data</button>

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
	<script type="text/javascript" src="javascripts/main.js"></script>
	</body>
	</html>