github/h5-Dooring
1
0
Fork 0
mirror of https://github.com/MrXujiang/h5-Dooring.git synced 2025-12-10 08:22:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: 修改官网团队介绍区样式

Browse Source
This commit is contained in:
tianshang 2021-06-01 23:04:59 +08:00
parent 4f9dbad52e
commit a2ee6832de
5 changed files with 69 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
website/css/style.css
View File

@ -110,8 +110,7 @@ p {
padding-bottom: 52px;
}
.preview-container img {
width: 120px;
height: 270px;
height: 370px;
}
.section-padding {
padding: 65px 0;
@ -434,6 +433,9 @@ p {
.mobile-hidden {
display: none !important;
}
.team-box .team-card{
width: 40%;
}
}
@media only screen and (min-width: 750px) {
@ -1785,7 +1787,8 @@ p {
margin-bottom: 40px;
}
.team-box {
width: 2600px;
text-align: center;
padding-top: 20px;
}
.team-box::after {
clear: both;
@ -1793,18 +1796,21 @@ p {
display: block;
}
.team-card {
width: 485px;
height: 232px;
width: 220px;
font-size: 14px;
height: 130px;
background: #ffffff;
box-shadow: 0px 0px 40px 0px rgba(110, 127, 193, 0.1);
box-shadow: 0px 0px 40px 0px rgb(110 127 193 / 10%);
border-radius: 20px;
margin-right: 32px;
padding: 32px;
float: left;
padding: 30px 12px;
display: inline-block;
margin-bottom: 20px;
text-align: inherit;
}
.team-card img {
width: 168px;
height: 168px;
width: 60px;
height: 60px;
border-radius: 50%;
}
.team-card .team-info {
@ -1814,14 +1820,14 @@ p {
font-family: PingFangSC-Medium, PingFang SC;
}
.team-card .team-info p {
font-size: 32px;
font-size: 16px;
font-weight: 500;
color: #232323;
line-height: 30px;
margin-bottom: 25px;
margin-bottom: 2px;
}
.team-card .team-info span {
font-size: 32px;
font-size: 16px;
font-weight: 400;
color: #7a7a7a;
line-height: 30px;

BIN
website/img/ralap.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 84 KiB

After

Width:  |  Height:  |  Size: 41 KiB

BIN
website/img/大风吹.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 48 KiB

BIN
website/img/朝霞.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

84
website/index.html
View File

@ -496,13 +496,13 @@
</div>
<div class="big-adaptation-img-container row gx-5">
</div>
</div>
<!--// .container //-->
</section>
<section class="contact-section section-padding" data-scroll-index="5">
<section class="contact-section section-padding mobile-hidden" data-scroll-index="5">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
@ -520,42 +520,58 @@
</div>
<div class="team-container">
<div class="team-box">
<div class="team-card">
<img src="./img/徐小夕.jpg" alt="">
<div class="team-info">
<p>产品/技术/运营</p>
<span>徐小夕</span>
<div class="team-card">
<img src="./img/徐小夕.jpg" alt="">
<div class="team-info">
<p>产品/技术/运营</p>
<span>徐小夕</span>
</div>
</div>
<div class="team-card">
<img src="./img/大风吹.jpg" alt="">
<div class="team-info">
<p>产品</p>
<span>大风吹</span>
</div>
</div>
<div class="team-card">
<img src="./img/背完单词看视频.jpg" alt="">
<div class="team-info">
<p>技术</p>
<span>背完单词看视频</span>
</div>
</div>
<div class="team-card">
<img src="./img/ralap.jpg" alt="">
<div class="team-info">
<p>技术</p>
<span>Ralap_C</span>
</div>
</div>
</div>
<div class="team-card">
<img src="./img/背完单词看视频.jpg" alt="">
<div class="team-info">
<p>技术</p>
<span>背完单词看视频</span>
<div class="team-box">
<div class="team-card">
<img src="./img/朝霞.jpg" alt="">
<div class="team-info">
<p>技术</p>
<span>朝霞</span>
</div>
</div>
<div class="team-card">
<img src="./img/47.jpg" alt="">
<div class="team-info">
<p>设计师</p>
<span>47</span>
</div>
</div>
<div class="team-card">
<img src="./img/黎光.jpg" alt="">
<div class="team-info">
<p>运营</p>
<span>黎光</span>
</div>
</div>
</div>
<div class="team-card">
<img src="./img/ralap.jpg" alt="">
<div class="team-info">
<p>技术</p>
<span>Ralap_C</span>
</div>
</div>
<div class="team-card">
<img src="./img/47.jpg" alt="">
<div class="team-info">
<p>设计师</p>
<span>47</span>
</div>
</div>
<div class="team-card">
<img src="./img/黎光.jpg" alt="">
<div class="team-info">
<p>运营</p>
<span>黎光</span>
</div>
</div>
</div>
</div>
<div class="row align-items-center justify-content-center">
<div class="col-lg-8">