Lee
/
www.lightcourse.com
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

第三部分完成

master
Lee 2022-10-28 19:48:10 +08:00
parent cde4f5a2f9
commit cf7a9f3fc0
51 changed files with 2017 additions and 1757 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/home/view/default/base/mall_footer.html
View File

@ -196,6 +196,7 @@
<script src="{$Think.HOME_SITE_ROOT}/new/js/accordion.js"></script>
<script src="{$Think.HOME_SITE_ROOT}/new/js/semantic.min.js"></script>
<script src="{$Think.PLUGINS_SITE_ROOT}/jquery.cookie.js"></script>
<script src="{$Think.HOME_SITE_ROOT}/js/compare.js"></script>

6
app/home/view/default/base/mall_top.html
View File

@ -17,15 +17,15 @@
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/semantic.min.css">
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/common.css" />
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/font_3136242_62t986otkc6.css">
<script src="{$Think.HOME_SITE_ROOT}/new/js/jquery-2.1.1.min.js"></script>
<script src="{$Think.HOME_SITE_ROOT}/new/js/jquery.cookie.js"></script>
<script src="{$Think.HOME_SITE_ROOT}/new/js/common.js"></script>
<script>
var BASESITEROOT = "{$Think.BASE_SITE_ROOT}";
var HOMESITEROOT = "{$Think.HOME_SITE_ROOT}";
var BASESITEURL = "{$Think.BASE_SITE_URL}";
var HOMESITEURL = "{$Think.HOME_SITE_URL}";
</script>
<script src="{$Think.HOME_SITE_ROOT}/new/js/jquery-2.1.1.min.js"></script>
<script src="{$Think.HOME_SITE_ROOT}/new/js/jquery.cookie.js"></script>
<script src="{$Think.HOME_SITE_ROOT}/new/js/common.js"></script>
<script src="{$Think.PLUGINS_SITE_ROOT}/common.js"></script>
<script src="{$Think.PLUGINS_SITE_ROOT}/js/dialog/dialog.js" id="dialog_js" charset="utf-8"></script>
<script src="{$Think.PLUGINS_SITE_ROOT}/jquery.validate.min.js"></script>

160
app/home/view/default/mall/article/article_list.html
View File

@ -5,92 +5,81 @@
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/blog.css">
<style>
.sec-container .sec-left > div{
box-shadow: none;
}
.sec-container .sec-left {
box-shadow: 0 0 0.3rem #ebebeb;
}
.blog .main-1 .newest .link{
display: flex;
}
.blog .main-1 .newest .img{
width: 12rem;
height: 8rem;
margin-right: 1rem;
flex-shrink: 0;
}
.blog .main-1 .newest .img img{
width: 100%;
height: 100%;
object-fit: scale-down;
}
.blog .main-1 .newest .text{
flex: 1;
}
.blog .main-1 .sec-left .link p{
font-size: 0.9rem;
color: #000;
font-family: 'robotoLight'!important;
}
@media screen and (max-width:768px){
.blog .main-1 .newest .img{
width: 30%;
height: 4rem;
}
}
.sec-container .sec-left>div {
box-shadow: none;
}
@media screen and (max-width:768px) {
.blog .main-1 .newest .img {
width: 30%;
height: 4rem;
}
}
</style>
<div class="list-banner">
<div class="main-center container">
<div class="position">Position：Home > Blog > {$class_name}</div>
<div class="content con1">
<div class="left">
<h2>LightCourse Blog</h2>
<!-- <h3>博客</h3> -->
</div>
</div>
</div>
<div class="list-banner blog-banner wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="main-center container">
<div class="blog-txt">
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Flexibility <em>:</em> How Does it Benefits Students <em>?</em></h2>
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
This article provides<br />an overview of<br />online education flexibi
</span>
<div class="more-btn1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<a href="">Click To Enter<em>></em></a>
</div>
</div>
<img class="blog-img wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.2s" src="{$Think.HOME_SITE_ROOT}/new/images/blog-img.png" alt="">
<!-- <div class="position">Position：Home > Blog > {$class_name}</div>
<div class="content con1">
<div class="left">
<h2>LightCourse Blog</h2>
</div>
</div> -->
</div>
<img class="blog-bg wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.4s" src="{$Think.HOME_SITE_ROOT}/new/images/blog-bg.png" alt="">
</div>
<main class="blog">
<section class="main-1">
<div class="sec-container main-center">
<div class="sec-left">
<div class="newest-nav">
{notempty name="class_list"}
{foreach name="class_list" item="val"}
<a href="/Article?ac_id={$val.ac_id}" {if condition="$val.ac_id eq $ac_id"}class="active"{/if}> {$val.ac_name}</a>
{/foreach}
{/notempty}
</div>
<div class="newest">
{notempty name="article"}
{foreach name="article" item="article"}
<a href="/article/show?article_id={$article.article_id}" class="link">
<div class="img"><img src="{$article.article_pic}" alt="{$article.article_title}"></div>
<div class="text">
<h6><em>news</em> {$article.article_title}</h6>
<p>{$article.article_desc}</p>
<div class="field">
<span>{:date('m/d/Y H:i',$article.article_time)}</span>
<!-- <span><svg class="icon" aria-hidden="true">
<use xlink:href="#icon-pinglun"></use>
</svg>231</span>-->
<span><svg class="iconf" aria-hidden="true">
<use xlink:href="#icon-iconfontfenxiang"></use>
</svg>{$article.article_show}</span>
</div>
</div>
</a>
{/foreach}
{/notempty}
</div>
</div>
<!-- <div class="sec-right">
<section class="main-1">
<div class="sec-container main-center">
<div class="sec-left">
<!-- <div class="newest-nav">
{notempty name="class_list"}
{foreach name="class_list" item="val"}
<a href="/Article?ac_id={$val.ac_id}" {if condition="$val.ac_id eq $ac_id" }class="active" {/if}>
{$val.ac_name}</a>
{/foreach}
{/notempty}
</div> -->
<div class="newest">
{notempty name="article"}
{foreach name="article" item="article"}
<a href="/article/show?article_id={$article.article_id}" class="link">
<div class="img"><img src="{$article.article_pic}" alt="{$article.article_title}"></div>
<div class="text">
<div>
<span>
<h6><!-- <em>news</em> -->{$article.article_title}</h6>
<p>{$article.article_desc}</p>
<em>》</em>
</span>
</div>
<!-- <div class="field">
<span>{:date('m/d/Y H:i',$article.article_time)}</span>
<span><svg class="icon" aria-hidden="true">
<use xlink:href="#icon-pinglun"></use>
</svg>231</span>
<span>
<svg class="iconf" aria-hidden="true">
<use xlink:href="#icon-iconfontfenxiang"></use>
</svg>
{$article.article_show}
</span>
</div> -->
</div>
</a>
{/foreach}
{/notempty}
</div>
</div>
<!-- <div class="sec-right">
<aside class="side-search">
<form action="javascript:;" class="form">
<i class="iconfont"></i>
@ -125,10 +114,9 @@
</div>
</aside>
</div>-->
</div>
</section>
</div>
</section>
</main>
{/block}

782
app/home/view/default/mall/brand/index.html
View File

@ -168,404 +168,426 @@
{/foreach}
</div>-->
</div>
{else /}
<div class="course-banner list-banner">
<div class="main-center main-center-course container">
<div class="positionwow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Position：Home >
{$header_title_eng} </div>
<div class="content con1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div class="left">
<h2>{$header_title_eng}</h2>
<!-- <h3>所有课程</h3> -->
<div class="des">
{$pro_desc}
</div>
<div class="tags">
<h6>Related topics:</h6>
<div class="list">
{notempty name="recommend"}
{foreach name="recommend" key="goods_key" item="goods"}
<a href="/brand?c_id={$goods.gc_id}" style="color:lightblue;">{$goods.gc_name}</a>
<span style="margin-right:10px;">|</span>
{/foreach}
{/notempty}
</div>
</div>
</div>
<div class="img"><img src="{$header_image}" alt=""></div>
{else /}
<div class="course-banner list-banner">
<div class="main-center main-center-course container">
<div class="positionwow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Position：Home >
{$header_title_eng} </div>
<div class="content con1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div class="left">
<h2>{$header_title_eng}</h2>
<!-- <h3>所有课程</h3> -->
<div class="des">
{$pro_desc}
</div>
<div class="search-con wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<h5>Please enter keywords</h5>
<div class="inp">
<input type="text" placeholder="Course name or ID (e.g. END/100)">
<i class="iconfont icon-search"></i>
<span class="form-clk" style="cursor: pointer;">Find an equivalent course</span>
</div>
<!-- <div class="hot-s">
<span>Popular Search：</span>
{foreach name="hot_search" item="val" key="key" }
<a href="">{$val}</a>
{/foreach}
</div>-->
</div>
{/if}
<div class="content con2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="filter-container ui form" id="filter">
{notempty name="attr_array"}
{php}$j = 0;{/php}
{foreach name="attr_array" item="val" key="key" }
{php}$j++;{/php}
<div class="field">
<label>{$val.name}</label>
<div class="ui selection dropdown">
<input type="hidden" name="gender">
<i class="dropdown icon"></i>
<div class="default text">{$val.name}</div>
<div class="menu">
{php}$i = 0;{/php}
{foreach name="$val.value" item="v" key="k" }
{php}$i++;{/php}
<div value="{$v.attrvalue_id}" class="item" data-value="1">
{$v.attrvalue_name}
</div>
{/foreach}
</div>
</div>
</div>
<div class="tags">
<h6>Related topics:</h6>
<div class="list">
{notempty name="recommend"}
{foreach name="recommend" key="goods_key" item="goods"}
<a href="/brand?c_id={$goods.gc_id}" style="color:lightblue;">{$goods.gc_name}</a>
<span style="margin-right:10px;">|</span>
{/foreach}
{/notempty}
</div>
<div class="select-wrap wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
{if (isset($checked_brand) && is_array($checked_brand)) || (isset($checked_attr) &&
is_array($checked_attr))}
<div id="selected">
<p>You have selected:</p>
<div>
{notempty name="checked_brand"}
</div>
</div>
<div class="img"><img src="{$header_image}" alt=""></div>
</div>
<div class="search-con wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<h5>Please enter keywords</h5>
<div class="inp">
<input type="text" placeholder="Course name or ID (e.g. END/100)">
<i class="iconfont icon-search"></i>
<span class="form-clk" style="cursor: pointer;">Find an equivalent course</span>
</div>
<!-- <div class="hot-s">
<span>Popular Search：</span>
{foreach name="hot_search" item="val" key="key" }
<a href="">{$val}</a>
{/foreach}
</div>-->
</div>
{/if}
<div class="content con2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="filter-container ui form" id="filter">
{notempty name="attr_array"}
{php}$j = 0;{/php}
{foreach name="attr_array" item="val" key="key" }
{php}$j++;{/php}
{foreach name="checked_brand" item="val" key="key" }
<a href="{:removeParam(array('b_id' => $key))}"><span>{$Think.lang.ds_brand}:</span>{$val.brand_name}<i
data-uri="{:removeParam(array('b_id' => $key))}">X</i></a>
{/foreach}
{/notempty}
{notempty name="checked_attr"}
{foreach name="checked_attr" item="val"}
<a href="{:removeParam(array('a_id' => $val['attrvalue_id']))}"><span>{$val.attr_name}:
&nbsp;</span>{$val.attrvalue_name}<i
data-uri="{:removeParam(array('b_id' => $key))}">X</i></a>
{/foreach}
{/notempty}
<div class="field">
<label>{$val.name}</label>
<div class="ui selection dropdown">
<input type="hidden" name="gender">
<i class="dropdown icon"></i>
<div class="default text">{$val.name}</div>
<div class="menu">
{php}$i = 0;{/php}
{foreach name="$val.value" item="v" key="k" }
{php}$i++;{/php}
<div value="{$v.attrvalue_id}" class="item" data-value="1">
{$v.attrvalue_name}
</div>
{/foreach}
</div>
{/if}
<!-- <div class="submit-btn">
<a href="javascript:;">Click on the query</a>
</div> -->
</div>
<div class="show-num ui form wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"
style="display: flex;justify-content: flex-end;margin-top: 1rem;">
<div class="field inline">
<label>Show</label>
<div class="ui selection dropdown">
<input type="hidden" name="gender">
<i class="dropdown icon"></i>
<div class="default text">{$page_size} Results</div>
<div class="menu">
<div value="5" class="item" data-value="5">5 Results</div>
<div value="15" class="item" data-value="10">10 Results</div>
<div value="25" class="item" data-value="15">15 Results</div>
<div value="20" class="item" data-value="20">20 Results</div>
</div>
</div>
</div>
{/foreach}
{/notempty}
</div>
<div class="select-wrap wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
{if (isset($checked_brand) && is_array($checked_brand)) || (isset($checked_attr) &&
is_array($checked_attr))}
<div id="selected">
<p>You have selected:</p>
<div>
{notempty name="checked_brand"}
{foreach name="checked_brand" item="val" key="key" }
<a href="{:removeParam(array('b_id' => $key))}"><span>{$Think.lang.ds_brand}:</span>{$val.brand_name}<i
data-uri="{:removeParam(array('b_id' => $key))}">X</i></a>
{/foreach}
{/notempty}
{notempty name="checked_attr"}
{foreach name="checked_attr" item="val"}
<a href="{:removeParam(array('a_id' => $val['attrvalue_id']))}"><span>{$val.attr_name}:
&nbsp;</span>{$val.attrvalue_name}<i
data-uri="{:removeParam(array('b_id' => $key))}">X</i></a>
{/foreach}
{/notempty}
</div>
</div>
{/if}
<!-- <div class="submit-btn">
<a href="javascript:;">Click on the query</a>
</div> -->
</div>
<div class="show-num ui form wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"
style="display: flex;justify-content: flex-end;margin-top: 1rem;">
<div class="field inline">
<label>Show</label>
<div class="ui selection dropdown">
<input type="hidden" name="gender">
<i class="dropdown icon"></i>
<div class="default text">{$page_size} Results</div>
<div class="menu">
<div value="5" class="item" data-value="5">5 Results</div>
<div value="15" class="item" data-value="10">10 Results</div>
<div value="25" class="item" data-value="15">15 Results</div>
<div value="20" class="item" data-value="20">20 Results</div>
</div>
</div>
</div>
</div>
</div>
</div>
<main class="course wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<section class="main-1">
<div class="main-center main-center-course container wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div class="link linknone">
<div class="label">
<span>Course Title/Institution</span>
<span class="">Mode of Instruction</span>
<span>Course Code</span>
<span>Credits</span>
<span>Start Date</span>
<span>Duration</span>
<span>More</span>
</div>
</div>
<main class="course wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0" style="position: relative; z-index: -1;">
<section class="main-1">
<div class="main-center main-center-course container wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div class="link linknone">
<div class="label">
<span>Course Title/Institution</span>
<span class="">Mode of Instruction</span>
<span>Course Code</span>
<span>Credits</span>
<span>Start Date</span>
<span>Duration</span>
<span>More</span>
</div>
</div>
<div class="main-center main-center-course container">
{foreach name="goods_list" item="value"}
<a href="/Goods?goods_id={$value.goods_id}" class="link wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.6s">
<h6>{$value.goods_name}&nbsp;</h6>
<!--<p>{$value.ke_eng}</p>-->
<div class="label">
<span>{$value.ke_college}</span>
<span class="b bba">{$value.ke_online}</span>
<span>{$value.goods_serial}</span>
<span>{$value.ke_credit}</span>
<span>{$value.ke_start_time}</span>
{if $value.ke_period == 'Self-paced'}
<span>{$value.ke_period}</span>
{else}
<span>{$value.ke_period} weeks</span>
{/if}
</div>
<div class="main-center main-center-course container">
{foreach name="goods_list" item="value"}
<a href="/Goods?goods_id={$value.goods_id}" class="link wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<h6>{$value.goods_name}&nbsp;</h6>
<!--<p>{$value.ke_eng}</p>-->
<div class="label">
<span>{$value.ke_college}</span>
<span class="b bba">{$value.ke_online}</span>
<span>{$value.goods_serial}</span>
<span>{$value.ke_credit}</span>
<span>{$value.ke_start_time}</span>
{if $value.ke_period == 'Self-paced'}
<span>{$value.ke_period}</span>
{else}
<span>{$value.ke_period} weeks</span>
{/if}
<span class="b c">Course details</span>
</div>
</a>
{/foreach}
</div>
<div class="pagination">{$show_page|raw}</div>
</section>
<section class="main-QA wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="main-center container">
<div class="t wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<h2>FAQ</h2>
<div class="more-btn">
<a href="/qa">Learn more <em>></em></a>
</div>
<span class="b c">Course details</span>
</div>
<div class="content wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<ul id="accordion1" class="accordion">
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<div class="link">
<h5><span>01. Registration Procedure </span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Online Registration Procedure </h6>
<p>Pay tuition - Select course - Course approval - Course registration - Sign the
agreement - Receive
student manual- Begin classes - Get grades - Send transcripts - Transfer credits</p>
</div>
</li>
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<div class="link">
<h5><span>02. Tuition/Fees</span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Pricing</h6>
<p>All courses offered on LightCourse are priced individually based on the institution
offering the course. Please check the top right of the course page for specific
prices or contact your advisor for a one-on-one consultation.</p>
<h6>2. Payment</h6>
<p>LightCourse offers a variety of payment methods. Tuition can be paid in USD or RMB,
WeChat, Alipay, bank transfer, and PayPal transfer are all accepted.</p>
<h6>3. Fees</h6>
<p>The course price, application fee, and file management charge are included in the
pricing. However, other fees—such as those covering course materials, third-party
platforms such as Cengage, Labster, and other course-related costs such as VPN,
accommodation, etc.—may apply. Contact your advisor for a one-on-one consultation.
</p>
</div>
</li>
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<div class="link">
<h5><span>03. Select the Right Course(s) for You</span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Choosing the best program/course for your needs</h6>
<p>Throughout the year, LightCourse offers programs and courses from institutions around
the world in a variety of disciplines, including engineering, business, natural
sciences, social sciences, humanities, and arts. These courses are intended to meet
the needs of a wide range of students seeking major, elective, and general education
courses. There are a variety of study alternatives available, including online
for-credit courses (live/recorded/self-paced) and in-person courses, as well as
study abroad programs.
</p>
<p>LightCourse will provide you with an advisor who will work directly with you to help
determine the best options for your needs.</p>
<p>(Note: Since all courses have limited capacity, we recommend registering as soon as
possible to ensure a spot.)</p>
</div>
</li>
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<div class="link">
<h5><span>04. Complete Course Approval</span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Does my home school approve these courses?</h6>
<p>LightCourse will provide you with an advisor who will provide you with one-on-one
support throughout the transfer process according to your university's transfer
credit policy to ensure that you can complete the credit transfer successfully.</p>
</div>
</li>
</ul>
</a>
{/foreach}
</div>
<div class="pagination">{$show_page|raw}</div>
</section>
<section class="main-QA wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="main-center container">
<div class="t wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<h2>FAQ</h2>
<div class="more-btn">
<a href="/qa">Learn more <em>></em></a>
</div>
</div>
</section>
<section class="container-mask form-wrap2">
<div class="container form-mask" style="max-width:45rem">
<div class="iconf close-iconf"></div>
<div action="" onsubmit="return false" class="form-container form ui ">
<h2 class="c1" style="text-align: center">Find an equivalent course</h2>
<div class="m-box" style="display: flex">
<div class="m-item">
<h5>Option 1</h5>
<p>Please scan the WeChat QR Code to add our academic advisor and receive additional
details.</p>
<img style="width:100px; display:block; margin: 0 auto"
src="{$Think.HOME_SITE_ROOT}/new/images/wwww.jpg">
<div class="content wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<ul id="accordion1" class="accordion">
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<div class="link">
<h5><span>01. Registration Procedure </span> <i></i></h5>
</div>
<div class="line"></div>
<div class="m-item">
<h5>Option 2</h5>
<p>Do you have the course information at your home institution? Your LightCourse advisor
will find the equivalent course on LightCourse and send it to you via email within 24
hours. </p>
<p>To target the course you are looking for, please enter:</p>
<form action="">
<div class="submenu">
<h6>1. Online Registration Procedure </h6>
<p>Pay tuition - Select course - Course approval - Course registration - Sign the
agreement - Receive
student manual- Begin classes - Get grades - Send transcripts - Transfer credits</p>
</div>
</li>
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<div class="link">
<h5><span>02. Tuition/Fees</span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Pricing</h6>
<p>All courses offered on LightCourse are priced individually based on the institution
offering the course. Please check the top right of the course page for specific
prices or contact your advisor for a one-on-one consultation.</p>
<h6>2. Payment</h6>
<p>LightCourse offers a variety of payment methods. Tuition can be paid in USD or RMB,
WeChat, Alipay, bank transfer, and PayPal transfer are all accepted.</p>
<h6>3. Fees</h6>
<p>The course price, application fee, and file management charge are included in the
pricing. However, other fees—such as those covering course materials, third-party
platforms such as Cengage, Labster, and other course-related costs such as VPN,
accommodation, etc.—may apply. Contact your advisor for a one-on-one consultation.
</p>
</div>
</li>
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<div class="link">
<h5><span>03. Select the Right Course(s) for You</span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Choosing the best program/course for your needs</h6>
<p>Throughout the year, LightCourse offers programs and courses from institutions around
the world in a variety of disciplines, including engineering, business, natural
sciences, social sciences, humanities, and arts. These courses are intended to meet
the needs of a wide range of students seeking major, elective, and general education
courses. There are a variety of study alternatives available, including online
for-credit courses (live/recorded/self-paced) and in-person courses, as well as
study abroad programs.
</p>
<p>LightCourse will provide you with an advisor who will work directly with you to help
determine the best options for your needs.</p>
<p>(Note: Since all courses have limited capacity, we recommend registering as soon as
possible to ensure a spot.)</p>
</div>
</li>
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<div class="link">
<h5><span>04. Complete Course Approval</span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Does my home school approve these courses?</h6>
<p>LightCourse will provide you with an advisor who will provide you with one-on-one
support throughout the transfer process according to your university's transfer
credit policy to ensure that you can complete the credit transfer successfully.</p>
</div>
</li>
</ul>
</div>
</div>
</section>
<section class="container-mask form-wrap2">
<div class="container form-mask" style="max-width:45rem">
<div class="iconf close-iconf"></div>
<div action="" onsubmit="return false" class="form-container form ui ">
<h2 class="c1" style="text-align: center">Find an equivalent course</h2>
<div class="m-box" style="display: flex">
<div class="m-item">
<h5>Option 1</h5>
<p>Please scan the WeChat QR Code to add our academic advisor and receive additional
details.</p>
<img style="width:100px; display:block; margin: 0 auto"
src="{$Think.HOME_SITE_ROOT}/new/images/wwww.jpg">
</div>
<div class="line"></div>
<div class="m-item">
<h5>Option 2</h5>
<p>Do you have the course information at your home institution? Your LightCourse advisor
will find the equivalent course on LightCourse and send it to you via email within 24
hours. </p>
<p>To target the course you are looking for, please enter:</p>
<form action="">
<div class="field">
<input type="text" name="school" id="school"
placeholder="Please enter the name of your school*">
</div>
<input type="hidden" name="fb_code" id="fb_code" value="{$goodss.goods_serial}">
<input type="hidden" name="fb_course" id="fb_course" value="{$goodss.goods_name}">
<input type="hidden" name="fb_school" id="fb_school" value="{$goodss.ke_college}">
<p>Please tell us your name</p>
<div class="fields two">
<div class="field">
<input type="text" name="school" id="school"
placeholder="Please enter the name of your school*">
</div>
<input type="hidden" name="fb_code" id="fb_code" value="{$goodss.goods_serial}">
<input type="hidden" name="fb_course" id="fb_course" value="{$goodss.goods_name}">
<input type="hidden" name="fb_school" id="fb_school" value="{$goodss.ke_college}">
<p>Please tell us your name</p>
<div class="fields two">
<div class="field">
<input type="text" name="fname" id="fname" placeholder="First name*">
</div>
<div class="field">
<input type="text" name="lname" id="lname" placeholder="Last name*">
</div>
<input type="text" name="fname" id="fname" placeholder="First name*">
</div>
<div class="field">
<input type="text" name="fname" id="fname"
placeholder="What email address can we reach you at?">
<input type="text" name="lname" id="lname" placeholder="Last name*">
</div>
<div class="c">
<p>If you require immediate assistance, please contact us at <a
href="mailto:studentservice@lightglobal.org"><strong
class="c1">studentservice@lightglobal.org</strong></a></p>
</div>
<div class="sub">
<button type="submit" class="ui primary button">Submit</button>
</div>
</form>
</div>
</div>
<div class="field">
<input type="text" name="fname" id="fname"
placeholder="What email address can we reach you at?">
</div>
<div class="c">
<p>If you require immediate assistance, please contact us at <a
href="mailto:studentservice@lightglobal.org"><strong
class="c1">studentservice@lightglobal.org</strong></a></p>
</div>
<div class="sub">
<button type="submit" class="ui primary button">Submit</button>
</div>
</form>
</div>
</div>
</div>
</section>
</main>
<script>
$(".form-clk").click(function() {
$(".form-wrap").addClass("show")
})
//Talk to a LightCourse advisor
$('.onsubmitfromss').click(function() {
let data = {
email: $("#email").val(),
fname: $("#fname").val(),
lname: $("#lname").val(),
school: $("#school").val(),
</div>
</section>
</main>
<script>
$(".form-clk").click(function() {
$(".form-wrap").addClass("show")
})
//Talk to a LightCourse advisor
$('.onsubmitfromss').click(function() {
let data = {
email: $("#email").val(),
fname: $("#fname").val(),
lname: $("#lname").val(),
school: $("#school").val(),
fb_code: $("#fb_code").val(),
fb_course: $("#fb_course").val(),
fb_school: $("#fb_school").val(),
type: 2,
}
$.ajax({
url: "/Memberfeedback/add",
type: 'post',
data: data,
success: function(res) {
var res = JSON.parse(res);
if (res.code == 10001) {
layer.msg(res.message);
}
if (res.code == 10000) {
$(".form-wrap").removeClass("show")
}
},
});
});
if (sessionStorage.getItem("flag")) {
$(window).scrollTop($("#filter").offset().top)
fb_code: $("#fb_code").val(),
fb_course: $("#fb_course").val(),
fb_school: $("#fb_school").val(),
type: 2,
}
$(".form-clk").click(function() {
$(".form-wrap2").addClass("show")
})
</script>
<script>
$("body").on("click", ".homesearchs", function() {
var name = $('.homeinputvals').val();
window.location.href = "/brand?keyword=" + name
})
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
var secret = GetQueryString("keyword");
$(".homeinputvals").val(secret);
// 获取参数
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
};
return null;
}
// 参数修改 目标url,替换参数名,替换参数值
function changeURLArg(url, arg, arg_val) {
var pattern = arg + '=([^&]*)';
var replaceText = arg + '=' + arg_val;
if (url.match(pattern)) {
var tmp = '/(' + arg + '=)([^&]*)/gi';
tmp = url.replace(eval(tmp), replaceText);
return tmp;
} else {
if (url.match('[\?]')) {
return url + '&' + replaceText;
} else {
return url + '?' + replaceText;
$.ajax({
url: "/Memberfeedback/add",
type: 'post',
data: data,
success: function(res) {
var res = JSON.parse(res);
if (res.code == 10001) {
layer.msg(res.message);
}
if (res.code == 10000) {
$(".form-wrap").removeClass("show")
}
},
});
});
if (sessionStorage.getItem("flag")) {
$(window).scrollTop($("#filter").offset().top)
}
$(".form-clk").click(function() {
$(".form-wrap2").addClass("show")
})
</script>
<script>
$("body").on("click", ".homesearchs", function() {
var name = $('.homeinputvals').val();
window.location.href = "/brand?keyword=" + name
})
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
var secret = GetQueryString("keyword");
$(".homeinputvals").val(secret);
// 获取参数
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
};
return null;
}
// 参数修改 目标url,替换参数名,替换参数值
function changeURLArg(url, arg, arg_val) {
var pattern = arg + '=([^&]*)';
var replaceText = arg + '=' + arg_val;
if (url.match(pattern)) {
var tmp = '/(' + arg + '=)([^&]*)/gi';
tmp = url.replace(eval(tmp), replaceText);
return tmp;
} else {
if (url.match('[\?]')) {
return url + '&' + replaceText;
} else {
return url + '?' + replaceText;
}
}
var arr = []
$(".filter-container .menu > .item").on("click", function() {
sessionStorage.setItem("flag", 1)
if ($(this).attr("value") != undefined) {
arr.push($(this).attr("value"))
}
$.each($(".filter-container .field"), function() {
//$(".filter-container .field").find(".active").length == $(".filter-container .field").length
//if ($(".filter-container .field").find(".active").length == $(".filter-container .field").length) {
var str;
if (getQueryString("a_id") == '0') {
}
var arr = []
$(".filter-container .menu > .item").on("click", function() {
sessionStorage.setItem("flag", 1)
if ($(this).attr("value") != undefined) {
arr.push($(this).attr("value"))
}
$.each($(".filter-container .field"), function() {
//$(".filter-container .field").find(".active").length == $(".filter-container .field").length
//if ($(".filter-container .field").find(".active").length == $(".filter-container .field").length) {
var str;
if (getQueryString("a_id") == '0') {
var url = window.location.href
var str = ""
arr.forEach((item, index) => {
if (index === 0) {
str += item
} else {
str += "_"
str += item
}
});
window.location.href = changeURLArg(url, "a_id", str)
} else {
if (window.location.search.indexOf("a_id") !== -1) {
var url = window.location.href
var str = ""
var str = getQueryString("a_id")
arr.forEach((item, index) => {
str += "_"
str += item
});
window.location.href = changeURLArg(url, "a_id", str)
} else {
if (window.location.search == "") {
str = "/brand?a_id="
} else {
str = window.location.search + "&a_id="
}
arr.forEach((item, index) => {
if (index === 0) {
str += item
@ -574,36 +596,12 @@
str += item
}
});
window.location.href = changeURLArg(url, "a_id", str)
} else {
if (window.location.search.indexOf("a_id") !== -1) {
var url = window.location.href
var str = getQueryString("a_id")
arr.forEach((item, index) => {
str += "_"
str += item
});
window.location.href = changeURLArg(url, "a_id", str)
} else {
if (window.location.search == "") {
str = "/brand?a_id="
} else {
str = window.location.search + "&a_id="
}
arr.forEach((item, index) => {
if (index === 0) {
str += item
} else {
str += "_"
str += item
}
});
window.location.href = str
}
window.location.href = str
}
//}
})
}
//}
})
</script>
})
</script>
{/block}
{/block}

1429
app/home/view/default/mall/goods/goods_program.html
View File

File diff suppressed because it is too large Load Diff

672
app/home/view/default/mall/promotion/index.html
View File

@ -1,310 +1,362 @@
{include file='default/base/mall_top'/}
{block name="mall_main"}
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/about.css">
<style>
.about h2 {
margin-bottom: 1rem;
}
.list-banner .container {
height: 25rem;
display: flex;
align-items: center;
justify-content: center;
}
.list-banner .container .left {
width: 100%;
}
.list-banner .container .left * {
color: #fff !important;
text-align: center;
}
.list-banner .container .left h3 {
font-size: 2.4rem;
line-height: 1.4;
text-shadow: 0 0 .5rem #000;
}
.list-banner .container .left h4 {
font-size: 1.3rem;
line-height: 1.4;
text-shadow: 0 0 .5rem #000;
margin-top: 1rem;
}
@media screen and (max-width:768px){
.list-banner .container .left h3{
font-size: 2rem;
}
.list-banner .container .left h4{
font-size: 1.3rem;
}
}
</style>
<div class="list-banner" style="background-image: url({$Think.HOME_SITE_ROOT}/new/images/about.png);">
<div class="main-center container">
<!-- <div class="position">当前位置：首页 > 所有课程 </div> -->
<div class="content con1">
<div class="left">
<!-- <h2>ABOUT US</h2>
<h3>关于我们</h3> -->
<h3>Earn college credits anytime, <br>
from anywhere</h3>
<h4>7000+ universitiy courses, <br>
with full credit transfer service</h4>
</div>
</div>
</div>
<div class="img"><img src="{$Think.HOME_SITE_ROOT}/new/images/logo.png" alt=""></div>
</div>
<main class="about">
<section class="main-1">
<div class="main-center container">
<div class="text">
<h6>Who Are We ? </h6>
<h2>7000+ College Courses - <br>
Earn Credits More Flexibly While Even Saving Money !</h2>
<p>LightCourse is a global higher education opportunity provider that aims to meet the diverse educational needs
of students
as well as to help universities and colleges develop and promote courses and programs that can reach potential
students worldwide. <br>
We offer a platform that facilitates student access to various study options, including <a
href="/brand">online</a> as well as <a href="/brand">face-to-face credit-bearing courses</a> and <a href="/program">study abroad</a>
opportunities.
</p>
</div>
</div>
</section>
<section class="main-2">
<div class="main-center main-title">
<h2>WHY CHOOSE US?</h2>
</div>
<div class="main-center container">
<div class="item">
<div class="i">
<img src="{$Think.HOME_SITE_ROOT}/new/images/ico1.png" alt="">
</div>
<div class="text">
<h6>Professional 1-on-1 Transfer Credit Guidance</h6>
<p>Our expert academic advisors provide 1-on-1 guidance to students to assure final credit transfer by working with students to complete course pre-approval according to the credit transfer policy of a student’s home institution.</p>
</div>
</div>
<div class="item">
<div class="i">
<img src="{$Think.HOME_SITE_ROOT}/new/images/ico2.png" alt="">
</div>
<div class="text">
<h6>Unlimited Follow-up Support</h6>
<p>We provide ongoing support as students move forward with their studies and careers. We're here to help
ensure your credits and successes follow you as you transfer between universities, apply for graduate
school, and pursue job applications.</p>
</div>
</div>
<div class="item">
<div class="i">
<img src="{$Think.HOME_SITE_ROOT}/new/images/ico3.png" alt="">
</div>
<div class="text">
<h6>Proven Experience in Program Operations</h6>
<p>Founded in 2012, LightCourse has been helping students find and pursue unique educational opportunities for more than a decade. Over the years, LightCourse has assisted 10,000+ students from 200+ colleges and institutions in transferring a total of 80,000+ academic credits. We always aim to ensure academic success for every student.</p>
</div>
</div>
<div class="item">
<div class="i">
<img src="{$Think.HOME_SITE_ROOT}/new/images/ico4.png" alt="">
</div>
<div class="text">
<h6>Extensive Curriculum for Any Credit Requirement</h6>
<p>LightCourse offers 7000+ accredited college courses covering 300+ majors and disciplines. Available courses include undergraduate- and graduate-level required courses for many majors, general education requirements, and electives.</p>
</div>
</div>
<div class="item">
<div class="i">
<img src="{$Think.HOME_SITE_ROOT}/new/images/ico5.png" alt="">
</div>
<div class="text">
<h6>Popular Study Destinations</h6>
<p>We provide a selection of over 10 exciting destinations worldwide so you can add a different cultural experience to your studies. </p>
</div>
</div>
<div class="item">
<div class="i">
<img src="{$Think.HOME_SITE_ROOT}/new/images/ico6.png" alt="">
</div>
<div class="text">
<h6>Courses to Meet Any Schedule</h6>
<p>Along with the usual spring, summer, fall, and winter terms, there are also self-paced courses available.
Students can choose their preferred classes based on their own schedules.</p>
</div>
</div>
<div class="item">
<div class="i">
<img src="{$Think.HOME_SITE_ROOT}/new/images/ico7.png" alt="">
</div>
<div class="text">
<h6>Academic Credit System Compliance</h6>
<p>All courses on LightCourse are provided by accredited partner institutions with world class teaching and a dedication to high quality education. Course syllabi, academic credits, and credit hours are set in strict accordance with the requirements of North American academics.
</p>
</div>
</div>
</div>
</section>
<section class="main-3">
<div class="main-center container">
<div class="main-center main-title">
<h2>Our Goal</h2>
</div>
<div class="text">
<p><strong>LightCourse's goal is to provide diversified, flexible, and convenient learning options to students
globally in collaboration with institutions of higher education as technology advances and makes
education more accessible to all. </strong></p>
<p>We are confident that by collaborating with our partner institutions, we will bring more educational
possibilities and knowledge to students and help broaden their perspectives and gain new skills that
will enable them to succeed in a global economy.</p>
</div>
</div>
</section>
<section class="main-4">
<div class="main-center container">
<div class="main-title">
<h2>What We Do?</h2>
<p><strong>-LightCourse provides worldwide access to credit-bearing courses, both online and on-campus.</strong></p>
</div>
<div class="text">
<p>We feature <span class="c1">7000+ online university courses</span> covering more than <span class="c1">300 different majors and disciplines</span>,<br>
allowing students to undertake high-quality international university courses at any time and from anywhere.
</p>
<div class="img-wrap">
<div class="img">
<h4>Study aboard <br>
programs</h4>
<img src="{$Think.HOME_SITE_ROOT}/new/images/Earth.png" alt="Earth">
</div>
<div class="txt">
<p>LightCourse also works with our partner institutions to provide study abroad opportunities.
We have partnered with top-notch institutions in several global cities like <br>
<strong>San Francisco, London, Florence, Toronto, Seoul, Tokyo, Shanghai, Chengdu, and Beijing</strong>
to offer students face-to-face credit-bearing courses--adding unique cultural dimensions
to students' educations while expanding our partners' global market coverage.</p>
</div>
</div>
</div>
</div>
</section>
<section class="main-6">
<div class="main-center main-title container">
<h2>Our Services</h2>
<p><strong>-LightCourse has rich experience in providing excellent student services. </strong></p>
</div>
<div class="main-center container">
<div class="item">
<p><span class="c1">We provide students seeking credit-bearing study possibilities with high-quality and convenient "one-stop" services,</span><br>
thanks to our dedicated team with more than a decade of experience and expertise. LightCourse provides full credit transfer
service to assist students with the entire process of registering for off-campus courses and transferring
credits.</p>
</div>
</div>
</section>
<section class="main-7">
<div class="main-center main-title">
<h2>Partner Universities</h2>
</div>
<div class="main-center container">
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/01-RIT.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/02-NAU.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/03-ASU.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/04-UCB.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/05-SFSU.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/06-Manitoba.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/07-UWGB.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/08-WSU.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/09-FMCC.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/10-UNB.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/11-Trine.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/12-Olympic.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/13-Central SU.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/14-SDSU.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/15-Ryerson.png" alt=""></div>
</div>
</section>
<section class="main-QA">
<div class="main-center container">
<div class="t">
<h2>FAQ</h2>
<div class="more-btn">
<a href="/qa">Learn more</a>
</div>
</div>
<div class="content">
<ul id="accordion1" class="accordion">
<li class="open">
<div class="link">
<h5><span>01. Registration Procedure </span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Online Registration Procedure </h6>
<p>Pay tuition - Select course - Course approval - Course registration - Sign the agreement - Receive
student manual- Begin classes - Get grades - Send transcripts - Transfer credits</p>
</div>
</li>
<li>
<div class="link">
<h5><span>02. Tuition/Fees</span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Pricing</h6>
<p>All courses offered on LightCourse are priced individually based on the institution offering the course. Please check the top right of the course page for specific prices or contact your advisor for a one-on-one consultation.</p>
<h6>2. Payment</h6>
<p>LightCourse offers a variety of payment methods. Tuition can be paid in USD or RMB, WeChat, Alipay, bank transfer, and PayPal transfer are all accepted.</p>
<h6>3. Fees</h6>
<p>The course price, application fee, and file management charge are included in the pricing. However, other fees—such as those covering course materials, third-party platforms such as Cengage, Labster, and other course-related costs such as VPN, accommodation, etc.—may apply. Contact your advisor for a one-on-one consultation.</p>
</div>
</li>
<li>
<div class="link">
<h5><span>03. Select the Right Course(s) for You</span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Choosing the best program/course for your needs</h6>
<p>Throughout the year, LightCourse offers programs and courses from institutions around the world in a variety of disciplines, including engineering, business, natural sciences, social sciences, humanities, and arts. These courses are intended to meet the needs of a wide range of students seeking major, elective, and general education courses. There are a variety of study alternatives available, including online for-credit courses (live/recorded/self-paced) and in-person courses, as well as study abroad programs.
</p>
<p>LightCourse will provide you with an advisor who will work directly with you to help determine the best options for your needs.</p>
<p>(Note: Since all courses have limited capacity, we recommend registering as soon as possible to ensure a spot.)</p>
</div>
</li>
<li>
<div class="link">
<h5><span>04. Complete Course Approval</span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Does my home school approve these courses?</h6>
<p>LightCourse will provide you with an advisor who will provide you with one-on-one support throughout the transfer process according to your university's transfer credit policy to ensure that you can complete the credit transfer successfully.</p>
</div>
</li>
</ul>
</div>
</div>
</section>
</main>
{/block}
{include file='default/base/mall_footer'/}
{include file='default/base/mall_top'/}
{block name="mall_main"}
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/about.css">
<style>
.about h2 {
margin-bottom: 1rem;
}
.list-banner .container {
height: 25rem;
display: flex;
align-items: center;
justify-content: center;
}
.list-banner .container .left {
width: 100%;
}
.list-banner .container .left * {
color: #fff !important;
text-align: center;
}
.list-banner .container .left h3 {
font-size: 2.4rem;
line-height: 1.4;
text-shadow: 0 0 .5rem #000;
}
.list-banner .container .left h4 {
font-size: 1.3rem;
line-height: 1.4;
text-shadow: 0 0 .5rem #000;
margin-top: 1rem;
}
@media screen and (max-width:768px) {
.list-banner .container .left h3 {
font-size: 2rem;
}
.list-banner .container .left h4 {
font-size: 1.3rem;
}
}
</style>
<!-- <div class="list-banner" style="background-image: url({$Think.HOME_SITE_ROOT}/new/images/about.png);">
<div class="main-center container">
<div class="content con1">
<div class="left">
<h3>Earn college credits anytime, <br>
from anywhere</h3>
<h4>7000+ universitiy courses, <br>
with full credit transfer service</h4>
</div>
</div>
</div>
<div class="img"><img src="{$Think.HOME_SITE_ROOT}/new/images/logo.png" alt=""></div>
</div> -->
<div class="list-banner about-banner wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="main-center container">
<div class="about-banner-txt">
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Who Are We ?</h2>
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Earn college credits anytime, from anywhere</span>
</div>
</div>
<img class="wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.3s" src="{$Think.HOME_SITE_ROOT}/new/images/about-banner-bg.png" alt="about">
</div>
<main class="about">
<section class="main-1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="main-center container">
<div class="text">
<h6 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Who Are We ? </h6>
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">7000+ College Courses - <br>
Earn Credits More Flexibly While Even Saving Money !</h2>
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">LightCourse is a global higher education opportunity provider that aims to meet the diverse educational needs of students as well<br />
as to help universities and colleges develop and promote courses and programs that can reach potential students worldwide. <br />
We offer a platform that facilitates student access to various study options, including <a href="/brand">online</a> as well as <a href="/brand">face-to-face credit-bearing<br />
courses</a> and <a href="/program">study abroad</a> opportunities.
</p>
</div>
<div class="our-goal wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="main-center main-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<h2 class="c1">Our Goal</h2>
</div>
<div class="text wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<p>LightCourse's goal is to provide diversified, flexible, and convenient learning options to students globally in collaboration with in-<br />stitutions of higher education as technology advances and makes education more accessible to all.</p> <p>We are confident that by collaborating with our partner institutions, we will bring more educational possibilities and knowledge to stu-<br />dents and help broaden their perspectives and gain new skills that will enable them to succeed in a global economy.</p>
</div>
</div>
</div>
</section>
<section class="main-4 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="main-center container">
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">What We Do?</h3>
<div class="txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<h4>LightCourse provides worldwide access to credit-bearing courses, both online and on-campus.</h4>
<p>
<span>Featured For-Credit Courses</span> We feature 7000+ online university courses covering more than 300 different majors and disciplines, allowing students to undertake high-quality international university courses at any time and from anywhere.
</p>
<p>
<span>Study aboard programs</span> LightCourse also works with our partner institutions to provide study abroad opportunities. We have partnered with top-notch institutions in several global cities like San Francisco, London, Florence, Toronto, Seoul, Tokyo, Shanghai, Chengdu, and Beijing to offer students face-to-face credit-bearing courses--adding unique cultural dimensions to students' educations while expanding our partners' global market coverage.
</p>
</div>
<em></em>
</div>
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Our Services</h3>
<div class="txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<h4>LightCourse has rich experience in providing excellent student services.</h4>
<p>
We provide students seeking credit-bearing study possibilities with high-quality and convenient "one-stop" services, thanks to our dedicated team with more than a decade of experience and expertise. LightCourse provides full credit transfer service to assist students with the entire process of registering for off-campus courses and transferring credits.
</p>
</div>
<em></em>
</div>
</div>
</section>
<section class="main-2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="main-center main-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<h2>WHY CHOOSE US?</h2>
<p>
LightCourse is a global higher education opportunity provider that aims to meet the diverse educational needs of students as well<br/>
as to help universities and colleges develop and promote courses and programs that can reach potential students worldwide.<br/> We offer a platform that facilitates student access to various study options, including online as well as face-to-face credit-bearing<br/>
courses and study abroad opportunities.
</p>
</div>
<div class="main-center container main-list">
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<!-- <div class="i">
<img src="{$Think.HOME_SITE_ROOT}/new/images/ico1.png" alt="">
</div> -->
<div class="text">
<h6>Professional 1-on-1 Transfer Credit Guidance</h6>
<p>Our expert academic advisors provide 1-on-1 guidance to students to assure final credit transfer
by working with students to complete course pre-approval according to the credit transfer policy
of a student’s home institution.</p>
</div>
</div>
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<!-- <div class="i">
<img src="{$Think.HOME_SITE_ROOT}/new/images/ico2.png" alt="">
</div> -->
<div class="text">
<h6>Unlimited Follow-up Support</h6>
<p>We provide ongoing support as students move forward with their studies and careers. We're here to
help
ensure your credits and successes follow you as you transfer between universities, apply for
graduate
school, and pursue job applications.</p>
</div>
</div>
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<!-- <div class="i">
<img src="{$Think.HOME_SITE_ROOT}/new/images/ico3.png" alt="">
</div> -->
<div class="text">
<h6>Proven Experience in Program Operations</h6>
<p>Founded in 2012, LightCourse has been helping students find and pursue unique educational
opportunities for more than a decade. Over the years, LightCourse has assisted 10,000+ students
from 200+ colleges and institutions in transferring a total of 80,000+ academic credits. We
always aim to ensure academic success for every student.</p>
</div>
</div>
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<!-- <div class="i">
<img src="{$Think.HOME_SITE_ROOT}/new/images/ico4.png" alt="">
</div> -->
<div class="text">
<h6>Extensive Curriculum for Any Credit Requirement</h6>
<p>LightCourse offers 7000+ accredited college courses covering 300+ majors and disciplines.
Available courses include undergraduate- and graduate-level required courses for many majors,
general education requirements, and electives.</p>
</div>
</div>
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<!-- <div class="i">
<img src="{$Think.HOME_SITE_ROOT}/new/images/ico5.png" alt="">
</div> -->
<div class="text">
<h6>Popular Study Destinations</h6>
<p>We provide a selection of over 10 exciting destinations worldwide so you can add a different
cultural experience to your studies. </p>
</div>
</div>
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<!-- <div class="i">
<img src="{$Think.HOME_SITE_ROOT}/new/images/ico6.png" alt="">
</div> -->
<div class="text">
<h6>Courses to Meet Any Schedule</h6>
<p>Along with the usual spring, summer, fall, and winter terms, there are also self-paced courses
available.
Students can choose their preferred classes based on their own schedules.</p>
</div>
</div>
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<!-- <div class="i">
<img src="{$Think.HOME_SITE_ROOT}/new/images/ico7.png" alt="">
</div> -->
<div class="text">
<h6>Academic Credit System Compliance</h6>
<p>All courses on LightCourse are provided by accredited partner institutions with world class
teaching and a dedication to high quality education. Course syllabi, academic credits, and
credit hours are set in strict accordance with the requirements of North American academics.
</p>
</div>
</div>
</div>
</section>
<section class="main-7 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="main-center main-title">
<h2>Partner Universities</h2>
</div>
<div class="main-center container">
<div class="img item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-01.png" alt=""></div>
<div class="img item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-02.png" alt=""></div>
<div class="img item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-03.png" alt=""></div>
<div class="img item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-04.png" alt=""></div>
<div class="img item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-05.png" alt=""></div>
<div class="img item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-06.png" alt=""></div>
<div class="img item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-07.png" alt=""></div>
<div class="img item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-08.png" alt=""></div>
<div class="img item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-09.png" alt=""></div>
<div class="img item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-10.png" alt=""></div>
<!-- <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/01-RIT.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/15-Ryerson.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/02-NAU.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/03-ASU.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/04-UCB.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/05-SFSU.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/06-Manitoba.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/07-UWGB.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/08-WSU.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/09-FMCC.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/10-UNB.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/11-Trine.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/12-Olympic.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/13-Central SU.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/14-SDSU.png" alt=""></div> -->
</div>
</section>
<section class="about-swiper wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="{$Think.HOME_SITE_ROOT}/new/images/about-swiper.jpg" alt="">
<div class="about-swiper-txt ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.2s">
<img src="{$Think.HOME_SITE_ROOT}/new/images/Berkeley.png" alt="">
<span>From a group of academic pioneers in 1868 to the Free Speech Movement in 1964, Berkeley is a place where the brightest minds from across the globe come together to explore, ask questions and improve the world.</span>
</div>
</div>
</div>
</div>
</section>
<section class="main-QA wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="main-center container">
<div class="t wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<h2>FAQ</h2>
<div class="more-btn">
<a href="/qa">Learn more</a>
</div>
</div>
<div class="content">
<ul id="accordion1" class="accordion">
<li class="open wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div class="link">
<h5><span>01. Registration Procedure </span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Online Registration Procedure </h6>
<p>Pay tuition - Select course - Course approval - Course registration - Sign the agreement
- Receive
student manual- Begin classes - Get grades - Send transcripts - Transfer credits</p>
</div>
</li>
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<div class="link">
<h5><span>02. Tuition/Fees</span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Pricing</h6>
<p>All courses offered on LightCourse are priced individually based on the institution
offering the course. Please check the top right of the course page for specific prices
or contact your advisor for a one-on-one consultation.</p>
<h6>2. Payment</h6>
<p>LightCourse offers a variety of payment methods. Tuition can be paid in USD or RMB,
WeChat, Alipay, bank transfer, and PayPal transfer are all accepted.</p>
<h6>3. Fees</h6>
<p>The course price, application fee, and file management charge are included in the
pricing. However, other fees—such as those covering course materials, third-party
platforms such as Cengage, Labster, and other course-related costs such as VPN,
accommodation, etc.—may apply. Contact your advisor for a one-on-one consultation.</p>
</div>
</li>
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.6s">
<div class="link">
<h5><span>03. Select the Right Course(s) for You</span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Choosing the best program/course for your needs</h6>
<p>Throughout the year, LightCourse offers programs and courses from institutions around the
world in a variety of disciplines, including engineering, business, natural sciences,
social sciences, humanities, and arts. These courses are intended to meet the needs of a
wide range of students seeking major, elective, and general education courses. There are
a variety of study alternatives available, including online for-credit courses
(live/recorded/self-paced) and in-person courses, as well as study abroad programs.
</p>
<p>LightCourse will provide you with an advisor who will work directly with you to help
determine the best options for your needs.</p>
<p>(Note: Since all courses have limited capacity, we recommend registering as soon as
possible to ensure a spot.)</p>
</div>
</li>
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.8s">
<div class="link">
<h5><span>04. Complete Course Approval</span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Does my home school approve these courses?</h6>
<p>LightCourse will provide you with an advisor who will provide you with one-on-one support
throughout the transfer process according to your university's transfer credit policy to
ensure that you can complete the credit transfer successfully.</p>
</div>
</li>
</ul>
</div>
</div>
</section>
</main>
{/block}
{include file='default/base/mall_footer'/}
<script>
$(function(){
var programSwiper = new Swiper('.about-swiper .swiper-container',{
loop:true,//开启循环播放
autoplay: true, //自动播放
effect : 'slide',//轮播的动效 默认为"slide"（普通位移切换），还可设置为"fade"（淡入）、"cube"（方块）、"coverflow"（3d流）、"flip"（3d翻转）、"cards"(卡片式)、"creative"（创意性）。
on:{
init: function(){
swiperAnimateCache(this); // 隐藏动画元素
swiperAnimate(this); // 初始化完成开始动画
},
slideChangeTransitionEnd: function(){
swiperAnimate(this); // 每个slide切换结束时也运行当前slide动画
// this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次，去除ani类名
},
}
});
})
</script>

318
public/static/home/new/css/about.css
View File

@ -46,28 +46,34 @@
.a-hover:hover {
color: #3b52f6;
}
.fb {
font-family: "robotoMedium";
}
.list-banner {
position: relative;
}
.list-banner > .img {
position: absolute;
bottom: 0;
left: 50%;
width: 20.9rem;
padding: 2rem;
transform: translate(-50%, 50%);
box-shadow: 0rem 0.15rem 0.9rem 0rem rgba(32, 30, 29, 0.35);
border-radius: 0.25rem;
background-color: #fff;
.about-banner{
background-color: #07cd6a;
padding: 2.5rem 0;
}
.list-banner h3 {
font-family: "robotoMedium";
.about-banner .main-center{
justify-content: flex-start !important;
max-width: 76rem;
height: auto !important;
}
.about {
padding-top: 5rem;
.about-banner .about-banner-txt h2{
font-size: 2rem;
color: #fff;
}
.about-banner .about-banner-txt span{
display: inline-block;
font-size: 1rem;
margin-top: 0.5rem;
}
.about-banner>img{
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
.about .main-title {
margin-bottom: 2rem;
@ -88,83 +94,215 @@
margin-bottom: 2rem;
}
.about .container b {
font-family: "robotoMedium";
}
.about .container h4 {
font-size: 2rem;
font-family: "robotoMedium";
}
.about .container p {
margin-top: 1.3rem;
font-size: 0.9rem;
font-family: 'robotoLight'!important;
}
.about .container span.c1 {
color: #3b52f6;
}
.about .container em {
font-weight: bold;
font-family: "robotoMedium";
font-size: 1.3rem;
}
.about .container .f-img img {
float: right;
max-width: 23rem;
}
.about .main-1{
padding: 5.5rem 0 0;
background-image: url(../images/about-bg.jpg);
background-repeat: no-repeat;
background-size: 100% 36.9rem;
text-align: center;
}
.about .main-1 .main-center{
max-width: 70rem;
}
.about .main-1 .container h2 {
font-family: "robotoMedium";
line-height: 1.2;
font-size: 1.9rem;
line-height: 1.2;
text-align: center;
}
.about .main-1 .container h6 {
font-size: 1.3rem;
color: #3b52f6;
font-size: 1.25rem;
color: #00db6d;
margin-bottom: 0.8rem;
}
.about .main-1 .container a {
font-family: "robotoMedium";
text-decoration: underline;
.about .main-1 .container p{
font-size: 0.85rem;
line-height: 1.8;
}
.about .main-1 .our-goal{
background-color: #ffff1b;
padding: 3.5rem 3rem 5rem;
margin-top: 5rem;
}
.about .main-1 .our-goal p{
color: #505050;
}
.about .main-1 .our-goal p:nth-of-type(2){
font-family: "HarmonyOS_Sans_Regular" !important;
line-height: 1.8;
}
.about .main-4 {
padding-top: 2.2rem;
padding-bottom: 0;
}
.about .main-4 .main-center {
max-width: 84.5rem;
display: flex;
justify-content: space-between;
margin-bottom: 0;
}
.about .main-4 .item{
width: calc(50% - 0.75rem);
height: 40rem;
background-color: #2847db;
padding: 5.5rem;
color: #ffffff;
position: relative;
}
.about .main-4 .item h3{
font-size: 1.9rem;
line-height: 1.1;
margin-bottom: 4rem;
}
.about .main-4 .item h4{
font-size: 0.85rem;
line-height: 1.8;
}
.about .main-4 .item p{
font-family: "HarmonyOS_Sans_Regular" !important;
font-size: 0.85rem;
line-height: 1.8;
}
.about .main-4 .item p>span{
display: block;
}
.about .main-4 .item p>span:before{
content: "";
display: inline-block;
width: 0.7rem;
height: 0.7rem;
border-radius: 100%;
background-color: #fff;
margin-right: 2rem;
margin-left: -2.7rem;
}
.about .main-4 .item:nth-of-type(1){
padding-left: 7rem;
}
.about .main-4 .item em{
display: block;
width: 1.5rem;
height: 1.5rem;
border-radius: 100%;
background-color: #f7f74c;
position: absolute;
right: 2.1rem;
bottom: 1.8rem;
}
.about .main-2 {
padding-top: 0;
padding-top: 18.8rem;
padding-bottom: 4.3rem;
background-color: #07cd6a;
margin-top: -12.25rem;
position: relative;
z-index: -1;
}
.about .main-2 h3 {
color: #3b52f6;
text-align: center;
font-weight: 500;
margin-bottom: 3rem;
.about .main-2 .main-center{
max-width: 64rem;
}
.about .main-2 .container .item {
display: flex;
align-items: center;
margin-bottom: 2rem;
.about .main-2 h2{
text-align: center;
color: #ffff1b;
margin-bottom: 1.6rem;
}
.about .main-2 .container .item:last-of-type {
margin-bottom: 0;
.about .main-2 .main-title p{
text-align: center;
}
.about .main-2 .container .item .i {
width: 5rem;
height: 5rem;
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-right: 2rem;
flex-shrink: 0;
.about .main-2 .main-list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 1.2rem;
}
.about .main-2 .container .item .i .icon {
font-size: 2rem;
color: #3b52f6;
.about .main-2 .item{
width: calc(50% - 2.5rem);
}
.about .main-2 .container .item .text h6 {
line-height: 1.4;
margin-bottom: 0.5rem;
.about .main-2 .item p{
display: none !important;
}
.about .main-2 .container .item .text p {
line-height: 1.8;
color: #000;
font-size: 0.9rem;
font-family: 'robotoLight'!important;
.about .main-2 .item h6{
font-size: 1rem;
line-height: 1.5;
color: #ffffff;
margin-top: 1.8rem;
}
.about .main-2 .item h6:before{
content: "";
display: inline-block;
width: 0.75rem;
height: 0.75rem;
border-radius: 100%;
background-color: #ffffff;
margin-right: 0.6rem;
}
.about-swiper{
padding: 0 0 5.5rem;
}
.about-swiper .swiper-slide{
position: relative;
height: 45.5rem;
}
.about-swiper .swiper-slide>img{
width: 100%;
min-height: 45.5rem;
}
.about-swiper-txt{
display: flex;
align-items: center;
width: 53.75%;
height: 16.35rem;
background-image: linear-gradient(to right,rgba(0,0,0,1),rgba(0,0,0,.1));
position: absolute;
left: 0;
bottom: 0;
}
.about-swiper-txt>img{
max-width: 10rem;
margin: 0 5rem 0 4rem;
}
.about-swiper-txt>span{
font-size: 0.85rem;
line-height: 1.8;
max-width: 22rem;
color: #ffffff;
}
.about .main-3 {
background-color: #3b52f6;
}
@ -174,63 +312,20 @@
.about .main-3 h2 {
color: #fff;
}
.about .main-4 {
padding-bottom: 10rem;
}
.about .main-4 .container {
margin-bottom: 0;
}
.about .main-4 .container .content p {
text-align: center;
line-height: 1.8;
margin-bottom: 1.3rem;
}
.about .main-4 .container .content p:last-of-type {
margin-bottom: 0;
}
.about .main-4 .container .img-wrap {
display: flex;
box-shadow: 0rem 0.15rem 0.9rem 0rem rgba(32, 30, 29, 0.35);
padding: 2rem;
margin-top: 2rem;
}
.about .main-4 .container .img-wrap .img {
width: 21.3rem;
flex-shrink: 0;
position: relative;
}
.about .main-4 .container .img-wrap .img h4 {
font-size: 1.3rem;
line-height: 1.2;
text-align: center;
}
.about .main-4 .container .img-wrap .img img {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 8rem);
}
.about .main-4 .container .img-wrap .txt p {
margin-top: 0;
color: #000;
font-size: 0.9rem;
font-family: 'robotoLight'!important;
}
.about .main-5 {
background-color: #fafafb;
}
.about .main-6 {
padding-top: 0;
}
.about .main-7 {
padding-top: 0;
padding: 5rem 0 3.7rem;
}
.about .main-7 h3 {
font-size: 1.3rem;
color: #3b52f6;
text-align: center;
font-weight: 500;
margin-bottom: 3rem;
.about .main-7 .main-title h2{
text-align: center !important;
}
.about .main-7 .container {
display: flex;
@ -240,6 +335,7 @@
width: calc((100% - (5 - 1) * 1.3rem) / 5);
margin-right: 1.3rem;
margin-bottom: 1.3rem;
text-align: center;
}
.about .main-7 .container .item:nth-of-type(5n) {
margin-right: 0;

232
public/static/home/new/css/blog.css
View File

@ -46,6 +46,9 @@
.a-hover:hover {
color: #3b52f6;
}
.blog .main-center{
max-width: 55rem;
}
.sec-container {
display: flex;
justify-content: space-between;
@ -152,63 +155,115 @@
margin-bottom: 0.9rem;
}
.blog .main-1 .sec-left .link {
display: block;
padding: 0.9rem 0;
border-bottom: 1px solid #ebebeb;
display: flex;
align-items: center;
}
.blog .main-1 .sec-left .link:last-of-type {
border-bottom: none;
.blog .main-1 .sec-left .link:nth-of-type(2){
}
.blog .main-1 .sec-left .link:hover h6 {
color: #3b52f6;
.blog .main-1 .sec-left .link:nth-of-type(even){
flex-direction: row-reverse;
}
.blog .main-1 .sec-left .link h6 {
font-size: 0.9rem;
display: flex;
align-items: center;
.blog .main-1 .sec-left .link .img{
width: 50%;
height: 16rem;
position: relative;
}
.blog .main-1 .sec-left .link h6 em {
display: inline-block;
padding: 0.4rem;
background-color: #3b52f6;
color: #fff;
font-size: 0.9rem;
font-weight: normal;
margin-right: 0.3rem;
text-transform: uppercase;
.blog .main-1 .sec-left .link .img img{
min-height: 100%;
min-width: 100%;
max-width: 120%;
max-height: 120%;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.blog .main-1 .sec-left .link p {
line-height: 1.8;
margin: 0.5rem 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
.blog .main-1 .sec-left .link:nth-of-type(2n) .img img{
min-height: 100%;
min-width: 100%;
max-width: 125%;
max-height: 125%;
}
.blog .main-1 .sec-left .link .field {
display: flex;
align-items: center;
.blog .main-1 .sec-left .link:nth-of-type(3n) .img img{
min-height: 100%;
min-width: 100%;
max-width: 130%;
max-height: 130%;
}
.blog .main-1 .sec-left .link .field span,
.blog .main-1 .sec-left .link .field span * {
font-size: 0.9rem;
color: #999;
.blog .main-1 .sec-left .link:nth-of-type(5n) .img img{
min-height: 100%;
min-width: 100%;
max-width: 115%;
max-height: 115%;
}
.blog .main-1 .sec-left .link .field span:nth-of-type(2) {
margin-left: auto;
.blog .main-1 .sec-left .link:nth-of-type(even) .img img{
left: auto;
right: 0;
}
.blog .main-1 .sec-left .link .field span:nth-of-type(3) {
margin-left: 2rem;
.blog .main-1 .sec-left .link .text{
display: flex;
justify-content: flex-end;
width: 50%;
}
.blog .main-1 .sec-left .link .field span .icon {
font-size: 0.9rem;
margin-right: 0.2rem;
.blog .main-1 .sec-left .link .text>div{
display: flex;
justify-content: flex-end;
width: 100%;
border-top: 0.8rem solid #ffff1b;
}
.blog .main-1 .sec-left .link .field span:hover,
.blog .main-1 .sec-left .link .field span:hover * {
color: #3b52f6;
.blog .main-1 .sec-left .link:nth-of-type(even) .text>div{
justify-content: flex-start;
}
.blog .main-1 .sec-left .link .text>div span{
width: 17rem;
position: relative;
transition: all .6s;
}
.blog .main-1 .sec-left .link:nth-of-type(even) .text{
justify-content: flex-start;
}
.blog .main-1 .sec-left .link .text h6{
font-size: 1.55rem;
line-height: 1.1;
margin: 0.2rem 0 0.5rem;
}
.blog .main-1 .sec-left .link .text p{
font-family: "HarmonyOS_Sans_Regular" !important;
font-size: 0.7rem;
line-height: 0.9rem;
display: -webkit-box;
max-height: 2.7rem;
-webkit-line-clamp: 3;
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
.blog .main-1 .sec-left .link .text em{
display: block;
font-size: 0.85rem;
color: #333333;
position: absolute;
bottom: -0.5rem;
right: -0.2rem;
transform: scaleX(1.8);
transition: all .6s;
}
.blog .main-1 .sec-left .link:hover .text>div span{
opacity: .65;
}
.blog .main-1 .sec-left .link:hover .text em{
right: -0.5rem;
}
.blog-details .main-1 .sec-left .article {
margin-bottom: 0.9rem;
}
@ -361,6 +416,93 @@
.blog-details .main-1 .share span .iconf {
color: #999;
}
.blog-banner{
background-color: #18d777;
padding: 4.4rem 0;
position: relative;
}
.blog-banner .main-center{
max-width: 58.5rem;
position: relative;
padding: 0;
text-align: right;
}
.blog-banner .blog-txt{
max-width: 31rem;
text-align: left;
position: absolute;
top: 3.5rem;
left: 0;
z-index: 2;
}
.blog-banner .blog-txt h2{
font-size: 2.7rem;
line-height: 1.1;
color: #fff;
}
.blog-banner .blog-txt h2>em{
color: #ffff1b;
}
.blog-banner .blog-txt span{
display: block;
font-size: 1.25rem;
line-height: 1.4;
color: #ffff1b;
margin: 2rem 0 7rem;
}
.blog-banner .blog-img{
width: 35.8rem;
}
.blog-banner .blog-bg{
position: absolute;
right: 0;
bottom: 1.7rem;
z-index: 2;
}
.blog-banner .more-btn1{
box-sizing: border-box;
display: inline-block;
height: 2.4rem;
padding: 0 0.8rem;
border: 0.15rem solid #ffffff;
border-radius: 0.5rem;
transition: all .6s;
}
.blog-banner .more-btn1 a{
display: flex;
align-items: center;
border: 0;
height: 100%;
color: #ffffff;
padding-right: 1rem;
font-size: 0.9rem;
position: relative;
transition: all .6s;
}
.blog-banner .more-btn1 em{
font-family: "HarmonyOS_Sans_Regular" !important;
margin-left: 0.3rem;
margin-top: 0.1rem;
transition: all .6s;
position: absolute;
right: 0;
top: 50%;
transform: scaleY(1.8) translateY(-32.5%);
}
.blog-banner .more-btn1:hover{
border: 0.15rem solid #ffff1b;
}
.blog-banner .more-btn1:hover a{
color: #ffff1b;
}
.blog-banner .more-btn1:hover em{
right: -0.3rem;
}
@media screen and (max-width: 1024px) {
.social-share .social-share-icon {
width: 1.5rem !important;

169
public/static/home/new/css/course.css
View File

@ -637,6 +637,7 @@ h4 {
.course-details .main-2 .content1 .des table tbody {
display: none;
font-size: 0.9rem;
}
.course-details .main-2 .content1 .des table tbody:first-of-type {
@ -1258,6 +1259,174 @@ h4 {
margin-bottom: 0;
}
.program-details .main-2-1{
padding: 6rem 0;
background-color: #00db6d;
}
.program-details .main-2-1 *{
text-align: left;
}
.program-details .main-2-1 .des{
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.program-details .main-2-1 .content1 .des .d-left{
width: 42%;
}
.program-details .main-2-1 span{
display: block;
font-size: 1.9rem;
line-height: 1.1 !important;
color: #ffff1b;
}
.program-details .main-2-1 h4{
font-size: 1.1rem;
line-height: 1.5;
color: #ffff1b;
margin: 4.2rem 0 0.5rem;
}
.program-details .main-2-1 .d-left>div:nth-of-type(1) h4{
margin-top: 2.8rem;
}
.program-details .main-2-1 p{
font-family: "HarmonyOS_Sans_Regular";
font-size: 0.85rem;
line-height: 1.6;
color: #ffffff;
margin-bottom: 0 !important;
}
.program-details .main-2-1 .d-right{
width: 40%;
}
.program-details .main-2-1 .d-right img{
width: 100%;
}
.program-details .main-2{
background-color: #ffffff;
}
.program-details .main-2-2{
padding-top: 6rem;
}
.program-details .main-2-2 .main-center,
.program-details .main-2-4 .main-center{
max-width: 87.5rem;
}
.program-details .main-2-4 .main-title>p{
margin: 1.3rem 0 0 !important;
}
.program-details .main-2-4 .main-title>span{
display: block;
font-size: 0.85rem;
margin: 0.8rem;
}
.program-details .main-2-4 .accommodation-item{
box-sizing: border-box;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
width: calc(25% - 0.825rem) !important;
height: 16.7rem;
background-color: #ffff1b;
border-radius: 0.5rem;
margin-top: 1rem;
}
.program-details .main-2-4 .accommodation-item h3{
font-size: 1.1rem;
line-height: 1.3;
}
.program-details .main-2-4 .accommodation-item span{
font-family: "HarmonyOS_Sans_Medium";
min-height: 3rem;
font-size: 0.65rem;
margin-top: 1rem;
line-height: 1.55;
}
.program-details .main-2-5 .main-center{
max-width: 80rem;
}
.program-details .main-2-5 *{
text-align: left;
}
.program-container{
display: flex;
justify-content: space-between;
}
.program-container .content1:nth-of-type(odd){
width: 55%;
padding-right: 7rem;
border-right: 0.1rem solid #353535;
}
.program-container .content1:nth-of-type(even){
width: 45%;
padding-left: 8rem;
}
.program-details .main-2 .content1 .txt>div{
flex-direction: column;
margin-left: 0.75rem;
}
.program-details .main-2 .content1.apply-content .txt p{
font-family: "HarmonyOS_Sans_Regular" !important;
font-size: 0.85rem;
color: #8b8b8b;
margin-bottom: 0 !important;
}
.program-details .program-txt-01{
margin-left: -0.25rem !important;
}
.program-details .program-txt-01 p{
color: #2e2e2e !important;
font-weight: bold;
}
.program-details .program-txt-02{
margin: 1.5rem 0 4.5rem 0.75rem !important;
}
.program-details .program-txt-02 p em{
display: inline-block;
margin-right: 0.4rem;
}
.program-details .program-txt-03 p,
.program-details .program-txt-04 p,
.program-details .program-txt-04 a{
font-size: 0.85rem;
display: block;
line-height: 1.5 !important;
color: #8b8b8b;
}
.program-details .program-txt-03 p:nth-of-type(2){
text-indent: 1.9rem;
}
.program-details .program-txt-04 a{
font-family: "HarmonyOS_Sans_Regular" !important;
text-indent: 1.25rem;
height: auto;
}
.program-details .main-2 .content1:nth-of-type(2) .txt>div{
margin-left: 0 !important;
}
.program-details .main-2 .content1:nth-of-type(2) .txt>div p,
.program-details .main-2 .content1:nth-of-type(2) .txt>div a{
font-family: "HarmonyOS_Sans_Regular" !important;
color: #505050;
}
.program-details .main-2 .content1:nth-of-type(2) .txt>div p:nth-of-type(1){
font-family: "HarmonyOS_Sans_Black" !important;
}
.program-details .main-2 .content1:nth-of-type(2) .txt>div:nth-of-type(1){
margin-top: 3rem;
}
@media screen and (max-width: 1024px) {
.course-details .main-2 .content1.contact-content .txt img {

2
public/static/home/new/css/index.css
View File

@ -793,6 +793,7 @@ main .main-2 .container .more-btn1 a{
padding-right: 1rem;
font-size: 0.9rem;
position: relative;
transition: all .6s;
}
main .main-2 .container .more-btn1 em{
font-family: "HarmonyOS_Sans_Regular" !important;
@ -920,6 +921,7 @@ main .main-4 .container .item .img {
width: 59%;
height: 100%;
position: relative;
overflow: hidden;
}
main .main-4 .container .item .img img{
width: 100%;

BIN
public/static/home/new/images/Berkeley.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.0 KiB

BIN
public/static/home/new/images/BrookdaleCommunityCollege.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1002 B

BIN
public/static/home/new/images/RIT.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

BIN
public/static/home/new/images/about-banner-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
public/static/home/new/images/about-bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 55 KiB

BIN
public/static/home/new/images/about-swiper.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 107 KiB

BIN
public/static/home/new/images/blog-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.5 KiB

BIN
public/static/home/new/images/blog-img.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 524 KiB

BIN
public/static/home/new/images/pexels-andrea-piacquadio-3781529.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 597 KiB

BIN
public/static/home/new/images/programs-detail.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 133 KiB

BIN
public/static/home/new/images/universities-01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

BIN
public/static/home/new/images/universities-02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
public/static/home/new/images/universities-03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

BIN
public/static/home/new/images/universities-04.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.2 KiB

BIN
public/static/home/new/images/universities-05.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
public/static/home/new/images/universities-06.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.4 KiB

BIN
public/static/home/new/images/universities-07.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

BIN
public/static/home/new/images/universities-08.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB

BIN
public/static/home/new/images/universities-09.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.5 KiB

BIN
public/static/home/new/images/universities-10.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.9 KiB

BIN
public/static/home/new/images/universities/universities-01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

BIN
public/static/home/new/images/universities/universities-02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
public/static/home/new/images/universities/universities-03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

BIN
public/static/home/new/images/universities/universities-04.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.2 KiB

BIN
public/static/home/new/images/universities/universities-05.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
public/static/home/new/images/universities/universities-06.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.4 KiB

BIN
public/static/home/new/images/universities/universities-07.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

BIN
public/static/home/new/images/universities/universities-08.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB

BIN
public/static/home/new/images/universities/universities-09.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.5 KiB

BIN
public/static/home/new/images/universities/universities-10.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.9 KiB

3
public/static/home/new/js/common.js
View File

@ -460,10 +460,11 @@ $(".homeinputval").val(secret);
var wow = new WOW({
boxClass: 'wow', /* 执行动画的元素 class */
animateClass: 'animated', /* animate.css 动画的 class */
offset: 5, /* 距离可视区域多少开始执行动画 */
offset: 40, /* 距离可视区域多少开始执行动画 */
mobile: true, /* 是否在移动设备执行动画 */
live: true /* 异步加载的内容是否有效 */
});
wow.init();
};
});

BIN
public/uploads/home/article/62834e0bc9949.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 106 KiB

BIN
public/uploads/home/article/628350f4f26e3.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 10 KiB

BIN
public/uploads/home/article/635787a750624.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 47 KiB

BIN
public/uploads/home/article/63578c9d3a462.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 40 KiB

BIN
public/uploads/home/article/63578cb551859.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 56 KiB

BIN
public/uploads/home/article/635b8d2379aa5.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 62 KiB

BIN
public/uploads/home/article/635b8d32d46d3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
public/uploads/home/article/635b8d41112f0.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 126 KiB

BIN
public/uploads/home/article/635b8d517139d.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 109 KiB

BIN
public/uploads/home/article/635b8d5f0adad.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 54 KiB