<!DOCTYPE html>
<html>
<head lang="en">
	
	<title><?php echo($page_title ?? "NO TITLE!"); ?></title>
	<meta charset="utf-8">
	
	<meta name="author" content="<?php echo($page_author ?? "NO AUTHOR!"); ?>">
	<meta name="description" content="<?php echo($page_description ?? "NO META DESCRIPTION!"); ?>">
    
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="robots" content="noindex, nofollow" />
        
    <script src="<?php echo(PROJECT_DIR); ?>js/jquery/jquery.js"></script>
    
    <link rel="stylesheet" type="text/css" href="<?php echo(PROJECT_DIR); ?>styles/bootstrap/bootstrap.css">
    <script src="<?php echo(PROJECT_DIR); ?>js/bootstrap/bootstrap.bundle.js"></script>

    <link rel="stylesheet" type="text/css" href="<?php echo(PROJECT_DIR); ?>styles/prism/prism.css">
    <script src="<?php echo(PROJECT_DIR); ?>js/prism/prism.js"></script>

    <link rel="stylesheet" type="text/css" href="<?php echo(PROJECT_DIR); ?>styles/main.css">
    <script src="<?php echo(PROJECT_DIR); ?>js/main.js"></script>

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

		<header class="blog-header py-3">
			<h1><a href="<?php echo(PROJECT_DIR); ?>">WTC Web Programming Reference</a></h1>
		</header>

		<nav>
			<ul class="nav">
			  <li class="nav-item">
			    <a class="nav-link" href="<?php echo(PROJECT_DIR); ?>HTML/">HTML</a>
			  </li>
			  <li class="nav-item">
			    <a class="nav-link" href="<?php echo(PROJECT_DIR); ?>CSS/">CSS</a>
			  </li>
			  <li class="nav-item">
			    <a class="nav-link" href="<?php echo(PROJECT_DIR); ?>JavaScript/">JavaScript</a>
			  </li>
			  <li class="nav-item">
			    <a class="nav-link " href="<?php echo(PROJECT_DIR); ?>Git/">Git</a>
			  </li>
			  <li class="nav-item">
			    <a class="nav-link" href="<?php echo(PROJECT_DIR); ?>PHP/">PHP</a>
			  </li>
			  <li class="nav-item">
			    <a class="nav-link" href="<?php echo(PROJECT_DIR); ?>MySQL/">MySQL</a>
			  </li>
			</ul>
		</nav>

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