杨乐 / virtual · 提交

转到一个项目

作者 杨乐
提交 11e0c6b3276502dea8b9909fc25e1ae6b411dcb1 1 个父辈 8903b7fb
1 个管道 的构建 通过 耗费 4 秒

提交关于我们

内嵌 并排对比
正在显示 5 个修改的文件 包含 424 行增加 和 52 行删除
... ... @@ -203,4 +203,31 @@
</script>
</body>
</html>
\ No newline at end of file
</html>
<div style="display: flex;background-color: #FCFBFD;height: 100%;">
<div style="display: flex;background-color: #323232;padding: 0 70px;width: 75%;">
<div style="display: flex;flex-direction: column;place-items: center;">
<h2 style="color: #fff;">成功职场第一步，从Start-Line开始</h2>
<a style="color: #fff;padding: 50px 0 30px;">扫一扫，添加实习助手老师</a>
<div>
<img src="./images/jionUs.png">
</div>
</div>
</div>
<div style="background-color: #66CA94;padding: 5%;width: 25%;">
<a href="personalCenter.html">
<h3 style="color: #fff;font-size: 1.8em;">我的账号</h3>
</a>
<a href="aboutUs.html">
<h3 style="color: #fff;font-size: 1.8em;">联系我们</h3>
</a>
</div>
</div>
\ No newline at end of file
... ...
... ... @@ -25,26 +25,181 @@
<link rel="stylesheet" href="font-awesome-4.4.0/css/font-awesome.min.css" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<style>
.personalCenter-header-left-imgLogo {
background: #323232;
width: 75%;
}
.personal-header-txt1 {
display: none;
}
.personalCenter-left-all {
display: flex;
background-color: #323232;
padding: 0 70px;
width: 75%;
}
.personalCenter-right-all {
background-color: #66CA94;
padding: 5%;
width: 25%;
}
.personalConter-left-headLine {
display: flex;
flex-direction: column;
place-items: center;
margin-right: 80px;
width: 100px;
}
#head-img {
width: 100px;
height: 100px;
}
.personal-all {
display: flex;
height: 100%;
}
.login-footer-all {
display: none;
}
.aboutUs-left {
display: flex;
background-color: #323232;
padding: 0 70px;
width: 75%;
}
.aboutUs-one {
display: flex;
flex-direction: column;
place-items: center;
}
.aboutUs-one a {
color: #fff;
padding: 50px 0 30px;
}
.aboutUs-one h2 {
color: #fff;
}
@media (max-width: 768px) {
.personal-header-txt1 {
display: flex;
margin: 25px 20px;
place-items: center;
justify-content: space-between;
}
.header-img1 {
width: 28%;
}
.header-right-btn {
margin-right: 0px;
bottom: 0px
}
.header-right-yuan {
width: 35px;
height: 35px;
}
.header-txt11 {
display: none;
}
.personalCenter-left-all {
width: 100%;
display: flex;
flex-direction: column;
padding-left: 30px;
padding-right: 30px;
}
.personalCenter-right-all {
display: none;
}
.personalConter-left-headLine {
display: flex;
flex-direction: row;
width: 300px;
}
.personalConter-left-headLine h4 {
font-size: 24px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
font-weight: Normal;
text-align: left;
color: #ffffff;
line-height: 36px;
padding-left: 16px;
}
#head-img {
width: 60px;
height: 60px;
}
.personal-all {
background: #323232;
display: flex;
flex-direction: column;
}
header {
display: none;
}
.login-footer-all {
display: flex;
background: #323232;
flex-direction: column;
place-items: center;
display: flex;
}
.aboutUs-one {
display: flex;
flex-direction: column;
place-items: flex-start;
}
.aboutUs-one h2 {
font-size: 14px;
font-family: PingFangSC, PingFangSC-Semibold;
font-weight: 600;
text-align: left;
color: #ffffff;
line-height: 24px;
}
.aboutUs-one a {
padding: 12px 0;
font-size: 12px;
font-family: SourceHanSansCN, SourceHanSansCN-Regular;
font-weight: 400;
text-align: left;
color: #ffffff;
line-height: 18px;
}
.aboutUs-left {
margin: 55px 30px 40px;
display: flex;
width: 100%;
padding: 0;
}
}
</style>
</head>
<body>
<header>
<nav>
<div class="header-txt1">
<div style="background: #323232; width: 75%;">
<div class="header-img1">
<img src="./img/portfolio/B1.png">
<div class="header-txt11">
<div class='personalCenter-header-left-imgLogo'>
<div class="header-img11">
<img src="./img/portfolio/whiteLogo.png" onclick="window.location.href='index.html'" style='width:100%'>
</div>
</div>
<div style="background: #66CA94;width: 25%;">
<div class="header-right1">
<div class="header-right11">
<!-- <div class="header-btnL">
<a href="aboutUs.html">
... ... @@ -53,7 +208,9 @@
</div> -->
<div>
<a href="index.html"><img src="./img/portfolio/Y9.png"></a>
<!-- <a onclick="closePage()"><img src="./img/portfolio/Y9.png"></a> -->
<a href="javascript:history.go(-1)"><img src="./img/portfolio/Y9.png"></a>
</div>
</div>
</div>
... ... @@ -62,24 +219,50 @@
</header>
<div style="display: flex;background-color: #FCFBFD;height: 100%;">
<div style="display: flex;background-color: #323232;padding: 0 70px;width: 75%;">
<div style="display: flex;flex-direction: column;place-items: center;">
<h2 style="color: #fff;">成功职场第一步，从Start-Line开始</h2>
<a style="color: #fff;padding: 50px 0 30px;">扫一扫，添加实习助手老师</a>
<div>
<img src="./images/jionUs.png">
<div class="personal-all">
<div class="personal-header-txt1">
<div class="header-img1">
<img src="./img/portfolio/whiteLogo.png" style="width: 100%;" onclick="window.location.href='index.html'">
</div>
<div class="header-right1">
<a class="header-right-btn" onclick="setPersonal()">
<img src="./img/portfolio/circle.png" class="header-right-yuan">
</a>
</div>
</div>
<div class="aboutUs-left">
<div class="aboutUs-one">
<h2>成功职场第一步，从Start-Line开始</h2>
<a>扫一扫，添加实习助手老师</a>
<div class='aboutUs-img'>
<img src="./images/jionUs.png" style='width:100%'>
</div>
</div>
</div>
<div style="background-color: #66CA94;padding: 5%;width: 25%;">
<div class='personalCenter-right-all'>
<a href="personalCenter.html">
<h3 style="color: #fff;font-size: 1.8em;">我的账号</h3>
</a>
<a href="aboutUs.html">
<a onclick="ifVIP()">
<h3 style="color: #fff;font-size: 1.8em;">联系我们</h3>
</a>
</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="width: 25%;margin-bottom: 200px;">
<img src="img/portfolio/EWM.png" width="100%">
</div>
</div>
</div>
... ... @@ -95,7 +278,7 @@
<!-- Custom Theme JavaScript -->
<script src="js/agency.js"></script>
<script src='aboutUs.js'></script>
<script src='./personalCenter.js'></script>
<!-- Plugin JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<script src="js/classie.js"></script>
... ...
... ... @@ -722,7 +722,7 @@
</div>
<div class="personal-pay">
<!-- <div class="personal-pay">
<div class="personal-pay-zhifubao">
<div class="personal-pay-zhifubao-input">
<input type="radio" name='zhifu' class="radio_type" id='zhifu1' value="2" onclick="checkRadio()">
... ... @@ -748,12 +748,11 @@
<div class="shang_box">
<a class="shang_close" href="javascript:void(0)" onclick="payment()" title="关闭"><img src="./images/close.jpg" alt="取消" /></a>
<div class="shang_payimg">
<!-- <img src="http://qr.api.cli.im/qr?data=http%3A%2F%2Fwww.dmaku.com&level=H&transparent=false&bgcolor=%23FFFFFF&forecolor=images%2Fforecolor%2F12.png&blockpixel=12&marginblock=2&logourl=%2F%2Foss-cn-hangzhou.aliyuncs.com%2Fpublic-cli%2Ffree%2F8550d79acfde09ae04d687169d0d9aca1489672062.png&size=400&text=&logoshape=no&fontsize=30&fontfamily=msyh.ttf&fontcolor=&incolor=&outcolor=&qrcode_eyes=pin-3.png&background=&wper=0&hper=0&tper=0&lper=0&eye_use_fore=1&qrpad=10&kid=bizcliim&time=1489672078&key=d59a3fcb09d1cb40b10fd3664b50ae2c"
alt="扫码支付" title="扫一扫" /> -->一张二维码
</div>
</div>
<button style="color: #70D09D;background-color: #323232;border: 1px solid #70D09D;border-radius: 10em;padding: 0.5% 5%;">续费</button>
</div>
</div> -->
</div>
</div>
<div class='personalCenter-right-all'>
... ...
... ... @@ -25,13 +25,112 @@
<link rel="stylesheet" href="font-awesome-4.4.0/css/font-awesome.min.css" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<style>
.header-right-yuan {
width: 50px;
height: 50px;
}
.save-all {
display: flex;
background-color: #FCFBFD;
margin: 0 10%;
}
.save-left {
flex: 2;
}
.save-left p {
color: #66CA94;
}
.save-right1 {
border: 10px solid #97DAB6;
flex: 4;
padding: 50px;
height: 550px;
}
.save-right {
display: none;
}
.save-left div {
font-size: 40px;
font-family: SourceHanSansCN, SourceHanSansCN-Regular;
font-weight: 400;
text-align: left;
color: #323232;
line-height: 60px;
}
.login-footer-all {
display: none;
}
.save-input-info {}
@media (max-width: 768px) {
.header-txt1 {
margin: 25px 20px;
place-items: center;
}
.header-right-yuan {
width: 35px;
height: 35px;
}
.header-img1 {
width: 25%;
}
.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;
flex: 4;
padding: 20px;
height: 550px;
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;
font-family: PingFangSC, PingFangSC-Semibold;
text-align: left;
color: #323232;
line-height: 24px;
}
.login-footer-all {
display: flex;
background: #323232;
flex-direction: column;
place-items: center;
display: flex;
}
}
</style>
</head>
<body>
... ... @@ -39,7 +138,7 @@
<nav>
<div class="header-txt1" style="display: flex;justify-content: space-between;">
<div class="header-img1">
<img src="./img/portfolio/B1.png">
<img src="./img/portfolio/B1.png" style="width: 100%;" onclick="window.location.href='index.html'">
</div>
<div class="header-right1">
<!-- <div class="header-btnL">
... ... @@ -49,51 +148,48 @@
</div> -->
<!-- <a class="header-right-btn"> -->
<a class="header-right-btn" onclick="setPersonal()">
<img src="./img/portfolio/circle.png" style="width: 50px;height: 50px;">
<img src="./img/portfolio/circle.png" class="header-right-yuan">
</a>
</div>
</div>
</nav>
</header>
<div style="display: flex;background-color: #FCFBFD;margin:0 10%;">
<div style="flex: 2;">
<p style="color: #66CA94;">Complete Your Background.</p>
<h1>完善你的信息</h1>
<h1>让企业更多了解你</h1>
<div class="save-all">
<div class="save-left">
<p>Complete Your Background.</p>
<div>完善你的信息</div>
<div>让企业更多了解你</div>
</div>
<div style="border: 10px solid #97DAB6;flex: 4;padding: 50px;width: 1100px;height: 650px;">
<div class="save-right1">
<div style="display: flex;">
<div style="padding-right: 40px;">
<p style="font-family: Helvetica;">姓</p>
<input id='surname' style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 450px;" placeholder="E.g. 张">
<input id='surname' style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 350px;" class="save-input-info" placeholder="E.g. 张">
</div>
<div>
<p style="font-family: Helvetica;">名</p>
<input id='userName' style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 450px;" placeholder="E.g. 小明">
<input id='userName' style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 350px;" placeholder="E.g. 小明">
</div>
</div>
<div style="display: flex;margin-top: 40px;">
<div style="padding-right: 40px;">
<p style="font-family: Helvetica;">学校</p>
<input id='school' style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 450px;" placeholder="E.g. 上海财经大学">
<input id='school' style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 350px;" placeholder="E.g. 上海财经大学">
</div>
<div>
<p style="font-family: Helvetica;">专业</p>
<input id="specialty" style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 450px;" placeholder="E.g. 金融学专业">
<input id="specialty" style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 350px;" placeholder="E.g. 金融学专业">
</div>
</div>
<div style="display: flex;margin-top: 40px;">
<div style="padding-right: 40px;">
<p style="font-family: Helvetica;">手机号</p>
<input id="phone" style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 450px;" placeholder="E.g. 15612388888">
<input id="phone" style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 350px;" placeholder="E.g. 15612388888">
</div>
<div>
<p style="font-family: Helvetica;">邮箱</p>
<input id="emailAddress" type="text" style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 450px;" placeholder="E.g. student001@start-line.com">
<input id="emailAddress" type="text" style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 350px;" placeholder="E.g. student001@start-line.com">
</div>
</div>
<div class="btnSave" style="display: flex;place-items: center;margin: 110px;justify-content: flex-end;">
... ... @@ -101,7 +197,74 @@
<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='surname' 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='userName' 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='school' 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="specialty" 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="phone" style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 100%;" placeholder="E.g. 15612388888">
</div>
<div style="padding-bottom: 10px;">
<p class="save-input-title">邮箱</p>
<input id="emailAddress" type="text" style="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="btnSave" 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>
</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="width: 25%;margin-bottom: 200px;">
<img src="img/portfolio/EWM.png" width="100%">
</div>
</div>
... ...
... ... @@ -22,7 +22,7 @@ function setPersonal() {
// })
alert('请完善个人信息！')
}
$(".btnSave a").click(function() {
$(".btnSave").click(function() {
//姓
var inputSurname = $("#surname").val();
console.log(inputSurname);
... ...