diff --git a/wiki/pages/home.html b/wiki/pages/home.html
index 07bb7655541f8bac5c428bb92faa6ff05894f5c3..088651559030842a3edb95e14ec6a7f7d30bfe67 100644
--- a/wiki/pages/home.html
+++ b/wiki/pages/home.html
@@ -351,6 +351,22 @@
opacity: 1;
transform: translateY(0);
}
+ .container {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-around;
+ }
+ .image-wrapper {
+ text-align: center;
+ margin-bottom: 20px;
+ }
+ .image-wrapper img {
+ width: 150px; /* ä½ å¯ä»¥æ ¹æ®éœ€è¦è°ƒæ•´å›¾ç‰‡å¤§å° */
+ height: auto;
+ }
+ .image-description {
+ font-size: 14px; /* ä½ å¯ä»¥æ ¹æ®éœ€è¦è°ƒæ•´å—ä½“å¤§å° */
+ }
</style>
</head>
<body>
@@ -359,6 +375,43 @@
</div>
{% include 'menu.html' %}
+ <div class="container">
+ <!-- 图片1 -->
+ <div class="image-wrapper">
+ <img src="https://static.igem.org/websites/common/2023/icons/medal-flat.svg" alt="gold medal">
+ <p class="image-description">GOLD MEDAL</p>
+ </div>
+ <!-- 图片2 -->
+ <div class="image-wrapper">
+ <img src="https://static.igem.org/websites/common/2022/icons/awards/top10-color.svg" alt="top10">
+ <p class="image-description">Top 10</p>
+ </div>
+ <!-- 图片3 -->
+ <div class="image-wrapper">
+ <img src="https://static.igem.org/websites/competition/2022/icons/awards/presentation.svg" alt="presentation">
+ <p class="image-description">Best presentation</p>
+ </div>
+ </div>
+ <div class="container">
+ <!-- 图片4 -->
+ <div class="image-wrapper">
+ <img src="https://static.igem.wiki/teams/4634/wiki/icon/index-thera-icon.png" alt="thera">
+ <p class="image-description">BEST THERAPEUTICS PROJECT</p>
+ <p class="image-description">(nomination)</p>
+ </div>
+ <!-- 图片5 -->
+ <div class="image-wrapper">
+ <img src="https://static.igem.org/websites/competition/2022/icons/awards/model.svg" alt="model">
+ <p class="image-description">BEST MODEL</p>
+ <p class="image-description">(nomination)</p>
+ </div>
+ <!-- 图片6 -->
+ <div class="image-wrapper">
+ <img src="https://static.igem.org/websites/competition/2022/icons/awards/inclusivity.svg" alt="inclusivity">
+ <p class="image-description">BEST INCLUSIVITY</p>
+ <p class="image-description">(nomination)</p>
+ </div>
+ </div>
<div class="content-wrapper">
<div id="first-block">