-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsitemap.html
52 lines (46 loc) · 2.09 KB
/
sitemap.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
<!DOCTYPE html>
<html lang="en">
<head>
<!--<base href="https://birkbeck2.github.io/web-development-and-user-experience---assessment-02-bastianhilton">-->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Sebastian's Chef UX Portfolio Website">
<meta name="author" content="Sebastian Hilton">
<meta name="keywords" content="HTML, CSS, JavaScript">
<title>Sebastian Hilton UX Portfolio Website</title>
<link rel="stylesheet" href="styles.css">
</head>
<body class="homepagebody">
<!-- Navigation Bar Using this nav tag because it follows good design practice by having a semantic html tag placed above the rest of the content on a website -->
<nav class="topnav">
<ul>
<li class="logo"><a href="index.html">Sebastian's Portfolio</a></li>
<div class="rightnav">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="mailto:[email protected]">Contact</a></li>
</div>
</ul>
</nav>
<!-- Main Content Section Using main tag as it is a semantic html tag that properly explains that this is a main section used on the website -->
<main class="sitemap"></main>
<!-- Footer at bottom of each page -->
<footer>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="sitemap.html">Sitemap</a></li>
<li><a href="mailto:[email protected]">Contact</a></li>
<li> © Copyright <p id="date"></p></li>
</ul>
</footer>
<!--Section to dynamically display the current year, it changes every year by using Javascript Date/Time-->
<script>
const d = new Date().getFullYear();
document.getElementById("date").innerHTML = d;
</script>
</body>
</html>