首页更改完成
parent
5ab0116788
commit
45ac32dc15
|
|
@ -5,6 +5,7 @@ backup/data/*
|
|||
*.log
|
||||
runtime/*
|
||||
storage/*
|
||||
vendor/*
|
||||
public/storage/*
|
||||
.DS_Store
|
||||
nginx.htaccess
|
||||
|
|
|
|||
|
|
@ -47,7 +47,7 @@ class Index extends BaseMall {
|
|||
$condition = array();
|
||||
$condition[]=array('article_show','=','1');
|
||||
$condition[]=array('ac_id','=','8');
|
||||
$article_list = $article_model->getAllArticle($condition, 6);
|
||||
$article_list = $article_model->getAllArticle($condition, 3);
|
||||
foreach ($article_list as &$val) {
|
||||
$val['article_date'] = date('m/d/Y H:i:s',$val['article_time']);
|
||||
|
||||
|
|
@ -57,7 +57,7 @@ class Index extends BaseMall {
|
|||
$val['article'] = mb_substr($str,0,200);*/
|
||||
}
|
||||
|
||||
View::assign('article',array_slice($article_list,0,6));
|
||||
View::assign('article',array_slice($article_list,0,3));
|
||||
|
||||
|
||||
//首页项目
|
||||
|
|
|
|||
|
|
@ -1,171 +1,192 @@
|
|||
<style>
|
||||
.setBetween .item:nth-of-type(1):after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
background: #3b52f6;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.setBetween .item{
|
||||
width: 50%;
|
||||
}
|
||||
.setBetween .item:nth-of-type(1) {
|
||||
padding-right: 20px!important;
|
||||
position: relative;
|
||||
}
|
||||
.setBetween .item:nth-of-type(2) {
|
||||
padding-right: 20px!important;
|
||||
}
|
||||
.setBetween .item:nth-of-type(1):after{
|
||||
width: 0px;
|
||||
}
|
||||
.a-line{
|
||||
border-bottom: 1px solid #eee;
|
||||
padding-bottom: 0.8rem;
|
||||
}
|
||||
.a-btn{
|
||||
background:#3b52f6;
|
||||
/*display: inline-block;*/
|
||||
text-align: center;
|
||||
height:3rem;
|
||||
line-height:3rem;
|
||||
color: white;
|
||||
}
|
||||
.a-btn a{
|
||||
color: white!important;
|
||||
display: block;
|
||||
width:100%;
|
||||
height: 100%;
|
||||
}
|
||||
.a-blue{
|
||||
color:#3b52f6;
|
||||
}
|
||||
.add-btn{
|
||||
text-align: right;
|
||||
}
|
||||
.add-btn a{
|
||||
border-radius: 0.2rem;
|
||||
}
|
||||
</style>
|
||||
<section class="container-mask form-wrap9"> <!-- show -->
|
||||
<div class="container form-mask" style="width:500px;">
|
||||
<div action="" onsubmit="return false" class="wrap7p">
|
||||
<!--<h2 class="c1">Apply for a course syllabus</h2>-->
|
||||
<p style="font-size:20px; text-align: justify; line-height: 26px; font-weight: 600; color: #000">Please scan the WeChat QR Code to add our academic advisor.</p>
|
||||
<img style="width:200px; display:block; margin: 0 auto" src="{$Think.HOME_SITE_ROOT}/new/images/wwww.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="main-other-qa">
|
||||
<div class="main-center container">
|
||||
<h6>Help&Support</h6>
|
||||
<div class="content">
|
||||
<div class="left">
|
||||
<p>Need Help?</p>
|
||||
<div class="zx-btn">
|
||||
<a href="javascript:void(0)" onclick="$('.form-wrap9').addClass('show')" class="b" ><span>Chat Now</span></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div>
|
||||
<p>LightCourse Student Services</p>
|
||||
<a href="mailto:studentservice@lightglobal.org"><strong>studentservice@lightglobal.org</strong></a>
|
||||
</div>
|
||||
<div>
|
||||
<p>Partner With Us</p>
|
||||
<a href="mailto:partnerships@lightglobal.org"><strong>partnerships@lightglobal.org</strong></a>
|
||||
</div>
|
||||
</div>
|
||||
.setBetween .item:nth-of-type(1):after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
background: #3b52f6;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
.setBetween .item {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.setBetween .item:nth-of-type(1) {
|
||||
padding-right: 20px !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.setBetween .item:nth-of-type(2) {
|
||||
padding-right: 20px !important;
|
||||
}
|
||||
|
||||
.setBetween .item:nth-of-type(1):after {
|
||||
width: 0px;
|
||||
}
|
||||
|
||||
.a-line {
|
||||
border-bottom: 1px solid #eee;
|
||||
padding-bottom: 0.8rem;
|
||||
}
|
||||
|
||||
.a-btn {
|
||||
background: #3b52f6;
|
||||
/*display: inline-block;*/
|
||||
text-align: center;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.a-btn a {
|
||||
color: white !important;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.a-blue {
|
||||
color: #3b52f6;
|
||||
}
|
||||
|
||||
.add-btn {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.add-btn a {
|
||||
border-radius: 0.2rem;
|
||||
}
|
||||
</style>
|
||||
<section class="container-mask form-wrap9">
|
||||
<!-- show -->
|
||||
<div class="container form-mask" style="width:500px;">
|
||||
<div action="" onsubmit="return false" class="wrap7p">
|
||||
<!--<h2 class="c1">Apply for a course syllabus</h2>-->
|
||||
<p style="font-size:20px; text-align: justify; line-height: 26px; font-weight: 600; color: #000">Please scan
|
||||
the WeChat QR Code to add our academic advisor.</p>
|
||||
<img style="width:200px; display:block; margin: 0 auto" src="{$Think.HOME_SITE_ROOT}/new/images/wwww.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="main-other-qa">
|
||||
<div class="main-center container">
|
||||
<h6>Help&Support</h6>
|
||||
<div class="content">
|
||||
<div class="left">
|
||||
<p>Need Help?</p>
|
||||
<div class="zx-btn">
|
||||
<a href="javascript:void(0)" onclick="$('.form-wrap9').addClass('show')" class="b"><span>Chat
|
||||
Now</span></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div>
|
||||
<p>LightCourse Student Services</p>
|
||||
<a href="mailto:studentservice@lightglobal.org"><strong>studentservice@lightglobal.org</strong></a>
|
||||
</div>
|
||||
<div>
|
||||
<p>Partner With Us</p>
|
||||
<a href="mailto:partnerships@lightglobal.org"><strong>partnerships@lightglobal.org</strong></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<footer>
|
||||
<div class="footer">
|
||||
<div class="main-center">
|
||||
<div class="left">
|
||||
<div class="logo"><img src="{$Think.HOME_SITE_ROOT}/new/images/logo-b.png" alt="Light Course"></div>
|
||||
<div class="ico">
|
||||
<a href="javascript:;" class="i"><i class="iconfont icon-instagram-fill"></i></a>
|
||||
<a href="javascript:;" class="i"><i class="iconfont icon-facebook"></i></a>
|
||||
<a href="javascript:;" class="i"><i class="iconfont icon-instagram"></i></a>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
<p>
|
||||
<script>copyright = new Date(); update = copyright.getFullYear(); document.write("Copyright © " + update + " All rights reserved. LightCourse Inc. <a href='https://beian.miit.gov.cn' target='_blank'>蜀ICP备2020030077号-1</a>");</script>
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/promotion">About Us</a>
|
||||
<a href="/document">How LightCourse Works</a>
|
||||
<a href="/showpintuan">How to Transfer Credit</a>
|
||||
<a href="/showgroupbuy">How to Apply</a>
|
||||
<a href="/qa">FAQ</a>
|
||||
|
||||
<!-- <div>
|
||||
<a href="mailto:studentservice@lightlobal.org">studentservice@lightlobal.org</a>
|
||||
<a href="tel:028-85466301">028-85466301</a>
|
||||
</div>-->
|
||||
</li>
|
||||
<li>
|
||||
<a href="/goods/consulting">All Courses</a>
|
||||
<a href="/activity">Partner with Us</a>
|
||||
<a href="/contact">Contact Us</a>
|
||||
<a href="/Article?ac_id=8">Blog</a>
|
||||
<!-- <a href="">Terms of Service</a>-->
|
||||
|
||||
<!-- <a href="">Privacy Statement</a>
|
||||
<a href="">Website Terms</a> -->
|
||||
<!-- <div>
|
||||
<span>Customer Service Suggestions</span>
|
||||
<a href="mailto:marketinglightcourse@gmail.com">marketinglightcourse@gmail.com</a>
|
||||
</div>-->
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cookie">
|
||||
<div class="main-center container">
|
||||
<p>LightCourse uses cookies to provide necessary website functionality, improve your experience and analyze our traffic. By using our website, you agree to our Terms of Service.</p>
|
||||
<a href="javascript:;">OK!</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="main-center">
|
||||
<div class="left wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="info">Earn Credits in a More Flexible Way<br />A global higher education o</div>
|
||||
<div class="logo"><img src="{$Think.HOME_SITE_ROOT}/new/images/footer-logo.png" alt="Light Course"></div>
|
||||
<div class="icon">
|
||||
<img src="{$Think.HOME_SITE_ROOT}/new/images/icon-foot-01.png">
|
||||
<img src="{$Think.HOME_SITE_ROOT}/new/images/icon-foot-02.png">
|
||||
<img src="{$Think.HOME_SITE_ROOT}/new/images/icon-foot-03.png">
|
||||
</div>
|
||||
</div>
|
||||
<div class="right wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/promotion">About Us</a>
|
||||
<a href="/document">How LightCourse Works</a>
|
||||
<a href="/showpintuan">How to Transfer Credit</a>
|
||||
<a href="/showgroupbuy">How to Apply</a>
|
||||
<a href="/qa">FAQ</a>
|
||||
<!-- <div>
|
||||
<a href="mailto:studentservice@lightlobal.org">studentservice@lightlobal.org</a>
|
||||
<a href="tel:028-85466301">028-85466301</a>
|
||||
</div>-->
|
||||
</li>
|
||||
<li>
|
||||
<a href="/goods/consulting">All Courses</a>
|
||||
<a href="/activity">Partner with Us</a>
|
||||
<a href="/contact">Contact Us</a>
|
||||
<a href="/Article?ac_id=8">Blog</a>
|
||||
<!-- <a href="">Terms of Service</a>-->
|
||||
<!-- <a href="">Privacy Statement</a>
|
||||
<a href="">Website Terms</a> -->
|
||||
<!-- <div>
|
||||
<span>Customer Service Suggestions</span>
|
||||
<a href="mailto:marketinglightcourse@gmail.com">marketinglightcourse@gmail.com</a>
|
||||
</div>-->
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">
|
||||
<span>
|
||||
<script>
|
||||
copyright = new Date();
|
||||
update = copyright.getFullYear();
|
||||
document.write("Copyright © " + update +
|
||||
" All rights reserved. LightCourse Inc. <a href='https://beian.miit.gov.cn' target='_blank'>蜀ICP备2020030077号-1</a>"
|
||||
);
|
||||
</script>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cookie">
|
||||
<div class="main-center container">
|
||||
<p>LightCourse uses cookies to provide necessary website functionality, improve your experience and analyze
|
||||
our traffic. By using our website, you agree to our Terms of Service.</p>
|
||||
<a href="javascript:;">OK!</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<section class="container-mask tips-wrap">
|
||||
<div class="container tips-mask" style="width:55rem;">
|
||||
<div class="iconf close-iconf"></div>
|
||||
<div action="" onsubmit="return false" class="tips-container form ui ">
|
||||
<div class="tit">
|
||||
<h4 class="c1">Checkout</h4>
|
||||
<p>You need to log in or create an account to checkout.</p>
|
||||
</div>
|
||||
<h2 class="a-line">Log in or Create an Account</h2>
|
||||
<p>Please select one of the following options</p>
|
||||
<div class="setBetween">
|
||||
<div class="item">
|
||||
<h6 class="a-btn"><a href="/Login/login">I have an account already</a></h6>
|
||||
<p>Log in with your existing e-mail account information if you are a current or former LightCourse member. To proceed, please complete the checkout process as soon as possible.</p>
|
||||
<p>Click <a class="a-blue" href="/Login/login">Continue</a>, then the <a class="a-blue" href="/Login/forget_password">Forget Password</a> button if you forget your password.</p>
|
||||
<div class="more-btn add-btn"><a href="/Login/login">Continue</a></div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<h6 class="a-btn"><a href="/Login/register">I need to create an account</a></h6>
|
||||
<p>Create a user name and password by clicking Create Account, then log in to complete your student profile and checkout.</p>
|
||||
<p>To proceed, please complete the checkout process as soon as possible.</p>
|
||||
<div class="more-btn add-btn"><a href="/Login/register">Create Account</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container tips-mask" style="width:55rem;">
|
||||
<div class="iconf close-iconf"></div>
|
||||
<div action="" onsubmit="return false" class="tips-container form ui ">
|
||||
<div class="tit">
|
||||
<h4 class="c1">Checkout</h4>
|
||||
<p>You need to log in or create an account to checkout.</p>
|
||||
</div>
|
||||
<h2 class="a-line">Log in or Create an Account</h2>
|
||||
<p>Please select one of the following options</p>
|
||||
<div class="setBetween">
|
||||
<div class="item">
|
||||
<h6 class="a-btn"><a href="/Login/login">I have an account already</a></h6>
|
||||
<p>Log in with your existing e-mail account information if you are a current or former LightCourse
|
||||
member. To proceed, please complete the checkout process as soon as possible.</p>
|
||||
<p>Click <a class="a-blue" href="/Login/login">Continue</a>, then the <a class="a-blue"
|
||||
href="/Login/forget_password">Forget Password</a> button if you forget your password.</p>
|
||||
<div class="more-btn add-btn"><a href="/Login/login">Continue</a></div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<h6 class="a-btn"><a href="/Login/register">I need to create an account</a></h6>
|
||||
<p>Create a user name and password by clicking Create Account, then log in to complete your student
|
||||
profile and checkout.</p>
|
||||
<p>To proceed, please complete the checkout process as soon as possible.</p>
|
||||
<div class="more-btn add-btn"><a href="/Login/register">Create Account</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
<script src="{$Think.HOME_SITE_ROOT}/new/js/swiper.min.js"></script>
|
||||
|
|
@ -191,12 +212,12 @@
|
|||
<script type="text/javascript" src="{$Think.PLUGINS_SITE_ROOT}/jquery.lazyload.min.js"></script>
|
||||
|
||||
<script>
|
||||
var li = $("#pc-header .content nav li");
|
||||
$("#pc-header .content nav li").click(function () {
|
||||
var i = li.index(this);
|
||||
var par = $(this).parent().index()
|
||||
$("#pc-header .content aside .item").removeClass('active')
|
||||
$($("#pc-header .content aside .item")[i]).addClass('active')
|
||||
$("#pc-header .content aside > div").eq(par).addClass('active').siblings().removeClass("active")
|
||||
})
|
||||
</script>
|
||||
var li = $("#pc-header .content nav li");
|
||||
$("#pc-header .content nav li").click(function() {
|
||||
var i = li.index(this);
|
||||
var par = $(this).parent().index()
|
||||
$("#pc-header .content aside .item").removeClass('active')
|
||||
$($("#pc-header .content aside .item")[i]).addClass('active')
|
||||
$("#pc-header .content aside > div").eq(par).addClass('active').siblings().removeClass("active")
|
||||
})
|
||||
</script>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -3,173 +3,209 @@
|
|||
{block name="mall_main"}
|
||||
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/index.css">
|
||||
<style>
|
||||
main .main-1 .container .item .text h3 {
|
||||
min-height: 2.6rem;
|
||||
}
|
||||
.main-other-qa{
|
||||
display: none;
|
||||
}
|
||||
.par.w100 {
|
||||
height:1.8rem;
|
||||
align-items:center;
|
||||
color: #000;
|
||||
font-family: 'robotoLight'!important;
|
||||
}
|
||||
.par.w100 span{
|
||||
font-family: 'robotoLight'!important;
|
||||
color: #000;
|
||||
margin-top:0.12rem;
|
||||
}
|
||||
@media screen and (max-width: 1024px) {
|
||||
main .main-1 .container .item:nth-of-type(n+10){
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.main-other-qa {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
main .main-1 .container .item:nth-of-type(n+10) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
$.each($("main .main-4 .container .item .t div span"), function () {
|
||||
$(this).text($(this).text().slice(0, 10))
|
||||
})
|
||||
})
|
||||
$(document).ready(function() {
|
||||
$.each($("main .main-4 .container .item .t div span"), function() {
|
||||
$(this).text($(this).text().slice(0, 10))
|
||||
})
|
||||
})
|
||||
</script>
|
||||
<div class="index-banner">
|
||||
<div class="swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide slide1">
|
||||
<div class="main-center">
|
||||
<div class="left">
|
||||
<em>7000+ College Courses<br>
|
||||
Earn Credits in a More Flexible Way</em>
|
||||
<a href="/document" target="_blank">See how LightCourse works</a>
|
||||
</div>
|
||||
<div class="imgg"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner1.png" alt="See how LightCourse works">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="imgg"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-01.jpg" alt="See how LightCourse works"></div>
|
||||
<div class="index-banner-txt ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0">
|
||||
<ins>7000+</ins>
|
||||
<em> College Courses</em>
|
||||
<span>Earn Credits in<br />a More Flexible Way</span>
|
||||
</div>
|
||||
<a class="index-banner-btn ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0" href="/document" target="_blank"><span>See how LightCourse works<em>></em></span></a>
|
||||
<div class="index-banner-float ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-float.png" alt="图案"></div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="imgg"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-02.jpg" alt="See how LightCourse works"></div>
|
||||
<div class="index-banner-txt ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0">
|
||||
<ins>7000+</ins>
|
||||
<em> College Courses</em>
|
||||
<span>Earn Credits in<br />a More Flexible Way</span>
|
||||
</div>
|
||||
<a class="index-banner-btn ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0" href="/document" target="_blank"><span>See how LightCourse works<em>></em></span></a>
|
||||
<div class="index-banner-float ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-float.png" alt="图案"></div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="imgg"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-03.jpg" alt="See how LightCourse works"></div>
|
||||
<div class="index-banner-txt ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0">
|
||||
<ins>7000+</ins>
|
||||
<em> College Courses</em>
|
||||
<span>Earn Credits in<br />a More Flexible Way</span>
|
||||
</div>
|
||||
<a class="index-banner-btn ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0" href="/document" target="_blank"><span>See how LightCourse works<em>></em></span></a>
|
||||
<div class="index-banner-float ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-float.png" alt="图案"></div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="imgg"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-04.jpg" alt="See how LightCourse works"></div>
|
||||
<div class="index-banner-txt ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0">
|
||||
<ins>7000+</ins>
|
||||
<em> College Courses</em>
|
||||
<span>Earn Credits in<br />a More Flexible Way</span>
|
||||
</div>
|
||||
<a class="index-banner-btn ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0" href="/document" target="_blank"><span>See how LightCourse works<em>></em></span></a>
|
||||
<div class="index-banner-float ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-float.png" alt="图案"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="index-banner-info">
|
||||
<div class="left">
|
||||
<h2 class="wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">The Services<br />We Provide</h2>
|
||||
<span class="wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">7000+ College Courses</span>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="item">
|
||||
<span class="wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Featured For-Credit Courses</span>
|
||||
<em class="wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">In collaboration with our global partner institutions, LightCourse offers 7000+ accredited college courses encompassing 300+ majors and disciplines. Join us today to earn college credits in a flexible and saving way.</em>
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Study Abroad Programs</span>
|
||||
<em class="wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">In collaboration with our global partner institutions, LightCourse offers 7000+ accredited college courses encompassing 300+ majors and disciplines. Join us today to earn college credits in a flexible and saving way.</em>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<main>
|
||||
<section class="main-1">
|
||||
<div class="main-title">
|
||||
<h2>Featured For-Credit Courses</h2>
|
||||
<p>In collaboration with our global partner institutions, LightCourse offers 7000+ accredited college courses encompassing 300+ majors and disciplines. Join us today to earn college credits in a flexible and saving way.
|
||||
</p>
|
||||
</div>
|
||||
<div class="main-center container">
|
||||
{notempty name="recommend"}
|
||||
{foreach name="recommend" key="goods_key" item="goods"}
|
||||
<a href="{:url('/Goods/index',['goods_id'=>$goods.goods_id])}" target="_blank" class="item">
|
||||
<div class="img imgggg"><img src="{:goods_cthumb($goods.goods_image)}" alt="{$goods.goods_name}"></div>
|
||||
<div class="text" num="1">
|
||||
<h3>{$goods.goods_name}</h3>
|
||||
<div class="par-con">
|
||||
|
||||
<div class="par w100">
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-xianshangliuliang"></use>
|
||||
</svg>Institution: <span>{$goods.ke_simple_college}</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="par w100">
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-shijian"></use>
|
||||
</svg>Credit(s): <span>{$goods.ke_credit}</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="par w100">
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-rili"></use>
|
||||
</svg>Start Date: <span>{$goods.ke_start_time}</span>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
{/foreach}
|
||||
{/notempty}
|
||||
|
||||
</div>
|
||||
<div class="more-btn1">
|
||||
<a href="/brand">View All Courses</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="main-2">
|
||||
<div class="main-title">
|
||||
<h2>Study Abroad Programs</h2>
|
||||
<p>
|
||||
Credit-bearing LightCourse study abroad programs are hosted by prestigious institutions in several global cities. <br>
|
||||
Students can gain unique cultural experiences studying abroad throughout the summer in cities like San Francisco (USA), <br>
|
||||
Florence (Italy), Seoul (South Korea), Tokyo (Japan), Shanghai (China), and Beijing (China).</p>
|
||||
</div>
|
||||
<div class="main-center container">
|
||||
<div class="swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
{notempty name="program"}
|
||||
{foreach name="program" item="val" key="key" }
|
||||
<!-- <a href="/home/search?cate_id={$val.gc_id}" class="swiper-slide item">-->
|
||||
<a href="/program" class="swiper-slide item">
|
||||
<div class="img"><img src="/uploads/home/common/{$val.gc_image}" alt=""></div>
|
||||
<div class="logo"><img src="/uploads/home/common/{$val.pro_logo}" alt=""></div>
|
||||
<div class="text">
|
||||
<h3> {$val.gc_name}</h3>
|
||||
<p>{$val.pro_locate}</p>
|
||||
<span>{$val.pro_desc}</span>
|
||||
</div>
|
||||
</a>
|
||||
{/foreach}
|
||||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-button swiper-button-prev"></div>
|
||||
<div class="swiper-button swiper-button-next"></div>
|
||||
</div>
|
||||
<div class="more-btn1">
|
||||
<a href="/program">View All Programs</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="main-3">
|
||||
<div class="main-title">
|
||||
<h2>Our Vision</h2>
|
||||
<p>
|
||||
{$wish_en}
|
||||
</p>
|
||||
</div>
|
||||
<div class="more-btn1">
|
||||
<a href="/promotion">Learn More</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="main-4">
|
||||
<div class="main-title">
|
||||
<h2>LightCourse Blog</h2>
|
||||
</div>
|
||||
<div class="main-center container">
|
||||
|
||||
{notempty name="article"}
|
||||
{foreach name="article" item="val" key="key" }
|
||||
<a href="/article/show?article_id={$val.article_id}" class="item">
|
||||
<div class="t">
|
||||
<div>
|
||||
<em>NEWS</em>
|
||||
<span>{$val['article_date']}</span>
|
||||
</div>
|
||||
<h3>{$val.article_title}</h3>
|
||||
</div>
|
||||
<p> {$val['article_desc']}...</p>
|
||||
</a>
|
||||
{/foreach}
|
||||
{/notempty}
|
||||
|
||||
</div>
|
||||
<div class="more-btn">
|
||||
<a href="/Article?ac_id=8" target="_blank">Learn More</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="main-1">
|
||||
<div class="main-title">
|
||||
<h2 class="wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Featured For-Credit Courses</h2>
|
||||
<p class="wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">
|
||||
In collaboration with our global partner institutions, <br />
|
||||
LightCourse offers 7000+ accredited college courses encompassing 300+ majors and disciplines. <br />
|
||||
Join us today to earn college credits in a flexible and saving way.
|
||||
</p>
|
||||
</div>
|
||||
<div class="main-center container">
|
||||
{notempty name="recommend"}
|
||||
{foreach name="recommend" key="goods_key" item="goods"}
|
||||
<a href="{:url('/Goods/index',['goods_id'=>$goods.goods_id])}" target="_blank" class="item">
|
||||
<div class="img imgggg"><img src="{:goods_cthumb($goods.goods_image)}" alt="{$goods.goods_name}"></div>
|
||||
<ins class="pull-bg"></ins>
|
||||
<div class="icon-more"><img src="{$Think.HOME_SITE_ROOT}/new/images/icon-more.png" alt="查看详情"></div>
|
||||
<div class="text" num="1">
|
||||
<h3 class="wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">{$goods.goods_name}</h3>
|
||||
<div class="par-con wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">
|
||||
<div class="par w100">
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-xianshangliuliang"></use>
|
||||
</svg>Institution: <span>{$goods.ke_simple_college}</span>
|
||||
</div>
|
||||
<div class="par w100">
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-shijian"></use>
|
||||
</svg>Credit(s): <span>{$goods.ke_credit}</span>
|
||||
</div>
|
||||
<div class="par w100">
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-rili"></use>
|
||||
</svg>Start Date: <span>{$goods.ke_start_time}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
{/foreach}
|
||||
{/notempty}
|
||||
</div>
|
||||
<div class="more-btn1">
|
||||
<a href="/brand">View All Courses</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="main-2">
|
||||
<div class="main-title">
|
||||
<h2 class="wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Study Abroad Programs</h2>
|
||||
<p class="wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">
|
||||
Credit-bearing LightCourse study abroad programs are hosted by prestigious institutions in several
|
||||
global cities. <br>
|
||||
Students can gain unique cultural experiences studying abroad throughout the summer in cities like San
|
||||
Francisco (USA), <br>
|
||||
Florence (Italy), Seoul (South Korea), Tokyo (Japan), Shanghai (China), and Beijing (China).
|
||||
</p>
|
||||
</div>
|
||||
<div class="main-center container">
|
||||
<div class="swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
{notempty name="program"}
|
||||
{foreach name="program" item="val" key="key" }
|
||||
<!-- <a href="/home/search?cate_id={$val.gc_id}" class="swiper-slide item">-->
|
||||
<a href="/program" class="swiper-slide item">
|
||||
<div class="img"><img src="/uploads/home/common/{$val.gc_image}" alt=""></div>
|
||||
<!-- <div class="logo"><img src="/uploads/home/common/{$val.pro_logo}" alt=""></div> -->
|
||||
<div class="text">
|
||||
<p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0">
|
||||
<em>Partner Institution</em>
|
||||
<span>{$val['class3'][0]['gc_name']}</span>
|
||||
</p>
|
||||
<p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">
|
||||
<em>Program Name</em>
|
||||
<span>{$val.gc_name}</span>
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
{/foreach}
|
||||
{/notempty}
|
||||
</div>
|
||||
<div class="more-btn1">
|
||||
<a href="/program">View All Programs<em>></em></a>
|
||||
</div>
|
||||
<div class="swiper-button swiper-button-prev"></div>
|
||||
<div class="swiper-button swiper-button-next"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="main-3">
|
||||
<div class="main-title">
|
||||
<h2 class="wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Our Vision</h2>
|
||||
<p class="wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">{$wish_en}</p>
|
||||
</div>
|
||||
<div class="more-btn1">
|
||||
<a href="/promotion">Learn More</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="main-4">
|
||||
<div class="main-title">
|
||||
<h2 class="wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">LightCourse Blog</h2>
|
||||
<p class="wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">News and live information about light course.</p>
|
||||
</div>
|
||||
<div class="main-center container">
|
||||
{notempty name="article"}
|
||||
{foreach name="article" item="val" key="key" }
|
||||
<a href="/article/show?article_id={$val.article_id}" class="item wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img">
|
||||
<img src="{:ds_get_pic(ATTACH_ARTICLE,$val.article_pic)}" alt="{$val['article_title']}">
|
||||
<ins class="pull-bg"></ins>
|
||||
<h3 class="wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">{$val['article_title']}</h3>
|
||||
<!-- <em>NEWS</em>
|
||||
<span>{$val['article_date']}</span> -->
|
||||
</div>
|
||||
<div class="txt wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">
|
||||
{$val['article_desc']}
|
||||
</div>
|
||||
</a>
|
||||
{/foreach}
|
||||
{/notempty}
|
||||
</div>
|
||||
<div class="more-btn">
|
||||
<a href="/Article?ac_id=8" target="_blank">Learn More<em>></em></a>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
{/block}
|
||||
|
||||
|
|
@ -180,42 +216,54 @@
|
|||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EX6H2927S7"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
gtag('config', 'G-EX6H2927S7');
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag('js', new Date());
|
||||
gtag('config', 'G-EX6H2927S7');
|
||||
</script>
|
||||
<script>
|
||||
|
||||
|
||||
var main2 = new Swiper(".main-2 .swiper-container", {
|
||||
slidesPerView: 4,
|
||||
spaceBetween: 30,
|
||||
navigation: {
|
||||
prevEl: ".main-2 .swiper-button-prev",
|
||||
nextEl: ".main-2 .swiper-button-next",
|
||||
},
|
||||
breakpoints: {
|
||||
320: {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 20
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 20
|
||||
},
|
||||
820: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 60
|
||||
},
|
||||
1366:{
|
||||
slidesPerView: 4,
|
||||
spaceBetween: 30
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
var main1 = new Swiper('.index-banner .swiper-container',{
|
||||
loop:true,//开启循环播放
|
||||
autoplay: true, //自动播放
|
||||
effect : 'fade',//轮播的动效 默认为"slide"（普通位移切换），还可设置为"fade"（淡入）、"cube"（方块）、"coverflow"（3d流）、"flip"（3d翻转）、"cards"(卡片式)、"creative"（创意性）。
|
||||
fadeEffect: {
|
||||
crossFade: true,
|
||||
},
|
||||
on:{
|
||||
init: function(){
|
||||
swiperAnimateCache(this); // 隐藏动画元素
|
||||
swiperAnimate(this); // 初始化完成开始动画
|
||||
},
|
||||
slideChangeTransitionEnd: function(){
|
||||
swiperAnimate(this); // 每个slide切换结束时也运行当前slide动画
|
||||
// this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次，去除ani类名
|
||||
},
|
||||
}
|
||||
});
|
||||
|
||||
var main2 = new Swiper(".main-2 .swiper-container", {
|
||||
loop:false,//开启循环播放
|
||||
autoplay: true, //自动播放
|
||||
effect : 'fade',//轮播的动效 默认为"slide"（普通位移切换），还可设置为"fade"（淡入）、"cube"（方块）、"coverflow"（3d流）、"flip"（3d翻转）、"cards"(卡片式)、"creative"（创意性）。
|
||||
fadeEffect: {
|
||||
crossFade: true,
|
||||
},
|
||||
navigation: {
|
||||
prevEl: ".main-2 .swiper-button-prev",
|
||||
nextEl: ".main-2 .swiper-button-next",
|
||||
},
|
||||
on:{
|
||||
init: function(){
|
||||
swiperAnimateCache(this); // 隐藏动画元素
|
||||
swiperAnimate(this); // 初始化完成开始动画
|
||||
},
|
||||
slideChangeTransitionEnd: function(){
|
||||
swiperAnimate(this); // 每个slide切换结束时也运行当前slide动画
|
||||
// this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次，去除ani类名
|
||||
},
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1 +0,0 @@
|
|||
open_basedir=/data/wwwroot/www.lightcourse.com/:/tmp/
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 298 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 227 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 223 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 247 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
|
|
@ -18,4 +18,4 @@ $(function () {
|
|||
for (let i = 1; i < 13; i++) {
|
||||
var c = new Accordion($(`#accordion${i}`), false);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -454,13 +454,16 @@ $(".homeinputval").val(secret);
|
|||
}
|
||||
clickHandler();
|
||||
});
|
||||
// wow.js
|
||||
// var wow = new WOW({
|
||||
// boxClass: "wow",
|
||||
// animateClass: "animated",
|
||||
// offset: 0,
|
||||
// mobile: false,
|
||||
// live: true,
|
||||
// });
|
||||
// wow.init();
|
||||
|
||||
// 执行加载动画
|
||||
if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
|
||||
var wow = new WOW({
|
||||
boxClass: 'wow', /* 执行动画的元素 class */
|
||||
animateClass: 'animated', /* animate.css 动画的 class */
|
||||
offset: 10, /* 距离可视区域多少开始执行动画 */
|
||||
mobile: true, /* 是否在移动设备执行动画 */
|
||||
live: true /* 异步加载的内容是否有效 */
|
||||
});
|
||||
wow.init();
|
||||
};
|
||||
});
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 82 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 68 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 61 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
Loading…
Reference in New Issue