Skip to content

Instantly share code, notes, and snippets.

@anaelleltd
Created March 17, 2019 11:49
Show Gist options
  • Save anaelleltd/e26a1c961677ef56b2830662daaa21b7 to your computer and use it in GitHub Desktop.
Save anaelleltd/e26a1c961677ef56b2830662daaa21b7 to your computer and use it in GitHub Desktop.
Header Nav Footer
Task:
1. Make a simple web site with at least 3 types of pages (you may include a landing page, a gallery page and a contact page).
a. All types shall share a common masthead header, footer and navigation.
2. Make a page controller for each page and set title, heading and other data in variables.
3. Make a master template for every type of page that in turn will include the smaller page parts. (All data can be considered safe
for this exercise, making filtering and escaping unnecessary)
<header>
<div id="header">
STRAWBERRIES Inc <img src="images/strawberriesinc1.jpg" alt="Strawberries Inc logo"/>
<a href="#maincontent">Skip to main content </a>
</div>
</header>
<nav> <div id="nav">
<ul>
<li><a href="strawberries.php">Homepage</a></li>
<li><a href="products.php">Products</a></li>
<li><a href="services.php">Services</a></li>
<li><a href="gallery.php">Gallery</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</div>
</nav>
<footer> <div id="contact"> Contact: <a href="mailto:akathak@anaelleltd.company?Subject=StrawberriesInc" target="_top">Anaelle LTD</a>
<br>Made with <a href="http://www.adobe.com/au/products/dreamweaver.html">DW</a> and <a href="http://www.adobe.com/au/products/photoshop.html">AP</a> 2k18
<br> Sources: <a href="https://en.wikipedia.org/wiki/Strawberry"> Wikipedia </a> and <a href="https://www.norfolktourism.ca/strawberry-capital/"> Norfolk Country Ontario's garden </a>
<br>&copy; Strawberries Inc </div>
</footer>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment