Skip to content
Snippets Groups Projects
Commit f2b460b4 authored by Zhefu Li's avatar Zhefu Li
Browse files

Update home.html

parent 83c6333e
No related branches found
No related tags found
1 merge request!1Update home.html
Pipeline #528500 canceled
Stage: build
Hide whitespace changes
Inline Side-by-side
Showing
with 53 additions and 0 deletions
wiki/pages/home.html
+ 53
− 0
View file @ f2b460b4
......@@ -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">
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment