<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<title>学生端</title>
<link rel="stylesheet" href="./index.css">
</head>
<body>
<div class="container">
<div class="main">
<div class="left">
<div class="header">
<div class="text">智 慧 评 价</div>
<div class="text-en">ZHIHUIPINGJIA</div>
</div>
<div class="smart">
<div class="title">
<i class="title-icon"></i>
<span class="title-text">智</span>
</div>
<img src="./images/left-top-line-chart.png" alt="">
</div>
<div class="create">
<div class="title">
<i class="title-icon"></i>
<span class="title-text">科创</span>
</div>
<div class="create-content">
<div class="create-text">
<span>积极参与学校举办的科技类学科节，成绩优异，获最高奖项</span>
<i class="star"></i>
</div>
<div class="create-list">
<div class="create-item">
<img src="./images/zhengshu.png" alt="">
<div class="item-info">
<div class="info-title">中小学实验大赛获银奖</div>
<div class="info-title-bottom"></div>
<div class="info-text">
<div class="info-text-item">
<span class="text-key">时间</span>
<span class="text-value">2024-03-05</span>
</div>
<div class="info-text-item">
<span class="text-key">颁奖单位</span>
<span class="text-value blue">江苏省名师空中课堂</span>
</div>
</div>
</div>
</div>
<div class="create-item">
<img src="./images/zhengshu.png" alt="">
<div class="item-info">
<div class="info-title">中小学实验大赛获银奖</div>
<div class="info-title-bottom"></div>
<div class="info-text">
<div class="info-text-item">
<span class="text-key">时间</span>
<span class="text-value">2024-03-05</span>
</div>
<div class="info-text-item">
<span class="text-key">颁奖单位</span>
<span class="text-value blue">江苏省名师空中课堂</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="beauty">
<div class="title">
<i class="title-icon"></i>
<span class="title-text">美</span>
</div>
<div class="create-content">
<div class="create-text">
<span>积极支持与参加校内外各类不同形式的艺术活动与比赛</span>
<i class="star"></i>
</div>
<div class="create-list">
<div class="create-item">
<img src="./images/zhengshu.png" alt="">
<div class="item-info">
<div class="info-title">中小学实验大赛获银奖</div>
<div class="info-title-bottom"></div>
<div class="info-text">
<div class="info-text-item">
<span class="text-key">时间</span>
<span class="text-value">2024-03-05</span>
</div>
<div class="info-text-item">
<span class="text-key">颁奖单位</span>
<span class="text-value blue">江苏省名师空中课堂</span>
</div>
</div>
</div>
</div>
<div class="create-item">
<img src="./images/zhengshu.png" alt="">
<div class="item-info">
<div class="info-title">中小学实验大赛获银奖</div>
<div class="info-title-bottom"></div>
<div class="info-text">
<div class="info-text-item">
<span class="text-key">时间</span>
<span class="text-value">2024-03-05</span>
</div>
<div class="info-text-item">
<span class="text-key">颁奖单位</span>
<span class="text-value blue">江苏省名师空中课堂</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="middle">
<div class="middle-top">
<img src="./images/middle-top.png" alt="">
</div>
<div class="middle-bottom">
<div class="bottom-left">
<div class="title">
<i class="title-icon"></i>
<span class="title-text">劳</span>
</div>
<div class="bottom-left-content">
<div class="bottom-left-item">
<div class="number">94</div>
<div class="text">总星数</div>
<div class="bg"></div>
</div>
<div class="bottom-left-right">
<img src="./images/bottom-left-right-1.png" alt="">
<img src="./images/bottom-left-right-2.png" alt="">
</div>
</div>
</div>
<div class="bottom-right">
<div class="title">
<i class="title-icon"></i>
<span class="title-text">德</span>
</div>
<div class="bottom-right-top">
<div class="bottom-right-top-item">
<span class="number orange">27</span>
<span class="text">获赞</span>
</div>
<div class="bottom-right-top-item">
<span class="number blue">2</span>
<span class="text">提醒</span>
</div>
</div>
<div class="bottom-right-bottom">
<div class="list-item"><span>爱国爱家爱校，积极参加少先队活动</span><i class="star"></i></div>
<div class="list-item"><span>维护功德环保节约</span><i class="star"></i></div>
<div class="list-item"><span>遵守学生行为规范，不破坏公物</span><i class="star"></i></div>
<div class="list-item"><span>孝亲敬长，独立自主</span><i class="star"></i></div>
</div>
</div>
</div>
</div>
<div class="right">
<div class="right-top">
<div class="bg"></div>
</div>
<div class="right-bottom">
<div class="title">
<i class="title-icon"></i>
<span class="title-text">体</span>
</div>
<div class="list">
<div class="item">
<div class="top blue">合格</div>
<div class="bottom">肺活量</div>
</div>
<div class="item">
<div class="top blue">不合格</div>
<div class="bottom">50m</div>
</div>
<div class="item">
<div class="top blue">合格</div>
<div class="bottom">坐位体前屈</div>
</div>
<div class="item">
<div class="top blue">合格</div>
<div class="bottom">跳绳</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>