杨乐 / virtual · 提交

转到一个项目

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

提交

内嵌 并排对比
正在显示 19 个修改的文件 包含 2157 行增加 和 202 行删除
@@ -32,58 +32,55 @@ @@ -32,58 +32,55 @@
32 <body> 32 <body>
33 <header> 33 <header>
34 34
35 - <!-- /////////////////////////////////////////Navigation -->  
36 - <nav class="navbar navbar-default navbar-fixed-top"> 35 + <!-- <nav class="navbar navbar-default navbar-fixed-top">
37 <div class="header-text"> 36 <div class="header-text">
38 <div class="container"> 37 <div class="container">
39 - <!-- Brand and toggle get grouped for better mobile display -->  
40 <div class="navbar-header page-scroll"> 38 <div class="navbar-header page-scroll">
41 <img src="img/portfolio/B1.png" class="navbar-brand page-scroll" alt=""> 39 <img src="img/portfolio/B1.png" class="navbar-brand page-scroll" alt="">
42 - <!-- <img src="img/portfolio/B1.png" class="img-responsive" alt=""> -->  
43 -  
44 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 40 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
45 <span class="sr-only">Toggle navigation</span> 41 <span class="sr-only">Toggle navigation</span>
46 <span class="icon-bar"></span> 42 <span class="icon-bar"></span>
47 <span class="icon-bar"></span> 43 <span class="icon-bar"></span>
48 - <!-- <span class="icon-bar"></span> -->  
49 </button> 44 </button>
50 - <!-- <a class="navbar-brand page-scroll" href="#page-top">CLEMENTINE</a> -->  
51 -  
52 -  
53 </div> 45 </div>
54 -  
55 - <!-- Collect the nav links, forms, and other content for toggling -->  
56 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 46 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
57 <ul class="nav navbar-nav navbar-right"> 47 <ul class="nav navbar-nav navbar-right">
58 - <!-- <li class="hidden">  
59 - <a href="#page-top"></a>  
60 - </li> -->  
61 <li> 48 <li>
62 <a class="page-scroll" href="#about">登录</a> 49 <a class="page-scroll" href="#about">登录</a>
63 </li> 50 </li>
64 - <!-- <li>  
65 - <a class="page-scroll" href="#about">加入我们</a>  
66 - </li> -->  
67 <li> 51 <li>
68 - <!-- <a class="navbar-brand page-scroll" href="#page-top">CLEMENTINE</a> -->  
69 <a class="page-scroll" href="#projects">Projects</a> 52 <a class="page-scroll" href="#projects">Projects</a>
70 -  
71 - <!-- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> -->  
72 </li> 53 </li>
73 -  
74 </ul> 54 </ul>
75 </div> 55 </div>
76 - <!-- /.navbar-collapse -->  
77 </div> 56 </div>
78 </div> 57 </div>
79 - <!-- /.container-fluid --> 58 + </nav> -->
  59 + <nav>
  60 + <div class="header-txt1">
  61 + <div class="header-img1">
  62 + <img src="./img/portfolio/B1.png">
  63 + </div>
  64 + <div class="header-right1">
  65 + <a class="header-btnL" href='login.html'>
  66 + <div class="header-loginBtn">登&nbsp;&nbsp;录</div>
  67 + </a>
  68 + <!-- <a class="header-btnL" href="aboutUs.html">
  69 + <div class="header-loginBtn">加入我们</div>
  70 + </a> -->
  71 + <a class="header-right-btn" onclick="setPersonal()">
  72 + <!-- <a class="header-right-btn" href="personalCenter.html"> -->
  73 + <img src="./img/portfolio/circle.png" style="width: 50px;height: 50px;">
  74 + </a>
  75 + </div>
  76 + </div>
80 </nav> 77 </nav>
81 - <!-- Navigation -->  
82 78
  79 + <!-- 文字显示 -->
83 <div class="header-text hidden-xs"> 80 <div class="header-text hidden-xs">
84 <div class="col-md-12 text-center"> 81 <div class="col-md-12 text-center">
85 <div style="color: #fff;margin-top: 10%;margin-left: 5%; font-size: 3em;" id="title" class="text-color"></div> 82 <div style="color: #fff;margin-top: 10%;margin-left: 5%; font-size: 3em;" id="title" class="text-color"></div>
86 - <p style="color: #fff;margin-left: 5%;line-height: 3em;" id="subtitle"></p> 83 + <p style="color: #fff;margin-left: 5%;line-height: 3em;font-size: 1.5em;" id="subtitle"></p>
87 </div> 84 </div>
88 </div> 85 </div>
89 <!-- /header-text --> 86 <!-- /header-text -->
@@ -94,15 +91,15 @@ @@ -94,15 +91,15 @@
94 <!-- 企业实习项目 --> 91 <!-- 企业实习项目 -->
95 <section class="box-content box-123" id="projects"> 92 <section class="box-content box-123" id="projects">
96 <div style="padding-right:15px;padding-left:10%;padding-bottom: 20px;"> 93 <div style="padding-right:15px;padding-left:10%;padding-bottom: 20px;">
97 - <div class="intro" style="color: #66CA94;text-align: left;" id="threefield1">Featured Programs</div>  
98 - <!-- <div style="display: flex; justify-content: space-between;"> -->  
99 - <h2 id="threefield2">顶尖名企实习项目</h2>  
100 - <!-- <h2><a href="./browseMore.html" target="_self">浏览更多></a></h2> -->  
101 - <!-- </div> --> 94 + <div class="intro" style="color: #66CA94;text-align: left;" id="threefield1"></div>
  95 + <div style="display: flex; justify-content: space-between;">
  96 + <h2 id="threefield2"></h2>
  97 + <h2><a onclick="morebro()">浏览更多></a></h2>
  98 + </div>
102 </div> 99 </div>
103 <!-- </div> --> 100 <!-- </div> -->
104 <!-- 实习项目--> 101 <!-- 实习项目-->
105 - <div class="portfolio-items-container" id="enterpriseProject"> 102 + <div class="portfolio-items-container" id="enterpriseProject" href='profile.html'>
106 </div> 103 </div>
107 </section> 104 </section>
108 105
@@ -39,7 +39,7 @@ $(document).ready(function() { @@ -39,7 +39,7 @@ $(document).ready(function() {
39 39
40 $.each(res.data.records, function(key, value) { 40 $.each(res.data.records, function(key, value) {
41 console.log(value) 41 console.log(value)
42 - let title = `<div class="col-xs-6 col-lg-33 portfolio-post" style="margin-bottom: 2%;height:35%"> 42 + 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})">
43 <article class="portfolio-post-item" style='height:100%'> 43 <article class="portfolio-post-item" style='height:100%'>
44 <div style="position: relative;height:100%"> 44 <div style="position: relative;height:100%">
45 <div style="position: relative;" style='height:100%'> 45 <div style="position: relative;" style='height:100%'>
@@ -75,8 +75,35 @@ $(document).ready(function() { @@ -75,8 +75,35 @@ $(document).ready(function() {
75 } 75 }
76 }) 76 })
77 77
  78 +})
78 79
  80 +//获取用户VIP信息判断是否是VIP
  81 +function setPersonal() {
  82 + $.ajax({
  83 + type: 'GET',
  84 + url: 'http://192.168.1.241:9004/login/userInfo',
  85 + headers: {
  86 + "Content-Type": "application/json",
  87 + "token": localStorage.getItem('token'),
  88 + },
  89 + success: function(res) {
  90 + console.log(res);
  91 + if (res.data.status1 == 1) {
  92 + window.location.href = 'personalCenter.html'
  93 + } else {
  94 + window.location.href = 'personalCenter2.html'
  95 + }
  96 + }
  97 + })
  98 +}
  99 +//浏览更多跳转
  100 +function morebro() {
  101 + window.location.href = 'browseMore.html'
  102 +}
  103 +//进入项目页
  104 +function setProfileId(id) {
  105 + // location.href()
  106 + console.log('1111', id);
  107 + window.location.href = 'profile.html?id=' + id
79 108
80 -  
81 -  
82 -})  
  109 +}
@@ -7601,3 +7601,27 @@ button.close { @@ -7601,3 +7601,27 @@ button.close {
7601 margin-bottom: 40px; 7601 margin-bottom: 40px;
7602 } 7602 }
7603 } 7603 }
  7604 +
  7605 +hr {
  7606 + box-sizing: content-box;
  7607 + height: 0;
  7608 + overflow: visible
  7609 +}
  7610 +
  7611 +.carousel-indicators li {
  7612 + box-sizing: content-box;
  7613 + -ms-flex: 0 1 auto;
  7614 + flex: 0 1 auto;
  7615 + width: 30px;
  7616 + height: 3px;
  7617 + margin-right: 3px;
  7618 + margin-left: 3px;
  7619 + text-indent: -999px;
  7620 + cursor: pointer;
  7621 + background-color: #fff;
  7622 + background-clip: padding-box;
  7623 + border-top: 10px solid transparent;
  7624 + border-bottom: 10px solid transparent;
  7625 + opacity: .5;
  7626 + transition: opacity .6s ease
  7627 +}
  1 +/*
  2 + * Owl Carousel - Animate Plugin
  3 + */
  4 +.owl-carousel .animated {
  5 + -webkit-animation-duration: 1000ms;
  6 + animation-duration: 1000ms;
  7 + -webkit-animation-fill-mode: both;
  8 + animation-fill-mode: both;
  9 +}
  10 +.owl-carousel .owl-animated-in {
  11 + z-index: 0;
  12 +}
  13 +.owl-carousel .owl-animated-out {
  14 + z-index: 1;
  15 +}
  16 +.owl-carousel .fadeOut {
  17 + -webkit-animation-name: fadeOut;
  18 + animation-name: fadeOut;
  19 +}
  20 +
  21 +@-webkit-keyframes fadeOut {
  22 + 0% {
  23 + opacity: 1;
  24 + }
  25 +
  26 + 100% {
  27 + opacity: 0;
  28 + }
  29 +}
  30 +@keyframes fadeOut {
  31 + 0% {
  32 + opacity: 1;
  33 + }
  34 +
  35 + 100% {
  36 + opacity: 0;
  37 + }
  38 +}
  39 +
  40 +/*
  41 + * Owl Carousel - Auto Height Plugin
  42 + */
  43 +.owl-height {
  44 + -webkit-transition: height 500ms ease-in-out;
  45 + -moz-transition: height 500ms ease-in-out;
  46 + -ms-transition: height 500ms ease-in-out;
  47 + -o-transition: height 500ms ease-in-out;
  48 + transition: height 500ms ease-in-out;
  49 +}
  50 +
  51 +/*
  52 + * Core Owl Carousel CSS File
  53 + */
  54 +.owl-carousel {
  55 + display: none;
  56 + width: 100%;
  57 + -webkit-tap-highlight-color: transparent;
  58 + /* position relative and z-index fix webkit rendering fonts issue */
  59 + position: relative;
  60 + z-index: 1;
  61 +}
  62 +.owl-carousel .owl-stage {
  63 + position: relative;
  64 + -ms-touch-action: pan-Y;
  65 +}
  66 +.owl-carousel .owl-stage:after {
  67 + content: ".";
  68 + display: block;
  69 + clear: both;
  70 + visibility: hidden;
  71 + line-height: 0;
  72 + height: 0;
  73 +}
  74 +.owl-carousel .owl-stage-outer {
  75 + position: relative;
  76 + overflow: hidden;
  77 + /* fix for flashing background */
  78 + -webkit-transform: translate3d(0px, 0px, 0px);
  79 +}
  80 +.owl-carousel .owl-controls .owl-nav .owl-prev,
  81 +.owl-carousel .owl-controls .owl-nav .owl-next,
  82 +.owl-carousel .owl-controls .owl-dot {
  83 + cursor: pointer;
  84 + cursor: hand;
  85 + -webkit-user-select: none;
  86 + -khtml-user-select: none;
  87 + -moz-user-select: none;
  88 + -ms-user-select: none;
  89 + user-select: none;
  90 +}
  91 +.owl-carousel.owl-loaded {
  92 + display: block;
  93 +}
  94 +.owl-carousel.owl-loading {
  95 + opacity: 0;
  96 + display: block;
  97 +}
  98 +.owl-carousel.owl-hidden {
  99 + opacity: 0;
  100 +}
  101 +.owl-carousel .owl-refresh .owl-item {
  102 + display: none;
  103 +}
  104 +.owl-carousel .owl-item {
  105 + position: relative;
  106 + min-height: 1px;
  107 + float: left;
  108 + -webkit-backface-visibility: hidden;
  109 + -webkit-tap-highlight-color: transparent;
  110 + -webkit-touch-callout: none;
  111 + -webkit-user-select: none;
  112 + -moz-user-select: none;
  113 + -ms-user-select: none;
  114 + user-select: none;
  115 +}
  116 +.owl-carousel .owl-item img {
  117 + display: block;
  118 + width: none;
  119 + -webkit-transform-style: preserve-3d;
  120 +}
  121 +.owl-carousel.owl-text-select-on .owl-item {
  122 + -webkit-user-select: auto;
  123 + -moz-user-select: auto;
  124 + -ms-user-select: auto;
  125 + user-select: auto;
  126 +}
  127 +.owl-carousel .owl-grab {
  128 + cursor: move;
  129 + cursor: -webkit-grab;
  130 + cursor: -o-grab;
  131 + cursor: -ms-grab;
  132 + cursor: grab;
  133 +}
  134 +.owl-carousel.owl-rtl {
  135 + direction: rtl;
  136 +}
  137 +.owl-carousel.owl-rtl .owl-item {
  138 + float: right;
  139 +}
  140 +
  141 +/* No Js */
  142 +.no-js .owl-carousel {
  143 + display: block;
  144 +}
  145 +
  146 +/*
  147 + * Owl Carousel - Lazy Load Plugin
  148 + */
  149 +.owl-carousel .owl-item .owl-lazy {
  150 + opacity: 0;
  151 + -webkit-transition: opacity 400ms ease;
  152 + -moz-transition: opacity 400ms ease;
  153 + -ms-transition: opacity 400ms ease;
  154 + -o-transition: opacity 400ms ease;
  155 + transition: opacity 400ms ease;
  156 +}
  157 +.owl-carousel .owl-item img {
  158 + transform-style: preserve-3d;
  159 +}
  160 +
  161 +/*
  162 + * Owl Carousel - Video Plugin
  163 + */
  164 +.owl-carousel .owl-video-wrapper {
  165 + position: relative;
  166 + height: 100%;
  167 + background: #000;
  168 +}
  169 +.owl-carousel .owl-video-play-icon {
  170 + position: absolute;
  171 + height: 80px;
  172 + width: 80px;
  173 + left: 50%;
  174 + top: 50%;
  175 + margin-left: -40px;
  176 + margin-top: -40px;
  177 + background: url("owl.video.play.png") no-repeat;
  178 + cursor: pointer;
  179 + z-index: 1;
  180 + -webkit-backface-visibility: hidden;
  181 + -webkit-transition: scale 100ms ease;
  182 + -moz-transition: scale 100ms ease;
  183 + -ms-transition: scale 100ms ease;
  184 + -o-transition: scale 100ms ease;
  185 + transition: scale 100ms ease;
  186 +}
  187 +.owl-carousel .owl-video-play-icon:hover {
  188 + -webkit-transition: scale(1.3, 1.3);
  189 + -moz-transition: scale(1.3, 1.3);
  190 + -ms-transition: scale(1.3, 1.3);
  191 + -o-transition: scale(1.3, 1.3);
  192 + transition: scale(1.3, 1.3);
  193 +}
  194 +.owl-carousel .owl-video-playing .owl-video-tn,
  195 +.owl-carousel .owl-video-playing .owl-video-play-icon {
  196 + display: none;
  197 +}
  198 +.owl-carousel .owl-video-tn {
  199 + opacity: 0;
  200 + height: 100%;
  201 + background-position: center center;
  202 + background-repeat: no-repeat;
  203 + -webkit-background-size: contain;
  204 + -moz-background-size: contain;
  205 + -o-background-size: contain;
  206 + background-size: contain;
  207 + -webkit-transition: opacity 400ms ease;
  208 + -moz-transition: opacity 400ms ease;
  209 + -ms-transition: opacity 400ms ease;
  210 + -o-transition: opacity 400ms ease;
  211 + transition: opacity 400ms ease;
  212 +}
  213 +.owl-carousel .owl-video-frame {
  214 + position: relative;
  215 + z-index: 1;
  216 +}
  217 +
  218 +.owl-theme .owl-controls {
  219 + display:block;
  220 +}
  221 +.owl-theme .owl-controls .owl-nav [class*="owl-"] {
  222 + position: relative;
  223 + cursor: pointer;
  224 + display: inline-block;
  225 + color: #898f9f;
  226 + margin: 0px 10px;
  227 + transition: all 500ms ease;
  228 +}
  229 +.owl-theme .owl-controls .owl-nav [class*="owl-"] span:before{
  230 + margin: 0px;
  231 + font-size: 25px;
  232 +}
  233 +.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover{
  234 + color: #f2be00;
  235 +}
  236 +.owl-theme .owl-controls .owl-nav .disabled {
  237 + cursor: default;
  238 + opacity: 0.5;
  239 +}
  240 +.owl-theme .owl-dots .owl-dot {
  241 + display: inline-block;
  242 +}
  243 +.owl-theme .owl-dots .owl-dot span {
  244 + background: #222;
  245 + display: block;
  246 + margin: 0px 5px 0px 5px;
  247 + transition: opacity 200ms ease 0s;
  248 + width: 15px;
  249 + height: 15px;
  250 +}
  251 +.owl-theme .owl-dots .owl-dot.active span {
  252 + background: none repeat scroll 0 0 #cda274;
  253 +}
  1 +/* Theme Responsive Css */
  2 +
  3 +
  4 +@media only screen and (max-width: 5000px){
  5 +
  6 + .boxed_wrapper{
  7 + overflow: hidden;
  8 + }
  9 +
  10 +}
  11 +
  12 +
  13 +@media only screen and (max-width: 1799px){
  14 +
  15 + .main-header.style-one .header-upper .outer-container{
  16 + padding-left: 30px;
  17 + }
  18 +
  19 + .main-header.style-one .header-upper .logo-box{
  20 + margin-right: 30px;
  21 + }
  22 +
  23 +}
  24 +
  25 +
  26 +@media only screen and (max-width: 1699px){
  27 +
  28 + .main-header.style-one .header-upper .menu-right-content .support-box{
  29 + display: none;
  30 + }
  31 +
  32 + .choose-section .image-layer{
  33 + display: none;
  34 + }
  35 +
  36 + .immigration-section{
  37 + padding-bottom: 105px;
  38 + }
  39 +
  40 + #content_block_2 .content-box{
  41 + max-width: 100%;
  42 + }
  43 +
  44 +}
  45 +
  46 +@media only screen and (max-width: 1399px){
  47 +
  48 + .main-header.style-one .header-upper .upper-left .btn-box{
  49 + display: none;
  50 + }
  51 +
  52 +}
  53 +
  54 +
  55 +
  56 +@media only screen and (max-width: 1200px){
  57 +
  58 + .main-header.style-one .search-box-outer{
  59 + padding: 32.5px 14px;
  60 + }
  61 +
  62 + .main-header.style-one .header-upper .menu-right-content{
  63 + margin-left: 30px;
  64 + }
  65 +
  66 + .main-menu .navigation > li{
  67 + margin: 0px 12px;
  68 + }
  69 +
  70 + .main-header .header-top .top-left,
  71 + .main-header .header-top .top-right{
  72 + float: none;
  73 + display: block;
  74 + text-align: center;
  75 + }
  76 +
  77 + .main-header .header-top .top-left{
  78 + margin-bottom: 10px;
  79 + }
  80 +
  81 + #image_block_1 .image-box{
  82 + margin-right: 0px;
  83 + }
  84 +
  85 + .about-section #content_block_1 .content-box{
  86 + margin-left: 0px;
  87 + }
  88 +
  89 + .sticky-header .main-menu .navigation > li > a{
  90 + padding: 20px 20px;
  91 + }
  92 +
  93 + .cta-section .inner-box .text:before,
  94 + .cta-section .inner-box .text:after,
  95 + .cta-section .inner-box .text .dotted-box{
  96 + display: none;
  97 + }
  98 +
  99 + .cta-section .inner-box .text{
  100 + padding: 0px;
  101 + }
  102 +
  103 + .top-inner .text{
  104 + padding-left: 0px !important;
  105 + }
  106 +
  107 + .main-footer .footer-top .footer-column:nth-child(2) .links-widget{
  108 + margin-left: 30px;
  109 + }
  110 +
  111 + .main-header.style-two .menu-right-content{
  112 + display: none;
  113 + }
  114 +
  115 + .feature-block-two .inner-box{
  116 + padding: 45px 30px 0px 30px;
  117 + }
  118 +
  119 + .rtl .top-inner .text{
  120 + padding-right: 0px !important;
  121 + }
  122 +
  123 + .sidebar-page-container .blog-sidebar .sidebar-support .content-box li h3{
  124 + font-size: 18px;
  125 + line-height: 26px;
  126 + }
  127 +
  128 +
  129 +}
  130 +
  131 +
  132 +
  133 +@media only screen and (min-width: 768px){
  134 + .main-menu .navigation > li > ul,
  135 + .main-menu .navigation > li > ul > li > ul,
  136 + .main-menu .navigation > li > .megamenu{
  137 + display:block !important;
  138 + visibility:hidden;
  139 + opacity:0;
  140 + }
  141 +}
  142 +
  143 +
  144 +
  145 +@media only screen and (max-width: 991px){
  146 +
  147 + .main-menu,
  148 + .sticky-header,
  149 + .main-header.style-one .outer-container:before{
  150 + display: none !important;
  151 + }
  152 +
  153 + .menu-area .mobile-nav-toggler {
  154 + display: block;
  155 + margin-top: 35px;
  156 + padding: 10px;
  157 + }
  158 +
  159 + .menu-area .mobile-nav-toggler .icon-bar{
  160 + background: #fff;
  161 + }
  162 +
  163 + .main-header.style-one .header-upper .menu-right-content{
  164 + margin-left: 0px;
  165 + }
  166 +
  167 + .main-header.style-one .header-upper .outer-container{
  168 + padding-right: 15px;
  169 + }
  170 +
  171 + .mobile-menu .navigation > li.dropdown > .megamenu li:first-child{
  172 + display: none;
  173 + }
  174 +
  175 + #image_block_1 .image-box{
  176 + max-width: 500px;
  177 + margin: 0 auto;
  178 + margin-bottom: 100px;
  179 + }
  180 +
  181 + .about-section{
  182 + padding-bottom: 370px;
  183 + }
  184 +
  185 + .feature-block-one .inner-box{
  186 + margin-bottom: 30px;
  187 + }
  188 +
  189 + .apply-section .inner-box .image-box{
  190 + position: relative;
  191 + max-width: 400px;
  192 + margin: 0 auto;
  193 + margin-bottom: 30px;
  194 + }
  195 +
  196 + .apply-section .inner-box{
  197 + padding-left: 0px;
  198 + }
  199 +
  200 + .counter-block-one .inner-box{
  201 + border-right: none !important;
  202 + padding: 15px 70px;
  203 + }
  204 +
  205 + .funfact-section{
  206 + padding: 90px 0px;
  207 + }
  208 +
  209 + .inquiry-section .content-box{
  210 + margin-left: 0px;
  211 + margin-top: 30px;
  212 + }
  213 +
  214 + .news-block-one .inner-box{
  215 + margin-bottom: 30px;
  216 + }
  217 +
  218 + .news-section{
  219 + padding-bottom: 80px;
  220 + }
  221 +
  222 + .main-footer .footer-top .footer-widget{
  223 + margin: 0px 0px 30px 0px !important;
  224 + }
  225 +
  226 + .main-footer .footer-top{
  227 + padding-bottom: 55px;
  228 + }
  229 +
  230 + .main-footer .footer-bottom .copyright{
  231 + display: block;
  232 + text-align: center;
  233 + margin-bottom: 5px;
  234 + float: none;
  235 + }
  236 +
  237 + .main-footer .footer-bottom .footer-nav{
  238 + float: none;
  239 + display: block;
  240 + text-align: center;
  241 + }
  242 +
  243 + .main-header.style-two .menu-area .mobile-nav-toggler .icon-bar{
  244 + background: #222;
  245 + }
  246 +
  247 + .main-header.style-two .menu-right-content{
  248 + display: inline-block;
  249 + }
  250 +
  251 + .main-header.style-two .menu-area .mobile-nav-toggler{
  252 + margin-top: 38px;
  253 + margin-left: 10px;
  254 + }
  255 +
  256 + .about-style-two #image_block_2 .image-box{
  257 + margin: 30px 0px 0px 0px;
  258 + padding: 0px;
  259 + }
  260 +
  261 + #image_block_2 .image-box .image-2,
  262 + #image_block_2 .image-box .image-3,
  263 + #image_block_2 .image-box:before,
  264 + #image_block_2 .image-box:after{
  265 + display: none;
  266 + }
  267 +
  268 + .apply-style-two .single-item .inner-box{
  269 + margin-bottom: 30px;
  270 + }
  271 +
  272 + .apply-style-two{
  273 + padding-bottom: 70px;
  274 + }
  275 +
  276 + .immigration-block-two .inner-box .content-box{
  277 + padding-left: 30px;
  278 + }
  279 +
  280 + .immigration-block-two .inner-box .content-box .btn-box{
  281 + left: 30px;
  282 + }
  283 +
  284 + .immigration-block-two .inner-box:hover .content-box .btn-box{
  285 + bottom: 30px;
  286 + }
  287 +
  288 + .immigration-block-two .inner-box:hover .content-box h4,
  289 + .immigration-block-two .inner-box:hover .content-box h2{
  290 + transform: translateY(-50px);
  291 + }
  292 +
  293 + .immigration-block-two .inner-box .content-box h2{
  294 + font-size: 25px;
  295 + line-height: 35px;
  296 + }
  297 +
  298 + .team-block-one .inner-box{
  299 + margin-bottom: 30px;
  300 + }
  301 +
  302 + .team-section{
  303 + padding-bottom: 75px;
  304 + }
  305 +
  306 + .counter-block-two .inner-box:before{
  307 + display: none;
  308 + }
  309 +
  310 + .rtl .main-header.style-two .header-top .top-left,
  311 + .rtl .main-header.style-two .header-top .top-right{
  312 + float: none;
  313 + }
  314 +
  315 + .rtl .mobile-menu .navigation li > a{
  316 + text-align: right;
  317 + }
  318 +
  319 + .rtl .mobile-menu .navigation li.dropdown .dropdown-btn{
  320 + right: inherit;
  321 + left: 6px;
  322 + }
  323 +
  324 + .rtl .mobile-menu .navigation li > a:before{
  325 + left: inherit;
  326 + right: 0px;
  327 + }
  328 +
  329 + .rtl .mobile-menu .navigation li.dropdown .dropdown-btn.open {
  330 + -webkit-transform: rotate(-90deg);
  331 + -ms-transform: rotate(-90deg);
  332 + transform: rotate(-90deg);
  333 + }
  334 +
  335 + .rtl .main-header.style-two .menu-right-content{
  336 + margin-right: 0px;
  337 + }
  338 +
  339 + .rtl .mobile-menu .nav-logo{
  340 + text-align: right;
  341 + }
  342 +
  343 + .rtl .mobile-menu .close-btn{
  344 + right: 260px;
  345 + }
  346 +
  347 + .rtl .testimonial-block-one .inner-box .author-inner{
  348 + top: -10px;
  349 + }
  350 +
  351 + .faq-section .accordion-box .block:last-child{
  352 + margin-bottom: 15px;
  353 + }
  354 +
  355 + .coaching-details-content{
  356 + margin-top: 40px;
  357 + }
  358 +
  359 + .coaching-details-content .content-style-two .inner-box .single-item{
  360 + margin: 15px 0px;
  361 + }
  362 +
  363 + .coaching-details-content .content-style-two .inner-box .single-item:before{
  364 + display: none;
  365 + }
  366 +
  367 + .service-block-one .inner-box {
  368 + padding-bottom: 72px !important;
  369 + margin-bottom: 0px !important;
  370 + margin-bottom: 30px !important;
  371 + }
  372 +
  373 + .service-block-one .inner-box .link {
  374 + visibility: visible;
  375 + opacity: 1;
  376 + }
  377 +
  378 + .blog-sidebar{
  379 + margin-top: 40px;
  380 + }
  381 +
  382 + .contact-page-section .info-inner .single-item .inner-box:before{
  383 + display: none;
  384 + }
  385 +
  386 +}
  387 +
  388 +
  389 +
  390 +@media only screen and (max-width: 767px){
  391 +
  392 + .main-header .header-top{
  393 + padding: 15px 30px;
  394 + }
  395 +
  396 + .banner-section.style-one .banner-carousel .slide-item{
  397 + padding: 200px 0px 120px 0px;
  398 + min-height: 620px;
  399 + }
  400 +
  401 + .banner-carousel .content-box h1{
  402 + font-size: 40px;
  403 + line-height: 48px;
  404 + }
  405 +
  406 + .about-section{
  407 + padding: 70px 0px 300px 0px;
  408 + }
  409 +
  410 + .sec-title h2,
  411 + .cta-section .inner-box h2{
  412 + font-size: 36px;
  413 + line-height: 45px;
  414 + }
  415 +
  416 + .cta-section{
  417 + padding: 120px 0px 70px 0px;
  418 + }
  419 +
  420 + .service-section{
  421 + padding: 65px 0px 40px 0px;
  422 + }
  423 +
  424 + .sec-pad-2{
  425 + padding: 70px 0px !important;
  426 + }
  427 +
  428 + .owl-dots,
  429 + .owl-nav{
  430 + display: none !important;
  431 + }
  432 +
  433 + .apply-section .inner-box .image-box{
  434 + margin-bottom: 0px;
  435 + }
  436 +
  437 + .funfact-section{
  438 + padding: 50px 0px;
  439 + }
  440 +
  441 + .training-section,
  442 + .testimonial-section{
  443 + padding: 65px 0px 70px 0px;
  444 + }
  445 +
  446 + .immigration-section,
  447 + .choose-section{
  448 + padding: 65px 0px;
  449 + }
  450 +
  451 + .inquiry-section,
  452 + .news-section{
  453 + padding: 65px 0px 40px 0px;
  454 + }
  455 +
  456 + .clients-section{
  457 + padding-bottom: 70px;
  458 + }
  459 +
  460 + .main-footer .footer-top{
  461 + padding: 70px 0px 40px 0px;
  462 + }
  463 +
  464 + .banner-section.style-two .banner-carousel .slide-item{
  465 + padding: 100px 0px 140px 0px;
  466 + min-height: 540px;
  467 + }
  468 +
  469 + .banner-section.style-two .banner-carousel .content-box h1{
  470 + line-height: 48px;
  471 + }
  472 +
  473 + .feature-block-two .inner-box{
  474 + padding: 46px 45px 40px 45px !important;
  475 + margin: 0px !important;
  476 + }
  477 +
  478 + .feature-block-two{
  479 + margin-bottom: 30px !important;
  480 + }
  481 +
  482 + .feature-block-two .inner-box .text p{
  483 + margin-bottom: 20px !important;
  484 + }
  485 +
  486 + .about-style-two{
  487 + padding: 30px 0px 70px 0px;
  488 + }
  489 +
  490 + .service-style-two{
  491 + padding-top: 65px;
  492 + }
  493 +
  494 + .service-style-two .three-item-carousel{
  495 + padding-bottom: 30px;
  496 + }
  497 +
  498 + .apply-style-two{
  499 + padding: 65px 0px 40px 0px;
  500 + }
  501 +
  502 + .apply-style-two .single-item .inner-box .icon-box .arrow{
  503 + display: none;
  504 + }
  505 +
  506 + .immigration-block-two .inner-box .content-box{
  507 + padding: 15px 15px 50px 15px;
  508 + }
  509 +
  510 + .offer-section{
  511 + padding: 65px 0px 70px 0px;
  512 + }
  513 +
  514 + .team-section{
  515 + padding: 65px 0px 35px 0px;
  516 + }
  517 +
  518 + .team-block-one{
  519 + max-width: 300px;
  520 + margin: 0 auto;
  521 + }
  522 +
  523 + .counter-block-two .inner-box{
  524 + padding: 15px 15px;
  525 + min-height: auto;
  526 + }
  527 +
  528 + .funfact-style-two .inner-container{
  529 + padding: 60px 0px;
  530 + }
  531 +
  532 + .testimonial-style-two{
  533 + padding: 300px 0px 40px 0px;
  534 + }
  535 +
  536 + .news-block-one,
  537 + .immigration-block-one{
  538 + max-width: 400px;
  539 + margin: 0 auto;
  540 + }
  541 +
  542 + .apply-style-two.about-page{
  543 + padding-bottom: 40px;
  544 + }
  545 +
  546 + .team-page-section .team-block-one .inner-box{
  547 + margin-bottom: 30px;
  548 + }
  549 +
  550 + .team-page-section{
  551 + padding: 70px 0px 35px 0px;
  552 + }
  553 +
  554 + .page-title{
  555 + padding: 180px 0px 100px 0px;
  556 + }
  557 +
  558 + .page-title .content-box .title-box h1{
  559 + font-size: 40px;
  560 + line-height: 48px;
  561 + }
  562 +
  563 + .faq-section{
  564 + padding: 70px 0px;
  565 + }
  566 +
  567 + .faq-section.style-two{
  568 + padding-bottom: 70px;
  569 + }
  570 +
  571 + .coaching-page-section .service-block-two{
  572 + margin-bottom: 30px;
  573 + }
  574 +
  575 + .coaching-page-section{
  576 + padding: 65px 0px 40px 0px;
  577 + }
  578 +
  579 + .sidebar-page-container{
  580 + padding: 70px 0px;
  581 + }
  582 +
  583 + .coaching-details-content .image-box{
  584 + margin-bottom: 30px;
  585 + }
  586 +
  587 + .service-block-two .inner-box{
  588 + max-width: 400px;
  589 + margin: 0 auto;
  590 + }
  591 +
  592 + .sidebar-page-container .news-block-one{
  593 + max-width: 100%;
  594 + }
  595 +
  596 + .blog-details-content .two-column .text{
  597 + margin-bottom: 30px;
  598 + }
  599 +
  600 + .blog-details-content .post-share-option ul.tags,
  601 + .blog-details-content .post-share-option .social-links{
  602 + float: none;
  603 + display: block;
  604 + }
  605 +
  606 + .blog-details-content .post-share-option ul.tags{
  607 + margin-bottom: 10px;
  608 + }
  609 +
  610 + .group-title h2{
  611 + font-size: 28px;
  612 + line-height: 35px;
  613 + }
  614 +
  615 + .contact-page-section{
  616 + padding: 65px 0px 70px 0px;
  617 + }
  618 +
  619 + .top-inner .text{
  620 + margin-top: 0px !important;
  621 + }
  622 +
  623 + .contact-page-section .info-inner{
  624 + padding: 70px 0px 40px 0px;
  625 + margin-bottom: 60px;
  626 + }
  627 +
  628 + .immigration-block-two .inner-box .content-box .btn-box{
  629 + left: 15px;
  630 + }
  631 +
  632 +}
  633 +
  634 +@media only screen and (max-width: 599px){
  635 +
  636 + .apply-section .inner-box .image-box{
  637 + max-width: 100%;
  638 + }
  639 +
  640 + .apply-section .inner-box .content-box{
  641 + padding: 50px 30px;
  642 + }
  643 +
  644 + .main-header.style-two .menu-right-content{
  645 + display: none;
  646 + }
  647 +
  648 + .main-header .header-top .top-left ul li:before{
  649 + display: none;
  650 + }
  651 +
  652 +}
  653 +
  654 +
  655 +@media only screen and (max-width: 499px){
  656 +
  657 + #image_block_1 .image-box .box{
  658 + width: calc(100% - 60px);
  659 + left: 30px;
  660 + }
  661 +
  662 + #image_block_1 .image-box .box .inner{
  663 + padding: 40px 20px;
  664 + }
  665 +
  666 + .sec-title h2 br{
  667 + display: none !important;
  668 + }
  669 +
  670 + .sec-title h2{
  671 + font-size: 30px;
  672 + line-height: 38px;
  673 + }
  674 +
  675 + .counter-block-one .inner-box .count-outer{
  676 + font-size: 50px;
  677 + line-height: 50px;
  678 + }
  679 +
  680 + .testimonial-block-one .inner-box .author-inner{
  681 + position: relative;
  682 + top: 0px;
  683 + text-align: left;
  684 + margin-bottom: 25px;
  685 + }
  686 +
  687 + .rtl .testimonial-block-one .inner-box .author-inner{
  688 + text-align: right;
  689 + }
  690 +
  691 + .testimonial-block-one .inner-box{
  692 + padding-left: 0px;
  693 + }
  694 +
  695 + .rtl .testimonial-block-one .inner-box{
  696 + padding-right: 0px;
  697 + }
  698 +
  699 + .search-popup .search-form fieldset input[type="search"]{
  700 + padding-right: 30px;
  701 + margin-bottom: 15px;
  702 + }
  703 +
  704 + .search-popup .search-form fieldset input[type="submit"]{
  705 + position: relative;
  706 + display: block;
  707 + width: 100%;
  708 + border-radius: 7px;
  709 + }
  710 +
  711 + .rtl .search-popup .search-form fieldset input[type="search"]{
  712 + padding-left: 30px;
  713 + }
  714 +
  715 + .error-section .content-box h1{
  716 + font-size: 140px;
  717 + line-height: 120px;
  718 + }
  719 +
  720 + .error-section .content-box h2{
  721 + font-size: 36px;
  722 + line-height: 45px;
  723 + }
  724 +
  725 + .error-section{
  726 + padding: 80px 0px;
  727 + }
  728 +
  729 + .sidebar-page-container .news-block-one .inner-box .lower-content{
  730 + padding-left: 30px;
  731 + }
  732 +
  733 + .blog-details-content .news-block-one .inner-box .lower-content{
  734 + padding-left: 0px;
  735 + }
  736 +
  737 + .blog-details-content .news-block-one .inner-box .lower-content .text blockquote{
  738 + padding: 40px 30px;
  739 + }
  740 +
  741 + .banner-carousel .content-box .top-text{
  742 + border-bottom: none;
  743 + }
  744 +
  745 +}
  746 +
  747 +
  748 +@media only screen and (max-width: 399px){
  749 +
  750 + .main-header.style-one .search-box-outer{
  751 + display: none;
  752 + }
  753 +
  754 + .banner-section.style-one .banner-carousel .slide-item{
  755 + padding: 170px 0px 100px 0px;
  756 + min-height: 730px;
  757 + }
  758 +
  759 + #content_block_1 .content-box .bold-text p{
  760 + font-size: 20px;
  761 + line-height: 28px;
  762 + }
  763 +
  764 + .apply-section .inner-box .content-box h2{
  765 + font-size: 30px;
  766 + line-height: 38px;
  767 + }
  768 +
  769 + #content_block_2 .content-box .inner-box .single-item{
  770 + padding-left: 90px;
  771 + }
  772 +
  773 + .testimonial-block-one{
  774 + padding-left: 30px;
  775 + }
  776 +
  777 + .inquiry-section .content-box .info-box li h3{
  778 + font-size: 20px;
  779 + }
  780 +
  781 + .news-block-one .inner-box .lower-content h3{
  782 + font-size: 20px;
  783 + line-height: 28px;
  784 + }
  785 +
  786 + .news-block-one .inner-box .lower-content{
  787 + padding-left: 30px;
  788 + }
  789 +
  790 + .feature-block-two .inner-box {
  791 + padding: 46px 30px 40px 30px !important;
  792 + }
  793 +
  794 + h3{
  795 + font-size: 20px !important;
  796 + line-height: 28px !important;
  797 + }
  798 +
  799 + .main-header.style-one .header-upper .outer-container{
  800 + padding-left: 15px;
  801 + }
  802 +
  803 + .sidebar-page-container .sidebar .sidebar-assessment{
  804 + padding: 40px 30px;
  805 + }
  806 +
  807 + .blog-details-content .comments-area .comment-box .comment .comment-inner{
  808 + padding-left: 30px;
  809 + }
  810 +
  811 + .blog-details-content .comments-area .comment-box .comment .thumb-box{
  812 + position: relative;
  813 + margin-bottom: 15px;
  814 + }
  815 +
  816 + .blog-details-content .comments-area .comment-box .comment{
  817 + padding-left: 0px;
  818 + }
  819 +
  820 + .main-header .header-top .top-left ul li{
  821 + margin-right: 0px;
  822 + }
  823 +
  824 +}
@@ -1553,6 +1553,7 @@ @@ -1553,6 +1553,7 @@
1553 text-transform: uppercase; 1553 text-transform: uppercase;
1554 font-size: 14px; 1554 font-size: 14px;
1555 color: #fff; 1555 color: #fff;
  1556 + margin: 10px 0;
1556 } 1557 }
1557 1558
1558 .footer-tags a { 1559 .footer-tags a {
@@ -2040,6 +2041,67 @@ @@ -2040,6 +2041,67 @@
2040 padding: 105px 0px 110px 0px; 2041 padding: 105px 0px 110px 0px;
2041 } 2042 }
2042 2043
  2044 + .about-section .pattern-layer {
  2045 + position: absolute;
  2046 + left: 0px;
  2047 + top: 0px;
  2048 + right: 0px;
  2049 + width: 100%;
  2050 + height: 100%;
  2051 + background-size: cover;
  2052 + background-repeat: no-repeat;
  2053 + }
  2054 +
  2055 + .choose-section .pattern-layer {
  2056 + position: absolute;
  2057 + left: 0px;
  2058 + top: 0px;
  2059 + right: 0px;
  2060 + width: 100%;
  2061 + height: 100%;
  2062 + background-size: cover;
  2063 + background-repeat: no-repeat;
  2064 + }
  2065 +
  2066 + .inquiry-section .pattern-layer {
  2067 + position: absolute;
  2068 + width: 100%;
  2069 + height: 100%;
  2070 + top: 0px;
  2071 + right: 0px;
  2072 + background-size: cover;
  2073 + background-repeat: no-repeat;
  2074 + }
  2075 +
  2076 + .offer-section .pattern-layer {
  2077 + position: absolute;
  2078 + left: 0px;
  2079 + top: 0px;
  2080 + right: 0px;
  2081 + width: 100%;
  2082 + height: 480px;
  2083 + background-size: cover;
  2084 + background-repeat: no-repeat;
  2085 + }
  2086 +
  2087 + .testimonial-style-two .pattern-layer {
  2088 + position: absolute;
  2089 + top: 150px;
  2090 + right: 0px;
  2091 + left: 0px;
  2092 + width: 100%;
  2093 + height: 100%;
  2094 + background-repeat: no-repeat;
  2095 + background-position: top center;
  2096 + }
  2097 +
  2098 + .auto-container {
  2099 + position: static;
  2100 + max-width: 1170px;
  2101 + padding: 0px 15px;
  2102 + margin: 0 auto;
  2103 + }
  2104 +
2043 .training-section .pattern-layer { 2105 .training-section .pattern-layer {
2044 position: absolute; 2106 position: absolute;
2045 left: 0px; 2107 left: 0px;
@@ -2069,6 +2131,261 @@ @@ -2069,6 +2131,261 @@
2069 line-height: 30px; 2131 line-height: 30px;
2070 color: #fff; 2132 color: #fff;
2071 } 2133 }
  2134 +
  2135 + .training-section .owl-nav {
  2136 + position: relative;
  2137 + display: block;
  2138 + text-align: center;
  2139 + margin-top: 70px;
  2140 + }
  2141 +
  2142 + .training-section .owl-nav .owl-prev,
  2143 + .training-section .owl-nav .owl-next {
  2144 + position: relative;
  2145 + display: inline-block;
  2146 + font-size: 24px;
  2147 + color: #fff;
  2148 + font-weight: 700;
  2149 + width: 48px;
  2150 + height: 48px;
  2151 + line-height: 46px;
  2152 + border: 2px solid #717c87;
  2153 + background: transparent;
  2154 + border-radius: 50%;
  2155 + text-align: center;
  2156 + margin: 0px 6px;
  2157 + cursor: pointer;
  2158 + transition: all 500ms ease;
  2159 + }
  2160 +
  2161 + .training-section .owl-nav .owl-prev:hover,
  2162 + .training-section .owl-nav .owl-next:hover {}
  2163 +
  2164 + .bg-color-2 {
  2165 + background: #0c2136;
  2166 + }
  2167 +
  2168 + .service-section .owl-theme .owl-dots .owl-dot span {
  2169 + position: relative;
  2170 + display: inline-block;
  2171 + width: 10px;
  2172 + height: 8px;
  2173 + background: #cccccc;
  2174 + border-radius: 5px;
  2175 + margin: 0px 6px;
  2176 + cursor: pointer;
  2177 + transition: all 500ms ease;
  2178 + }
  2179 +
  2180 + .service-section .owl-theme .owl-dots .owl-dot.active span,
  2181 + .service-section .owl-theme .owl-dots .owl-dot span:hover {
  2182 + width: 18px;
  2183 + background: #2d5883;
  2184 + }
  2185 +
  2186 + .testimonial-section .owl-theme .owl-dots .owl-dot.active span,
  2187 + .testimonial-section .owl-theme .owl-dots .owl-dot span:hover {
  2188 + width: 18px;
  2189 + }
  2190 +
  2191 + .service-style-two .owl-theme .owl-dots {
  2192 + display: block;
  2193 + text-align: center;
  2194 + margin-top: 28px;
  2195 + }
  2196 +
  2197 + .testimonial-section .owl-theme .owl-dots .owl-dot span {
  2198 + position: relative;
  2199 + display: inline-block;
  2200 + width: 10px;
  2201 + height: 8px;
  2202 + background: #cccccc;
  2203 + border-radius: 5px;
  2204 + margin: 0px 6px;
  2205 + cursor: pointer;
  2206 + transition: all 500ms ease;
  2207 + }
  2208 +
  2209 + .service-style-two .owl-theme .owl-dots .owl-dot span {
  2210 + position: relative;
  2211 + display: inline-block;
  2212 + width: 10px;
  2213 + height: 8px;
  2214 + background: #cccccc;
  2215 + border-radius: 5px;
  2216 + margin: 0px 6px;
  2217 + cursor: pointer;
  2218 + transition: all 500ms ease;
  2219 + }
  2220 +
  2221 + .service-style-two .owl-theme .owl-dots .owl-dot.active span,
  2222 + .service-style-two .owl-theme .owl-dots .owl-dot span:hover {
  2223 + width: 18px;
  2224 + background: #2d5883;
  2225 + }
  2226 +
  2227 + .testimonial-style-two .owl-theme .owl-dots {
  2228 + position: relative;
  2229 + display: block;
  2230 + text-align: center;
  2231 + margin-top: 30px;
  2232 + }
  2233 +
  2234 + .testimonial-style-two .owl-theme .owl-dots .owl-dot span {
  2235 + position: relative;
  2236 + display: inline-block;
  2237 + width: 10px;
  2238 + height: 8px;
  2239 + background: #cccccc;
  2240 + border-radius: 5px;
  2241 + margin: 0px 6px;
  2242 + cursor: pointer;
  2243 + transition: all 500ms ease;
  2244 + }
  2245 +
  2246 + .testimonial-style-two .owl-theme .owl-dots .owl-dot.active span,
  2247 + .testimonial-style-two .owl-theme .owl-dots .owl-dot span:hover {
  2248 + width: 18px;
  2249 + }
  2250 +
  2251 + .owl-dots-none .owl-dots,
  2252 + .owl-nav-none .owl-nav {
  2253 + display: none !important;
  2254 + }
  2255 +
  2256 + .training-block-one .inner-box {
  2257 + position: relative;
  2258 + display: block;
  2259 + overflow: hidden;
  2260 + }
  2261 +
  2262 + .training-block-one .inner-box .content-box {
  2263 + position: relative;
  2264 + display: block;
  2265 + }
  2266 +
  2267 + .training-block-one .inner-box .content-box .image-box {
  2268 + position: relative;
  2269 + display: block;
  2270 + }
  2271 +
  2272 + .training-block-one .inner-box .content-box .image-box:before {
  2273 + position: absolute;
  2274 + content: '';
  2275 + width: 100%;
  2276 + height: 100%;
  2277 + left: 0px;
  2278 + top: 0px;
  2279 + right: 0px;
  2280 + box-shadow: inset 0px -130px 40px -70px rgba(0, 0, 0, 0.9);
  2281 + z-index: 1;
  2282 + transition: all 500ms ease;
  2283 + }
  2284 +
  2285 + .training-block-one .inner-box .content-box .image-box img {
  2286 + width: 100%;
  2287 + }
  2288 +
  2289 + .training-block-one .inner-box .content-box .text {
  2290 + position: absolute;
  2291 + left: 0px;
  2292 + bottom: 0px;
  2293 + width: 100%;
  2294 + text-align: center;
  2295 + padding: 15px 15px 22px 15px;
  2296 + z-index: 1;
  2297 + opacity: 1;
  2298 + transition: all 500ms ease;
  2299 + }
  2300 +
  2301 + .training-block-one .inner-box:hover .content-box .text {
  2302 + opacity: 0;
  2303 + }
  2304 +
  2305 + .training-block-one .inner-box .content-box .text h4 {
  2306 + position: relative;
  2307 + display: block;
  2308 + font-size: 20px;
  2309 + line-height: 30px;
  2310 + font-weight: 600;
  2311 + color: #fff;
  2312 + }
  2313 +
  2314 + .training-block-one .inner-box .overlay-box {
  2315 + position: absolute;
  2316 + left: 0px;
  2317 + top: 30px;
  2318 + right: 0px;
  2319 + width: 100%;
  2320 + height: 100%;
  2321 + text-align: center;
  2322 + z-index: 2;
  2323 + padding: 40px 15px;
  2324 + opacity: 0;
  2325 + transition: all 500ms ease;
  2326 + }
  2327 +
  2328 + .training-block-one .inner-box:hover .overlay-box {
  2329 + opacity: 1;
  2330 + top: 0px;
  2331 + }
  2332 +
  2333 + .training-block-one .inner-box .overlay-box:before {
  2334 + position: absolute;
  2335 + content: '';
  2336 + width: 100%;
  2337 + height: 100%;
  2338 + left: 0px;
  2339 + top: 0px;
  2340 + right: 0px;
  2341 + opacity: 0.9;
  2342 + }
  2343 +
  2344 + .training-block-one .inner-box .overlay-box .text {
  2345 + position: absolute;
  2346 + left: 50%;
  2347 + top: 50%;
  2348 + width: 100%;
  2349 + padding: 15px 15px;
  2350 + transform: translate(-50%, -50%);
  2351 + }
  2352 +
  2353 + .training-block-one .inner-box .overlay-box h4 {
  2354 + display: block;
  2355 + font-size: 20px;
  2356 + line-height: 30px;
  2357 + font-weight: 600;
  2358 + color: #fff;
  2359 + margin-bottom: 10px;
  2360 + }
  2361 +
  2362 + .training-block-one .inner-box .overlay-box p {
  2363 + font-size: 15px;
  2364 + line-height: 26px;
  2365 + margin-bottom: 12px;
  2366 + color: #fff;
  2367 + }
  2368 +
  2369 + .training-block-one .inner-box .overlay-box a {
  2370 + position: relative;
  2371 + display: inline-block;
  2372 + color: #fff;
  2373 + font-size: 14px;
  2374 + line-height: 14px;
  2375 + font-family: 'Open Sans', sans-serif;
  2376 + color: #fff;
  2377 + font-weight: 600;
  2378 + text-transform: uppercase;
  2379 + }
  2380 +
  2381 + .training-block-one .inner-box .overlay-box a span {
  2382 + display: inline-block;
  2383 + border-bottom: 1px solid #fff;
  2384 + }
  2385 +
  2386 + .training-block-one .inner-box .overlay-box a i {
  2387 + margin-left: 10px;
  2388 + }
2072 /* 顶部 */ 2389 /* 顶部 */
2073 2390
2074 .header-txt1 { 2391 .header-txt1 {
@@ -2140,3 +2457,4 @@ @@ -2140,3 +2457,4 @@
2140 left: 10px; 2457 left: 10px;
2141 } 2458 }
2142 /* 顶部结束 */ 2459 /* 顶部结束 */
  2460 + /* 底部开始 */
@@ -1661,3 +1661,78 @@ a.btn:focus { @@ -1661,3 +1661,78 @@ a.btn:focus {
1661 line-height: 30px; 1661 line-height: 30px;
1662 color: #fff; 1662 color: #fff;
1663 } 1663 }
  1664 +
  1665 +
  1666 +/* 顶部 */
  1667 +
  1668 +.header-txt1 {
  1669 + padding: 50px;
  1670 + display: flex;
  1671 + justify-content: space-between;
  1672 + /* place-items: center; */
  1673 +}
  1674 +
  1675 +.header-img1 {
  1676 + width: 25%;
  1677 +}
  1678 +
  1679 +.header-right1 {
  1680 + display: flex;
  1681 + justify-content: space-around;
  1682 +}
  1683 +
  1684 +.header-loginBtn {
  1685 + padding: 10px;
  1686 + border-bottom: 1px solid #fff;
  1687 + font-size: 1.5em;
  1688 + font-family: PingFangSC, PingFangSC-Medium;
  1689 + font-weight: 500;
  1690 + color: #fff;
  1691 + /* line-height: 18px;
  1692 + letter-spacing: 9px; */
  1693 +}
  1694 +
  1695 +.header-btnL {
  1696 + margin-right: 80px;
  1697 +}
  1698 +
  1699 +.header-right-btn {
  1700 + position: relative;
  1701 + bottom: 12px;
  1702 + margin-right: 20px;
  1703 +}
  1704 +
  1705 +.header-h1-btn {
  1706 + background-color: #66CA94;
  1707 + position: absolute;
  1708 + width: 40px;
  1709 + border-radius: 50%;
  1710 +}
  1711 +
  1712 +.header-xian {
  1713 + display: flex;
  1714 + flex-direction: column;
  1715 +}
  1716 +
  1717 +.header-xian1 {
  1718 + width: 20px;
  1719 + background: #fff;
  1720 + height: 3px;
  1721 + border-radius: 20%;
  1722 + position: relative;
  1723 + top: 34px;
  1724 + left: 10px;
  1725 +}
  1726 +
  1727 +.header-xian2 {
  1728 + width: 14px;
  1729 + background: #fff;
  1730 + height: 3px;
  1731 + border-radius: 20%;
  1732 + position: relative;
  1733 + top: 40px;
  1734 + left: 10px;
  1735 +}
  1736 +
  1737 +
  1738 +/* 顶部结束 */
@@ -16,15 +16,15 @@ @@ -16,15 +16,15 @@
16 16
17 <!-- Owl Carousel Assets --> 17 <!-- Owl Carousel Assets -->
18 <link href="owl-carousel/owl.carousel.css" rel="stylesheet"> 18 <link href="owl-carousel/owl.carousel.css" rel="stylesheet">
19 - <link href="owl-carousel/owl.theme.css" rel="stylesheet"> 19 + <!-- <link href="owl-carousel/owl.theme.css" rel="stylesheet"> -->
20 20
21 <!-- Custom CSS --> 21 <!-- Custom CSS -->
22 <link rel="stylesheet" href="css/style.css"> 22 <link rel="stylesheet" href="css/style.css">
23 - 23 + <link href="./css/owl.css" rel="stylesheet">
24 <!-- Custom Fonts --> 24 <!-- Custom Fonts -->
25 <link rel="stylesheet" href="font-awesome-4.4.0/css/font-awesome.min.css" type="text/css"> 25 <link rel="stylesheet" href="font-awesome-4.4.0/css/font-awesome.min.css" type="text/css">
26 <link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'> 26 <link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>
27 - 27 + <link href="./css/responsive.css" rel="stylesheet">
28 28
29 </head> 29 </head>
30 30
@@ -55,7 +55,7 @@ @@ -55,7 +55,7 @@
55 <h1 id="onefields2"></h1> 55 <h1 id="onefields2"></h1>
56 <div style="padding-top: 70px;display: flex;place-items: center;"> 56 <div style="padding-top: 70px;display: flex;place-items: center;">
57 <h5 style="position: absolute;background-color: #97dab6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;">&nbsp;</h5> 57 <h5 style="position: absolute;background-color: #97dab6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;">&nbsp;</h5>
58 - <a href="participated.html" style="position: relative;left: 25px;color: #323232; z-index: 5;">浏览实习项目</a> 58 + <a onclick="morebro()" style="position: relative;left: 25px;color: #323232; z-index: 5;">浏览实习项目</a>
59 </div> 59 </div>
60 60
61 </div> 61 </div>
@@ -145,11 +145,38 @@ @@ -145,11 +145,38 @@
145 <li>工作任务结束后，可获得实习证明，简历纳入企业人才储备库，加入全球start-line优秀校友会，线上线下获取最新最优机会。</li> 145 <li>工作任务结束后，可获得实习证明，简历纳入企业人才储备库，加入全球start-line优秀校友会，线上线下获取最新最优机会。</li>
146 </ul> 146 </ul>
147 </div> 147 </div>
148 - <div style="padding-top: 70px;">  
149 - <a style="position: relative;background-color: #97dab6;border-radius: 50%;z-index: -1; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>  
150 - <a href="browseMore.html" style="position: absolute;left: 50px;color: #fff; ">浏览实习项目</a> 148 + <div style="padding-top: 70px;display: flex;place-items: center;">
  149 + <h5 style="position: absolute;background-color: #97dab6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;">&nbsp;</h5>
  150 + <a onclick="morebro()" style="position: relative;left: 25px;color: #fff; z-index: 5;">浏览实习项目</a>
  151 + </div>
  152 + </div>
151 </div> 153 </div>
152 </div> 154 </div>
  155 + </section>
  156 +
  157 + <!-- 测试 -->
  158 + <section class="training-section bg-color-2">
  159 + <div class="pattern-layer"></div>
  160 + <div class="auto-container">
  161 + <div class="four-item-carousel owl-carousel owl-theme owl-dots-none">
  162 + <div class="training-block-one">
  163 + <div class="inner-box">
  164 + <div class="content-box">
  165 + <figure class="image-box"><img src="./img/training-1.jpg" alt=""></figure>
  166 + <div class="text">
  167 + <h4>Citizenship Test</h4>
  168 + </div>
  169 + </div>
  170 + <div class="overlay-box">
  171 + <div class="text">
  172 + <h4>Citizenship Test</h4>
  173 + <p>Integer lobortis se conseqat nulla viverra lorem dapibus prodent diam ipsum ...</p>
  174 + <a href="index.html"><span>Read More</span><i class="flaticon-send"></i></a>
  175 + </div>
  176 + </div>
  177 + </div>
  178 + </div>
  179 +
153 </div> 180 </div>
154 </div> 181 </div>
155 </section> 182 </section>
@@ -228,39 +255,27 @@ @@ -228,39 +255,27 @@
228 </div> 255 </div>
229 </div> 256 </div>
230 </div> 257 </div>
231 -  
232 -  
233 -  
234 -  
235 -  
236 -  
237 - </div>  
238 </div> 258 </div>
239 - </section>  
240 259
  260 + </section>
  261 + <!-- 问题 -->
241 <section class="box-content box-8 box-style-4" id="contact" style="background-color: #FCFBFD;color: #323232; "> 262 <section class="box-content box-8 box-style-4" id="contact" style="background-color: #FCFBFD;color: #323232; ">
242 <div class="container"> 263 <div class="container">
243 <div class="row heading"> 264 <div class="row heading">
244 <div class="col-lg-12" style="text-align: left;"> 265 <div class="col-lg-12" style="text-align: left;">
245 <div id="sixfields1" class="intro" style="color: #66CA94; "></div> 266 <div id="sixfields1" class="intro" style="color: #66CA94; "></div>
246 <h2 id="sixfields2" style="color:#323232"></h2> 267 <h2 id="sixfields2" style="color:#323232"></h2>
247 -  
248 </div> 268 </div>
249 </div> 269 </div>
250 <div class="row"> 270 <div class="row">
251 <div class="col-md-6 box-item" id="clickQuestion"> 271 <div class="col-md-6 box-item" id="clickQuestion">
252 - <!-- <h3>Complete the Submission Form</h3> -->  
253 - <!-- <div style="color: #66ca94;" id="question1">什么是虚拟实习？</div> -->  
254 <p id="answer1" style="color:#323232"></p> 272 <p id="answer1" style="color:#323232"></p>
255 - <!-- <div style="margin: 20px 0;color: #323232;" id="question2"></div>  
256 - <p id="answer2"></p>  
257 - <div style="margin: 20px 0;color: #323232;" id="question2"></div>  
258 - <p id="answer2"></p> -->  
259 </div> 273 </div>
260 </div> 274 </div>
261 </div> 275 </div>
262 </section> 276 </section>
263 - </div> 277 +
  278 + <!-- 绿底字 -->
264 <section class="box-content box-8 box-style-4" style="background-color: #66ca94;"> 279 <section class="box-content box-8 box-style-4" style="background-color: #66ca94;">
265 <div class="container" style="color: #fff;text-align: center;"> 280 <div class="container" style="color: #fff;text-align: center;">
266 <p id="sevenfields1"></p> 281 <p id="sevenfields1"></p>
@@ -272,24 +287,25 @@ @@ -272,24 +287,25 @@
272 <div class="wrap-footer" style="background-color: #323232;"> 287 <div class="wrap-footer" style="background-color: #323232;">
273 <div class="container"> 288 <div class="container">
274 <div class="row" style="display: flex;justify-content: space-between;"> 289 <div class="row" style="display: flex;justify-content: space-between;">
275 - <div class="col-footer col-md-3">  
276 - <img src="img/portfolio/B2.png"> 290 + <div class="col-footer col-md-3" style="display: flex;flex-direction: column;place-content: center;">
  291 + <img src="img/portfolio/B2.png" width="50%">
277 <p class="footer-title" style="color: #fff;padding-top: 10%;font-size: 0.8em; ">成功职场第一步，从Start-Line开始</p> 292 <p class="footer-title" style="color: #fff;padding-top: 10%;font-size: 0.8em; ">成功职场第一步，从Start-Line开始</p>
278 </div> 293 </div>
279 - <div class="col-footer col-md-3 widget_recent_entries">  
280 - <h2 class="footer-title">网站导航</h2>  
281 - <h2 class="footer-title">网站首页</h2>  
282 - <h2 class="footer-title">实习项目</h2> 294 + <div class="col-footer col-md-3 widget_recent_entries" style="display: flex;flex-direction: column;place-items: center;place-content: center;">
  295 + <a class="footer-title" href="index.html">网站导航</a>
  296 + <a class="footer-title" href="index.html">网站首页</a>
  297 + <a class="footer-title" href="participated.html">实习项目</a>
283 </div> 298 </div>
284 - <div class="col-footer col-md-3">  
285 - <h2 class="footer-title">关于我们</h2>  
286 - <h2 class="footer-title">网站首页</h2>  
287 - <h2 class="footer-title">实习项目</h2> 299 + <div class="col-footer col-md-3" style="display: flex;flex-direction: column;place-items: center;place-content: center;">
  300 + <a class="footer-title" href="index.html">关于我们</a>
  301 + <a class="footer-title" href="index.html">关于Start-Line</a>
  302 + <a class="footer-title" href="participated.html">联系我们</a>
288 </div> 303 </div>
289 - <div class="col-footer col-md-3"> 304 + <div class="col-footer col-md-3" style="display: flex;flex-direction: column;place-items: center;place-content: center;">
290 <h2 class="footer-title">关注Start-Line</h2> 305 <h2 class="footer-title">关注Start-Line</h2>
291 <img src="img/portfolio/EWM.png" style="width: 50%;"> 306 <img src="img/portfolio/EWM.png" style="width: 50%;">
292 </div> 307 </div>
  308 +
293 </div> 309 </div>
294 </div> 310 </div>
295 </div> 311 </div>
@@ -359,6 +375,8 @@ @@ -359,6 +375,8 @@
359 <script src="js/owl.carousel.min.js"></script> 375 <script src="js/owl.carousel.min.js"></script>
360 <script src="js/cbpAnimatedHeader.js"></script> 376 <script src="js/cbpAnimatedHeader.js"></script>
361 <script src="./index.js"></script> 377 <script src="./index.js"></script>
  378 + <script src="./js/script.js"></script>
  379 +
362 <!-- carousel --> 380 <!-- carousel -->
363 <script src="./owl-carousel/owl.carousel.js"></script> 381 <script src="./owl-carousel/owl.carousel.js"></script>
364 <script src="./owl-carousel/owl.carousel.min.js"></script> 382 <script src="./owl-carousel/owl.carousel.min.js"></script>
@@ -162,7 +162,7 @@ function showAnswer(id) { @@ -162,7 +162,7 @@ function showAnswer(id) {
162 } 162 }
163 }) 163 })
164 } 164 }
165 - 165 +//进入项目页
166 function setProfileId(id) { 166 function setProfileId(id) {
167 // location.href() 167 // location.href()
168 console.log('1111', id); 168 console.log('1111', id);
  1 +(function($) {
  2 +
  3 + "use strict";
  4 +
  5 + //Hide Loading Box (Preloader)
  6 + function handlePreloader() {
  7 + if($('.loader-wrap').length){
  8 + $('.loader-wrap').delay(1000).fadeOut(500);
  9 + }
  10 + TweenMax.to($(".loader-wrap .overlay"), 1.2, {
  11 + force3D: true,
  12 + left: "100%",
  13 + ease: Expo.easeInOut,
  14 + });
  15 + }
  16 +
  17 + if ($(".preloader-close").length) {
  18 + $(".preloader-close").on("click", function(){
  19 + $('.loader-wrap').delay(200).fadeOut(500);
  20 + })
  21 + }
  22 +
  23 +
  24 + //Update Header Style and Scroll to Top
  25 + function headerStyle() {
  26 + if($('.main-header').length){
  27 + var windowpos = $(window).scrollTop();
  28 + var siteHeader = $('.main-header');
  29 + var scrollLink = $('.scroll-top');
  30 + if (windowpos >= 110) {
  31 + siteHeader.addClass('fixed-header');
  32 + scrollLink.addClass('open');
  33 + } else {
  34 + siteHeader.removeClass('fixed-header');
  35 + scrollLink.removeClass('open');
  36 + }
  37 + }
  38 + }
  39 +
  40 + headerStyle();
  41 +
  42 +
  43 + //Submenu Dropdown Toggle
  44 + if($('.main-header li.dropdown ul').length){
  45 + $('.main-header .navigation li.dropdown').append('<div class="dropdown-btn"><span class="fas fa-angle-down"></span></div>');
  46 +
  47 + }
  48 +
  49 + //Mobile Nav Hide Show
  50 + if($('.mobile-menu').length){
  51 +
  52 + $('.mobile-menu .menu-box').mCustomScrollbar();
  53 +
  54 + var mobileMenuContent = $('.main-header .menu-area .main-menu').html();
  55 + $('.mobile-menu .menu-box .menu-outer').append(mobileMenuContent);
  56 + $('.sticky-header .main-menu').append(mobileMenuContent);
  57 +
  58 + //Dropdown Button
  59 + $('.mobile-menu li.dropdown .dropdown-btn').on('click', function() {
  60 + $(this).toggleClass('open');
  61 + $(this).prev('ul').slideToggle(500);
  62 + });
  63 + //Dropdown Button
  64 + $('.mobile-menu li.dropdown .dropdown-btn').on('click', function() {
  65 + $(this).prev('.megamenu').slideToggle(900);
  66 + });
  67 + //Menu Toggle Btn
  68 + $('.mobile-nav-toggler').on('click', function() {
  69 + $('body').addClass('mobile-menu-visible');
  70 + });
  71 +
  72 + //Menu Toggle Btn
  73 + $('.mobile-menu .menu-backdrop,.mobile-menu .close-btn').on('click', function() {
  74 + $('body').removeClass('mobile-menu-visible');
  75 + });
  76 + }
  77 +
  78 +
  79 +
  80 + // Scroll to a Specific Div
  81 + if($('.scroll-to-target').length){
  82 + $(".scroll-to-target").on('click', function() {
  83 + var target = $(this).attr('data-target');
  84 + // animate
  85 + $('html, body').animate({
  86 + scrollTop: $(target).offset().top
  87 + }, 1000);
  88 +
  89 + });
  90 + }
  91 +
  92 + // Elements Animation
  93 + if($('.wow').length){
  94 + var wow = new WOW({
  95 + mobile: false
  96 + });
  97 + wow.init();
  98 + }
  99 +
  100 + //Contact Form Validation
  101 + if($('#contact-form').length){
  102 + $('#contact-form').validate({
  103 + rules: {
  104 + username: {
  105 + required: true
  106 + },
  107 + email: {
  108 + required: true,
  109 + email: true
  110 + },
  111 + phone: {
  112 + required: true
  113 + },
  114 + subject: {
  115 + required: true
  116 + },
  117 + message: {
  118 + required: true
  119 + }
  120 + }
  121 + });
  122 + }
  123 +
  124 + //Fact Counter + Text Count
  125 + if($('.count-box').length){
  126 + $('.count-box').appear(function(){
  127 +
  128 + var $t = $(this),
  129 + n = $t.find(".count-text").attr("data-stop"),
  130 + r = parseInt($t.find(".count-text").attr("data-speed"), 10);
  131 +
  132 + if (!$t.hasClass("counted")) {
  133 + $t.addClass("counted");
  134 + $({
  135 + countNum: $t.find(".count-text").text()
  136 + }).animate({
  137 + countNum: n
  138 + }, {
  139 + duration: r,
  140 + easing: "linear",
  141 + step: function() {
  142 + $t.find(".count-text").text(Math.floor(this.countNum));
  143 + },
  144 + complete: function() {
  145 + $t.find(".count-text").text(this.countNum);
  146 + }
  147 + });
  148 + }
  149 +
  150 + },{accY: 0});
  151 + }
  152 +
  153 +
  154 + //LightBox / Fancybox
  155 + if($('.lightbox-image').length) {
  156 + $('.lightbox-image').fancybox({
  157 + openEffect : 'fade',
  158 + closeEffect : 'fade',
  159 + helpers : {
  160 + media : {}
  161 + }
  162 + });
  163 + }
  164 +
  165 +
  166 + //Tabs Box
  167 + if($('.tabs-box').length){
  168 + $('.tabs-box .tab-buttons .tab-btn').on('click', function(e) {
  169 + e.preventDefault();
  170 + var target = $($(this).attr('data-tab'));
  171 +
  172 + if ($(target).is(':visible')){
  173 + return false;
  174 + }else{
  175 + target.parents('.tabs-box').find('.tab-buttons').find('.tab-btn').removeClass('active-btn');
  176 + $(this).addClass('active-btn');
  177 + target.parents('.tabs-box').find('.tabs-content').find('.tab').fadeOut(0);
  178 + target.parents('.tabs-box').find('.tabs-content').find('.tab').removeClass('active-tab');
  179 + $(target).fadeIn(300);
  180 + $(target).addClass('active-tab');
  181 + }
  182 + });
  183 + }
  184 +
  185 +
  186 +
  187 + //Accordion Box
  188 + if($('.accordion-box').length){
  189 + $(".accordion-box").on('click', '.acc-btn', function() {
  190 +
  191 + var outerBox = $(this).parents('.accordion-box');
  192 + var target = $(this).parents('.accordion');
  193 +
  194 + if($(this).hasClass('active')!==true){
  195 + $(outerBox).find('.accordion .acc-btn').removeClass('active');
  196 + }
  197 +
  198 + if ($(this).next('.acc-content').is(':visible')){
  199 + return false;
  200 + }else{
  201 + $(this).addClass('active');
  202 + $(outerBox).children('.accordion').removeClass('active-block');
  203 + $(outerBox).find('.accordion').children('.acc-content').slideUp(300);
  204 + target.addClass('active-block');
  205 + $(this).next('.acc-content').slideDown(300);
  206 + }
  207 + });
  208 + }
  209 +
  210 +
  211 + // banner-carousel
  212 + if ($('.banner-carousel').length) {
  213 + $('.banner-carousel').owlCarousel({
  214 + loop:true,
  215 + margin:0,
  216 + nav:true,
  217 + animateOut: 'fadeOut',
  218 + animateIn: 'fadeIn',
  219 + active: true,
  220 + smartSpeed: 1000,
  221 + autoplay: 6000,
  222 + navText: [ '<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>' ],
  223 + responsive:{
  224 + 0:{
  225 + items:1
  226 + },
  227 + 600:{
  228 + items:1
  229 + },
  230 + 800:{
  231 + items:1
  232 + },
  233 + 1024:{
  234 + items:1
  235 + }
  236 + }
  237 + });
  238 + }
  239 +
  240 +
  241 + // single-item-carousel
  242 + if ($('.single-item-carousel').length) {
  243 + $('.single-item-carousel').owlCarousel({
  244 + loop:true,
  245 + margin:30,
  246 + nav:false,
  247 + smartSpeed: 3000,
  248 + autoplay: true,
  249 + navText: [ '<span class="fas fa-angle-left"></span>', '<span class="fas fa-angle-right"></span>' ],
  250 + responsive:{
  251 + 0:{
  252 + items:1
  253 + },
  254 + 480:{
  255 + items:1
  256 + },
  257 + 600:{
  258 + items:1
  259 + },
  260 + 800:{
  261 + items:1
  262 + },
  263 + 1200:{
  264 + items:1
  265 + }
  266 +
  267 + }
  268 + });
  269 + }
  270 +
  271 +
  272 + //two-column-carousel
  273 + if ($('.two-column-carousel').length) {
  274 + $('.two-column-carousel').owlCarousel({
  275 + loop:true,
  276 + margin:30,
  277 + nav:true,
  278 + smartSpeed: 3000,
  279 + autoplay: 4000,
  280 + navText: [ '<span class="fas fa-algle-left"></span>', '<span class="fas fa-algle-left-right"></span>' ],
  281 + responsive:{
  282 + 0:{
  283 + items:1
  284 + },
  285 + 480:{
  286 + items:1
  287 + },
  288 + 600:{
  289 + items:1
  290 + },
  291 + 800:{
  292 + items:2
  293 + },
  294 + 1024:{
  295 + items:2
  296 + }
  297 + }
  298 + });
  299 + }
  300 +
  301 +
  302 + //three-item-carousel
  303 + if ($('.three-item-carousel').length) {
  304 + $('.three-item-carousel').owlCarousel({
  305 + loop:true,
  306 + margin:30,
  307 + nav:true,
  308 + smartSpeed: 1000,
  309 + autoplay: 500,
  310 + navText: [ '<span class="fas fa-angle-left"></span>', '<span class="fas fa-angle-right"></span>' ],
  311 + responsive:{
  312 + 0:{
  313 + items:1
  314 + },
  315 + 480:{
  316 + items:1
  317 + },
  318 + 600:{
  319 + items:2
  320 + },
  321 + 800:{
  322 + items:2
  323 + },
  324 + 1024:{
  325 + items:3
  326 + }
  327 + }
  328 + });
  329 + }
  330 +
  331 + //three-item-carousel-2
  332 + if ($('.three-item-carousel-2').length) {
  333 + $('.three-item-carousel-2').owlCarousel({
  334 + loop:true,
  335 + margin:0,
  336 + nav:true,
  337 + smartSpeed: 1000,
  338 + autoplay: 500,
  339 + navText: [ '<span class="fas fa-angle-left"></span>', '<span class="fas fa-angle-right"></span>' ],
  340 + responsive:{
  341 + 0:{
  342 + items:1
  343 + },
  344 + 480:{
  345 + items:1
  346 + },
  347 + 600:{
  348 + items:2
  349 + },
  350 + 800:{
  351 + items:2
  352 + },
  353 + 1024:{
  354 + items:3
  355 + }
  356 + }
  357 + });
  358 + }
  359 +
  360 +
  361 + // Four Item Carousel
  362 + if ($('.four-item-carousel').length) {
  363 + $('.four-item-carousel').owlCarousel({
  364 + loop:true,
  365 + margin:30,
  366 + nav:true,
  367 + smartSpeed: 500,
  368 + autoplay: 5000,
  369 + navText: [ '<span class="fas fa-angle-left"></span>', '<span class="fas fa-angle-right"></span>' ],
  370 + responsive:{
  371 + 0:{
  372 + items:1
  373 + },
  374 + 600:{
  375 + items:2
  376 + },
  377 + 800:{
  378 + items:3
  379 + },
  380 + 1024:{
  381 + items:3
  382 + },
  383 + 1200:{
  384 + items:4
  385 + }
  386 + }
  387 + });
  388 + }
  389 +
  390 +
  391 + //Add One Page nav
  392 + if($('.scroll-nav').length) {
  393 + $('.scroll-nav').onePageNav();
  394 + }
  395 +
  396 + //Search Popup
  397 + if($('#search-popup').length){
  398 +
  399 + //Show Popup
  400 + $('.search-toggler').on('click', function() {
  401 + $('#search-popup').addClass('popup-visible');
  402 + });
  403 + $(document).keydown(function(e){
  404 + if(e.keyCode === 27) {
  405 + $('#search-popup').removeClass('popup-visible');
  406 + }
  407 + });
  408 + //Hide Popup
  409 + $('.close-search,.search-popup .overlay-layer').on('click', function() {
  410 + $('#search-popup').removeClass('popup-visible');
  411 + });
  412 + }
  413 +
  414 +
  415 + // color switcher
  416 + function swithcerMenu () {
  417 + if ($('.switch_menu').length) {
  418 +
  419 + $('.switch_btn button').on('click', function(){
  420 + $('.switch_menu').toggle(500)
  421 + });
  422 +
  423 + $('#styleOptions').styleSwitcher({
  424 + hasPreview: true,
  425 + fullPath: 'assets/css/color/',
  426 + cookie: {
  427 + expires: 30,
  428 + isManagingLoad: true
  429 + }
  430 + });
  431 +
  432 + };
  433 + }
  434 +
  435 +
  436 + // page direction
  437 + function directionswitch() {
  438 + if ($('.page_direction').length) {
  439 +
  440 + $('.direction_switch button').on('click', function() {
  441 + $('body').toggleClass(function(){
  442 + return $(this).is('.rtl, .ltr') ? 'rtl ltr' : 'rtl';
  443 + })
  444 + });
  445 + };
  446 + }
  447 +
  448 +
  449 + $(document).ready(function() {
  450 + $('select:not(.ignore)').niceSelect();
  451 + });
  452 +
  453 +
  454 +
  455 +
  456 +
  457 + /* =========================================================================
  458 + When document is Scrollig, do
  459 + ========================================================================== */
  460 +
  461 + jQuery(document).on('ready', function () {
  462 + (function ($) {
  463 + // add your functions
  464 + swithcerMenu();
  465 + directionswitch();
  466 + })(jQuery);
  467 + });
  468 +
  469 +
  470 +
  471 + /* ==========================================================================
  472 + When document is Scrollig, do
  473 + ========================================================================== */
  474 +
  475 + $(window).on('scroll', function() {
  476 + headerStyle();
  477 + });
  478 +
  479 +
  480 +
  481 + /* ==========================================================================
  482 + When document is loaded, do
  483 + ========================================================================== */
  484 +
  485 + $(window).on('load', function() {
  486 + handlePreloader();
  487 + });
  488 +
  489 +
  490 +
  491 +})(window.jQuery);
@@ -122,13 +122,14 @@ @@ -122,13 +122,14 @@
122 </section> 122 </section>
123 123
124 124
  125 +
125 <!-- 企业实习项目 --> 126 <!-- 企业实习项目 -->
126 <section class="box-content box-123" id="projects"> 127 <section class="box-content box-123" id="projects">
127 <div style="padding-right:15px;padding-left:10%;padding-bottom: 20px;"> 128 <div style="padding-right:15px;padding-left:10%;padding-bottom: 20px;">
128 <div class="intro" style="color: #66CA94;text-align: left;" id="threefield1"></div> 129 <div class="intro" style="color: #66CA94;text-align: left;" id="threefield1"></div>
129 <div style="display: flex; justify-content: space-between;"> 130 <div style="display: flex; justify-content: space-between;">
130 <h2 id="threefield2"></h2> 131 <h2 id="threefield2"></h2>
131 - <h2><a href="./browseMore.html" target="_self">浏览更多></a></h2> 132 + <h2><a onclick="morebro()">浏览更多></a></h2>
132 </div> 133 </div>
133 </div> 134 </div>
134 <!-- </div> --> 135 <!-- </div> -->
@@ -145,6 +145,7 @@ $(document).ready(function() { @@ -145,6 +145,7 @@ $(document).ready(function() {
145 } 145 }
146 }) 146 })
147 147
  148 +
148 }); 149 });
149 150
150 151
@@ -171,3 +172,14 @@ function setPersonal() { @@ -171,3 +172,14 @@ function setPersonal() {
171 function learnCenter() { 172 function learnCenter() {
172 173
173 } 174 }
  175 +//浏览更多跳转
  176 +function morebro() {
  177 + window.location.href = 'browseMore.html'
  178 +}
  179 +//进入项目页
  180 +function setProfileId(id) {
  181 + // location.href()
  182 + console.log('1111', id);
  183 + window.location.href = 'profile.html?id=' + id
  184 +
  185 +}
@@ -47,7 +47,7 @@ @@ -47,7 +47,7 @@
47 47
48 </div> --> 48 </div> -->
49 <div> 49 <div>
50 - <a href="index.html"><img src="./img/portfolio/Y9.png"></a> 50 + <a onclick="closePage()"><img src="./img/portfolio/Y9.png"></a>
51 </div> 51 </div>
52 </div> 52 </div>
53 </div> 53 </div>
@@ -221,3 +221,22 @@ function ifVIP() { @@ -221,3 +221,22 @@ function ifVIP() {
221 } 221 }
222 }) 222 })
223 } 223 }
  224 +//关闭判断跳转主页
  225 +function closePage() {
  226 + $.ajax({
  227 + type: 'GET',
  228 + url: 'http://192.168.1.241:9004/login/userInfo',
  229 + headers: {
  230 + "Content-Type": "application/json",
  231 + "token": localStorage.getItem('token'),
  232 + },
  233 + success: function(res) {
  234 + console.log(res);
  235 + if (res.data.status1 == '2') {
  236 + window.location.href = 'participated.html'
  237 + } else {
  238 + window.location.href = 'index.html'
  239 + }
  240 + }
  241 + })
  242 +}
@@ -44,7 +44,7 @@ @@ -44,7 +44,7 @@
44 </a> 44 </a>
45 </div> --> 45 </div> -->
46 <div> 46 <div>
47 - <a href="index.html"><img src="./img/portfolio/Y9.png"></a> 47 + <a onclick="closePage()"><img src="./img/portfolio/Y9.png"></a>
48 </div> 48 </div>
49 </div> 49 </div>
50 </div> 50 </div>
@@ -154,7 +154,7 @@ @@ -154,7 +154,7 @@
154 <a href="personalCenter2.html"> 154 <a href="personalCenter2.html">
155 <h3 style="color: #fff;font-size: 1.8em;">我的账号</h3> 155 <h3 style="color: #fff;font-size: 1.8em;">我的账号</h3>
156 </a> 156 </a>
157 - <a onclick="ifVIP()"> 157 + <a href="aboutUs.html">
158 <h3 style="color: #fff;font-size: 1.8em;">联系我们</h3> 158 <h3 style="color: #fff;font-size: 1.8em;">联系我们</h3>
159 </a> 159 </a>
160 </div> 160 </div>
@@ -123,7 +123,26 @@ $(document).ready(function() { @@ -123,7 +123,26 @@ $(document).ready(function() {
123 123
124 124
125 //获取用户VIP信息判断是否是VIP 125 //获取用户VIP信息判断是否是VIP
126 -function ifVIP() { 126 +// function ifVIP() {
  127 +// $.ajax({
  128 +// type: 'GET',
  129 +// url: 'http://192.168.1.241:9004/login/userInfo',
  130 +// headers: {
  131 +// "Content-Type": "application/json",
  132 +// "token": localStorage.getItem('token'),
  133 +// },
  134 +// success: function(res) {
  135 +// console.log(res);
  136 +// if (res.data.status1 == 1) {
  137 +// window.location.href = 'personalCenter.html'
  138 +// } else {
  139 +// window.location.href = 'personalCenter2.html'
  140 +// }
  141 +// }
  142 +// })
  143 +// }
  144 +//关闭判断跳转主页
  145 +function closePage() {
127 $.ajax({ 146 $.ajax({
128 type: 'GET', 147 type: 'GET',
129 url: 'http://192.168.1.241:9004/login/userInfo', 148 url: 'http://192.168.1.241:9004/login/userInfo',
@@ -133,10 +152,10 @@ function ifVIP() { @@ -133,10 +152,10 @@ function ifVIP() {
133 }, 152 },
134 success: function(res) { 153 success: function(res) {
135 console.log(res); 154 console.log(res);
136 - if (res.data.status1 == 1) {  
137 - window.location.href = 'personalCenter.html' 155 + if (res.data.status1 == '2') {
  156 + window.location.href = 'participated.html'
138 } else { 157 } else {
139 - window.location.href = 'personalCenter2.html' 158 + window.location.href = 'index.html'
140 } 159 }
141 } 160 }
142 }) 161 })
@@ -60,7 +60,7 @@ @@ -60,7 +60,7 @@
60 <p style="color: #fff;padding-top: 20px;" id="titleExplain"></p> 60 <p style="color: #fff;padding-top: 20px;" id="titleExplain"></p>
61 <div style="padding-top: 70px;display: flex;place-items: center;"> 61 <div style="padding-top: 70px;display: flex;place-items: center;">
62 <h5 style="position: absolute;background-color: #97dab6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;opacity: 0.5;">&nbsp;</h5> 62 <h5 style="position: absolute;background-color: #97dab6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;opacity: 0.5;">&nbsp;</h5>
63 - <a href="single.html" style="position: relative;left: 25px;color: #fff; z-index: 5;">加入虚拟实习项目</a> 63 + <a onclick="setLearingContentId(1)" style="position: relative;left: 25px;color: #fff; z-index: 5;">加入虚拟实习项目</a>
64 </div> 64 </div>
65 65
66 </div> 66 </div>
1 -<html>  
2 -  
3 -<head>  
4 - <!-- META DATA -->  
5 - <meta charset="utf-8" />  
6 - <meta http-equiv="X-UA-Compatible" content="IE=edge" />  
7 - <meta name="viewport" content="width=device-width, initial-scale=1" />  
8 - <meta name="description" content="Free Bootstrap Themes - Free Responsive Html5 Templates">  
9 - <meta name="author" content="#">  
10 -  
11 - <title>Study</title>  
12 -  
13 - <!-- Bootstrap Core CSS -->  
14 - <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">  
15 - <!-- <link rel="stylesheet" href="css/bootstrap1.min.css" type="text/css"> -->  
16 -  
17 - <!-- Owl Carousel Assets -->  
18 - <link href="owl-carousel/owl.carousel.css" rel="stylesheet">  
19 - <link href="owl-carousel/owl.theme.css" rel="stylesheet">  
20 -  
21 - <!-- Custom CSS -->  
22 - <link rel="stylesheet" href="css/style2.css">  
23 -  
24 - <!-- Custom Fonts -->  
25 - <link rel="stylesheet" href="font-awesome-4.4.0/css/font-awesome.min.css" type="text/css">  
26 - <link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>  
27 -  
28 - <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->  
29 - <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->  
30 - <!--[if lt IE 9]>  
31 - <script src="js/html5shiv.js"></script>  
32 - <script src="js/respond.min.js"></script>  
33 - <![endif]-->  
34 -  
35 -</head>  
36 -  
37 -<body>  
38 - <header>  
39 - <nav>  
40 - <div class="header-txt1" style="display: flex;justify-content: space-between;">  
41 - <div class="header-img1">  
42 - <img src="./img/portfolio/B1.png">  
43 - </div>  
44 - <div class="header-right1">  
45 - <!-- <div class="header-btnL">  
46 - <a href="aboutUs.html">  
47 - <div class="header-loginBtn" style="color: #323232;border-bottom: 1px solid #323232;margin-right: 30px;">加入我们</div>  
48 - </a>  
49 - </div> -->  
50 - <a class="header-right-btn" href="personalCenter.html">  
51 - <img src="./img/portfolio/circle.png" style="width: 50px;height: 50px;">  
52 - </a>  
53 - </div>  
54 -  
55 - </div>  
56 - </nav>  
57 - </header>  
58 -  
59 -  
60 - <div style="display: flex;background-color: #FCFBFD;">  
61 -  
62 - <div class="container">  
63 - <div class="row" style="display: flex;justify-content: space-between;">  
64 - <div>  
65 - <p>Join is to start your visual experience program</p>  
66 - <h2>成功职场第一步</h2>  
67 - <h2 style="position: absolute;">从Start-Line开始!</h2>  
68 - <!-- <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"> -->  
69 - <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%;">  
70 - </div>  
71 -  
72 - <div class="col-lg-1"></div>  
73 -  
74 - <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;">  
75 -  
76 - <div style="font-family: Helvetica;color:#323232;font-size: 1.5em;">微信快速登录/注册</div>  
77 - <img src="img/portfolio/09-1.png" width="50%" style='padding:10% 0'>  
78 - <p style="font-family: Helvetica;color:#5a5a5a">使用微信扫一扫进行授权验证，登录Start-Line后开始你的实习之路。</p>  
79 - <button onclick="window.location.href='login.html'" style="font-family: PingFangSC, PingFangSC-Medium;color:#969696;border:none;background-color: #FCFBFD;">返回手机号登录/注册</button>  
80 -  
81 - </div>  
82 - </div>  
83 -  
84 - </div>  
85 -  
86 - </div>  
87 -  
88 -  
89 -  
90 -  
91 -  
92 -  
93 -  
94 -  
95 - <!-- jQuery -->  
96 - <script type="text/javascript" src="js/jquery-2.1.1.js"></script>  
97 - <script type="text/javascript" src="js/bootstrap.min.js"></script>  
98 -  
99 - <!-- Custom Theme JavaScript -->  
100 - <script src="js/agency.js"></script>  
101 -  
102 - <!-- Plugin JavaScript -->  
103 - <script src="js/jquery.easing.min.js"></script>  
104 - <script src="js/classie.js"></script>  
105 - <script src="js/cbpAnimatedHeader.js"></script>  
106 -  
107 - <!-- carousel -->  
108 - <script src="owl-carousel/owl.carousel.js"></script>  
109 - <script>  
110 - $(document).ready(function() {  
111 - $("#owl-brand").owlCarousel({  
112 - autoPlay: 3000,  
113 - items: 1,  
114 - itemsDesktop: [1199, 1],  
115 - itemsDesktopSmall: [979, 2],  
116 - navigation: false,  
117 - navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>']  
118 - });  
119 - });  
120 - </script>  
121 -</body>  
122 -  
123 -</html>