html_lesson/resume.html at main · HM2006/html_lesson · 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
63
64
65
66
67
68
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>熊晨臣的简历</title>
</head>
<body style="background-color: #f0f0f0; padding: 50px 0;">

    <div style="width: 700px; background-color: white; margin: 0 auto; padding: 40px; box-shadow: 0 0 10px rgba(0,0,0,0.1);">

        <div style="text-align: center;">
            <h1 style="margin-bottom: 20px;">熊晨臣</h1>
            <img src="pic.png" alt="头像" style="width: 300px; border: 1px solid #ccc;">
        </div>

        <p style="color: #00acee; font-weight: bold;">表单链接</p>
        <hr>

        <ul style="line-height: 2;">
            <li><b>性别：</b> 男</li>
            <li><b>电话：</b> <a href="tel:18912345678" style="color: #00acee; text-decoration: none;">18912345678</a></li>
            <li><b>邮箱：</b> xiongchenchen@example.com</li>
            <li><b>生日：</b> 2006.08.28</li>
            <li><b>兴趣：</b> 玩 <a href="https://www.yysls.cn/">燕云十六声</a>、<a href="https://ow.blizzard.cn/#/">守望先锋</a>、王者荣耀、金铲铲之战</li>
        </ul>

        <div style="background-color: #00acee; color: white; padding: 5px 10px; margin-top: 20px;">
            教育背景 Education
        </div>
        <table style="width: 100%; text-align: center; border-collapse: collapse; margin-top: 15px;">
            <tr style="font-weight: bold;">
                <td style="padding: 10px;">时间</td>
                <td>学校</td>
                <td>职务</td>
            </tr>
            <tr>
                <td style="padding: 10px;">2222</td>
                <td>2222</td>
                <td>2222</td>
            </tr>
            <tr>
                <td style="padding: 10px;">3333</td>
                <td>3333</td>
                <td>3333</td>
            </tr>
        </table>

        <div style="background-color: #00acee; color: white; padding: 5px 10px; margin-top: 20px;">
            工作经验...
        </div>
        <ol style="line-height: 1.8; margin-top: 15px;">
            <li>asdfasdf</li>
            <li>asdfasdf</li>
            <li>asdfasdf</li>
            <li>asdfasdf</li>
        </ol>

        <div style="background-color: #00acee; color: white; padding: 5px 10px; margin-top: 20px;">
            自我介绍
        </div>
        <p style="margin-top: 15px; line-height: 1.6;">
            This a df adf adsfoiweofj nasdfjlajflasj ldkfj lasdf jaskf asdlfjalf
        </p>

    </div>

</body>
</html>