index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
<div class="user-card">
<div class="user-card-head">
Date March 8, 2025 at 14:10
</div>
<div class="user-card-body">
<div class="user-card-body-photo">
<a href="https://www.acwing.com/user/myspace/index/266239/" target="_blank">
<img src="/static/images/29a54ab9bff5673ed0638b7c3480123.jpg" alt="">
</a>
</div>
<div class="user-card-body-info">
<div class="user-card-body-info-username">
<a href="https://www.acwing.com/user/myspace/index/266239/" target="_blank">Taikonaut</a>
</div>
<div class="user-card-body-info-reputation">
<span style="color: #6A737C;font-weight: bold;">1,020</span>
<div class="user-card-body-info-reputation-item" style="background-color: #FFCC01;"></div>
21
<div class="user-card-body-info-reputation-item" style="background-color: #b4b8bc;"></div>
5
<div class="user-card-body-info-reputation-item" style="background-color: #D1A684;"></div>
25
</div>
</div>
</div>
</div>
</body>
</html>
style.css
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
<div class="user-card">
<div class="user-card-head">
Date March 8, 2025 at 14:10
</div>
<div class="user-card-body">
<div class="user-card-body-photo">
<a href="https://www.acwing.com/user/myspace/index/266239/" target="_blank">
<img src="/static/images/29a54ab9bff5673ed0638b7c3480123.jpg" alt="">
</a>
</div>
<div class="user-card-body-info">
<div class="user-card-body-info-username">
<a href="https://www.acwing.com/user/myspace/index/266239/" target="_blank">Taikonaut</a>
</div>
<div class="user-card-body-info-reputation">
<span style="color: #6A737C;font-weight: bold;">1,020</span>
<div class="user-card-body-info-reputation-item" style="background-color: #FFCC01;"></div>
21
<div class="user-card-body-info-reputation-item" style="background-color: #b4b8bc;"></div>
5
<div class="user-card-body-info-reputation-item" style="background-color: #D1A684;"></div>
25
</div>
</div>
</div>
</div>
</body>
</html>
