<!DOCTYPE html>
<!--
NOTE: Make sure to demonstrate how you can set the $page_title and $page_desc in index.php and refer to it in header.php

A great follow up to this would be to add a nav bar include
and use doc root relative links
We'd have to create a page in a different folder that uses the includes
to demonstrate the beauty of doc root relative links

THEN, after we talk about config files, we can show how to use
a ROOT_DIR constant to make it easy to port our projects to different folder
See the 'root-dir-example' folder in 'adv-web-dev'
-->
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title><?php  echo($page_title);?></title>
  <meta name="description" content="<?php echo($page_desc);?>">
  <meta name="viewport" content="width=device-width">
  <link REL=StyleSheet HREF="<?php echo(PROJECT_DIR);?>css/style.css" TYPE="text/css">
</head>
<body>
  <div id="page-wrap">  
  	<div id="banner">
      <h1>Sample Web Site...</h1>
    </div>
    <nav>
      <ul>
        <li><a href="<?php echo(PROJECT_DIR);?>index.php">Home</a></li>
        <li><a href="<?php echo(PROJECT_DIR);?>about-us.php">About Us</a></li>
        <li><a href="<?php echo(PROJECT_DIR);?>products/">Products</a></li>
      </ul>
    </nav>
    <div id="content">