首页更改完成
|
@ -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));
|
||||
|
||||
|
||||
//首页项目
|
||||
|
|
|
@ -9,56 +9,68 @@
|
|||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.setBetween .item{
|
||||
|
||||
.setBetween .item {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.setBetween .item:nth-of-type(1) {
|
||||
padding-right: 20px!important;
|
||||
padding-right: 20px !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.setBetween .item:nth-of-type(2) {
|
||||
padding-right: 20px!important;
|
||||
padding-right: 20px !important;
|
||||
}
|
||||
.setBetween .item:nth-of-type(1):after{
|
||||
|
||||
.setBetween .item:nth-of-type(1):after {
|
||||
width: 0px;
|
||||
}
|
||||
.a-line{
|
||||
|
||||
.a-line {
|
||||
border-bottom: 1px solid #eee;
|
||||
padding-bottom: 0.8rem;
|
||||
}
|
||||
.a-btn{
|
||||
background:#3b52f6;
|
||||
|
||||
.a-btn {
|
||||
background: #3b52f6;
|
||||
/*display: inline-block;*/
|
||||
text-align: center;
|
||||
height:3rem;
|
||||
line-height:3rem;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
color: white;
|
||||
}
|
||||
.a-btn a{
|
||||
color: white!important;
|
||||
|
||||
.a-btn a {
|
||||
color: white !important;
|
||||
display: block;
|
||||
width:100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.a-blue{
|
||||
color:#3b52f6;
|
||||
|
||||
.a-blue {
|
||||
color: #3b52f6;
|
||||
}
|
||||
.add-btn{
|
||||
|
||||
.add-btn {
|
||||
text-align: right;
|
||||
}
|
||||
.add-btn a{
|
||||
|
||||
.add-btn a {
|
||||
border-radius: 0.2rem;
|
||||
}
|
||||
</style>
|
||||
<section class="container-mask form-wrap9"> <!-- show -->
|
||||
<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>
|
||||
<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>
|
||||
<section class="main-other-qa">
|
||||
<div class="main-center container">
|
||||
<h6>Help&Support</h6>
|
||||
|
@ -66,7 +78,8 @@
|
|||
<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>
|
||||
<a href="javascript:void(0)" onclick="$('.form-wrap9').addClass('show')" class="b"><span>Chat
|
||||
Now</span></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
|
@ -86,21 +99,16 @@
|
|||
<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 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">
|
||||
<div class="right wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/promotion">About Us</a>
|
||||
|
@ -108,7 +116,6 @@
|
|||
<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>
|
||||
|
@ -120,7 +127,6 @@
|
|||
<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>
|
||||
|
@ -131,10 +137,22 @@
|
|||
</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>
|
||||
<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>
|
||||
|
@ -153,13 +171,16 @@
|
|||
<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>
|
||||
<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>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>
|
||||
|
@ -192,7 +213,7 @@
|
|||
|
||||
<script>
|
||||
var li = $("#pc-header .content nav li");
|
||||
$("#pc-header .content nav li").click(function () {
|
||||
$("#pc-header .content nav li").click(function() {
|
||||
var i = li.index(this);
|
||||
var par = $(this).parent().index()
|
||||
$("#pc-header .content aside .item").removeClass('active')
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<html lang="en-US">
|
||||
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>{$html_title|default=$Think.config.ds_config.site_name}</title>
|
||||
<meta name="renderer" content="webkit|ie-comp|ie-stand" />
|
||||
|
@ -11,10 +11,7 @@
|
|||
<meta name="author" content="YiFFo" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<meta content="IE=7" http-equiv="X-UA-Compatible" />
|
||||
<!-- <link
|
||||
rel="stylesheet"
|
||||
href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900"
|
||||
/> -->
|
||||
<!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900"/> -->
|
||||
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/swiper.min.css" />
|
||||
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/animate.css" />
|
||||
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/common.css" />
|
||||
|
@ -47,16 +44,22 @@
|
|||
<!-- <link type="text/css" rel="stylesheet" href="https://webfont.hellofont.cn/webfont/puhuiti-2?weight=115&family=puhuiti-2-115"> -->
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag('js', new Date());
|
||||
gtag('config', 'G-EX6H2927S7');
|
||||
</script>
|
||||
|
||||
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-EZ42N6ETWH"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-EZ42N6ETWH');
|
||||
<!-- Google tag (gtag.js) -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EZ42N6ETWH"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag('js', new Date());
|
||||
gtag('config', 'G-EZ42N6ETWH');
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<!-- chat -->
|
||||
<!-- <script>
|
||||
window.addEventListener('mouseover', initLandbot, { once: true });
|
||||
|
@ -76,10 +79,9 @@
|
|||
}
|
||||
}
|
||||
</script>-->
|
||||
<!--<script src="//code.tidio.co/4enwdahqiuzzigop29taomatroakg3va.js" async></script>-->
|
||||
<!--<script src="//code.tidio.co/4enwdahqiuzzigop29taomatroakg3va.js" async></script>-->
|
||||
|
||||
|
||||
<script>
|
||||
<script>
|
||||
// var _hmt = _hmt || [];
|
||||
// (function() {
|
||||
// var hm = document.createElement("script");
|
||||
|
@ -87,8 +89,7 @@
|
|||
// var s = document.getElementsByTagName("script")[0];
|
||||
// s.parentNode.insertBefore(hm, s);
|
||||
// })();
|
||||
</script>
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
@font-face {
|
||||
|
@ -97,20 +98,24 @@
|
|||
font-display: swap;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
</head>
|
||||
|
||||
|
||||
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-EZ42N6ETWH"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-EZ42N6ETWH');
|
||||
<!-- Google tag (gtag.js) -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EZ42N6ETWH"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag('js', new Date());
|
||||
gtag('config', 'G-EZ42N6ETWH');
|
||||
</script>
|
||||
|
||||
|
||||
<style>
|
||||
p {
|
||||
margin-bottom: 5px !important;
|
||||
}
|
||||
<style>
|
||||
p { margin-bottom: 0.25rem !important; }
|
||||
</style>
|
||||
|
||||
<body>
|
||||
<body>
|
||||
<header>
|
||||
<div id="pc-header">
|
||||
<div class="map">
|
||||
|
@ -119,11 +124,12 @@
|
|||
<a href="/showpintuan">Credit Transfer</a>
|
||||
<a href="/document">How LightCourse Works</a>
|
||||
<a href="/showgroupbuy">How to Apply</a>
|
||||
<a href="/contact" style="margin-right:20px;">Contact Us</a>
|
||||
<a href="/contact" style="margin-right:0.5rem;">Contact Us</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main-center">
|
||||
<a href="/" class="logo"><img src="{$Think.HOME_SITE_ROOT}/new/images/logo.png" alt="LightCourse" /></a>
|
||||
<a href="/" class="logo"><img src="{$Think.HOME_SITE_ROOT}/new/images/logo.png"
|
||||
alt="LightCourse" /></a>
|
||||
<div class="search-form">
|
||||
<div class="h-btn">
|
||||
<span>Courses</span>
|
||||
|
@ -147,7 +153,8 @@
|
|||
<h3>PROGRAMS</h3>
|
||||
{foreach name="program2" item="item"}
|
||||
<li>
|
||||
<div><span>{$item.pro_locate}</span><i class="iconfont icon-right"></i></div>
|
||||
<div><span>{$item.pro_locate}</span><i class="iconfont icon-right"></i>
|
||||
</div>
|
||||
</li>
|
||||
{/foreach}
|
||||
<div class="more-btn">
|
||||
|
@ -206,7 +213,8 @@
|
|||
<h6>{$val.gc_name}</h6>
|
||||
<p><i class="iconfont">{$val.pro_locate}</i></p>
|
||||
</div>
|
||||
<div class="t-logo"><img src="/uploads/home/common/{$val.gc_image}" alt=""></div>
|
||||
<div class="t-logo"><img
|
||||
src="/uploads/home/common/{$val.gc_image}" alt=""></div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<div class="list">
|
||||
|
@ -257,8 +265,9 @@
|
|||
<option value="2">Programs</option>
|
||||
</select> -->
|
||||
<div class="search-inp">
|
||||
<input type="text" class="homeinputval" name="keyword" autocomplete="off" placeholder="Find a Course">
|
||||
<button type="submit" class="i homesearch"><svg class="iconf" aria-hidden="true" style="color: #fff;">
|
||||
<input type="text" class="homeinputval" name="keyword" autocomplete="off" placeholder="">
|
||||
<button type="submit" class="i homesearch"><svg class="iconf" aria-hidden="true"
|
||||
style="color: #fff;">
|
||||
<use xlink:href="#icon-search"></use>
|
||||
</svg></button>
|
||||
|
||||
|
@ -312,7 +321,8 @@
|
|||
</div>
|
||||
</div>
|
||||
{else}
|
||||
{if $Think.config.ds_config.member_normal_register==1 || $Think.config.ds_config.sms_register==1}
|
||||
{if $Think.config.ds_config.member_normal_register==1 ||
|
||||
$Think.config.ds_config.sms_register==1}
|
||||
<a href="/Login/register">Register</a>
|
||||
{/if}
|
||||
<a href="/Login/login">Login</a>
|
||||
|
|
|
@ -3,32 +3,19 @@
|
|||
{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{
|
||||
.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){
|
||||
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 () {
|
||||
$(document).ready(function() {
|
||||
$.each($("main .main-4 .container .item .t div span"), function() {
|
||||
$(this).text($(this).text().slice(0, 10))
|
||||
})
|
||||
})
|
||||
|
@ -36,16 +23,61 @@
|
|||
<div class="index-banner">
|
||||
<div class="swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide slide1">
|
||||
<div class="main-center">
|
||||
<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">
|
||||
<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">
|
||||
<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>
|
||||
|
@ -53,8 +85,11 @@
|
|||
<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.
|
||||
<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">
|
||||
|
@ -62,38 +97,31 @@
|
|||
{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>{$goods.goods_name}</h3>
|
||||
<div class="par-con">
|
||||
|
||||
<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>
|
||||
|
@ -101,11 +129,14 @@
|
|||
</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>
|
||||
<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">
|
||||
|
@ -115,59 +146,64 @@
|
|||
<!-- <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="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>
|
||||
<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 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>
|
||||
<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>LightCourse Blog</h2>
|
||||
<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">
|
||||
<div class="t">
|
||||
<div>
|
||||
<em>NEWS</em>
|
||||
<span>{$val['article_date']}</span>
|
||||
<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>
|
||||
<h3>{$val.article_title}</h3>
|
||||
<div class="txt wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">
|
||||
{$val['article_desc']}
|
||||
</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>
|
||||
<a href="/Article?ac_id=8" target="_blank">Learn More<em>></em></a>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
@ -181,41 +217,53 @@
|
|||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EX6H2927S7"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag('js', new Date());
|
||||
gtag('config', 'G-EX6H2927S7');
|
||||
</script>
|
||||
<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", {
|
||||
slidesPerView: 4,
|
||||
spaceBetween: 30,
|
||||
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",
|
||||
},
|
||||
breakpoints: {
|
||||
320: {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 20
|
||||
on:{
|
||||
init: function(){
|
||||
swiperAnimateCache(this); // 隐藏动画元素
|
||||
swiperAnimate(this); // 初始化完成开始动画
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 20
|
||||
slideChangeTransitionEnd: function(){
|
||||
swiperAnimate(this); // 每个slide切换结束时也运行当前slide动画
|
||||
// this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次,去除ani类名
|
||||
},
|
||||
820: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 60
|
||||
},
|
||||
1366:{
|
||||
slidesPerView: 4,
|
||||
spaceBetween: 30
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
|
@ -1 +0,0 @@
|
|||
open_basedir=/data/wwwroot/www.lightcourse.com/:/tmp/
|
After Width: | Height: | Size: 47 KiB |
After Width: | Height: | Size: 40 KiB |
After Width: | Height: | Size: 56 KiB |
After Width: | Height: | Size: 298 KiB |
After Width: | Height: | Size: 227 KiB |
After Width: | Height: | Size: 223 KiB |
After Width: | Height: | Size: 247 KiB |
After Width: | Height: | Size: 28 KiB |
After Width: | Height: | Size: 5.1 KiB |
After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 1.2 KiB |
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();
|
||||
};
|
||||
});
|
||||
|
|
Before Width: | Height: | Size: 82 KiB |
Before Width: | Height: | Size: 68 KiB |
Before Width: | Height: | Size: 61 KiB |
After Width: | Height: | Size: 47 KiB |
After Width: | Height: | Size: 40 KiB |
After Width: | Height: | Size: 56 KiB |