-
Notifications
You must be signed in to change notification settings - Fork 4
/
quotes.html
49 lines (45 loc) · 1.66 KB
/
quotes.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Memes & Quotes</title>
<link rel="stylesheet" href="./css/styles.css"/>
<script text="text/javascript">
function toggleDarkMode() {
// change to dark theme if not so already
document.body.classList.toggle("dark_theme")
}
</script>
</head>
<body>
<header>
<nav class="navbar">
<a class="nav_link" href="index.html">Memes</a>
<h1 class="center_text">MemesMetro</h1>
<a class="nav_link" href="quotes.html">Quotes</a>
</nav>
<!-- TODO: use JS to toggle dark theme on and off -->
<p class="center_text"><button onclick="toggleDarkMode()">toggle theme</button></p>
</header>
<section class="quotes_container">
<h1>Quotes</h2>
<h2 class="quote_description">What is a quote?</h3>
<p>Quote is the repetition of someone else's statement or thoughts</p>
<section class="quote_card">
<blockquote>When life gives you lemons you make lemonade</blockquote>
<p class="person_name">- Jayson Tai</p>
</section>
<section class="quote_card">
<blockquote
>I have a dream that my four little children will one day live in a nation where they will not be judged by the color of their
skin, but by the content of their character.</blockquote
>
<p class="person_name">- Martin Luther King</p>
</section>
<section class="quote_card">
<blockquote>My greatest pain in life is that I will never be able to see myself perform live.</blockquote>
<p class="person_name">- Kanye West</p>
</section>
</section>
</body>
</html>