binyueddd.github.io/index.html at master · binyueddd/binyueddd.github.io · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>My Portfolio</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <h1>Binyue's Portfolio</h1>
    </header>
    <div class="container">
        <aside class="profile">
            <h2>Information</h2>
            <p><strong>Name: </strong>Binyue Deng</p>
            <p><strong>Mail: </strong><a href="mailto:binyuedeng@163.com">binyuedeng@163.com</a></p>

        </aside>
        <section id="gallery">
            <h2>Performance Video</h2>
            <article>
                <h3>Mendelssohn Piano Trio No.1 </h3>
                <iframe width="560" height="315" src="https://www.youtube.com/embed/PYsc9e8ENN4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
            </article>
            <article>
                <h3>Chopin Barcarolle Op.60</h3>
                <iframe width="560" height="315" src="https://www.youtube.com/embed/eSXoSIqY1MY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
            </article>
            <article>
                <h3>Chopin Scherzo No.4 </h3>
                <iframe width="560" height="315" src="https://www.youtube.com/embed/zHdqfSGfBOA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
            </article>
            <article>
                <h3>Clip</h3>
                <iframe width="560" height="315" src="https://www.youtube.com/embed/NGCBjPu8gPc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
            </article>
        </section>
    </div>
    <footer>
        <!-- <p>Copyright © 你的名字</p> -->
    </footer>
</body>
</html>