-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
86 lines (83 loc) · 3.54 KB
/
index.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
<html>
<head>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.10.2/css/all.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<aside class="user-activity">
<header>Recently Read</header>
<div class="currently-reading">
<section>
<header>
The Oxford English Dictionary
<em>By: Oxford University Press</em>
</header>
<img src="assets/oed.jpg">
</section>
<section>
<header>
The Way of Kings
<em>By: Brandon Sanderson</em>
</header>
<img src="assets/wayOfKings.jpg">
</section>
</div>
<div class="reading-challenge">
<p>You have completed <strong>28 out of 30</strong> books from your reading goal!</p>
</div>
</aside>
<header class="top-nav">
<h1>BookReads</h1>
<nav class="supplemental-links">
<ul>
<li><a href="#">Home </a></li>
<li><a href="#">My Books </a></li>
<li><a href="#">Browse </a></li>
<li><a href="#">Community </a></li>
</ul>
</nav>
<div class="profile">
<i class="fa fa-user"></i>
</div>
</header>
<main class="page-content">
<div class="news-feed">
<article>
<header>Add a review here!</header>
<input type="text">
</article>
<article class="review">
<header><span user="4321">Alice</span> reviewed <span book="234">Welcome to Nightvale</span>
<span author="4320">By Joseph Fink</span>
</header>
<div class="review-body">
<img src="welcomeToNightvale.jpg">
<div>
<p>Alice gave Welcome to Nightvale 5 stars!</p>
<p>Night Vale is a small desert town where all the conspiracy theories you've ever heard are actually true.</p>
</div>
</div>
<footer class="comment-footer">
<label>Leave a comment here: <input type="text"></label>
</footer>
</article>
<article class="review">
<header><span user="1234">Bob</span> reviewed <span book="456">Guards! Guards!</span>
<span author="1233">By Terry Pratchett</span>
</header>
<div class="review-body">
<img src="guardsguards.jpg">
<div>
<p>Bob gave Guards! Guards! 4 stars!</p>
<p>Here there be dragons... and the denizens of Ankh-Morpork wish one huge firebreather would return from whence it came.</p>
</div>
</div>
<footer class="comment-footer">
<label>Leave a comment here: <input type="text"></label>
</footer>
</article>
</div>
</main>
</body>
</html>