iris-l-u.github.io/oolongtea.html at master · iris-l-u/iris-l-u.github.io · GitHub

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
<!DOCTYPE html>
<html>

<head>
    <title>Oolong Tea</title>
    <link rel="stylesheet" type="text/css" href="assets/css/navbar.css">
    <link rel="stylesheet" type="text/css" href="assets/css/oolongtea-style.css">
    <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
</head>

<body>
    <!-- Navbar HTML -->
    <div class="nav-bar">
        <div class="nav-bar-items">
            <p id=home> <a href="index.html">HOME</a></p>
            <p id=types> <a href="types.html">TYPES</a></p>
            <p id=questions> <a href="questions.html">???</a></p>
            <p id="rcorners1"></p>
        </div>
    </div>

    <!-- Tea Types -->
    <div class="content">
        <div id="column1">
            <div class="image">
                <img src="assets/img/oolongtea.png" />
            </div>
            <h1>Oolong Tea</h1>
        </div>
        <div id="column2">
            <div class="description">
                <h2>Otherwise known as “wulong” or “black dragon” tea, Oolong tea is made from the Carmellia Sinensis plant (just like Green and Black tea!). The difference comes in how Oolong tea is processed — sitting in between Green and Black tea, Oolong
                    is semi-oxidized and is always produced as a whole-leaf tea.
                </h2>
                <h2>The level of oxidation can range widely, and so can the tea’s flavor, color, and aroma. The less oxidized the tea, the lighter it is in color — while the more oxidized, the darker the color. It sits as a steady balance between Green and
                    Black tea.</h2>
            </div>
            <div id="button"> <a href="types.html">← Back</a></div>
        </div>
    </div>
</body>

</html>