likelion13-htmlcss/index.html at main · EauLune01/likelion13-htmlcss · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>최성민의 자기 소개</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>저는 최성민입니다</header>
    <nav>
        <a>프로필</a>
        <a>TMI</a>
        <a>한 줄 소개</a>
    </nav>
    <section id="profile">
        <h2>프로필</h2>
        <table>
            <tr>
                <th>이름</th>
                <td>최성민</td>
            </tr>
            <tr>
                <th>파트</th>
                <td>Backend</td>
            </tr>
            <tr>
                <th>전공</th>
                <td>국어국문학과, 융합소프트웨어학과</td>
            </tr>
        </table>
    </section>
    <section id="tmi">
        <h2>내 TMI</h2>
        <div class="tmi-container">
            <div class="tmi-card">
                <img class="tmi-img" src="./images/pasta.jpg"  width=200px alt="파스타">
                <p><strong>요즘 최애 음식</strong><br/>파스타</p>
            </div>
            <div class="tmi-card">
                <img class="tmi-img" src="./images/mbti.jpg" width=200px alt="INTJ">
                <p><strong>mbti</strong><br/>INTJ</p>
            </div>
            <div class="tmi-card">
                <img class="tmi-img" src="./images/music.jpg" width=200px alt="smile again">
                <p><strong>요즘 듣는 음악</strong><br/>smile again</p>
            </div>
        </div>
    </section>
    <section id="comment">
        <h2>한 줄 소개 남기기</h2>
        <form>
            <input type="text" placeholder="한 줄 소개를 입력하세요!"/>
            <button type="submit">등록</button>
        </form>
    </section>
    <footer>
        <a href="https://github.com/EauLune01" target="_blank">Github 보러가기</a>
        <br />© 2025 최성민. All rights Reserved.
    </footer>
</body>
</html>