webdevlabs/index.html at main · leongcmu/webdevlabs · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="Isabel Leong">
    <meta name="keywords" content="Carnegie Mellon University, Information Systems">
    <meta name="description" content="Isabel Leong Professional Website">
    <title>Isabel Leong</title>
    <link rel="stylesheet" href="static/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=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script src="./static/script.js" defer></script>
</head>

<body onload="addYear()">
    <header>
        <h1 id ="webname">Isabel Leong</h1>
        <nav class = "mynav">
            <a href="index.html">Home</a>
            <a href="views/cv.html">CV</a>
            <a href="views/fun.html">For Fun</a>
            <a href="views/contact.html">Contact Me</a>
        </nav>
    </header>

    <div>
        <h2 id="greeting"> My Name is Isabel Leong</h2>
        <img src="static/cmu_seal.png" alt="Carnegie Mellon University Seal">
        <div class="main">
            <span id="shortIntro">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
                eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
                ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
                aliquip ex ea commodo consequat.
            </span>
            <span id="readMore">
                Read More
            </span>
            <span id="longIntro">
                Duis aute irure dolor in reprehenderit in voluptate velit esse
                cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
                cupidatat non proident, sunt in culpa qui officia deserunt mollit
                anim id est laborum.
            </span>
            <span id="readLess">
                Read Less
            </span>
        </div>
    </div>

    <div>
        <footer>
            <p id="copyYear"> Designed and Coded by Isabel Leong &copy; </p>
        </footer>
    </div>

</body>
</html>