杨乐 / virtual · 提交

转到一个项目

作者 杨乐
提交 3bc7d6d2720167e93a02bf5855cc07b993d82824 1 个父辈 4ab2e214
1 个管道 的构建 通过 耗费 3 秒

提交

内嵌 并排对比
正在显示 19 个修改的文件 包含 2313 行增加 和 358 行删除
... ... @@ -32,58 +32,55 @@
<body>
<header>
<!-- /////////////////////////////////////////Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
<!-- <nav class="navbar navbar-default navbar-fixed-top">
<div class="header-text">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<img src="img/portfolio/B1.png" class="navbar-brand page-scroll" alt="">
<!-- <img src="img/portfolio/B1.png" class="img-responsive" alt=""> -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<!-- <span class="icon-bar"></span> -->
</button>
<!-- <a class="navbar-brand page-scroll" href="#page-top">CLEMENTINE</a> -->
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<!-- <li class="hidden">
<a href="#page-top"></a>
</li> -->
<li>
<a class="page-scroll" href="#about">登录</a>
</li>
<!-- <li>
<a class="page-scroll" href="#about">加入我们</a>
</li> -->
<li>
<!-- <a class="navbar-brand page-scroll" href="#page-top">CLEMENTINE</a> -->
<a class="page-scroll" href="#projects">Projects</a>
<!-- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> -->
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
</div>
<!-- /.container-fluid -->
</nav> -->
<nav>
<div class="header-txt1">
<div class="header-img1">
<img src="./img/portfolio/B1.png">
</div>
<div class="header-right1">
<a class="header-btnL" href='login.html'>
<div class="header-loginBtn">登&nbsp;&nbsp;录</div>
</a>
<!-- <a class="header-btnL" href="aboutUs.html">
<div class="header-loginBtn">加入我们</div>
</a> -->
<a class="header-right-btn" onclick="setPersonal()">
<!-- <a class="header-right-btn" href="personalCenter.html"> -->
<img src="./img/portfolio/circle.png" style="width: 50px;height: 50px;">
</a>
</div>
</div>
</nav>
<!-- Navigation -->
<!-- 文字显示 -->
<div class="header-text hidden-xs">
<div class="col-md-12 text-center">
<div style="color: #fff;margin-top: 10%;margin-left: 5%; font-size: 3em;" id="title" class="text-color"></div>
<p style="color: #fff;margin-left: 5%;line-height: 3em;" id="subtitle"></p>
<p style="color: #fff;margin-left: 5%;line-height: 3em;font-size: 1.5em;" id="subtitle"></p>
</div>
</div>
<!-- /header-text -->
... ... @@ -94,15 +91,15 @@
<!-- 企业实习项目 -->
<section class="box-content box-123" id="projects">
<div style="padding-right:15px;padding-left:10%;padding-bottom: 20px;">
<div class="intro" style="color: #66CA94;text-align: left;" id="threefield1">Featured Programs</div>
<!-- <div style="display: flex; justify-content: space-between;"> -->
<h2 id="threefield2">顶尖名企实习项目</h2>
<!-- <h2><a href="./browseMore.html" target="_self">浏览更多></a></h2> -->
<!-- </div> -->
<div class="intro" style="color: #66CA94;text-align: left;" id="threefield1"></div>
<div style="display: flex; justify-content: space-between;">
<h2 id="threefield2"></h2>
<h2><a onclick="morebro()">浏览更多></a></h2>
</div>
</div>
<!-- </div> -->
<!-- 实习项目-->
<div class="portfolio-items-container" id="enterpriseProject">
<div class="portfolio-items-container" id="enterpriseProject" href='profile.html'>
</div>
</section>
... ...
... ... @@ -39,44 +39,71 @@ $(document).ready(function() {
$.each(res.data.records, function(key, value) {
console.log(value)
let title = `<div class="col-xs-6 col-lg-33 portfolio-post" style="margin-bottom: 2%;height:35%">
<article class="portfolio-post-item" style='height:100%'>
<div style="position: relative;height:100%">
<div style="position: relative;" style='height:100%'>
<img src="${value.img}" alt="" style='height:100%'>
</div>
<div style="position: absolute;bottom: 4%;right: 2%;line-height: 1;display: flex;width: 40%;place-items:center">
<div style="position: relative;margin-right: 2%;width: 25%;">
<img src="${value.img1}">
let title = `<div class="col-xs-6 col-lg-33 portfolio-post contentClick" style="margin-bottom: 2%;height:35%" id=${value.id} onClick="setProfileId(${value.id})">
<article class="portfolio-post-item" style='height:100%'>
<div style="position: relative;height:100%">
<div style="position: relative;" style='height:100%'>
<img src="${value.img}" alt="" style='height:100%'>
</div>
<div style="position: relative;">
<div style="font-size: 1.4em;color: #fff;padding-bottom:5%">${value.title}</div>
<div style="font-size: 1.4em;color: #fff; ">${value.futitle}</div>
<div style="position: absolute;bottom: 4%;right: 2%;line-height: 1;display: flex;width: 40%;place-items:center">
<div style="position: relative;margin-right: 2%;width: 25%;">
<img src="${value.img1}">
</div>
<div style="position: relative;">
<div style="font-size: 1.4em;color: #fff;padding-bottom:5%">${value.title}</div>
<div style="font-size: 1.4em;color: #fff; ">${value.futitle}</div>
</div>
</div>
</div>
</div>
<div class="portfolio-content-wrapper ">
<div class="portfolio-content ">
<h3 class="portfolio-title "><a>${value.content}</a></h3>
<div style="display: flex;text-align: left;place-items: center;padding-top: 6%; ">
<img src="${value.img1} " style="width: 10%;height: 1%; ">
<div style="display: flex;flex-direction: column;padding-left: 2%; ">
<div class="portfolio-cat" style='padding-bottom:5%'>${value.title}</div>
<div class="portfolio-cat">${value.futitle}</div>
<div class="portfolio-content-wrapper ">
<div class="portfolio-content ">
<h3 class="portfolio-title "><a>${value.content}</a></h3>
<div style="display: flex;text-align: left;place-items: center;padding-top: 6%; ">
<img src="${value.img1} " style="width: 10%;height: 1%; ">
<div style="display: flex;flex-direction: column;padding-left: 2%; ">
<div class="portfolio-cat" style='padding-bottom:5%'>${value.title}</div>
<div class="portfolio-cat">${value.futitle}</div>
</div>
</div>
</div>
</div>
</div>
</article>
</div>`
</article>
</div>`
$('#enterpriseProject').append(title)
})
}
})
})
//获取用户VIP信息判断是否是VIP
function setPersonal() {
$.ajax({
type: 'GET',
url: 'http://192.168.1.241:9004/login/userInfo',
headers: {
"Content-Type": "application/json",
"token": localStorage.getItem('token'),
},
success: function(res) {
console.log(res);
if (res.data.status1 == 1) {
window.location.href = 'personalCenter.html'
} else {
window.location.href = 'personalCenter2.html'
}
}
})
}
//浏览更多跳转
function morebro() {
window.location.href = 'browseMore.html'
}
//进入项目页
function setProfileId(id) {
// location.href()
console.log('1111', id);
window.location.href = 'profile.html?id=' + id
})
\ No newline at end of file
}
\ No newline at end of file
... ...
... ... @@ -7600,4 +7600,28 @@ button.close {
line-height: 22px;
margin-bottom: 40px;
}
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
.carousel-indicators li {
box-sizing: content-box;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: .5;
transition: opacity .6s ease
}
\ No newline at end of file
... ...
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
/*
* Core Owl Carousel CSS File
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: none;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
.owl-theme .owl-controls {
display:block;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] {
position: relative;
cursor: pointer;
display: inline-block;
color: #898f9f;
margin: 0px 10px;
transition: all 500ms ease;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] span:before{
margin: 0px;
font-size: 25px;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover{
color: #f2be00;
}
.owl-theme .owl-controls .owl-nav .disabled {
cursor: default;
opacity: 0.5;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
}
.owl-theme .owl-dots .owl-dot span {
background: #222;
display: block;
margin: 0px 5px 0px 5px;
transition: opacity 200ms ease 0s;
width: 15px;
height: 15px;
}
.owl-theme .owl-dots .owl-dot.active span {
background: none repeat scroll 0 0 #cda274;
}
... ...
/* Theme Responsive Css */
@media only screen and (max-width: 5000px){
.boxed_wrapper{
overflow: hidden;
}
}
@media only screen and (max-width: 1799px){
.main-header.style-one .header-upper .outer-container{
padding-left: 30px;
}
.main-header.style-one .header-upper .logo-box{
margin-right: 30px;
}
}
@media only screen and (max-width: 1699px){
.main-header.style-one .header-upper .menu-right-content .support-box{
display: none;
}
.choose-section .image-layer{
display: none;
}
.immigration-section{
padding-bottom: 105px;
}
#content_block_2 .content-box{
max-width: 100%;
}
}
@media only screen and (max-width: 1399px){
.main-header.style-one .header-upper .upper-left .btn-box{
display: none;
}
}
@media only screen and (max-width: 1200px){
.main-header.style-one .search-box-outer{
padding: 32.5px 14px;
}
.main-header.style-one .header-upper .menu-right-content{
margin-left: 30px;
}
.main-menu .navigation > li{
margin: 0px 12px;
}
.main-header .header-top .top-left,
.main-header .header-top .top-right{
float: none;
display: block;
text-align: center;
}
.main-header .header-top .top-left{
margin-bottom: 10px;
}
#image_block_1 .image-box{
margin-right: 0px;
}
.about-section #content_block_1 .content-box{
margin-left: 0px;
}
.sticky-header .main-menu .navigation > li > a{
padding: 20px 20px;
}
.cta-section .inner-box .text:before,
.cta-section .inner-box .text:after,
.cta-section .inner-box .text .dotted-box{
display: none;
}
.cta-section .inner-box .text{
padding: 0px;
}
.top-inner .text{
padding-left: 0px !important;
}
.main-footer .footer-top .footer-column:nth-child(2) .links-widget{
margin-left: 30px;
}
.main-header.style-two .menu-right-content{
display: none;
}
.feature-block-two .inner-box{
padding: 45px 30px 0px 30px;
}
.rtl .top-inner .text{
padding-right: 0px !important;
}
.sidebar-page-container .blog-sidebar .sidebar-support .content-box li h3{
font-size: 18px;
line-height: 26px;
}
}
@media only screen and (min-width: 768px){
.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li > ul,
.main-menu .navigation > li > .megamenu{
display:block !important;
visibility:hidden;
opacity:0;
}
}
@media only screen and (max-width: 991px){
.main-menu,
.sticky-header,
.main-header.style-one .outer-container:before{
display: none !important;
}
.menu-area .mobile-nav-toggler {
display: block;
margin-top: 35px;
padding: 10px;
}
.menu-area .mobile-nav-toggler .icon-bar{
background: #fff;
}
.main-header.style-one .header-upper .menu-right-content{
margin-left: 0px;
}
.main-header.style-one .header-upper .outer-container{
padding-right: 15px;
}
.mobile-menu .navigation > li.dropdown > .megamenu li:first-child{
display: none;
}
#image_block_1 .image-box{
max-width: 500px;
margin: 0 auto;
margin-bottom: 100px;
}
.about-section{
padding-bottom: 370px;
}
.feature-block-one .inner-box{
margin-bottom: 30px;
}
.apply-section .inner-box .image-box{
position: relative;
max-width: 400px;
margin: 0 auto;
margin-bottom: 30px;
}
.apply-section .inner-box{
padding-left: 0px;
}
.counter-block-one .inner-box{
border-right: none !important;
padding: 15px 70px;
}
.funfact-section{
padding: 90px 0px;
}
.inquiry-section .content-box{
margin-left: 0px;
margin-top: 30px;
}
.news-block-one .inner-box{
margin-bottom: 30px;
}
.news-section{
padding-bottom: 80px;
}
.main-footer .footer-top .footer-widget{
margin: 0px 0px 30px 0px !important;
}
.main-footer .footer-top{
padding-bottom: 55px;
}
.main-footer .footer-bottom .copyright{
display: block;
text-align: center;
margin-bottom: 5px;
float: none;
}
.main-footer .footer-bottom .footer-nav{
float: none;
display: block;
text-align: center;
}
.main-header.style-two .menu-area .mobile-nav-toggler .icon-bar{
background: #222;
}
.main-header.style-two .menu-right-content{
display: inline-block;
}
.main-header.style-two .menu-area .mobile-nav-toggler{
margin-top: 38px;
margin-left: 10px;
}
.about-style-two #image_block_2 .image-box{
margin: 30px 0px 0px 0px;
padding: 0px;
}
#image_block_2 .image-box .image-2,
#image_block_2 .image-box .image-3,
#image_block_2 .image-box:before,
#image_block_2 .image-box:after{
display: none;
}
.apply-style-two .single-item .inner-box{
margin-bottom: 30px;
}
.apply-style-two{
padding-bottom: 70px;
}
.immigration-block-two .inner-box .content-box{
padding-left: 30px;
}
.immigration-block-two .inner-box .content-box .btn-box{
left: 30px;
}
.immigration-block-two .inner-box:hover .content-box .btn-box{
bottom: 30px;
}
.immigration-block-two .inner-box:hover .content-box h4,
.immigration-block-two .inner-box:hover .content-box h2{
transform: translateY(-50px);
}
.immigration-block-two .inner-box .content-box h2{
font-size: 25px;
line-height: 35px;
}
.team-block-one .inner-box{
margin-bottom: 30px;
}
.team-section{
padding-bottom: 75px;
}
.counter-block-two .inner-box:before{
display: none;
}
.rtl .main-header.style-two .header-top .top-left,
.rtl .main-header.style-two .header-top .top-right{
float: none;
}
.rtl .mobile-menu .navigation li > a{
text-align: right;
}
.rtl .mobile-menu .navigation li.dropdown .dropdown-btn{
right: inherit;
left: 6px;
}
.rtl .mobile-menu .navigation li > a:before{
left: inherit;
right: 0px;
}
.rtl .mobile-menu .navigation li.dropdown .dropdown-btn.open {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.rtl .main-header.style-two .menu-right-content{
margin-right: 0px;
}
.rtl .mobile-menu .nav-logo{
text-align: right;
}
.rtl .mobile-menu .close-btn{
right: 260px;
}
.rtl .testimonial-block-one .inner-box .author-inner{
top: -10px;
}
.faq-section .accordion-box .block:last-child{
margin-bottom: 15px;
}
.coaching-details-content{
margin-top: 40px;
}
.coaching-details-content .content-style-two .inner-box .single-item{
margin: 15px 0px;
}
.coaching-details-content .content-style-two .inner-box .single-item:before{
display: none;
}
.service-block-one .inner-box {
padding-bottom: 72px !important;
margin-bottom: 0px !important;
margin-bottom: 30px !important;
}
.service-block-one .inner-box .link {
visibility: visible;
opacity: 1;
}
.blog-sidebar{
margin-top: 40px;
}
.contact-page-section .info-inner .single-item .inner-box:before{
display: none;
}
}
@media only screen and (max-width: 767px){
.main-header .header-top{
padding: 15px 30px;
}
.banner-section.style-one .banner-carousel .slide-item{
padding: 200px 0px 120px 0px;
min-height: 620px;
}
.banner-carousel .content-box h1{
font-size: 40px;
line-height: 48px;
}
.about-section{
padding: 70px 0px 300px 0px;
}
.sec-title h2,
.cta-section .inner-box h2{
font-size: 36px;
line-height: 45px;
}
.cta-section{
padding: 120px 0px 70px 0px;
}
.service-section{
padding: 65px 0px 40px 0px;
}
.sec-pad-2{
padding: 70px 0px !important;
}
.owl-dots,
.owl-nav{
display: none !important;
}
.apply-section .inner-box .image-box{
margin-bottom: 0px;
}
.funfact-section{
padding: 50px 0px;
}
.training-section,
.testimonial-section{
padding: 65px 0px 70px 0px;
}
.immigration-section,
.choose-section{
padding: 65px 0px;
}
.inquiry-section,
.news-section{
padding: 65px 0px 40px 0px;
}
.clients-section{
padding-bottom: 70px;
}
.main-footer .footer-top{
padding: 70px 0px 40px 0px;
}
.banner-section.style-two .banner-carousel .slide-item{
padding: 100px 0px 140px 0px;
min-height: 540px;
}
.banner-section.style-two .banner-carousel .content-box h1{
line-height: 48px;
}
.feature-block-two .inner-box{
padding: 46px 45px 40px 45px !important;
margin: 0px !important;
}
.feature-block-two{
margin-bottom: 30px !important;
}
.feature-block-two .inner-box .text p{
margin-bottom: 20px !important;
}
.about-style-two{
padding: 30px 0px 70px 0px;
}
.service-style-two{
padding-top: 65px;
}
.service-style-two .three-item-carousel{
padding-bottom: 30px;
}
.apply-style-two{
padding: 65px 0px 40px 0px;
}
.apply-style-two .single-item .inner-box .icon-box .arrow{
display: none;
}
.immigration-block-two .inner-box .content-box{
padding: 15px 15px 50px 15px;
}
.offer-section{
padding: 65px 0px 70px 0px;
}
.team-section{
padding: 65px 0px 35px 0px;
}
.team-block-one{
max-width: 300px;
margin: 0 auto;
}
.counter-block-two .inner-box{
padding: 15px 15px;
min-height: auto;
}
.funfact-style-two .inner-container{
padding: 60px 0px;
}
.testimonial-style-two{
padding: 300px 0px 40px 0px;
}
.news-block-one,
.immigration-block-one{
max-width: 400px;
margin: 0 auto;
}
.apply-style-two.about-page{
padding-bottom: 40px;
}
.team-page-section .team-block-one .inner-box{
margin-bottom: 30px;
}
.team-page-section{
padding: 70px 0px 35px 0px;
}
.page-title{
padding: 180px 0px 100px 0px;
}
.page-title .content-box .title-box h1{
font-size: 40px;
line-height: 48px;
}
.faq-section{
padding: 70px 0px;
}
.faq-section.style-two{
padding-bottom: 70px;
}
.coaching-page-section .service-block-two{
margin-bottom: 30px;
}
.coaching-page-section{
padding: 65px 0px 40px 0px;
}
.sidebar-page-container{
padding: 70px 0px;
}
.coaching-details-content .image-box{
margin-bottom: 30px;
}
.service-block-two .inner-box{
max-width: 400px;
margin: 0 auto;
}
.sidebar-page-container .news-block-one{
max-width: 100%;
}
.blog-details-content .two-column .text{
margin-bottom: 30px;
}
.blog-details-content .post-share-option ul.tags,
.blog-details-content .post-share-option .social-links{
float: none;
display: block;
}
.blog-details-content .post-share-option ul.tags{
margin-bottom: 10px;
}
.group-title h2{
font-size: 28px;
line-height: 35px;
}
.contact-page-section{
padding: 65px 0px 70px 0px;
}
.top-inner .text{
margin-top: 0px !important;
}
.contact-page-section .info-inner{
padding: 70px 0px 40px 0px;
margin-bottom: 60px;
}
.immigration-block-two .inner-box .content-box .btn-box{
left: 15px;
}
}
@media only screen and (max-width: 599px){
.apply-section .inner-box .image-box{
max-width: 100%;
}
.apply-section .inner-box .content-box{
padding: 50px 30px;
}
.main-header.style-two .menu-right-content{
display: none;
}
.main-header .header-top .top-left ul li:before{
display: none;
}
}
@media only screen and (max-width: 499px){
#image_block_1 .image-box .box{
width: calc(100% - 60px);
left: 30px;
}
#image_block_1 .image-box .box .inner{
padding: 40px 20px;
}
.sec-title h2 br{
display: none !important;
}
.sec-title h2{
font-size: 30px;
line-height: 38px;
}
.counter-block-one .inner-box .count-outer{
font-size: 50px;
line-height: 50px;
}
.testimonial-block-one .inner-box .author-inner{
position: relative;
top: 0px;
text-align: left;
margin-bottom: 25px;
}
.rtl .testimonial-block-one .inner-box .author-inner{
text-align: right;
}
.testimonial-block-one .inner-box{
padding-left: 0px;
}
.rtl .testimonial-block-one .inner-box{
padding-right: 0px;
}
.search-popup .search-form fieldset input[type="search"]{
padding-right: 30px;
margin-bottom: 15px;
}
.search-popup .search-form fieldset input[type="submit"]{
position: relative;
display: block;
width: 100%;
border-radius: 7px;
}
.rtl .search-popup .search-form fieldset input[type="search"]{
padding-left: 30px;
}
.error-section .content-box h1{
font-size: 140px;
line-height: 120px;
}
.error-section .content-box h2{
font-size: 36px;
line-height: 45px;
}
.error-section{
padding: 80px 0px;
}
.sidebar-page-container .news-block-one .inner-box .lower-content{
padding-left: 30px;
}
.blog-details-content .news-block-one .inner-box .lower-content{
padding-left: 0px;
}
.blog-details-content .news-block-one .inner-box .lower-content .text blockquote{
padding: 40px 30px;
}
.banner-carousel .content-box .top-text{
border-bottom: none;
}
}
@media only screen and (max-width: 399px){
.main-header.style-one .search-box-outer{
display: none;
}
.banner-section.style-one .banner-carousel .slide-item{
padding: 170px 0px 100px 0px;
min-height: 730px;
}
#content_block_1 .content-box .bold-text p{
font-size: 20px;
line-height: 28px;
}
.apply-section .inner-box .content-box h2{
font-size: 30px;
line-height: 38px;
}
#content_block_2 .content-box .inner-box .single-item{
padding-left: 90px;
}
.testimonial-block-one{
padding-left: 30px;
}
.inquiry-section .content-box .info-box li h3{
font-size: 20px;
}
.news-block-one .inner-box .lower-content h3{
font-size: 20px;
line-height: 28px;
}
.news-block-one .inner-box .lower-content{
padding-left: 30px;
}
.feature-block-two .inner-box {
padding: 46px 30px 40px 30px !important;
}
h3{
font-size: 20px !important;
line-height: 28px !important;
}
.main-header.style-one .header-upper .outer-container{
padding-left: 15px;
}
.sidebar-page-container .sidebar .sidebar-assessment{
padding: 40px 30px;
}
.blog-details-content .comments-area .comment-box .comment .comment-inner{
padding-left: 30px;
}
.blog-details-content .comments-area .comment-box .comment .thumb-box{
position: relative;
margin-bottom: 15px;
}
.blog-details-content .comments-area .comment-box .comment{
padding-left: 0px;
}
.main-header .header-top .top-left ul li{
margin-right: 0px;
}
}
... ...
... ... @@ -1553,6 +1553,7 @@
text-transform: uppercase;
font-size: 14px;
color: #fff;
margin: 10px 0;
}
.footer-tags a {
... ... @@ -2040,6 +2041,67 @@
padding: 105px 0px 110px 0px;
}
.about-section .pattern-layer {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.choose-section .pattern-layer {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.inquiry-section .pattern-layer {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
right: 0px;
background-size: cover;
background-repeat: no-repeat;
}
.offer-section .pattern-layer {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
width: 100%;
height: 480px;
background-size: cover;
background-repeat: no-repeat;
}
.testimonial-style-two .pattern-layer {
position: absolute;
top: 150px;
right: 0px;
left: 0px;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: top center;
}
.auto-container {
position: static;
max-width: 1170px;
padding: 0px 15px;
margin: 0 auto;
}
.training-section .pattern-layer {
position: absolute;
left: 0px;
... ... @@ -2069,6 +2131,261 @@
line-height: 30px;
color: #fff;
}
.training-section .owl-nav {
position: relative;
display: block;
text-align: center;
margin-top: 70px;
}
.training-section .owl-nav .owl-prev,
.training-section .owl-nav .owl-next {
position: relative;
display: inline-block;
font-size: 24px;
color: #fff;
font-weight: 700;
width: 48px;
height: 48px;
line-height: 46px;
border: 2px solid #717c87;
background: transparent;
border-radius: 50%;
text-align: center;
margin: 0px 6px;
cursor: pointer;
transition: all 500ms ease;
}
.training-section .owl-nav .owl-prev:hover,
.training-section .owl-nav .owl-next:hover {}
.bg-color-2 {
background: #0c2136;
}
.service-section .owl-theme .owl-dots .owl-dot span {
position: relative;
display: inline-block;
width: 10px;
height: 8px;
background: #cccccc;
border-radius: 5px;
margin: 0px 6px;
cursor: pointer;
transition: all 500ms ease;
}
.service-section .owl-theme .owl-dots .owl-dot.active span,
.service-section .owl-theme .owl-dots .owl-dot span:hover {
width: 18px;
background: #2d5883;
}
.testimonial-section .owl-theme .owl-dots .owl-dot.active span,
.testimonial-section .owl-theme .owl-dots .owl-dot span:hover {
width: 18px;
}
.service-style-two .owl-theme .owl-dots {
display: block;
text-align: center;
margin-top: 28px;
}
.testimonial-section .owl-theme .owl-dots .owl-dot span {
position: relative;
display: inline-block;
width: 10px;
height: 8px;
background: #cccccc;
border-radius: 5px;
margin: 0px 6px;
cursor: pointer;
transition: all 500ms ease;
}
.service-style-two .owl-theme .owl-dots .owl-dot span {
position: relative;
display: inline-block;
width: 10px;
height: 8px;
background: #cccccc;
border-radius: 5px;
margin: 0px 6px;
cursor: pointer;
transition: all 500ms ease;
}
.service-style-two .owl-theme .owl-dots .owl-dot.active span,
.service-style-two .owl-theme .owl-dots .owl-dot span:hover {
width: 18px;
background: #2d5883;
}
.testimonial-style-two .owl-theme .owl-dots {
position: relative;
display: block;
text-align: center;
margin-top: 30px;
}
.testimonial-style-two .owl-theme .owl-dots .owl-dot span {
position: relative;
display: inline-block;
width: 10px;
height: 8px;
background: #cccccc;
border-radius: 5px;
margin: 0px 6px;
cursor: pointer;
transition: all 500ms ease;
}
.testimonial-style-two .owl-theme .owl-dots .owl-dot.active span,
.testimonial-style-two .owl-theme .owl-dots .owl-dot span:hover {
width: 18px;
}
.owl-dots-none .owl-dots,
.owl-nav-none .owl-nav {
display: none !important;
}
.training-block-one .inner-box {
position: relative;
display: block;
overflow: hidden;
}
.training-block-one .inner-box .content-box {
position: relative;
display: block;
}
.training-block-one .inner-box .content-box .image-box {
position: relative;
display: block;
}
.training-block-one .inner-box .content-box .image-box:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
left: 0px;
top: 0px;
right: 0px;
box-shadow: inset 0px -130px 40px -70px rgba(0, 0, 0, 0.9);
z-index: 1;
transition: all 500ms ease;
}
.training-block-one .inner-box .content-box .image-box img {
width: 100%;
}
.training-block-one .inner-box .content-box .text {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
text-align: center;
padding: 15px 15px 22px 15px;
z-index: 1;
opacity: 1;
transition: all 500ms ease;
}
.training-block-one .inner-box:hover .content-box .text {
opacity: 0;
}
.training-block-one .inner-box .content-box .text h4 {
position: relative;
display: block;
font-size: 20px;
line-height: 30px;
font-weight: 600;
color: #fff;
}
.training-block-one .inner-box .overlay-box {
position: absolute;
left: 0px;
top: 30px;
right: 0px;
width: 100%;
height: 100%;
text-align: center;
z-index: 2;
padding: 40px 15px;
opacity: 0;
transition: all 500ms ease;
}
.training-block-one .inner-box:hover .overlay-box {
opacity: 1;
top: 0px;
}
.training-block-one .inner-box .overlay-box:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
left: 0px;
top: 0px;
right: 0px;
opacity: 0.9;
}
.training-block-one .inner-box .overlay-box .text {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
padding: 15px 15px;
transform: translate(-50%, -50%);
}
.training-block-one .inner-box .overlay-box h4 {
display: block;
font-size: 20px;
line-height: 30px;
font-weight: 600;
color: #fff;
margin-bottom: 10px;
}
.training-block-one .inner-box .overlay-box p {
font-size: 15px;
line-height: 26px;
margin-bottom: 12px;
color: #fff;
}
.training-block-one .inner-box .overlay-box a {
position: relative;
display: inline-block;
color: #fff;
font-size: 14px;
line-height: 14px;
font-family: 'Open Sans', sans-serif;
color: #fff;
font-weight: 600;
text-transform: uppercase;
}
.training-block-one .inner-box .overlay-box a span {
display: inline-block;
border-bottom: 1px solid #fff;
}
.training-block-one .inner-box .overlay-box a i {
margin-left: 10px;
}
/* 顶部 */
.header-txt1 {
... ... @@ -2139,4 +2456,5 @@
top: 40px;
left: 10px;
}
/* 顶部结束 */
\ No newline at end of file
/* 顶部结束 */
/* 底部开始 */
\ No newline at end of file
... ...
... ... @@ -1660,4 +1660,79 @@ a.btn:focus {
font-size: 19px;
line-height: 30px;
color: #fff;
}
\ No newline at end of file
}
/* 顶部 */
.header-txt1 {
padding: 50px;
display: flex;
justify-content: space-between;
/* place-items: center; */
}
.header-img1 {
width: 25%;
}
.header-right1 {
display: flex;
justify-content: space-around;
}
.header-loginBtn {
padding: 10px;
border-bottom: 1px solid #fff;
font-size: 1.5em;
font-family: PingFangSC, PingFangSC-Medium;
font-weight: 500;
color: #fff;
/* line-height: 18px;
letter-spacing: 9px; */
}
.header-btnL {
margin-right: 80px;
}
.header-right-btn {
position: relative;
bottom: 12px;
margin-right: 20px;
}
.header-h1-btn {
background-color: #66CA94;
position: absolute;
width: 40px;
border-radius: 50%;
}
.header-xian {
display: flex;
flex-direction: column;
}
.header-xian1 {
width: 20px;
background: #fff;
height: 3px;
border-radius: 20%;
position: relative;
top: 34px;
left: 10px;
}
.header-xian2 {
width: 14px;
background: #fff;
height: 3px;
border-radius: 20%;
position: relative;
top: 40px;
left: 10px;
}
/* 顶部结束 */
\ No newline at end of file
... ...
... ... @@ -16,15 +16,15 @@
<!-- Owl Carousel Assets -->
<link href="owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="owl-carousel/owl.theme.css" rel="stylesheet">
<!-- <link href="owl-carousel/owl.theme.css" rel="stylesheet"> -->
<!-- Custom CSS -->
<link rel="stylesheet" href="css/style.css">
<link href="./css/owl.css" rel="stylesheet">
<!-- Custom Fonts -->
<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'>
<link href="./css/responsive.css" rel="stylesheet">
</head>
... ... @@ -55,7 +55,7 @@
<h1 id="onefields2"></h1>
<div style="padding-top: 70px;display: flex;place-items: center;">
<h5 style="position: absolute;background-color: #97dab6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;">&nbsp;</h5>
<a href="participated.html" style="position: relative;left: 25px;color: #323232; z-index: 5;">浏览实习项目</a>
<a onclick="morebro()" style="position: relative;left: 25px;color: #323232; z-index: 5;">浏览实习项目</a>
</div>
</div>
... ... @@ -145,15 +145,42 @@
<li>工作任务结束后，可获得实习证明，简历纳入企业人才储备库，加入全球start-line优秀校友会，线上线下获取最新最优机会。</li>
</ul>
</div>
<div style="padding-top: 70px;">
<a style="position: relative;background-color: #97dab6;border-radius: 50%;z-index: -1; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
<a href="browseMore.html" style="position: absolute;left: 50px;color: #fff; ">浏览实习项目</a>
<div style="padding-top: 70px;display: flex;place-items: center;">
<h5 style="position: absolute;background-color: #97dab6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;">&nbsp;</h5>
<a onclick="morebro()" style="position: relative;left: 25px;color: #fff; z-index: 5;">浏览实习项目</a>
</div>
</div>
</div>
</div>
</section>
<!-- 测试 -->
<section class="training-section bg-color-2">
<div class="pattern-layer"></div>
<div class="auto-container">
<div class="four-item-carousel owl-carousel owl-theme owl-dots-none">
<div class="training-block-one">
<div class="inner-box">
<div class="content-box">
<figure class="image-box"><img src="./img/training-1.jpg" alt=""></figure>
<div class="text">
<h4>Citizenship Test</h4>
</div>
</div>
<div class="overlay-box">
<div class="text">
<h4>Citizenship Test</h4>
<p>Integer lobortis se conseqat nulla viverra lorem dapibus prodent diam ipsum ...</p>
<a href="index.html"><span>Read More</span><i class="flaticon-send"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="box-content box-4" id="services" style="background-color: #f0f0f0; ">
<div class="container">
... ... @@ -228,152 +255,143 @@
</div>
</div>
</div>
</div>
</div>
</section>
<section class="box-content box-8 box-style-4" id="contact" style="background-color: #FCFBFD;color: #323232; ">
<div class="container">
<div class="row heading">
<div class="col-lg-12" style="text-align: left;">
<div id="sixfields1" class="intro" style="color: #66CA94; "></div>
<h2 id="sixfields2" style="color:#323232"></h2>
</div>
</div>
<div class="row">
<div class="col-md-6 box-item" id="clickQuestion">
<!-- <h3>Complete the Submission Form</h3> -->
<!-- <div style="color: #66ca94;" id="question1">什么是虚拟实习？</div> -->
<p id="answer1" style="color:#323232"></p>
<!-- <div style="margin: 20px 0;color: #323232;" id="question2"></div>
<p id="answer2"></p>
<div style="margin: 20px 0;color: #323232;" id="question2"></div>
<p id="answer2"></p> -->
</div>
</div>
</div>
</section>
</div>
<section class="box-content box-8 box-style-4" style="background-color: #66ca94;">
<div class="container" style="color: #fff;text-align: center;">
<p id="sevenfields1"></p>
<h3 id="sevenfields2"></h3>
</div>
</section>
<!-- FOOTER -->
<footer>
<div class="wrap-footer" style="background-color: #323232;">
</section>
<!-- 问题 -->
<section class="box-content box-8 box-style-4" id="contact" style="background-color: #FCFBFD;color: #323232; ">
<div class="container">
<div class="row" style="display: flex;justify-content: space-between;">
<div class="col-footer col-md-3">
<img src="img/portfolio/B2.png">
<p class="footer-title" style="color: #fff;padding-top: 10%;font-size: 0.8em; ">成功职场第一步，从Start-Line开始</p>
</div>
<div class="col-footer col-md-3 widget_recent_entries">
<h2 class="footer-title">网站导航</h2>
<h2 class="footer-title">网站首页</h2>
<h2 class="footer-title">实习项目</h2>
<div class="row heading">
<div class="col-lg-12" style="text-align: left;">
<div id="sixfields1" class="intro" style="color: #66CA94; "></div>
<h2 id="sixfields2" style="color:#323232"></h2>
</div>
<div class="col-footer col-md-3">
<h2 class="footer-title">关于我们</h2>
<h2 class="footer-title">网站首页</h2>
<h2 class="footer-title">实习项目</h2>
</div>
<div class="row">
<div class="col-md-6 box-item" id="clickQuestion">
<p id="answer1" style="color:#323232"></p>
</div>
<div class="col-footer col-md-3">
<h2 class="footer-title">关注Start-Line</h2>
<img src="img/portfolio/EWM.png" style="width: 50%;">
</div>
</div>
</section>
<!-- 绿底字 -->
<section class="box-content box-8 box-style-4" style="background-color: #66ca94;">
<div class="container" style="color: #fff;text-align: center;">
<p id="sevenfields1"></p>
<h3 id="sevenfields2"></h3>
</div>
</section>
<!-- FOOTER -->
<footer>
<div class="wrap-footer" style="background-color: #323232;">
<div class="container">
<div class="row" style="display: flex;justify-content: space-between;">
<div class="col-footer col-md-3" style="display: flex;flex-direction: column;place-content: center;">
<img src="img/portfolio/B2.png" width="50%">
<p class="footer-title" style="color: #fff;padding-top: 10%;font-size: 0.8em; ">成功职场第一步，从Start-Line开始</p>
</div>
<div class="col-footer col-md-3 widget_recent_entries" style="display: flex;flex-direction: column;place-items: center;place-content: center;">
<a class="footer-title" href="index.html">网站导航</a>
<a class="footer-title" href="index.html">网站首页</a>
<a class="footer-title" href="participated.html">实习项目</a>
</div>
<div class="col-footer col-md-3" style="display: flex;flex-direction: column;place-items: center;place-content: center;">
<a class="footer-title" href="index.html">关于我们</a>
<a class="footer-title" href="index.html">关于Start-Line</a>
<a class="footer-title" href="participated.html">联系我们</a>
</div>
<div class="col-footer col-md-3" style="display: flex;flex-direction: column;place-items: center;place-content: center;">
<h2 class="footer-title">关注Start-Line</h2>
<img src="img/portfolio/EWM.png" style="width: 50%;">
</div>
</div>
</div>
</div>
</div>
</footer>
<script type="text/javascript">
//图片滚动JS代码
var speed2 = 20;
var FGgoleft = document.getElementById('goleft');
var FGgoleft1 = document.getElementById('goleft1');
var FGgoleft2 = document.getElementById('goleft2');
FGgoleft2.innerHTML = FGgoleft1.innerHTML
</footer>
<script type="text/javascript">
//图片滚动JS代码
var speed2 = 20;
var FGgoleft = document.getElementById('goleft');
var FGgoleft1 = document.getElementById('goleft1');
var FGgoleft2 = document.getElementById('goleft2');
FGgoleft2.innerHTML = FGgoleft1.innerHTML
function Marquee2() {
if (FGgoleft2.offsetWidth - FGgoleft.scrollLeft <= 0) {
FGgoleft.scrollLeft -= FGgoleft1.offsetWidth
} else {
FGgoleft.scrollLeft++;
function Marquee2() {
if (FGgoleft2.offsetWidth - FGgoleft.scrollLeft <= 0) {
FGgoleft.scrollLeft -= FGgoleft1.offsetWidth
} else {
FGgoleft.scrollLeft++;
}
}
var MyMar2 = setInterval(Marquee2, speed2)
FGgoleft.onmouseover = function() {
clearInterval(MyMar2)
}
FGgoleft.onmouseout = function() {
MyMar2 = setInterval(Marquee2, speed2)
}
}
var MyMar2 = setInterval(Marquee2, speed2)
FGgoleft.onmouseover = function() {
clearInterval(MyMar2)
}
FGgoleft.onmouseout = function() {
MyMar2 = setInterval(Marquee2, speed2)
}
</script>
<style type="text/css">
.box1 {
margin: 0 auto;
height: 35%;
width: 100%;
padding: 10px;
/* border: 1px solid #FF0000; */
}
.box1 img {
margin-right: 20px;
}
#goleft {
width: 100%;
height: 100%;
overflow: hidden;
}
#goleft #gols {
width: 33100px;
}
#goleft1,
#goleft2 {
width: auto;
float: left;
}
</style>
<!-- jQuery -->
<script type="text/javascript" src="js/jquery-2.1.1.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- Custom Theme JavaScript -->
<script src="./js/agency.js"></script>
</script>
<style type="text/css">
.box1 {
margin: 0 auto;
height: 35%;
width: 100%;
padding: 10px;
/* border: 1px solid #FF0000; */
}
.box1 img {
margin-right: 20px;
}
#goleft {
width: 100%;
height: 100%;
overflow: hidden;
}
#goleft #gols {
width: 33100px;
}
#goleft1,
#goleft2 {
width: auto;
float: left;
}
</style>
<!-- jQuery -->
<script type="text/javascript" src="js/jquery-2.1.1.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- Custom Theme JavaScript -->
<script src="./js/agency.js"></script>
<!-- Plugin JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/cbpAnimatedHeader.js"></script>
<script src="./index.js"></script>
<script src="./js/script.js"></script>
<!-- Plugin JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/cbpAnimatedHeader.js"></script>
<script src="./index.js"></script>
<!-- carousel -->
<script src="./owl-carousel/owl.carousel.js"></script>
<script src="./owl-carousel/owl.carousel.min.js"></script>
<script>
$(document).ready(function() {
$("#owl-brand ").owlCarousel({
autoPlay: 3000,
items: 1,
itemsDesktop: [1199, 1],
itemsDesktopSmall: [979, 2],
navigation: false,
navigationText: ['<i class="fa fa-chevron-left fa-5x "></i>', '<i class="fa fa-chevron-right fa-5x "></i>']
<!-- carousel -->
<script src="./owl-carousel/owl.carousel.js"></script>
<script src="./owl-carousel/owl.carousel.min.js"></script>
<script>
$(document).ready(function() {
$("#owl-brand ").owlCarousel({
autoPlay: 3000,
items: 1,
itemsDesktop: [1199, 1],
itemsDesktopSmall: [979, 2],
navigation: false,
navigationText: ['<i class="fa fa-chevron-left fa-5x "></i>', '<i class="fa fa-chevron-right fa-5x "></i>']
});
});
});
</script>
</script>
</body>
</html>
\ No newline at end of file
... ...
... ... @@ -162,7 +162,7 @@ function showAnswer(id) {
}
})
}
//进入项目页
function setProfileId(id) {
// location.href()
console.log('1111', id);
... ...
(function($) {
"use strict";
//Hide Loading Box (Preloader)
function handlePreloader() {
if($('.loader-wrap').length){
$('.loader-wrap').delay(1000).fadeOut(500);
}
TweenMax.to($(".loader-wrap .overlay"), 1.2, {
force3D: true,
left: "100%",
ease: Expo.easeInOut,
});
}
if ($(".preloader-close").length) {
$(".preloader-close").on("click", function(){
$('.loader-wrap').delay(200).fadeOut(500);
})
}
//Update Header Style and Scroll to Top
function headerStyle() {
if($('.main-header').length){
var windowpos = $(window).scrollTop();
var siteHeader = $('.main-header');
var scrollLink = $('.scroll-top');
if (windowpos >= 110) {
siteHeader.addClass('fixed-header');
scrollLink.addClass('open');
} else {
siteHeader.removeClass('fixed-header');
scrollLink.removeClass('open');
}
}
}
headerStyle();
//Submenu Dropdown Toggle
if($('.main-header li.dropdown ul').length){
$('.main-header .navigation li.dropdown').append('<div class="dropdown-btn"><span class="fas fa-angle-down"></span></div>');
}
//Mobile Nav Hide Show
if($('.mobile-menu').length){
$('.mobile-menu .menu-box').mCustomScrollbar();
var mobileMenuContent = $('.main-header .menu-area .main-menu').html();
$('.mobile-menu .menu-box .menu-outer').append(mobileMenuContent);
$('.sticky-header .main-menu').append(mobileMenuContent);
//Dropdown Button
$('.mobile-menu li.dropdown .dropdown-btn').on('click', function() {
$(this).toggleClass('open');
$(this).prev('ul').slideToggle(500);
});
//Dropdown Button
$('.mobile-menu li.dropdown .dropdown-btn').on('click', function() {
$(this).prev('.megamenu').slideToggle(900);
});
//Menu Toggle Btn
$('.mobile-nav-toggler').on('click', function() {
$('body').addClass('mobile-menu-visible');
});
//Menu Toggle Btn
$('.mobile-menu .menu-backdrop,.mobile-menu .close-btn').on('click', function() {
$('body').removeClass('mobile-menu-visible');
});
}
// Scroll to a Specific Div
if($('.scroll-to-target').length){
$(".scroll-to-target").on('click', function() {
var target = $(this).attr('data-target');
// animate
$('html, body').animate({
scrollTop: $(target).offset().top
}, 1000);
});
}
// Elements Animation
if($('.wow').length){
var wow = new WOW({
mobile: false
});
wow.init();
}
//Contact Form Validation
if($('#contact-form').length){
$('#contact-form').validate({
rules: {
username: {
required: true
},
email: {
required: true,
email: true
},
phone: {
required: true
},
subject: {
required: true
},
message: {
required: true
}
}
});
}
//Fact Counter + Text Count
if($('.count-box').length){
$('.count-box').appear(function(){
var $t = $(this),
n = $t.find(".count-text").attr("data-stop"),
r = parseInt($t.find(".count-text").attr("data-speed"), 10);
if (!$t.hasClass("counted")) {
$t.addClass("counted");
$({
countNum: $t.find(".count-text").text()
}).animate({
countNum: n
}, {
duration: r,
easing: "linear",
step: function() {
$t.find(".count-text").text(Math.floor(this.countNum));
},
complete: function() {
$t.find(".count-text").text(this.countNum);
}
});
}
},{accY: 0});
}
//LightBox / Fancybox
if($('.lightbox-image').length) {
$('.lightbox-image').fancybox({
openEffect : 'fade',
closeEffect : 'fade',
helpers : {
media : {}
}
});
}
//Tabs Box
if($('.tabs-box').length){
$('.tabs-box .tab-buttons .tab-btn').on('click', function(e) {
e.preventDefault();
var target = $($(this).attr('data-tab'));
if ($(target).is(':visible')){
return false;
}else{
target.parents('.tabs-box').find('.tab-buttons').find('.tab-btn').removeClass('active-btn');
$(this).addClass('active-btn');
target.parents('.tabs-box').find('.tabs-content').find('.tab').fadeOut(0);
target.parents('.tabs-box').find('.tabs-content').find('.tab').removeClass('active-tab');
$(target).fadeIn(300);
$(target).addClass('active-tab');
}
});
}
//Accordion Box
if($('.accordion-box').length){
$(".accordion-box").on('click', '.acc-btn', function() {
var outerBox = $(this).parents('.accordion-box');
var target = $(this).parents('.accordion');
if($(this).hasClass('active')!==true){
$(outerBox).find('.accordion .acc-btn').removeClass('active');
}
if ($(this).next('.acc-content').is(':visible')){
return false;
}else{
$(this).addClass('active');
$(outerBox).children('.accordion').removeClass('active-block');
$(outerBox).find('.accordion').children('.acc-content').slideUp(300);
target.addClass('active-block');
$(this).next('.acc-content').slideDown(300);
}
});
}
// banner-carousel
if ($('.banner-carousel').length) {
$('.banner-carousel').owlCarousel({
loop:true,
margin:0,
nav:true,
animateOut: 'fadeOut',
animateIn: 'fadeIn',
active: true,
smartSpeed: 1000,
autoplay: 6000,
navText: [ '<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>' ],
responsive:{
0:{
items:1
},
600:{
items:1
},
800:{
items:1
},
1024:{
items:1
}
}
});
}
// single-item-carousel
if ($('.single-item-carousel').length) {
$('.single-item-carousel').owlCarousel({
loop:true,
margin:30,
nav:false,
smartSpeed: 3000,
autoplay: true,
navText: [ '<span class="fas fa-angle-left"></span>', '<span class="fas fa-angle-right"></span>' ],
responsive:{
0:{
items:1
},
480:{
items:1
},
600:{
items:1
},
800:{
items:1
},
1200:{
items:1
}
}
});
}
//two-column-carousel
if ($('.two-column-carousel').length) {
$('.two-column-carousel').owlCarousel({
loop:true,
margin:30,
nav:true,
smartSpeed: 3000,
autoplay: 4000,
navText: [ '<span class="fas fa-algle-left"></span>', '<span class="fas fa-algle-left-right"></span>' ],
responsive:{
0:{
items:1
},
480:{
items:1
},
600:{
items:1
},
800:{
items:2
},
1024:{
items:2
}
}
});
}
//three-item-carousel
if ($('.three-item-carousel').length) {
$('.three-item-carousel').owlCarousel({
loop:true,
margin:30,
nav:true,
smartSpeed: 1000,
autoplay: 500,
navText: [ '<span class="fas fa-angle-left"></span>', '<span class="fas fa-angle-right"></span>' ],
responsive:{
0:{
items:1
},
480:{
items:1
},
600:{
items:2
},
800:{
items:2
},
1024:{
items:3
}
}
});
}
//three-item-carousel-2
if ($('.three-item-carousel-2').length) {
$('.three-item-carousel-2').owlCarousel({
loop:true,
margin:0,
nav:true,
smartSpeed: 1000,
autoplay: 500,
navText: [ '<span class="fas fa-angle-left"></span>', '<span class="fas fa-angle-right"></span>' ],
responsive:{
0:{
items:1
},
480:{
items:1
},
600:{
items:2
},
800:{
items:2
},
1024:{
items:3
}
}
});
}
// Four Item Carousel
if ($('.four-item-carousel').length) {
$('.four-item-carousel').owlCarousel({
loop:true,
margin:30,
nav:true,
smartSpeed: 500,
autoplay: 5000,
navText: [ '<span class="fas fa-angle-left"></span>', '<span class="fas fa-angle-right"></span>' ],
responsive:{
0:{
items:1
},
600:{
items:2
},
800:{
items:3
},
1024:{
items:3
},
1200:{
items:4
}
}
});
}
//Add One Page nav
if($('.scroll-nav').length) {
$('.scroll-nav').onePageNav();
}
//Search Popup
if($('#search-popup').length){
//Show Popup
$('.search-toggler').on('click', function() {
$('#search-popup').addClass('popup-visible');
});
$(document).keydown(function(e){
if(e.keyCode === 27) {
$('#search-popup').removeClass('popup-visible');
}
});
//Hide Popup
$('.close-search,.search-popup .overlay-layer').on('click', function() {
$('#search-popup').removeClass('popup-visible');
});
}
// color switcher
function swithcerMenu () {
if ($('.switch_menu').length) {
$('.switch_btn button').on('click', function(){
$('.switch_menu').toggle(500)
});
$('#styleOptions').styleSwitcher({
hasPreview: true,
fullPath: 'assets/css/color/',
cookie: {
expires: 30,
isManagingLoad: true
}
});
};
}
// page direction
function directionswitch() {
if ($('.page_direction').length) {
$('.direction_switch button').on('click', function() {
$('body').toggleClass(function(){
return $(this).is('.rtl, .ltr') ? 'rtl ltr' : 'rtl';
})
});
};
}
$(document).ready(function() {
$('select:not(.ignore)').niceSelect();
});
/* =========================================================================
When document is Scrollig, do
========================================================================== */
jQuery(document).on('ready', function () {
(function ($) {
// add your functions
swithcerMenu();
directionswitch();
})(jQuery);
});
/* ==========================================================================
When document is Scrollig, do
========================================================================== */
$(window).on('scroll', function() {
headerStyle();
});
/* ==========================================================================
When document is loaded, do
========================================================================== */
$(window).on('load', function() {
handlePreloader();
});
})(window.jQuery);
\ No newline at end of file
... ...
... ... @@ -122,13 +122,14 @@
</section>
<!-- 企业实习项目 -->
<section class="box-content box-123" id="projects">
<div style="padding-right:15px;padding-left:10%;padding-bottom: 20px;">
<div class="intro" style="color: #66CA94;text-align: left;" id="threefield1"></div>
<div style="display: flex; justify-content: space-between;">
<h2 id="threefield2"></h2>
<h2><a href="./browseMore.html" target="_self">浏览更多></a></h2>
<h2><a onclick="morebro()">浏览更多></a></h2>
</div>
</div>
<!-- </div> -->
... ...
... ... @@ -31,36 +31,36 @@ $(document).ready(function() {
$.each(res.data.records, function(key, value) {
console.log(value)
let title = `<div class="col-xs-6 col-lg-33 portfolio-post contentClick" style="margin-bottom: 2%;height:35%" id=${value.id} onClick="setProfileId(${value.id})">
<article class="portfolio-post-item" style='height:100%'>
<div style="position: relative;height:100%">
<div style="position: relative;" style='height:100%'>
<img src="${value.img}" alt="" style='height:100%'>
</div>
<div style="position: absolute;bottom: 4%;right: 2%;line-height: 1;display: flex;width: 40%;place-items:center">
<div style="position: relative;margin-right: 2%;width: 25%;">
<img src="${value.img1}">
<article class="portfolio-post-item" style='height:100%'>
<div style="position: relative;height:100%">
<div style="position: relative;" style='height:100%'>
<img src="${value.img}" alt="" style='height:100%'>
</div>
<div style="position: relative;">
<div style="font-size: 1.4em;color: #fff;padding-bottom:5%">${value.title}</div>
<div style="font-size: 1.4em;color: #fff; ">${value.futitle}</div>
<div style="position: absolute;bottom: 4%;right: 2%;line-height: 1;display: flex;width: 40%;place-items:center">
<div style="position: relative;margin-right: 2%;width: 25%;">
<img src="${value.img1}">
</div>
<div style="position: relative;">
<div style="font-size: 1.4em;color: #fff;padding-bottom:5%">${value.title}</div>
<div style="font-size: 1.4em;color: #fff; ">${value.futitle}</div>
</div>
</div>
</div>
</div>
<div class="portfolio-content-wrapper ">
<div class="portfolio-content ">
<h3 class="portfolio-title "><a>${value.content}</a></h3>
<div style="display: flex;text-align: left;place-items: center;padding-top: 6%; ">
<img src="${value.img1} " style="width: 10%;height: 1%; ">
<div style="display: flex;flex-direction: column;padding-left: 2%; ">
<div class="portfolio-cat" style='padding-bottom:5%'>${value.title}</div>
<div class="portfolio-cat">${value.futitle}</div>
<div class="portfolio-content-wrapper ">
<div class="portfolio-content ">
<h3 class="portfolio-title "><a>${value.content}</a></h3>
<div style="display: flex;text-align: left;place-items: center;padding-top: 6%; ">
<img src="${value.img1} " style="width: 10%;height: 1%; ">
<div style="display: flex;flex-direction: column;padding-left: 2%; ">
<div class="portfolio-cat" style='padding-bottom:5%'>${value.title}</div>
<div class="portfolio-cat">${value.futitle}</div>
</div>
</div>
</div>
</div>
</div>
</article>
</div>`
</article>
</div>`
$('#enterpriseProject').append(title)
})
... ... @@ -145,6 +145,7 @@ $(document).ready(function() {
}
})
});
... ... @@ -170,4 +171,15 @@ function setPersonal() {
//跳转实习内容首页
function learnCenter() {
}
//浏览更多跳转
function morebro() {
window.location.href = 'browseMore.html'
}
//进入项目页
function setProfileId(id) {
// location.href()
console.log('1111', id);
window.location.href = 'profile.html?id=' + id
}
\ No newline at end of file
... ...
... ... @@ -47,7 +47,7 @@
</div> -->
<div>
<a href="index.html"><img src="./img/portfolio/Y9.png"></a>
<a onclick="closePage()"><img src="./img/portfolio/Y9.png"></a>
</div>
</div>
</div>
... ...
... ... @@ -220,4 +220,23 @@ function ifVIP() {
}
}
})
}
//关闭判断跳转主页
function closePage() {
$.ajax({
type: 'GET',
url: 'http://192.168.1.241:9004/login/userInfo',
headers: {
"Content-Type": "application/json",
"token": localStorage.getItem('token'),
},
success: function(res) {
console.log(res);
if (res.data.status1 == '2') {
window.location.href = 'participated.html'
} else {
window.location.href = 'index.html'
}
}
})
}
\ No newline at end of file
... ...
... ... @@ -44,7 +44,7 @@
</a>
</div> -->
<div>
<a href="index.html"><img src="./img/portfolio/Y9.png"></a>
<a onclick="closePage()"><img src="./img/portfolio/Y9.png"></a>
</div>
</div>
</div>
... ... @@ -154,7 +154,7 @@
<a href="personalCenter2.html">
<h3 style="color: #fff;font-size: 1.8em;">我的账号</h3>
</a>
<a onclick="ifVIP()">
<a href="aboutUs.html">
<h3 style="color: #fff;font-size: 1.8em;">联系我们</h3>
</a>
</div>
... ...
... ... @@ -123,7 +123,26 @@ $(document).ready(function() {
//获取用户VIP信息判断是否是VIP
function ifVIP() {
// function ifVIP() {
// $.ajax({
// type: 'GET',
// url: 'http://192.168.1.241:9004/login/userInfo',
// headers: {
// "Content-Type": "application/json",
// "token": localStorage.getItem('token'),
// },
// success: function(res) {
// console.log(res);
// if (res.data.status1 == 1) {
// window.location.href = 'personalCenter.html'
// } else {
// window.location.href = 'personalCenter2.html'
// }
// }
// })
// }
//关闭判断跳转主页
function closePage() {
$.ajax({
type: 'GET',
url: 'http://192.168.1.241:9004/login/userInfo',
... ... @@ -133,10 +152,10 @@ function ifVIP() {
},
success: function(res) {
console.log(res);
if (res.data.status1 == 1) {
window.location.href = 'personalCenter.html'
if (res.data.status1 == '2') {
window.location.href = 'participated.html'
} else {
window.location.href = 'personalCenter2.html'
window.location.href = 'index.html'
}
}
})
... ...
... ... @@ -60,7 +60,7 @@
<p style="color: #fff;padding-top: 20px;" id="titleExplain"></p>
<div style="padding-top: 70px;display: flex;place-items: center;">
<h5 style="position: absolute;background-color: #97dab6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;opacity: 0.5;">&nbsp;</h5>
<a href="single.html" style="position: relative;left: 25px;color: #fff; z-index: 5;">加入虚拟实习项目</a>
<a onclick="setLearingContentId(1)" style="position: relative;left: 25px;color: #fff; z-index: 5;">加入虚拟实习项目</a>
</div>
</div>
... ...
<html>
<head>
<!-- META DATA -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Free Bootstrap Themes - Free Responsive Html5 Templates">
<meta name="author" content="#">
<title>Study</title>
<!-- Bootstrap Core CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
<!-- <link rel="stylesheet" href="css/bootstrap1.min.css" type="text/css"> -->
<!-- Owl Carousel Assets -->
<link href="owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="owl-carousel/owl.theme.css" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/style2.css">
<!-- Custom Fonts -->
<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]-->
</head>
<body>
<header>
<nav>
<div class="header-txt1" style="display: flex;justify-content: space-between;">
<div class="header-img1">
<img src="./img/portfolio/B1.png">
</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" href="personalCenter.html">
<img src="./img/portfolio/circle.png" style="width: 50px;height: 50px;">
</a>
</div>
</div>
</nav>
</header>
<div style="display: flex;background-color: #FCFBFD;">
<div class="container">
<div class="row" style="display: flex;justify-content: space-between;">
<div>
<p>Join is to start your visual experience program</p>
<h2>成功职场第一步</h2>
<h2 style="position: absolute;">从Start-Line开始!</h2>
<!-- <div class="col-lg-5 col-md-12 col-sm-12 align-self-center" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s"> -->
<img src="img/portfolio/09-1.png" class="rounded img-fluid d-block mx-auto" alt="" style="position: relative;left: 50%;bottom: 3%;width: 100%;">
</div>
<div class="col-lg-1"></div>
<div class="col-lg-611 col-md-12 col-sm-12 align-self-center mobile-top-fix" style="border: 5px solid #66ca94;padding: 3%;display: flex;place-items: center;place-content: center;flex-direction: column;">
<div style="font-family: Helvetica;color:#323232;font-size: 1.5em;">微信快速登录/注册</div>
<img src="img/portfolio/09-1.png" width="50%" style='padding:10% 0'>
<p style="font-family: Helvetica;color:#5a5a5a">使用微信扫一扫进行授权验证，登录Start-Line后开始你的实习之路。</p>
<button onclick="window.location.href='login.html'" style="font-family: PingFangSC, PingFangSC-Medium;color:#969696;border:none;background-color: #FCFBFD;">返回手机号登录/注册</button>
</div>
</div>
</div>
</div>
<!-- jQuery -->
<script type="text/javascript" src="js/jquery-2.1.1.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/agency.js"></script>
<!-- Plugin JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/cbpAnimatedHeader.js"></script>
<!-- carousel -->
<script src="owl-carousel/owl.carousel.js"></script>
<script>
$(document).ready(function() {
$("#owl-brand").owlCarousel({
autoPlay: 3000,
items: 1,
itemsDesktop: [1199, 1],
itemsDesktopSmall: [979, 2],
navigation: false,
navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>']
});
});
</script>
</body>
</html>
\ No newline at end of file