提交

杨乐
participated.html
--- a/participated.html
查看文件 @bf76140
+++ b/participated.html
查看文件 @bf76140
@@ -26,6 +26,10 @@
     <link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>
     <style>
+        .par-morebro1 {
+            display: none;
+        }
+
         .header-txt1 {
             padding: 0;
             margin: 30px 110px 170px 70px;
@@ -356,11 +360,49 @@
         }
         @media (max-width: 768px) {
+            .par-morebro1{
+                display: flex;
+                place-content: center;
+            }
+            .par-morebro1 a{
+                width: 100px;
+                height: 30px;
+                background: #97dab6;
+                border-radius: 15px;
+                font-size: 12px;
+                font-family: PingFangSC, PingFangSC-Medium;
+                font-weight: 500;
+                text-align: center;
+                color: #323232;
+                display: flex;
+                place-content: center;
+                place-items: center;
+            }
+
+            .par-head-right-title2,
+            .par-head-right-title1 {
+                margin-right: 20px;
+                display: flex;
+                flex-direction: column;
+                place-items: center;
+            }
+
+            .par-head-left-title {
+                margin-top: 0;
+            }
+
+            .header-img1 {
+                width: 105px;
+                height: 15px;
+            }
+
             .header-btnL {
                 display: block;
             }
             .header-loginBtn {
+                letter-spacing: 3px;
+                margin-right: 10px;
                 display: block;
                 font-size: 14px;
                 padding: 0;
@@ -376,7 +418,7 @@
             }
             .header-txt1 {
-                margin: 25px 20px;
+                margin: 13px 20px;
                 place-items: center;
                 padding: 0;
             }
@@ -387,7 +429,7 @@
             }
             .header-text {
-                margin-top: 80px;
+                margin-top: 92px;
                 padding: 0 0 20px 15px;
             }
@@ -395,12 +437,7 @@
                 padding-bottom: 0px;
             }
-            .par-head-left-hello h2 {
-                display: flex;
-                flex-direction: column;
-                padding-bottom: 10px;
-            }
-
+            .par-head-left-title h2,
             .par-head-left-hello h2 {
                 font-size: 14px;
                 font-family: PingFangSC, PingFangSC-Semibold;
@@ -434,6 +471,8 @@
             }
             .rongYuXunZhang {
+                letter-spacing: 1px;
+                padding-bottom: 10px;
                 color: #66CA94;
                 font-size: 9px;
                 font-family: PingFangSC, PingFangSC-Medium;
@@ -452,6 +491,47 @@
                 margin-bottom: 15px;
             }
+            .finish {
+                padding-top: 0;
+                font-size: 9px;
+                font-family: Helvetica;
+                text-align: center;
+                color: #323232;
+                line-height: 11px;
+                letter-spacing: 0px;
+            }
+
+            #recommend-num,
+            #finish-num {
+                font-size: 14px;
+                font-family: Gotham, Gotham-Bold;
+                font-weight: 700;
+                text-align: left;
+                color: #66ca94;
+                line-height: 16px;
+            }
+
+            .finish_content {
+                padding-bottom: 20px;
+                padding-top: 7px;
+                font-size: 9px;
+                font-family: Helvetica;
+                text-align: justify;
+                color: #5a5a5a;
+                line-height: 16px;
+            }
+
+            .par-head-right-title2 a,
+            .par-head-right-title1 a {
+                padding-top: 0;
+                width: 100%;
+                font-size: 9px;
+                font-family: Helvetica;
+                text-align: justify;
+                color: #66CA94;
+                line-height: 16px;
+            }
+
             .par-head-right-title1 p {
                 font-size: 9px;
                 font-family: Helvetica;
@@ -465,14 +545,14 @@
             }
             header {
-                height: 600px;
+                height: 555px;
             }
             .header-text p {
                 margin-bottom: 7px;
             }
-            .box-content {
+            #projects1 {
                 padding: 40px 30px;
             }
@@ -488,6 +568,13 @@
             .par-learning {
                 font-size: 14px;
+                padding: 10px 10px 20px;
+                height: 24px;
+                font-family: PingFangSC, PingFangSC-Semibold;
+                font-weight: 600;
+                text-align: left;
+                color: #323232;
+                line-height: 24px;
             }
             footer {
@@ -549,9 +636,8 @@
             }
             .par-pro-Featured {
-                padding-right: 0px;
-                padding-left: 0px;
-                padding-bottom: 20px;
+                justify-content: center;
+                padding: 13px 0 42px;
             }
             .col-sm-60 {
@@ -599,7 +685,7 @@
             }
             .portfolio-post {
-                height: 22%;
+                height: 120px;
                 margin-bottom: 20px;
             }
@@ -674,6 +760,35 @@
                 display: flex;
                 place-items: center;
             }
+
+            /* 名企 */
+            #projects2 {
+                display: flex;
+                flex-direction: column;
+                place-content: center;
+                padding: 40px 30px;
+            }
+
+            .featured {
+                height: 10px;
+                font-size: 9px;
+                font-family: Gotham, Gotham-Medium;
+                font-weight: 500;
+                text-align: center;
+                color: #66ca94;
+                line-height: 11px;
+                letter-spacing: 0px;
+            }
+
+            .dingjian {
+                height: 24px;
+                font-size: 14px;
+                font-family: PingFangSC, PingFangSC-Regular;
+                font-weight: 400;
+                text-align: center;
+                color: #323232;
+                line-height: 24px;
+            }
         }
     </style>
@@ -723,7 +838,7 @@
                                 <img src='img/portfolio/13-1.png' style='width:100%;'>
                             </div>
                             <div class="finish">你已完成
-                                <span style="color: #66CA94;" id="finish-num"></span> 个实习项目
+                                <span style="color: #66CA94;" id="finish-num">10</span> 个实习项目
                             </div>
                             <div class="finish_content">完成更多项目,以获得实践经验,增加你的简历和获得你的品牌完成证书。</div>
                             <a style="color:#66CA94 ;" href="./completed.html">查看你完成的实习项目></a>
@@ -733,7 +848,7 @@
                                 <img src='img/portfolio/13-2.png' style='width:100%;'>
                             </div>
                             <div class="finish">你获得了
-                                <span style="color: #66CA94;" id="recommend-num"></span> 个推荐
+                                <span style="color: #66CA94;" id="recommend-num">10</span> 个推荐
                             </div>
                             <div class="finish_content">获得来自行业前辈的推荐,让更多行业领域能看见你的出色的成果展示,以及你的简历和个人资料。</div>
                             <a style="color: #66CA94;" href="./recommend.html">查看获得的推荐></a>
@@ -748,10 +863,8 @@
     <div id="page-content" style="background-color: #f0f0f0;">
         <section class="box-content box-2" id="projects1">
             <div class="jinxingzhong">
-                <!-- <div class="row heading"> -->
                 <div class="intro">实习流程 Intern Program Process</div>
                 <h2 class="par-learning">进行中的实习项目</h2>
-                <!-- </div> -->
             </div>
             <!-- 参与项目 -->
             <div class="no-gutter par-pro-list" style="display: flex;flex-wrap: wrap;" id="canyu-project">
@@ -823,6 +936,7 @@
             <div class="portfolio-items-container" id="enterpriseProject" href='profile.html'>
             </div>
+            <div class="par-morebro1"><a onclick="morebro()" style="cursor: pointer;">浏览更多</a></div>
         </section>
     </div>