<!DOCTYPE html>
<html>
<head lang="en">
	
	<title>XXXXXXXXXXXX</title>
	<meta charset="utf-8">
	
	<meta name="author" content="XXXXXXXXXXXX">
	<meta name="description" content="XXXXXXXXXXXX">
    
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="robots" content="noindex, nofollow" />
        
    <script src="../js/jquery/jquery.js"></script>
    
    <link rel="stylesheet" type="text/css" href="../styles/bootstrap/bootstrap.css">
    <script src="../js/bootstrap/bootstrap.bundle.js"></script>

    <link rel="stylesheet" type="text/css" href="../styles/prism/prism.css">
    <script src="../js/prism/prism.js"></script>

    <link rel="stylesheet" type="text/css" href="../styles/main.css">
    <script src="../js/main.js"></script>

</head>
<body>
	<div class="container" id="top">

		<header class="blog-header py-3">
			<h1><a href="../index.html">WTC Web Programming Reference</a></h1>
		</header>

		<nav>
			<ul class="nav">
			  <li class="nav-item">
			    <a class="nav-link" href="../HTML/index.html">HTML</a>
			  </li>
			  <li class="nav-item">
			    <a class="nav-link" href="../CSS/index.html">CSS</a>
			  </li>
			  <li class="nav-item">
			    <a class="nav-link" href="../JavaScript/index.html">JavaScript</a>
			  </li>
			  <li class="nav-item">
			    <a class="nav-link " href="../Git/index.html">Git</a>
			  </li>
			  <li class="nav-item">
			    <a class="nav-link" href="../PHP/index.html">PHP</a>
			  </li>
			  <li class="nav-item">
			    <a class="nav-link" href="../MySQL/index.html">MySQL</a>
			  </li>
			</ul>
		</nav>

	    <main role="main" class="container">

	    	<!-- Beginning of blog post -->
	    	<div class="blog-post">
	    		<h2 class="blog-post-title">BLOG POST TITLE GOES HERE</h2>
	    	  	<p class="blog-post-meta">Sept 1, 2020 by YOUR NAME GOES HERE(and update the date before your name)</p>

	    	  	<p>A brief summary of the article goes here</p>
	    	  	<hr>
	    	  	<h3>Section Header</h3>
	    	  	<p>
	    	  		Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
	    	  		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
	    	  		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
	    	  		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
	    	  		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
	    	  		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
	    	  	</p>
	    	  
	    	  	<p>
	    	  		Here's a code sample:
	    	  	</p>
	    	  	<pre class="language-js"><code>
let x = prompt("Enter a number");

if(x == 7){
    alert("Lucky number 7!");
}
			  	</code></pre>
	    	  	<h3>Another Section Header</h3>
	    	  	<p>
	    	  		Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
	    	  		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
	    	  		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
	    	  		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
	    	  		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
	    	  		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
	    	  	</p>

	    	</div>
	    	<!-- End of blog post -->

	    </main>

	    <footer class="blog-footer">
	    	<p>
	        	<a href="#top">Back to top</a>
	      	</p>
	    </footer>

</body>
</html>