Home_Page.github.io/Gallery.html at main · KKDJOSEPH/Home_Page.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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Haoyang Ding's proj 1</title>
    <meta name="author" content="Haoyang Ding">
    <meta name="description" content="Haoyang Ding's Homepage. The author, Haoyang Ding, preserves any right for the content of the website.">
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" >
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
    <link href="assets/images/duck.png" type="image/x-icon" rel="icon">
    <link href="assets/css/gallery.css" rel="stylesheet">
</head>

<body>
    <div class="bg bg-blur"> </div>
    <div class="content">
        <header id="header">
            <div>
                <div class="profile">
                    <img src="assets/images/selfie.JPG" alt="" class="img-fluid rounded-circle">
                    <h1 class="text-light"><a href="index.html">Haoyang Ding</a></h1>
                </div>

                <nav class="nav-menu">
                    <ul>
                        <li><a href="index.html"> <span>Home</span></a></li>
                        <li><a href="Education.html"> <span>Education</span></a></li>
                        <li><a href="Project.html"> <span>Project</span></a></li>
                        <li><a href="Gallery.html"> <span>Gallery</span></a></li>
                    </ul>
                </nav>

            </div>
        </header>
        <div class="content">
            <div class="stage">
                <img id="viewer" src="#" alt="image" height="700" width="1200"/>
            </div>
        </div>
    </div>
<footer id="footer">
    <div class="foot-info">
        <span><a href="mailto:ding.haoya@northeastern.edu"><img src="https://img.icons8.com/fluent/48/000000/gmail--v1.png" alt="mail"/></a></span>
        <span><a href="https://github.com/KKDJOSEPH"><img src="https://img.icons8.com/fluent/48/000000/github.png" alt="mail"/></a></span>
        <span><a href="https://www.linkedin.com/in/haoyang-ding-884634193/"><img src="https://img.icons8.com/color/48/000000/linkedin-circled--v5.png" alt="mail"/></a></span>
        <span><a href="https://twitter.com/KKD_Joseph"><img src="https://img.icons8.com/color/48/000000/twitter--v2.png" alt="mail"/></a></span>
    </div>
    <div class="container">
        <div class="copyright">
            &copy; Copyright <strong><span>Haoyang Ding</span></strong>
        </div>
    </div>
</footer>

<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>