practice4/index.html

<!DOCTYPE html>
<html>

<head>
    <title>ZHAO SHUAI HP</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="./style.css">
</head>

<body>
    <header>
        <h1>趙帥(チョウスイ)</h1>
        <img src="../src/jaist.jpg" alt="Avatar" width="400" height="200">
    </header>
    <nav id="nav">
        <ul>
            <li><a href="./index.html">Home</a></li>
            <li><a href="./course.html">Course</a></li>
        </ul>
    </nav>
    <main>
        <p id="hci">
            Hello, everyone. <br> I like coding and I am a student of Information Science. <br> I am learning web development now. I hope I can make more progress in the future.<br>
        </p>
        <hr>
        <h2>趣味</h2>
        <ul class="intrest">
            <li id="i1">Skying</li>
            <li id="i2">Playing video games(RPG, FPS, etc.) </li>
            <li id="i3">Watching pets' videos </li>
            <li id="i4">Reading supernatural fiction </li>
        </ul>
        <hr>
        <h2>Programming Lauguages</h2>
        <ul>
            <li>Objective-c</li>
            <li>Swift</li>
            <li>C/C++</li>
            <li>Python </li>
            <li>JAVA </li>
            <li>Swift</li>
        </ul>
    </main>
    <footer>
    </footer>
</body>

</html>