forked from paul-ooi/SeasoningShack
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathheader-footer.html
73 lines (73 loc) · 3.7 KB
/
header-footer.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html>
<head>
<title>Header and Footer Template</title>
<!-- Header and Footer created by Paul Ooi -->
<meta charset="utf-8"/>
<link href="CSS/header-footer-style.css" type="text/css" rel="stylesheet"/> <!-- BE SURE TO INCLUDE THE CSS FOR HEADER AND FOOTER -->
<link href="CSS/general.css" type="text/css" rel="stylesheet"/>
<script src="JavaScript/header-footer.js"></script> <!-- BE SURE TO INCLUDE THE JS FOR HEADER AND FOOTER -->
<!-- ORDER TO INCLUDE LINKED FILES
CSS - HEADER AND FOOTER
CSS - GENERAL STYLES
CSS - YOUR PAGE STYLES
JS - HEADER AND FOOTER
JS - YOUR PAGE JS
-->
</head>
<body>
<!-- THIS HEADER CAN BE COPIED DIRECTLY ONTO YOUR PAGE ABOVE YOUR "MAIN SECTION", BEFORE OPENING WRAPPER DIV TAG -->
<header class="large">
<nav id="main-nav">
<ul>
<li><a href="menu.html">menu</a></li>
<li><a href="specials.html">specials</a></li>
<li><a href="locations.html">locations</a></li>
<li><a href="event-bookings.html">event booking</a></li>
<li><a href="about-us.html">about</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</nav>
<div id="company-branding"><a href="index.html"><img src="Logo/logo.svg" id="logo" alt="seasoning shack logo"/></a><h2><a href="index.html">seasoning shack</a></h2></div>
</header>
<div class="wrapper">
<main>
<!-- THIS IS WHERE YOUR CONTENT WILL GO -->
</main>
<!-- THIS FOOTER CAN BE COPIED DIRECTLY ONTO YOUR PAGE BELOW YOUR "MAIN SECTION", BEFORE CLOSING THE WRAPPER DIV TAG -->
<footer>
<section id="social-media">
<h2 class="hidden">Social Media Icons</h2>
<div class="social" id="fbook"><a href="http://www.facebook.com"><img src="images/social-icons/facebook.png" alt="Like and Follow us on Facebook" title="Like and Follow us on Facebook"/></a></div>
<div class="social" id="twitter"><a href="http://www.twitter.com"><img src="images/social-icons/twitter.png" alt="Follow us on Twitter" title="Follow us on Twitter"/></a></div>
<div class="social" id="instagram"><a href="http://www.instagram.com"><img src="images/social-icons/instagram.png" alt="Follow us on Instagram" title="Follow us on Instagram"/></a></div>
<div class="social" id="google-plus"><a href="http://plus.google.com"><img src="images/social-icons/google-plus.png" alt="Follow us on Google+" title="Follow us on Google+"/></a></div>
</section>
<nav>
<ul>
<li><a href="menu.html">menu</a></li>
<li><a href="specials.html">specials</a></li>
<li><a href="locations.html">locations</a></li>
<li><a href="event-bookings.html">event booking</a></li>
<li><a href="about-us.html">about</a></li>
<li><a href="contest.html">contest</a></li>
<li><a href="careers.html">careers</a></li>
<li><a href="gift-cards.html">gift cards</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="sitemap.html">sitemap</a></li>
</ul>
</nav>
<div id="copyright-privacy">
<ul>
<li><a href="#">Privacy</a></li>
<li><a href="#">Terms of Use</a></li>
</ul>
<!-- THE COPYRIGHT YEAR WILL BE AUTOMATICALLY CHANGED TO BE UPDATED TO THE CURRENT YEAR -->
© Seasoning Shack <span id="copyright-year">2017</span>
</div>
<img class="background" src="images/pexels-photo-672046.jpg" alt="spices on worksurface"/>
<cite>pexels-photo-672046.jpg - Original photo (https://www.pexels.com/photo/macro-photography-of-pepper-powder-672046/)</cite>
</footer>
</div>
</body>
</html>