✨ 官网新增团队信息和用户信息

website/css/style.css

@@ -239,15 +239,23 @@ p {
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
 }
 .merchant-list {
-  /* max-width: 210px;   */
+  width: 210px;
+  height: 210px;
 
-  border-radius: 10px;
   text-align: center;
 }
+.merchant-item {
+  width: 210px;
+  height: 210px;
+  display: flex;
+  align-items: center;
+  padding: 0 14px;
+  box-shadow: 0px 0px 40px -5px rgba(74, 84, 123, 0.15);
+  border-radius: 10px;
+}
 .merchant-list img {
   width: 100%;
-  display: inline-block;
+  align-items: center;
-  box-shadow: 0px 0px 40px -5px rgba(74, 84, 123, 0.15);
 }
 .merchant-img-container {
   width: 117vw;
@@ -1770,7 +1778,53 @@ p {
     margin-bottom: 50px;
   }
 }
-
+.team-container {
+  width: 100%;
+  overflow-x: auto;
+  margin-bottom: 40px;
+}
+.team-box {
+  width: 2600px;
+}
+.team-box::after {
+  clear: both;
+  content: '';
+  display: block;
+}
+.team-card {
+  width: 485px;
+  height: 232px;
+  background: #ffffff;
+  box-shadow: 0px 0px 40px 0px rgba(110, 127, 193, 0.1);
+  border-radius: 20px;
+  margin-right: 32px;
+  padding: 32px;
+  float: left;
+}
+.team-card img {
+  width: 168px;
+  height: 168px;
+  border-radius: 50%;
+}
+.team-card .team-info {
+  display: inline-block;
+  vertical-align: middle;
+  margin-left: 10px;
+  font-family: PingFangSC-Medium, PingFang SC;
+}
+.team-card .team-info p {
+  font-size: 32px;
+  font-weight: 500;
+  color: #232323;
+  line-height: 30px;
+  margin-bottom: 25px;
+}
+.team-card .team-info span {
+  font-size: 32px;
+  font-weight: 400;
+  color: #7a7a7a;
+  line-height: 30px;
+}
 /* ---------------------------------------------------------------- */
 /* 13.Testimonial Section
 /* ---------------------------------------------------------------- */

website/index.html

@@ -458,9 +458,9 @@
             </div>
           </div>
           <div class="big-adaptation-img-container">
-            <img class="col-lg-3" src="./img/WechatIMG4031.png" />
+            <img class="col-lg-3" src="./img/Bitmap1.png" />
-            <img class="col-lg-3 offset-1" src="./img/WechatIMG4031.png" />
+            <img class="col-lg-3 offset-1" src="./img/Bitmap2.png" />
-            <img class="col-lg-3 offset-1" src="./img/WechatIMG4031.png" />
+            <img class="col-lg-3 offset-1" src="./img/Bitmap3.png" />
           </div>
           <!--// .col //-->
         </div>
@@ -489,22 +489,22 @@
       </div>
       <div class=" bg-circle">
         <div class="merchant-img-container row gx-5">
-          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+          <div class="col-lg-2 merchant-list"><div class="merchant-item"><img src="./img/logo1.svg" /></div></div>
-          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+          <div class="col-lg-2 merchant-list"><div class="merchant-item"><img src="./img/logo2.svg" /></div></div>
-          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+          <div class="col-lg-2 merchant-list"><div class="merchant-item"><img src="./img/logo3.svg" /></div></div>
-          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+          <div class="col-lg-2 merchant-list"><div class="merchant-item"><img src="./img/logo1.svg" /></div></div>
-          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+          <div class="col-lg-2 merchant-list"><div class="merchant-item"><img src="./img/logo2.svg" /></div></div>
-          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+          <div class="col-lg-2 merchant-list"><div class="merchant-item"><img src="./img/logo3.svg" /></div></div>
-          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+          <div class="col-lg-2 merchant-list"><div class="merchant-item"><img src="./img/logo1.svg" /></div></div>
         </div>
 
         <div class="big-adaptation-img-container row gx-5">
-          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+          <div class="col-lg-2 merchant-list"><div class="merchant-item"><img src="./img/101.jpg" /></div></div>
-          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+          <div class="col-lg-2 merchant-list"><div class="merchant-item"><img src="./img/digital.jpg" /></div></div>
-          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+          <div class="col-lg-2 merchant-list"><div class="merchant-item"><img src="./img/siwjie.jpg" /></div></div>
-          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+          <div class="col-lg-2 merchant-list"><div class="merchant-item"><img src="./img/101.jpg" /></div></div>
-          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+          <div class="col-lg-2 merchant-list"><div class="merchant-item"><img src="./img/digital.jpg" /></div></div>
-          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+          <div class="col-lg-2 merchant-list"><div class="merchant-item"><img src="./img/siwjie.jpg" /></div></div>
         </div>
       </div>
       <!--// .container //-->
@@ -525,6 +525,45 @@
           <!--// .col //-->
         </div>
 
+      </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>
+        </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 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">