dnwu12.github.io/about.html at main · dnwu12/dnwu12.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
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>DNWU | ABOUT</title>
    <link rel="stylesheet" href="style.css">
</head>
<body class="crt">
    <nav class="nav-bar">
        <a href="index.html" class="nav-logo"><img src="home.jpg"></a>
        <ul class="nav-links">
            <li><a href="index.html">HOME</a></li>
            <li><a href="about.html" class="active">ABOUT</a></li>
            <li><a href="projects.html">PROJECTS</a></li>
            <li><a href="gallery.html">GALLERY</a></li>
            <li><a href="blog.html">BLOG</a></li>
        </ul>
    </nav>

    <main class="container">
        <h2 class="section-title">ABOUT</h2>
        <div class="glass-card">
            <h3 style="color: var(--ice); margin-bottom: 20px;">dnwu 12</h3>
            <p>웹사이트과 앱들을 만듭니다. 얼불춤이 취미.</p>

            <div style="margin-top: 40px;">
                <div class="stat-row">
                    <span>WEB DEVELOPMENT</span>
                    <div style="width: 100%; height: 5px; background: #222; margin: 10px 0;"><div style="width: 90%; height: 100%; background: var(--ice);"></div></div>
                </div>
                <div class="stat-row">
                    <span>BROWSER PLUGINS</span>
                    <div style="width: 100%; height: 5px; background: #222; margin: 10px 0;"><div style="width: 85%; height: 100%; background: var(--fire);"></div></div>
                </div>
            </div>
        </div>
    </main>

    <script src="script.js"></script>
</body>
</html>