-
Notifications
You must be signed in to change notification settings - Fork 0
/
reviews.html
93 lines (82 loc) · 3.66 KB
/
reviews.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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Reviews</title>
<link rel="stylesheet" type="text/css" href="css/grid.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/printstyle.css" media="print">
</head>
<body>
<!-- This HTML5 main element was needed to keep the footer at the bottom of the page on mobile-->
<div id="main">
<!-- This HTML5 header element will contain a picture, title of the page, and the nav element -->
<header>
<figure>
<img src="images/review.jpg" alt="Picture of umbrellas" title="Picture of umbrellas"
width="600" height="450"/>
<figcaption><span>Photo by <a href="https://unsplash.com/@markuswinkler?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Markus Winkler</a> on <a href="https://unsplash.com/s/photos/review?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a></span></figcaption>
</figure>
<h1>Review Stuff!</h1>
<!-- This HTML5 nav element will contain the nav bar -->
<nav>
<ul>
<li><a href="index.html">Home</a> </li>
<li><a href="academic.html">School</a> </li>
<li><a href="professional.html">Work</a> </li>
<li class="dropdown">
<a href="#">Play</a>
<ul>
<li><a href="hiking.html">Hiking</a></li>
<li><a href="music.html">Music</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="active">Apps</a>
<ul>
<li><a href="weather.html">Weather</a></li>
<li><a href="stocks.html">Stocks</a></li>
<li><a href="covid.html">Covid</a></li>
<li><a href="todo.html">To-Do</a></li>
<li><a href="reviews.html" class="active">Reviews</a></li>
</ul>
</li>
</ul>
</nav>
<hr>
</header>
<!-- This HTML5 section element will my article(s) for this page -->
<section>
<h2>Review Stuff!</h2>
<p>
"Review Stuff" is a web app made with Node.js, Express, Handlebars, and MongoDB.
It allows users to read and write reviews about movies, TV shows, books, and video games!
All data is also available via REST API endpoints in XML, JSON, and HTML formats. Check the GitHub README for more details.
<br>
<br>
<br>
ReviewStuff! - <a href="https://reviewstuff.herokuapp.com/reviews" target ="_blank">https://reviewstuff.herokuapp.com/reviews</a>
<br>
<br>
GitHub Repository - <a href="https://github.com/henrychoy/reviewstuff" target ="_blank">https://github.com/henrychoy/reviewstuff</a>
<br>
<br>
<br>
</p>
</section>
<br>
<br>
<br>
<!-- This HTML5 footer element will contain my name, email, and last updated date, as well as printed from line -->
<footer>
<div id="footer-left"><p>© 2020 Henry Choy</p></div>
<div id="footer-center"><p><a href="mailto:[email protected]">[email protected]</a></p></div>
<div id="footer-right"><p id="last-updated"></p></div>
<p class="printed-from">Printed from http://henrychoy.com/</p>
</footer>
</div>
<script>
// last updated in footer
document.getElementById("last-updated").textContent = "Last Updated: " + document.lastModified;
</script>
</body>
</html>