makewebpagesample/index.html at main · atcs-wang/makewebpagesample · 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>
<!-- Template adapted from MDN's example at https://mdn.github.io/beginner-html-site-styled/ -->

<head>
    <meta charset="utf-8">
    <title>My personal page</title>

    <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=Open+Sans&display=swap" rel="stylesheet">

    <link href="styles/style.css"
    rel="stylesheet"
    type="text/css">
</head>

<body>
    <h1>Mr. Wang is OK!</h1>
    <img src="images/portrait.jpg" alt="A stunning portrait of Mr. Wang." title="Really captures the hair.">

    <p class="bold">Mr. Wang is a CS teacher at Bergen County Academies.</p>

    <div class="coolbox">
        <p>Mr. Wang loves teaching a wide range of CS-related subjects, including</p>

        <ul>
            <!-- changed to list in the tutorial -->
            <li>Introductory Programming (<span class="lang">Python/Java/HTML/CSS/Javascript</span>)</li>
            <li>Systems Programming (<span class="lang">6502 Assembly, C</span>)</li>
            <li class="bold">Web Development (<span class="lang">NodeJS</span>)</li>
            <li>Artificial Intelligence and Machine Learning</li>
        </ul>
    </div>

    <p class="bold">He believes strongly in active, project-centric learning, and values collaboration, transparency, and taking
        creative risks.</p>

    <p>Check out his growing set of web-related learning materials on his <a
            href="https://atcs-wang.github.io/learnweb/">Github Pages website</a> to see what he's been up to
        lately!</p>
</body>

</html>