|
...
|
...
|
@@ -34,7 +34,7 @@ |
|
|
|
.save-all {
|
|
|
|
display: flex;
|
|
|
|
background-color: #FCFBFD;
|
|
|
|
margin: 0 10%;
|
|
|
|
margin: 0 200px 145px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.save-left {
|
|
...
|
...
|
@@ -42,13 +42,19 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.save-left p {
|
|
|
|
color: #66CA94;
|
|
|
|
font-size: 18px;
|
|
|
|
font-family: PingFangSC, PingFangSC-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
text-align: left;
|
|
|
|
color: #66ca94;
|
|
|
|
line-height: 25px;
|
|
|
|
letter-spacing: 1px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.save-right1 {
|
|
|
|
border: 10px solid #97DAB6;
|
|
|
|
flex: 4;
|
|
|
|
padding: 50px;
|
|
|
|
padding: 40px 50px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.save-right {
|
|
...
|
...
|
@@ -74,17 +80,30 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.input_all div {
|
|
|
|
font-size: 18pt;
|
|
|
|
font-size: 18px;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: left;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 18px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.input_all input {
|
|
|
|
margin-top: 10px;
|
|
|
|
border: none;
|
|
|
|
border-bottom: 1px solid #969696;
|
|
|
|
font-family: PingFangSC;
|
|
|
|
padding-left: 0;
|
|
|
|
font-size: 18px;
|
|
|
|
font-family: PingFangSC, PingFangSC-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
text-align: left;
|
|
|
|
color: #969696;
|
|
|
|
line-height: 25px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.header-txt1 {
|
|
|
|
margin: 30px 110px 165px 70px;
|
|
|
|
place-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 768px) {
|
|
...
|
...
|
@@ -92,26 +111,30 @@ |
|
|
|
margin: 25px 20px;
|
|
|
|
place-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.header-right-yuan {
|
|
|
|
width: 35px;
|
|
|
|
height: 35px;
|
|
|
|
}
|
|
|
|
.header-img1 {
|
|
|
|
width: 25%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.header-img1 {}
|
|
|
|
|
|
|
|
.header-right-btn {
|
|
|
|
margin-right: 0px;
|
|
|
|
bottom: 0px
|
|
|
|
}
|
|
|
|
|
|
|
|
.save-all {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
background-color: #FCFBFD;
|
|
|
|
margin: 80px 10px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.save-right1 {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.save-right {
|
|
|
|
display: block;
|
|
|
|
border: 10px solid #97DAB6;
|
|
...
|
...
|
@@ -121,15 +144,18 @@ |
|
|
|
margin-top: 20px;
|
|
|
|
margin-bottom: 40px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.save-input-title {
|
|
|
|
font-family: Helvetica;
|
|
|
|
font-size: 14px;
|
|
|
|
padding-bottom: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.save-left p {
|
|
|
|
font-size: 9px;
|
|
|
|
padding-left: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.save-left div {
|
|
|
|
padding-left: 20px;
|
|
|
|
font-size: 14px;
|
|
...
|
...
|
@@ -138,6 +164,7 @@ |
|
|
|
color: #323232;
|
|
|
|
line-height: 24px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-footer-all {
|
|
|
|
display: flex;
|
|
|
|
background: #323232;
|
|
...
|
...
|
@@ -157,12 +184,6 @@ |
|
|
|
<img src="./img/portfolio/B1.png" style="width: 100%;">
|
|
|
|
</div>
|
|
|
|
<div class="header-right1">
|
|
|
|
<!-- <div class="header-btnL">
|
|
|
|
<a href="aboutUs.html">
|
|
|
|
<div class="header-loginBtn" style="color: #323232;border-bottom: 1px solid #323232;margin-right: 30px;">加入我们</div>
|
|
|
|
</a>
|
|
|
|
</div> -->
|
|
|
|
<!-- <a class="header-right-btn"> -->
|
|
|
|
<a class="header-right-btn" onclick="setPersonal()">
|
|
|
|
<img src="./img/portfolio/circle.png" class="header-right-yuan">
|
|
|
|
</a>
|
|
...
|
...
|
@@ -178,7 +199,7 @@ |
|
|
|
<div>让企业更多了解你</div>
|
|
|
|
</div>
|
|
|
|
<div class="save-right1">
|
|
|
|
<div style="padding: 20px;display: flex;flex-wrap: wrap;">
|
|
|
|
<div style="display: flex;flex-wrap: wrap;">
|
|
|
|
<div class="input_all">
|
|
|
|
<div>姓</div>
|
|
|
|
<input id='surname' placeholder="E.g. 张" />
|
|
...
|
...
|
@@ -219,38 +240,54 @@ |
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="btnSave" style="display: flex;place-items: center;margin-right: 15%;justify-content: flex-end; ">
|
|
|
|
<h5 style="position: absolute;border-radius: 50%;background-color: #66CA94;z-index: 2;width: 50px;height: 50px;opacity: 0.5;margin-right:10px "></h5>
|
|
|
|
<a style="position: relative;z-index: 5;color: #323232;font-family: PingFangSC;cursor: pointer;font-size: 18px; ">确定保存</a>
|
|
|
|
<div class="btnSave"
|
|
|
|
style="display: flex;place-items: center;margin:93px 124px 47px 0;justify-content: flex-end; ">
|
|
|
|
<h5
|
|
|
|
style="position: absolute;border-radius: 50%;background-color: #66CA94;z-index: 2;width: 50px;height: 50px;opacity: 0.5;margin-right:10px ">
|
|
|
|
</h5>
|
|
|
|
<a
|
|
|
|
style="position: relative;z-index: 5;color: #323232;font-family: PingFangSC;cursor: pointer;font-size: 18px; ">确定保存</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="save-right">
|
|
|
|
<div style="display: flex;flex-direction: column ">
|
|
|
|
<div style="padding-bottom: 10px;">
|
|
|
|
<p class="save-input-title">姓</p>
|
|
|
|
<input id='surname1' style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 100%; " class="save-input-info " placeholder="E.g. 张 ">
|
|
|
|
<input id='surname1'
|
|
|
|
style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 100%; "
|
|
|
|
class="save-input-info " placeholder="E.g. 张 ">
|
|
|
|
</div>
|
|
|
|
<div style="padding-bottom: 10px; ">
|
|
|
|
<p class="save-input-title">名</p>
|
|
|
|
<input id='userName1' style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 100%; " placeholder="E.g. 小明 ">
|
|
|
|
<input id='userName1'
|
|
|
|
style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 100%; "
|
|
|
|
placeholder="E.g. 小明 ">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div style="padding-bottom: 10px;">
|
|
|
|
<p class="save-input-title">学校</p>
|
|
|
|
<input id='school1' style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 100%; " placeholder="E.g. 上海财经大学 ">
|
|
|
|
<input id='school1'
|
|
|
|
style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 100%; "
|
|
|
|
placeholder="E.g. 上海财经大学 ">
|
|
|
|
</div>
|
|
|
|
<div style="padding-bottom: 10px; ">
|
|
|
|
<p class="save-input-title">专业</p>
|
|
|
|
<input id="specialty1" style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 100%; " placeholder="E.g. 金融学专业 ">
|
|
|
|
<input id="specialty1"
|
|
|
|
style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 100%; "
|
|
|
|
placeholder="E.g. 金融学专业 ">
|
|
|
|
</div>
|
|
|
|
<div style="padding-bottom: 10px; ">
|
|
|
|
<p class="save-input-title">手机号</p>
|
|
|
|
<input id="phone1" style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 100%; " placeholder="E.g. 15612348888 ">
|
|
|
|
<input id="phone1"
|
|
|
|
style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 100%; "
|
|
|
|
placeholder="E.g. 15612348888 ">
|
|
|
|
</div>
|
|
|
|
<div style="padding-bottom: 10px; ">
|
|
|
|
<p class="save-input-title">验证码</p>
|
|
|
|
<div style="display: flex;border-bottom: 1px solid #969696;place-items: center;">
|
|
|
|
<input id="verificationCode1" style="flex:1;border: none;font-family: PingFangSC;padding-left: 0;" placeholder="E.g. 请输入验证码 ">
|
|
|
|
<input id="verificationCode1"
|
|
|
|
style="flex:1;border: none;font-family: PingFangSC;padding-left: 0;"
|
|
|
|
placeholder="E.g. 请输入验证码 ">
|
|
|
|
<button style="font-size: 14px;
|
|
|
|
flex: 1;
|
|
|
|
border: none;
|
|
...
|
...
|
@@ -264,24 +301,34 @@ |
|
|
|
</div>
|
|
|
|
<div style="padding-bottom: 10px; ">
|
|
|
|
<p class="save-input-title">邮箱</p>
|
|
|
|
<input id="emailAddress1" type="text" style="background: none;border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 100%; " placeholder="E.g. student001@start-line.com ">
|
|
|
|
<input id="emailAddress1" type="text"
|
|
|
|
style="background: none;border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 100%; "
|
|
|
|
placeholder="E.g. student001@start-line.com ">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style="width: 100%; height: 40px; font-size: 9px; font-family: Helvetica; text-align: justify; color: #323232; line-height: 20px; ">start-line虚拟实习体验项目均由资深职场人士设计打造，项目涉及的行业知、办公技能、工作任务均来源金融行业。</div>
|
|
|
|
<div class="btnSave1" style=" text-align: center; background: #66ca94; border-radius: 25px; padding: 9px 30px; width: 120px; color: #323232; font-size: 12px; margin: 40px auto 10px; ">
|
|
|
|
<div
|
|
|
|
style="width: 100%; height: 40px; font-size: 9px; font-family: Helvetica; text-align: justify; color: #323232; line-height: 20px; ">
|
|
|
|
start-line虚拟实习体验项目均由资深职场人士设计打造，项目涉及的行业知、办公技能、工作任务均来源金融行业。</div>
|
|
|
|
<div class="btnSave1"
|
|
|
|
style=" text-align: center; background: #66ca94; border-radius: 25px; padding: 9px 30px; width: 120px; color: #323232; font-size: 12px; margin: 40px auto 10px; ">
|
|
|
|
<!-- <h5 style="position: absolute;border-radius: 50%;background-color: #66CA94;z-index: 2;width: 50px;height: 50px;opacity: 0.5;margin-right:10px "></h5>
|
|
|
|
<a style="position: relative;z-index: 5;color: #323232;font-family: PingFangSC;cursor: pointer;font-size: 18px; ">确定保存</a> -->
|
|
|
|
立即注册
|
|
|
|
</div>
|
|
|
|
<div style="font-size: 9px; font-family: Helvetica; text-align: justify; color: #969696; line-height: 20px; ">start-line虚拟实习体验项目均由资深职场人士设计打造，项目涉及的行业知、办公技能。</div>
|
|
|
|
<div
|
|
|
|
style="font-size: 9px; font-family: Helvetica; text-align: justify; color: #969696; line-height: 20px; ">
|
|
|
|
start-line虚拟实习体验项目均由资深职场人士设计打造，项目涉及的行业知、办公技能。</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="login-footer-all">
|
|
|
|
<div class="login-footer-img" style="width: 25%;margin-top: 45px; ">
|
|
|
|
<img src="img/portfolio/whiteLogo.png" width="100% ">
|
|
|
|
</div>
|
|
|
|
<div style="color: #fff; font-family: PingFangSC, PingFangSC-Regular; text-align: center; font-size: 9px;margin-top: 12px; ">成功职场第一步，从Start-Line开始</div>
|
|
|
|
<div style="color: #66CA94;font-size: 12px;font-family: PingFangSC, PingFangSC-Regular;margin: 60px 0 20px; ">关注Start-Line</div>
|
|
|
|
<div
|
|
|
|
style="color: #fff; font-family: PingFangSC, PingFangSC-Regular; text-align: center; font-size: 9px;margin-top: 12px; ">
|
|
|
|
成功职场第一步，从Start-Line开始</div>
|
|
|
|
<div style="color: #66CA94;font-size: 12px;font-family: PingFangSC, PingFangSC-Regular;margin: 60px 0 20px; ">
|
|
|
|
关注Start-Line</div>
|
|
|
|
<div style="width: 25%;margin-bottom: 200px; ">
|
|
|
|
<img src="img/portfolio/EWM.png" width="100% ">
|
|
|
|
</div>
|
|
...
|
...
|
@@ -310,7 +357,7 @@ |
|
|
|
<!-- carousel -->
|
|
|
|
<script src="owl-carousel/owl.carousel.js"></script>
|
|
|
|
<script>
|
|
|
|
$(document).ready(function() {
|
|
|
|
$(document).ready(function () {
|
|
|
|
$("#owl-brand").owlCarousel({
|
|
|
|
autoPlay: 3000,
|
|
|
|
items: 1,
|
...
|
...
|
|
