website/lab1.html at main · shenyuhao1/website · 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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人简历</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 20px;
            background-color: #f4f4f4;
            display: grid;
            grid-template-columns: 1fr; /* Single column layout */
            gap: 20px; /* Space between sections */
            align-items: center; /* Center items vertically */
        }
        header {
            text-align: center;
            padding: 10px;
            background-color: #007BFF;
            color: white;
            width: 100%;
        }
        .ellipse {
            width: 300px;
            height: 200px;
            border-radius: 50%;
            background: radial-gradient(circle, #ff7e5f, #feb47b);
            animation: gradientAnimation 5s infinite alternate, sizeAnimation 5s infinite alternate;
            margin-bottom: 20px; /* Space between ellipse and sections */
        }

        @keyframes gradientAnimation {
            0% {
                background: radial-gradient(circle, #ff7e5f, #feb47b);
            }
            100% {
                background: radial-gradient(circle, #6a11cb, #2575fc);
            }
        }

        @keyframes sizeAnimation {
            0% {
                transform: scale(1); /* 原始大小 */
            }
            100% {
                transform: scale(1.1); /* 放大10% */
            }
        }

        .section {
            background-color: white;
            padding: 15px;
            border-radius: 5px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            width: 100%; /* Make section full width */
        }
        .section-title {
            font-weight: bold;
            font-size: 18px;
            margin-bottom: 10px;
        }
        .info {
            margin-bottom: 10px;
        }
        .info-label {
            font-weight: bold;
        }
    </style>
</head>
<body>

<header>
    <h1>个人简历</h1>
</header>

<div class="ellipse"></div>

<div class="section">
    <div class="section-title">基本信息</div>
    <img src="C:\Users\13017\Desktop\homewo2\website\jianxiaoli.jpg">
    <div class="info"><span class="info-label">姓名:</span> 简小丽</div>
    <div class="info"><span class="info-label">年龄:</span> 26</div>
    <div class="info"><span class="info-label">性别:</span> 女</div>
    <div class="info"><span class="info-label">地址:</span> 湖南 长沙 铲沙区</div>
    <div class="info"><span class="info-label">电话:</span> 135-0000-0000</div>
    <div class="info"><span class="info-label">婚姻状况:</span> 已婚</div>
</div>

<div class="section">
    <div class="section-title">求职意向</div>
    <div class="info">区域经理</div>
</div>

<div class="section">
    <div class="section-title">工作经历</div>
    <div class="info">1. 社区服务站慢病管理员</div>
    <ul>
        <li>负责为客户提供身体健康结果。</li>
        <li>评估客户的健康状况和疾病风险，进行健康咨询与指导。</li>
        <li>对指标进行监测，开展高血压相关工作。</li>
    </ul>
</div>

<div class="section">
    <div class="section-title">教育经历</div>
    <div class="info">中专学历（本人大专不高，正在就读成人高考）</div>
</div>

<div class="section">
    <div class="section-title">社会关系</div>
    <div class="info">家人从事教育行业和领导岗位等工作。</div>
    <div class="info">本人对象与很多老朋友关系良好，具有一定的社会关系。</div>
</div>

<div class="section">
    <div class="section-title">自我评估</div>
    <ul>
        <li>对市场具有一定的观察与判断能力，了解当地市场流量、竞争情况、消费者喜好、消费者分布情况。</li>
        <li>对待工作认真负责，能够制定一定的工作计划。</li>
        <li>对行业的知识和产品的认识有一定的了解。</li>
        <li>能够快速掌握和适应各类环境等能力。</li>
    </ul>
</div>

</body>
</html>