TraineeWebsite/about.html at main · Xx358hffy/TraineeWebsite · 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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <title>China</title>
</head>
<body style = "background-image: url('China.jpg')">
    <nav>
        <heading class="left">About Me!</heading>
        <div class="right", class="box">
            <a href="/TraineeWebsite/index.html" class="nav-link">
                <country>Aus</country> <i class="fa-solid fa-ticket"></i>
            </a>
            <a href="/TraineeWebsite/about.html" class="nav-link">
                <country>China</country> <i class="fa-solid fa-ticket"></i>
            </a>
            <a href="/TraineeWebsite/hobbies.html" class="nav-link">
                <country>Korea</country> <i class="fa-solid fa-ticket"></i>
            </a>
            <a href="/TraineeWebsite/facts.html" class="nav-link">
                <country>Japan</country> <i class="fa-solid fa-ticket"></i>
            </a>
            <a href="/TraineeWebsite/links.html" class="nav-link">
                <country>Thailand</country> <i class="fa-solid fa-ticket"></i>
            </a>

            <script src="script.js"></script>
        </div>
    </nav>

    <main>
        <section class="text" id="points">
            <ul>
                <li>3rd Year Actuarial/Computer Science Student studying COMP6080 and ACTL2131 this term</li>
                <li>My pronouns are he/him and I am an ESFJ.</li>
                <li>My mum’s side is from Nanjing and dad’s is from Shanghai</li>
                <li>I'm an 05 so 20 this year. (Unc staus)</li>
            </ul>

        </section>
            <section class="text" >
            Fun Experience in China: Me and my friends went to take a photo at a water city but some dude was smoking in our shot. We asked if he could move for a second and he refused so we just told him to turn around and smile. Here’s the photo :D
            </section>


        <section class="image">
            <img src="letter.jpg" alt="Letter" id="letter" class="letter">

            <!-- Hidden Revealed Image -->
            <img src="water-city.jpg" alt="Revealed Content" id="revealedImage">

            <script src="script.js"></script>
        </section>


    </main>
</body>
</html>