Zejun-Zhou-Website/hobby.html at main · ZejunZhou/Zejun-Zhou-Website · 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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html>
    <head>
        <title>Zejun's HomeSite</title>
        <link rel="stylesheet" href="header.css">
        <link rel="stylesheet" href="general.css">
        <link rel="stylesheet" href="bar.css">
        <link rel="stylesheet" href="text.css">
        <link rel="stylesheet" href="footer.css">
        <link rel="stylesheet" href="hobby.css">
    </head>

    <body>

        <div class="header">
            <div class="left_section">
                <a href="index.html"><img class="homeimg" src="images/homes.png"></a>
                <a class="left_title" href="index.html">Zejun's Homepage</a>
            </div>

            <div class="right_section">
                <a href="https://www.linkedin.com/in/zejun-zhou-9361201bb/">
                    <img class="linkedinimg" src="images/linkedin.png">
                </a>
                <a href="https://github.com/ZejunZhou">
                    <img class="githubimg" src="images/github.png">
                </a>
                <img class="profileimg" src="images/profilepic.jpeg">
            </div>
        </div>

        <div class="bar">
            <a class="barlinks" href="index.html">
                <img src="images/about.png">
                <div class="text">About</div>
            </a>

            <a class="barlinks" href="skill.html">
                <img src="images/skill.png">
                <div class="text">Skill</div>
            </a>

            <a class="barlinks" href="experience.html">
                <img src="images/experience.png">
                <div class="text">Experience</div>
            </a>

            <a class="barlinks" href="project.html">
                <img src="images/project.png">
                <div class="text">Project</div>
            </a>

            <a class="barlinks" href="awards.html">
                <img src="images/awards.png">
                <div class="text">Awards</div>
            </a>

            <a class="barlinks" href="hobby.html">
                <img src="images/hobby.png">
                <div class="text">Hobbies</div>
            </a>


        </div>


        <div class="textsection">
            <header>
                <h1 class="textheader">Hobbies</h1>
            </header>

            <div class="hobbysection">
                <h2>Swimming</h2>

                <h2>Piano</h2>

                <h2>Badminton</h2>

                <h2>Reading</h2>

                <h2>Music</h2>

            </div>
        </div>

    </body>
</html>