index.html

<!DOCTYPE html>
<html>
<head>
	<title>Read Between The Headlines</title>
	<link rel="stylesheet" href="styles/styles.css" type="text/css" />
</head>
<body >
	<section id="headlineTable">
		<article class="flex-row" id="leftRow">
			<h1 id="leftSource" class="dash source"></h1>
			<div><div id="leftHeadline"></div><p id="leftDate"></p></div>
			<a id="leftLink" href="#" target="_blank">
				<img src="button.png" alt="Read Article" title="Read Article" />
			</a>
		</article>
		<article class="flex-row" id="middleRow">
			<p></p>
			<h1 id="middleHeadline"></h1>
			<a id="headlineButton" onclick="newHeadline()" href="javascript:void(0);">
				<img src="refresh.png" alt="Next Headline" title="Next Headline" />
			</a>
		</article>
		<article class="flex-row" id="rightRow">
			<h1 id="rightSource" class="dash source"></h1>
			<div><div id="rightHeadline"></div><p id="rightDate"></p></div>
			<a id="rightLink" href="#" target="_blank">
				<img src="button.png" alt="Read Article" title="Read Article" />
			</a>
		</article>
	</section>	
	<script src="just_headline.js"></script>
	<script src="headline_script.js"></script>
</body>
</html>