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/accordion.js"></script>
<script src="{$Think.HOME_SITE_ROOT}/new/js/semantic.min.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.PLUGINS_SITE_ROOT}/jquery.cookie.js"></script>
<script src="{$Think.HOME_SITE_ROOT}/js/compare.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/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/common.css" />
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/font_3136242_62t986otkc6.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> <script>
var BASESITEROOT = "{$Think.BASE_SITE_ROOT}"; var BASESITEROOT = "{$Think.BASE_SITE_ROOT}";
var HOMESITEROOT = "{$Think.HOME_SITE_ROOT}"; var HOMESITEROOT = "{$Think.HOME_SITE_ROOT}";
var BASESITEURL = "{$Think.BASE_SITE_URL}"; var BASESITEURL = "{$Think.BASE_SITE_URL}";
var HOMESITEURL = "{$Think.HOME_SITE_URL}"; var HOMESITEURL = "{$Think.HOME_SITE_URL}";
</script> </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}/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}/js/dialog/dialog.js" id="dialog_js" charset="utf-8"></script>
<script src="{$Think.PLUGINS_SITE_ROOT}/jquery.validate.min.js"></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"> <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/blog.css">
<style> <style>
.sec-container .sec-left > div{ .sec-container .sec-left>div {
box-shadow: none; box-shadow: none;
} }
.sec-container .sec-left { @media screen and (max-width:768px) {
box-shadow: 0 0 0.3rem #ebebeb; .blog .main-1 .newest .img {
} width: 30%;
.blog .main-1 .newest .link{ height: 4rem;
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;
}
}
</style> </style>
<div class="list-banner"> <div class="list-banner blog-banner wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="main-center container"> <div class="main-center container">
<div class="position">Position：Home > Blog > {$class_name}</div> <div class="blog-txt">
<div class="content con1"> <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>
<div class="left"> <span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<h2>LightCourse Blog</h2> This article provides<br />an overview of<br />online education flexibi
<!-- <h3>博客</h3> --> </span>
</div> <div class="more-btn1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
</div> <a href="">Click To Enter<em>></em></a>
</div> </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> </div>
<main class="blog"> <main class="blog">
<section class="main-1">
<section class="main-1"> <div class="sec-container main-center">
<div class="sec-left">
<div class="sec-container main-center"> <!-- <div class="newest-nav">
<div class="sec-left"> {notempty name="class_list"}
<div class="newest-nav"> {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}>
{notempty name="class_list"} {$val.ac_name}</a>
{foreach name="class_list" item="val"} {/foreach}
<a href="/Article?ac_id={$val.ac_id}" {if condition="$val.ac_id eq $ac_id"}class="active"{/if}> {$val.ac_name}</a> {/notempty}
</div> -->
{/foreach} <div class="newest">
{/notempty} {notempty name="article"}
</div> {foreach name="article" item="article"}
<div class="newest"> <a href="/article/show?article_id={$article.article_id}" class="link">
<div class="img"><img src="{$article.article_pic}" alt="{$article.article_title}"></div>
{notempty name="article"} <div class="text">
{foreach name="article" item="article"} <div>
<a href="/article/show?article_id={$article.article_id}" class="link"> <span>
<div class="img"><img src="{$article.article_pic}" alt="{$article.article_title}"></div> <h6><!-- <em>news</em> -->{$article.article_title}</h6>
<div class="text"> <p>{$article.article_desc}</p>
<h6><em>news</em> {$article.article_title}</h6> <em>》</em>
<p>{$article.article_desc}</p> </span>
<div class="field"> </div>
<span>{:date('m/d/Y H:i',$article.article_time)}</span> <!-- <div class="field">
<!-- <span><svg class="icon" aria-hidden="true"> <span>{:date('m/d/Y H:i',$article.article_time)}</span>
<use xlink:href="#icon-pinglun"></use> <span><svg class="icon" aria-hidden="true">
</svg>231</span>--> <use xlink:href="#icon-pinglun"></use>
<span><svg class="iconf" aria-hidden="true"> </svg>231</span>
<use xlink:href="#icon-iconfontfenxiang"></use> <span>
</svg>{$article.article_show}</span> <svg class="iconf" aria-hidden="true">
</div> <use xlink:href="#icon-iconfontfenxiang"></use>
</div> </svg>
</a> {$article.article_show}
{/foreach} </span>
{/notempty} </div> -->
</div> </div>
</div> </a>
<!-- <div class="sec-right"> {/foreach}
{/notempty}
</div>
</div>
<!-- <div class="sec-right">
<aside class="side-search"> <aside class="side-search">
<form action="javascript:;" class="form"> <form action="javascript:;" class="form">
<i class="iconfont"></i> <i class="iconfont"></i>
@ -125,10 +114,9 @@
</div> </div>
</aside> </aside>
</div>--> </div>-->
</div> </div>
</section> </section>
</main> </main>
{/block} {/block}

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

@ -168,404 +168,426 @@
{/foreach} {/foreach}
</div>--> </div>-->
</div> </div>
{else /} {else /}
<div class="course-banner list-banner"> <div class="course-banner list-banner">
<div class="main-center main-center-course container"> <div class="main-center main-center-course container">
<div class="positionwow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Position：Home > <div class="positionwow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Position：Home >
{$header_title_eng} </div> {$header_title_eng} </div>
<div class="content con1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <div class="content con1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div class="left"> <div class="left">
<h2>{$header_title_eng}</h2> <h2>{$header_title_eng}</h2>
<!-- <h3>所有课程</h3> --> <!-- <h3>所有课程</h3> -->
<div class="des"> <div class="des">
{$pro_desc} {$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>
</div> </div>
<div class="search-con wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="tags">
<h5>Please enter keywords</h5> <h6>Related topics:</h6>
<div class="inp"> <div class="list">
<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>
{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} {/foreach}
{/notempty} {/notempty}
</div> </div>
<div class="select-wrap wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> </div>
{if (isset($checked_brand) && is_array($checked_brand)) || (isset($checked_attr) && </div>
is_array($checked_attr))} <div class="img"><img src="{$header_image}" alt=""></div>
<div id="selected"> </div>
<p>You have selected:</p> <div class="search-con wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div> <h5>Please enter keywords</h5>
{notempty name="checked_brand"} <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" } <div class="field">
<a href="{:removeParam(array('b_id' => $key))}"><span>{$Think.lang.ds_brand}:</span>{$val.brand_name}<i <label>{$val.name}</label>
data-uri="{:removeParam(array('b_id' => $key))}">X</i></a> <div class="ui selection dropdown">
{/foreach} <input type="hidden" name="gender">
<i class="dropdown icon"></i>
{/notempty} <div class="default text">{$val.name}</div>
<div class="menu">
{notempty name="checked_attr"} {php}$i = 0;{/php}
{foreach name="$val.value" item="v" key="k" }
{foreach name="checked_attr" item="val"} {php}$i++;{/php}
<a href="{:removeParam(array('a_id' => $val['attrvalue_id']))}"><span>{$val.attr_name}: <div value="{$v.attrvalue_id}" class="item" data-value="1">
&nbsp;</span>{$val.attrvalue_name}<i {$v.attrvalue_name}
data-uri="{:removeParam(array('b_id' => $key))}">X</i></a>
{/foreach}
{/notempty}
</div> </div>
{/foreach}
</div> </div>
{/if}
<!-- <div class="submit-btn">
<a href="javascript:;">Click on the query</a>
</div> -->
</div> </div>
<div class="show-num ui form wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0" </div>
style="display: flex;justify-content: flex-end;margin-top: 1rem;">
<div class="field inline"> {/foreach}
<label>Show</label> {/notempty}
<div class="ui selection dropdown"> </div>
<input type="hidden" name="gender"> <div class="select-wrap wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<i class="dropdown icon"></i> {if (isset($checked_brand) && is_array($checked_brand)) || (isset($checked_attr) &&
<div class="default text">{$page_size} Results</div> is_array($checked_attr))}
<div class="menu"> <div id="selected">
<div value="5" class="item" data-value="5">5 Results</div> <p>You have selected:</p>
<div value="15" class="item" data-value="10">10 Results</div> <div>
<div value="25" class="item" data-value="15">15 Results</div> {notempty name="checked_brand"}
<div value="20" class="item" data-value="20">20 Results</div>
</div> {foreach name="checked_brand" item="val" key="key" }
</div> <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>
</div> </div>
</div> </div>
</div> </div>
<main class="course wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> </div>
<section class="main-1"> <main class="course wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0" style="position: relative; z-index: -1;">
<div class="main-center main-center-course container wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <section class="main-1">
<div class="link linknone"> <div class="main-center main-center-course container wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div class="label"> <div class="link linknone">
<span>Course Title/Institution</span> <div class="label">
<span class="">Mode of Instruction</span> <span>Course Title/Institution</span>
<span>Course Code</span> <span class="">Mode of Instruction</span>
<span>Credits</span> <span>Course Code</span>
<span>Start Date</span> <span>Credits</span>
<span>Duration</span> <span>Start Date</span>
<span>More</span> <span>Duration</span>
</div> <span>More</span>
</div> </div>
</div> </div>
<div class="main-center main-center-course container"> </div>
{foreach name="goods_list" item="value"} <div class="main-center main-center-course container">
<a href="/Goods?goods_id={$value.goods_id}" class="link wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.6s"> {foreach name="goods_list" item="value"}
<h6>{$value.goods_name}&nbsp;</h6> <a href="/Goods?goods_id={$value.goods_id}" class="link wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<!--<p>{$value.ke_eng}</p>--> <h6>{$value.goods_name}&nbsp;</h6>
<div class="label"> <!--<p>{$value.ke_eng}</p>-->
<span>{$value.ke_college}</span> <div class="label">
<span class="b bba">{$value.ke_online}</span> <span>{$value.ke_college}</span>
<span>{$value.goods_serial}</span> <span class="b bba">{$value.ke_online}</span>
<span>{$value.ke_credit}</span> <span>{$value.goods_serial}</span>
<span>{$value.ke_start_time}</span> <span>{$value.ke_credit}</span>
{if $value.ke_period == 'Self-paced'} <span>{$value.ke_start_time}</span>
<span>{$value.ke_period}</span> {if $value.ke_period == 'Self-paced'}
{else} <span>{$value.ke_period}</span>
<span>{$value.ke_period} weeks</span> {else}
{/if} <span>{$value.ke_period} weeks</span>
{/if}
<span class="b c">Course details</span> <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>
</div> </div>
<div class="content wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> </a>
<ul id="accordion1" class="accordion"> {/foreach}
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"> </div>
<div class="link"> <div class="pagination">{$show_page|raw}</div>
<h5><span>01. Registration Procedure </span> <i></i></h5> </section>
</div> <section class="main-QA wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="submenu"> <div class="main-center container">
<h6>1. Online Registration Procedure </h6> <div class="t wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<p>Pay tuition - Select course - Course approval - Course registration - Sign the <h2>FAQ</h2>
agreement - Receive <div class="more-btn">
student manual- Begin classes - Get grades - Send transcripts - Transfer credits</p> <a href="/qa">Learn more <em>></em></a>
</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>
</div> </div>
</section> <div class="content wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<ul id="accordion1" class="accordion">
<section class="container-mask form-wrap2"> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<div class="container form-mask" style="max-width:45rem"> <div class="link">
<div class="iconf close-iconf"></div> <h5><span>01. Registration Procedure </span> <i></i></h5>
<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>
<div class="line"></div> <div class="submenu">
<div class="m-item"> <h6>1. Online Registration Procedure </h6>
<h5>Option 2</h5> <p>Pay tuition - Select course - Course approval - Course registration - Sign the
<p>Do you have the course information at your home institution? Your LightCourse advisor agreement - Receive
will find the equivalent course on LightCourse and send it to you via email within 24 student manual- Begin classes - Get grades - Send transcripts - Transfer credits</p>
hours. </p> </div>
<p>To target the course you are looking for, please enter:</p> </li>
<form action=""> <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"> <div class="field">
<input type="text" name="school" id="school" <input type="text" name="fname" id="fname" placeholder="First name*">
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>
</div> </div>
<div class="field"> <div class="field">
<input type="text" name="fname" id="fname" <input type="text" name="lname" id="lname" placeholder="Last name*">
placeholder="What email address can we reach you at?">
</div> </div>
<div class="c"> </div>
<p>If you require immediate assistance, please contact us at <a <div class="field">
href="mailto:studentservice@lightglobal.org"><strong <input type="text" name="fname" id="fname"
class="c1">studentservice@lightglobal.org</strong></a></p> placeholder="What email address can we reach you at?">
</div> </div>
<div class="sub"> <div class="c">
<button type="submit" class="ui primary button">Submit</button> <p>If you require immediate assistance, please contact us at <a
</div> href="mailto:studentservice@lightglobal.org"><strong
</form> class="c1">studentservice@lightglobal.org</strong></a></p>
</div> </div>
<div class="sub">
<button type="submit" class="ui primary button">Submit</button>
</div>
</form>
</div> </div>
</div> </div>
</div> </div>
</section> </div>
</main> </section>
<script> </main>
$(".form-clk").click(function() { <script>
$(".form-wrap").addClass("show") $(".form-clk").click(function() {
}) $(".form-wrap").addClass("show")
//Talk to a LightCourse advisor })
$('.onsubmitfromss').click(function() { //Talk to a LightCourse advisor
let data = { $('.onsubmitfromss').click(function() {
email: $("#email").val(), let data = {
fname: $("#fname").val(), email: $("#email").val(),
lname: $("#lname").val(), fname: $("#fname").val(),
school: $("#school").val(), lname: $("#lname").val(),
school: $("#school").val(),
fb_code: $("#fb_code").val(), fb_code: $("#fb_code").val(),
fb_course: $("#fb_course").val(), fb_course: $("#fb_course").val(),
fb_school: $("#fb_school").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)
type: 2,
} }
$(".form-clk").click(function() { $.ajax({
$(".form-wrap2").addClass("show") url: "/Memberfeedback/add",
}) type: 'post',
</script> data: data,
<script> success: function(res) {
$("body").on("click", ".homesearchs", function() { var res = JSON.parse(res);
var name = $('.homeinputvals').val(); if (res.code == 10001) {
window.location.href = "/brand?keyword=" + name layer.msg(res.message);
})
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;
} }
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() { var arr = []
sessionStorage.setItem("flag", 1) $(".filter-container .menu > .item").on("click", function() {
if ($(this).attr("value") != undefined) { sessionStorage.setItem("flag", 1)
arr.push($(this).attr("value")) 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 $.each($(".filter-container .field"), function() {
//if ($(".filter-container .field").find(".active").length == $(".filter-container .field").length) { //$(".filter-container .field").find(".active").length == $(".filter-container .field").length
var str; //if ($(".filter-container .field").find(".active").length == $(".filter-container .field").length) {
if (getQueryString("a_id") == '0') { 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 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) => { arr.forEach((item, index) => {
if (index === 0) { if (index === 0) {
str += item str += item
@ -574,36 +596,12 @@
str += item str += item
} }
}); });
window.location.href = changeURLArg(url, "a_id", str) window.location.href = 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
}
} }
//} }
}) //}
}) })
</script> })
</script>
{/block} {/block}

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

@ -69,11 +69,15 @@
}*/ }*/
.add-f-btn-con a { .add-f-btn-con a {
display: block; display: block;
text-align: right; text-align: right !important;
background: none !important; background: none !important;
color: #3b52f6 !important; color: #838383 !important;
padding-top: 2rem; font-size: 1rem;
text-decoration: revert; transition: all .6s;
margin-top: -0.4rem;
}
.add-f-btn-con a:hover{
color: #00db6d !important;
} }
.td-show { .td-show {
@ -97,7 +101,7 @@
}) })
}) })
</script> </script>
<div class="page-banner"> <div class="page-banner wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="swiper-container"> <div class="swiper-container">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"><img src="/uploads/home/common/{$class.gc_image}" alt="program"></div> <div class="swiper-slide"><img src="/uploads/home/common/{$class.gc_image}" alt="program"></div>
@ -109,31 +113,31 @@
<p>{$class.pro_college}</p> <p>{$class.pro_college}</p>
</div> --> </div> -->
</div> </div>
<main class="course-details program-details"> <main class="course-details program-details wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<section class="main-1"> <section class="main-1">
<div class="main-center "> <div class="main-center ">
<!-- <div class="position">Position：Home > Programs > Program Overview </div> --> <!-- <div class="position">Position：Home > Programs > Program Overview </div> -->
<div class="program-title"> <div class="program-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<span class="c1">Program Name</span> <span class="c1">Program Name</span>
<h2>{$class.gc_name}</h2> <h2>{$class.gc_name}</h2>
</div> </div>
<div class="program-info"> <div class="program-info">
<div class="container"> <div class="container">
<div> <div>
<h2>Program Overview</h2> <h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Program Overview</h2>
<p><em>Location：</em><span>{$class.pro_locate}</span></p> <p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><em>Location：</em><span>{$class.pro_locate}</span></p>
<p><em>Institution：</em><span>{$class.pro_college}</span></p> <p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><em>Institution：</em><span>{$class.pro_college}</span></p>
<p><em>Session Date：</em><span>{$class.pro_period}</span></p> <p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><em>Session Date：</em><span>{$class.pro_period}</span></p>
<p><em>Program Length：</em><span>{$class.pro_duration}</span></p> <p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><em>Program Length：</em><span>{$class.pro_duration}</span></p>
<p><em>Target Audience：</em><span>{$class.pro_people}</span></p> <p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><em>Target Audience：</em><span>{$class.pro_people}</span></p>
</div> </div>
<!-- <div class="right-2"> <!-- <div class="right-2">
<img src="/uploads/home/common/{$class.gc_image}" alt=""> <img src="/uploads/home/common/{$class.gc_image}" alt="">
</div> --> </div> -->
</div> </div>
<div class="content"> <div class="content">
<h4>Program Features</h4> <h4 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Program Features</h4>
<p>The 2022 Sichuan University International Summer Credit Course Program is sponsored by Sichuan <p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">The 2022 Sichuan University International Summer Credit Course Program is sponsored by Sichuan
University's College University's College
of International Studies. It is designed to help students from various countries, institutions, and of International Studies. It is designed to help students from various countries, institutions, and
majors expand their majors expand their
@ -143,27 +147,28 @@
</div> </div>
</div> </div>
</section> </section>
<section class="main-2"> <section class="main-2-1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="container"> <div class="container">
<div class="main-center"> <div class="main-center">
<div class="content1"> <div class="content1">
<div class="des"> <div class="des">
<div class="d-left"> <div class="d-left">
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">What Can be Gained?</span>
<!-- {:htmlspecialchars_decode($class.pro_info)} --> <!-- {:htmlspecialchars_decode($class.pro_info)} -->
<div> <div class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<h4>Personal Growth</h4> <h4>Personal Growth</h4>
<p>Studying abroad is a valuable experience that allows students to gain <p>Studying abroad is a valuable experience that allows students to gain
independence, develop leadership abilities, and broaden their global independence, develop leadership abilities, and broaden their global
perspective.</p> perspective.</p>
</div> </div>
<div> <div class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<h4>Immersive Cultural Experience</h4> <h4>Immersive Cultural Experience</h4>
<p>Students will live and study in Chengdu, where they will be able to spend <p>Students will live and study in Chengdu, where they will be able to spend
their weekends visiting popular local attractions and cultural sites, their weekends visiting popular local attractions and cultural sites,
savoring local cuisine, attending ethnic festivals, and experiencing ancient savoring local cuisine, attending ethnic festivals, and experiencing ancient
Shu culture.</p> Shu culture.</p>
</div> </div class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div> <div class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<h4>Expand Global Perspective</h4> <h4>Expand Global Perspective</h4>
<p>Experiencing a diverse lifestyle and meeting the challenges of cross-cultural <p>Experiencing a diverse lifestyle and meeting the challenges of cross-cultural
communication is essential to becoming a true global citizen. As a student communication is essential to becoming a true global citizen. As a student
@ -173,14 +178,13 @@
opportunities to broaden your international viewpoint.</p> opportunities to broaden your international viewpoint.</p>
</div> </div>
</div> </div>
<div class="d-right"><img src="/uploads/home/common/{$class.pro_info_image}" <div class="d-right wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="/uploads/home/common/{$class.pro_info_image}" alt="Program Features"></div>
alt="Program Features"></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<section class="main-2"> <section class="main-2" style="display: none;">
<div class="container main-center"> <div class="container main-center">
<div class="content3"> <div class="content3">
<div class="main-title"> <div class="main-title">
@ -210,7 +214,7 @@
</div> </div>
</div> </div>
</section> </section>
<section class="main-2"> <section class="main-2 main-2-2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="container main-center"> <div class="container main-center">
<div class="main-center"> <div class="main-center">
<div class="content1"> <div class="content1">
@ -218,7 +222,7 @@
<h2>Course Information</h2> <h2>Course Information</h2>
</div> </div>
<div class="des"> <div class="des">
<div class="table"> <div class="table wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<table> <table>
<thead> <thead>
<tr> <tr>
@ -281,7 +285,6 @@
<td>4</td> <td>4</td>
<td>TBA</td> <td>TBA</td>
</tr> </tr>
<tr class="tr-blue td-show"> <tr class="tr-blue td-show">
<td colspan='4'>10:40-12:40</td> <td colspan='4'>10:40-12:40</td>
</tr> </tr>
@ -303,7 +306,6 @@
<td>4</td> <td>4</td>
<td>TBA</td> <td>TBA</td>
</tr> </tr>
<tr class="tr-blue td-show"> <tr class="tr-blue td-show">
<td colspan='4'>13:10-15:10</td> <td colspan='4'>13:10-15:10</td>
</tr> </tr>
@ -337,9 +339,6 @@
<td>3</td> <td>3</td>
<td>TBA</td> <td>TBA</td>
</tr> </tr>
<tr class="tr-blue td-show"> <tr class="tr-blue td-show">
<td colspan='4'>15:20-17:20</td> <td colspan='4'>15:20-17:20</td>
</tr> </tr>
@ -379,9 +378,6 @@
<td>3</td> <td>3</td>
<td>TBA</td> <td>TBA</td>
</tr> </tr>
<tr class="tr-blue td-show"> <tr class="tr-blue td-show">
<td colspan='4'>17:30-19:30</td> <td colspan='4'>17:30-19:30</td>
</tr> </tr>
@ -427,310 +423,125 @@
<td>1</td> <td>1</td>
<td>TBA</td> <td>TBA</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<div class="vclist vclists"><a href="javascript:;">View Course List</a></div> <div class="vclist vclists"><a href="javascript:;">View Course List</a></div>
<div class="vclist showlists" style="display:none;"><a href="javascript:;">Show Less</a> <div class="vclist showlists" style="display:none;"><a href="javascript:;">Show Less</a>
</div> </div>
</div> </div>
</div> </div>
<div class="add-f-btn-con wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div class="add-f-btn-con"> <a href="https://chatting.page/4enwdahqiuzzigop29taomatroakg3va" target="_blank">Can't find your course? Contact us !</a>
<a href="https://chatting.page/4enwdahqiuzzigop29taomatroakg3va" target="_blank">Can't find your
course? Contact us !</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<section class="main-2"> <section class="main-2 main-2-4 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="main-center container"> <div class="main-center container">
<div class="content4"> <div class="content4">
<div class="main-title"> <div class="main-title">
<h2>Accommodation</h2> <h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Accommodation</h2>
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
Sichuan University will provide on-campus apartments<br /> for students to live in in order to provide a comfortable and safe living environment.
</p>
<span class="c1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">For more information on accommodation, please contact LightCourse for inquiries.</span>
</div> </div>
<div class="con"> <div class="con">
<!-- <div class="text"> <div class="accommodation-item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p> <h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
Sichuan University will provide on-campus apartments for students to live in in order to provide a comfortable and safe living environment. The students' classroom is about a 5-minute walk from the apartment. The apartment comes in two sizes: one bedroom and two bedrooms. With private restroom facilities and a free laundry room, the environment is clean and sanitary. The apartment's first-floor front desk is staffed 24 hours a day to ensure that students have access to assistance in the event of an emergency. The students' classroom <br/> is about a 5-minute walk <br/> from the apartment.
</p> </h3>
</div> <span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div class="img"> will provide on-campus apartments for students <br/> to live in in order to provide <br/> a comfortable and safe living environment.
<img src="{$Think.HOME_SITE_ROOT}/new/images/pg6.png" alt="住宿信息"> </span>
<p>四川大学实拍图</p> </div>
</div>--> <div class="accommodation-item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p> <h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
Sichuan University will provide on-campus apartments for students to live in in order to provide The apartment<br/> comes in two sizes: <br/>
a comfortable and safe living environment. The students' classroom is about a 5-minute walk from one bedroom / two bedrooms.
the apartment. The apartment comes in two sizes: one bedroom and two bedrooms. With private </h3>
restroom facilities and a free laundry room, the environment is clean and sanitary. The <span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
apartment's first-floor front desk is staffed 24 hours a day to ensure that students have access the environment is <br/> clean and sanitary
to assistance in the event of an emergency. </span>
</p> </div>
<div class="accommodation-item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
With<br/> private restroom facilities <br/> & a free laundry room
</h3>
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
the environment is <br/> clean and sanitary
</span>
</div>
<div class="accommodation-item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
The apartment's first-floor <br/> front desk is<br/> staffed 24 hours a day
</h3>
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
to ensure that students<br/> have access to assistance<br/> in the event of an emergency.
</span>
</div>
</div> </div>
<p>In addition to on-campus housing, there are many other clean and sanitary accommodations around
Sichuan University's Wangjiang Campus, including hotels, flats, and B&Bs, for students seeking a
better living environment. </p>
<p class="more">For more information on accommodation, please <a
href="https://chatting.page/4enwdahqiuzzigop29taomatroakg3va" target="_blank">contact
LightCourse</a> for inquiries. </p>
</div> </div>
</div> </div>
</section> </section>
<section class="main-2"> <section class="main-2 main-2-5 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="main-center container"> <div class="main-center container program-container">
<div class="content1">
<div class="main-title">
<h2>Flight</h2>
</div>
<div class="des">
<p>
Students are responsible for purchasing their own airfare. <br>
Students are strongly recommended not to purchase airfare until after being officially accepted
to the program and receiving your admission letter with arrival/departure dates indicated.
</p>
</div>
</div>
</div>
</section>
<section class="main-2">
<div class="main-center container">
<div class="content1 apply-content"> <div class="content1 apply-content">
<div class="main-title"> <div class="main-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<h2>Apply to the Program</h2> <h2>Apply to the Program</h2>
</div> </div>
<div class="txt"> <div class="txt">
<div> <div class="program-txt-01 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<strong>Application Requirements：</strong> <p>• Demonstrated outstanding academic achievement</p>
<div> <p>• Full-time college student with a cumulative GPA of 2.5 or above</p>
<p>• Demonstrated outstanding academic achievement</p> <p>• Fluency in English (listening, speaking, reading and writing)</p>
<p>• Full-time college student with a cumulative GPA of 2.5 or above</p>
<p>• Fluency in English (listening, speaking, reading and writing)</p>
<p>* Students who do not satisfy the above criteria should contact us to see if they are
eligible</p>
<p>* Seats will be assigned to students in the order in which they enroll, subject to class
size
and number limitations.</p>
</div>
</div> </div>
<div> <div class="program-txt-02 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<strong>Application Deadline：</strong> <p><em>* </em>Students who do not satisfy the above criteria should contact us to see if they are eligible</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;June 24, 2022</p> <p>
<em>* </em>Seats will be assigned to students in the order in which they enroll, <br />
subject to class size and number limitations.
</p>
</div> </div>
<div> <div class="program-txt-03 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<strong>Application Instructions:</strong> <p>Application Deadline：</p>
<p>June 24, 2022</p>
</div>
<div class="program-txt-04 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<p>Application Instructions:</p>
<a class="applynow" href="https://chatting.page/4enwdahqiuzzigop29taomatroakg3va" <a class="applynow" href="https://chatting.page/4enwdahqiuzzigop29taomatroakg3va"
target="_blank" style="color:rgb(36,83,245);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Apply target="_blank">Apply now</a>
now</a>
</div> </div>
</div> </div>
</div> </div>
</div>
</section>
<section class="main-2">
<div class="main-center container">
<div class="content1 apply-content contact-content"> <div class="content1 apply-content contact-content">
<div class="main-title"> <div class="main-title">
<h2>Contact Information</h2> <h2>Contact Information</h2>
</div> </div>
<div class="txt"> <div class="txt">
<div class="col-12"> <div class="col-12 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<strong>Contact：</strong> <p>Contact：</p>
<p>Sichuan University International Summer Credit Course Program</p> <p>Sichuan University International Summer Credit Course Program</p>
</div> </div>
<div class="col-12"> <div class="col-12 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<strong>E-mail：</strong> <p>E-mail：</p>
<a href="mailto:pengl@scu.edu.cn"> <p><a href="mailto:pengl@scu.edu.cn">pengl@scu.edu.cn</a></p>
<p>&nbsp;&nbsp;&nbsp;pengl@scu.edu.cn</p>
</a>
</div> </div>
<div class="col-12"> <div class="col-12 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<strong>Tel：</strong> <p>Tel：</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(86)028-85405406</p> <p>(86)028-85405406</p>
</div> </div>
<div class="col-12"> <div class="col-12 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<strong>Address：</strong> <p>Address：</p>
<p>Room 104, College of International Studies,<br> Sichuan University, No.24 South Section 1, <p>Room 104, College of International Studies,<br> Sichuan University, No.24 South Section 1,
Yihuan Road, Chengdu</p> Yihuan Road, Chengdu</p>
</div> </div>
<img src="{$Think.HOME_SITE_ROOT}/new/images/Contact.png" alt=""> <!-- <img src="{$Think.HOME_SITE_ROOT}/new/images/Contact.png" alt=""> -->
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<!-- <section class=" comment-container">
<div class="main-center">
<div class="comment">
<div class="comment-list">
<h5>List (2)</h5>
<div class="content">
<div class="item">
<div>
<h6>The Wig Experts</h6>
<div class="des">
We would love to help you find your perfect style and color. To better assist you, we would recommend a virtual consultation. We know shopping online and wondering if it's right can be challenging.and based on the part of the process you are on, you would be thie perfect candidate for a virtual consultation. This free premier service that we now offer will help us better serve your needs! Virtual consultations give you the option of doing a one-on-one zoom with one of our experts. This then allows us the opportunity to show you how to measure, go over styles, and color options; as well as answer any questions you may have. If this is something you are interested in, let us know and we will gladly set up a time to meet with you.
</div>
<div class="time">
<span>
<i class="iconfont icon-shijian"></i>
2021-12-15 15:17:51
</span>
<span>
<i class="iconfont icon-eye"></i>
Reply
</span>
</div>
</div>
</div>
<div class="item">
<div>
<h6>The Wig Experts</h6>
<div class="des">
We would love to help you find your perfect style and color. To better assist you, we would recommend a virtual consultation. We know shopping online and wondering if it's right can be challenging.and based on the part of the process you are on, you would be thie perfect candidate for a virtual consultation. This free premier service that we now offer will help us better serve your needs! Virtual consultations give you the option of doing a one-on-one zoom with one of our experts. This then allows us the opportunity to show you how to measure, go over styles, and color options; as well as answer any questions you may have. If this is something you are interested in, let us know and we will gladly set up a time to meet with you.
</div>
<div class="time">
<span>
<i class="iconfont icon-shijian"></i>
2021-12-15 15:17:51
</span>
<span>
<i class="iconfont icon-eye"></i>
Reply
</span>
</div>
</div>
</div>
</div>
</div>
<div class="comment-right">
<h6>Leave a comment</h6>
<form action="javascript:return false" class="form">
<div>
<label for="">Name</label>
<input type="text" placeholder="Please enter name">
</div>
<div>
<label for="">Email</label>
<input type="text" placeholder="Please enter email">
</div>
<div>
<label for="">Message</label>
<textarea name="comment" id="comment" required="" placeholder="Please Leave A Comment"></textarea>
</div>
<div class="code-img">
<!-- <input type="text" name="checkcode" required id="checkcode" class="form-control" placeholder="请输入验证码">
<div class="img">
<img title="点击刷新" class="codeimg" src="" />
</div>-->
<!-- </div>
<div class="submit-btn">
<input type="submit" value="SUBMIT">
</div>
</form>
</div>
</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>01. Registration Procedure </h6>
<p>Pay tuition - Select course - Course approval - Course registration - Sign the agreement
- Recieve student manual- Begin classes - Get grades - Send transcripts - Transfer
credits</p>
</div>
</li>
<li>
<div class="link">
<h5><span>02. Tuition/Fees Description</span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Course price</h6>
<p>All courses offered on LightCourse are priced individually and are consistent with the
institutions offering the courses. 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 methods</h6>
<p>LightCourse offers a variety of payment methods. Tuition can be paid in USD or RMB,
WeChat / Alipay / bank transfer / Paypal transfer are all accepted.</p>
<h6>3. Fee inclusions</h6>
<p>The course price, application fee, and file management charge are included in the fees;
however, they do not include course materials, third-party platforms such as Cengage,
Labster, and other course-related costs such as VPN, accommodation, etc.</p>
</div>
</li>
<li>
<div class="link">
<h5><span>03. Select the Right Course</span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. How to choose the right program/course?</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, 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 credit courses (live/recorded/self-paced) and
in-person courses, as well as study abroad programs.
</p>
<p>LightCourse will also assign you a professional advisor who will suggest the right course
for you depending on your requirements.</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 school approve these courses?</h6>
<p>LightCourse will provide you with a professional course 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 transfer effectively.</p>
</div>
</li>
</ul>
</div>
</div>
</section>
<section class="container-mask no description">
<div class="container des">
<i class="iconfont close">2</i>
<h5>PSY 101 <br>
Introduction toPsychology</h5>
<div>
DescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescription
</div>
</div>
</section>
</main> </main>
{/block} {/block}
{include file='default/base/mall_footer'/} {include file='default/base/mall_footer'/}

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

@ -4,307 +4,359 @@
{block name="mall_main"} {block name="mall_main"}
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/about.css"> <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/about.css">
<style> <style>
.about h2 {
margin-bottom: 1rem;
}
.list-banner .container {
height: 25rem;
display: flex;
align-items: center;
justify-content: center;
}
.about h2 { .list-banner .container .left {
margin-bottom: 1rem; width: 100%;
} }
.list-banner .container { .list-banner .container .left * {
height: 25rem; color: #fff !important;
display: flex; text-align: center;
align-items: center; }
justify-content: center;
}
.list-banner .container .left { .list-banner .container .left h3 {
width: 100%; font-size: 2.4rem;
} line-height: 1.4;
text-shadow: 0 0 .5rem #000;
}
.list-banner .container .left * { .list-banner .container .left h4 {
color: #fff !important; font-size: 1.3rem;
text-align: center; line-height: 1.4;
} text-shadow: 0 0 .5rem #000;
margin-top: 1rem;
}
.list-banner .container .left h3 { @media screen and (max-width:768px) {
font-size: 2.4rem; .list-banner .container .left h3 {
line-height: 1.4; font-size: 2rem;
text-shadow: 0 0 .5rem #000; }
}
.list-banner .container .left h4 { .list-banner .container .left h4 {
font-size: 1.3rem; 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> </style>
<div class="list-banner" style="background-image: url({$Think.HOME_SITE_ROOT}/new/images/about.png);"> <!-- <div class="list-banner" style="background-image: url({$Think.HOME_SITE_ROOT}/new/images/about.png);">
<div class="main-center container"> <div class="main-center container">
<!-- <div class="position">当前位置：首页 > 所有课程 </div> --> <div class="content con1">
<div class="content con1"> <div class="left">
<div class="left"> <h3>Earn college credits anytime, <br>
<!-- <h2>ABOUT US</h2> from anywhere</h3>
<h3>关于我们</h3> --> <h4>7000+ universitiy courses, <br>
<h3>Earn college credits anytime, <br> with full credit transfer service</h4>
from anywhere</h3> </div>
<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>
<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> </div>
<main class="about"> <main class="about">
<section class="main-1"> <section class="main-1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="main-center container"> <div class="main-center container">
<div class="text"> <div class="text">
<h6>Who Are We ? </h6> <h6 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Who Are We ? </h6>
<h2>7000+ College Courses - <br> <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> 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 <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 />
of students as to help universities and colleges develop and promote courses and programs that can reach potential students worldwide. <br />
as well as to help universities and colleges develop and promote courses and programs that can reach potential 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 />
students worldwide. <br> courses</a> and <a href="/program">study abroad</a> opportunities.
We offer a platform that facilitates student access to various study options, including <a </p>
href="/brand">online</a> as well as <a href="/brand">face-to-face credit-bearing courses</a> and <a href="/program">study abroad</a> </div>
opportunities. <div class="our-goal wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
</p> <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>
</div> <section class="main-2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
</div> <div class="main-center main-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
</section> <h2>WHY CHOOSE US?</h2>
<section class="main-2"> <p>
<div class="main-center main-title"> LightCourse is a global higher education opportunity provider that aims to meet the diverse educational needs of students as well<br/>
<h2>WHY CHOOSE US?</h2> 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/>
</div> courses and study abroad opportunities.
<div class="main-center container"> </p>
<div class="item"> </div>
<div class="i"> <div class="main-center container main-list">
<img src="{$Think.HOME_SITE_ROOT}/new/images/ico1.png" alt=""> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
</div> <!-- <div class="i">
<div class="text"> <img src="{$Think.HOME_SITE_ROOT}/new/images/ico1.png" alt="">
<h6>Professional 1-on-1 Transfer Credit Guidance</h6> </div> -->
<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 class="text">
</div> <h6>Professional 1-on-1 Transfer Credit Guidance</h6>
</div> <p>Our expert academic advisors provide 1-on-1 guidance to students to assure final credit transfer
<div class="item"> by working with students to complete course pre-approval according to the credit transfer policy
<div class="i"> of a student’s home institution.</p>
<img src="{$Think.HOME_SITE_ROOT}/new/images/ico2.png" alt=""> </div>
</div> </div>
<div class="text"> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<h6>Unlimited Follow-up Support</h6> <!-- <div class="i">
<p>We provide ongoing support as students move forward with their studies and careers. We're here to help <img src="{$Think.HOME_SITE_ROOT}/new/images/ico2.png" alt="">
ensure your credits and successes follow you as you transfer between universities, apply for graduate </div> -->
school, and pursue job applications.</p> <div class="text">
</div> <h6>Unlimited Follow-up Support</h6>
</div> <p>We provide ongoing support as students move forward with their studies and careers. We're here to
<div class="item"> help
<div class="i"> ensure your credits and successes follow you as you transfer between universities, apply for
<img src="{$Think.HOME_SITE_ROOT}/new/images/ico3.png" alt=""> graduate
</div> school, and pursue job applications.</p>
<div class="text"> </div>
<h6>Proven Experience in Program Operations</h6> </div>
<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 class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
</div> <!-- <div class="i">
</div> <img src="{$Think.HOME_SITE_ROOT}/new/images/ico3.png" alt="">
<div class="item"> </div> -->
<div class="i"> <div class="text">
<img src="{$Think.HOME_SITE_ROOT}/new/images/ico4.png" alt=""> <h6>Proven Experience in Program Operations</h6>
</div> <p>Founded in 2012, LightCourse has been helping students find and pursue unique educational
<div class="text"> opportunities for more than a decade. Over the years, LightCourse has assisted 10,000+ students
<h6>Extensive Curriculum for Any Credit Requirement</h6> from 200+ colleges and institutions in transferring a total of 80,000+ academic credits. We
<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> always aim to ensure academic success for every student.</p>
</div> </div>
</div> </div>
<div class="item"> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div class="i"> <!-- <div class="i">
<img src="{$Think.HOME_SITE_ROOT}/new/images/ico5.png" alt=""> <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> <!-- <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/01-RIT.png" alt=""></div>
<div class="text"> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/15-Ryerson.png" alt=""></div>
<h6>Popular Study Destinations</h6> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/02-NAU.png" alt=""></div>
<p>We provide a selection of over 10 exciting destinations worldwide so you can add a different cultural experience to your studies. </p> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/03-ASU.png" alt=""></div>
</div> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/04-UCB.png" alt=""></div>
</div> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/05-SFSU.png" alt=""></div>
<div class="item"> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/06-Manitoba.png" alt=""></div>
<div class="i"> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/07-UWGB.png" alt=""></div>
<img src="{$Think.HOME_SITE_ROOT}/new/images/ico6.png" alt=""> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/08-WSU.png" alt=""></div>
</div> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/09-FMCC.png" alt=""></div>
<div class="text"> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/10-UNB.png" alt=""></div>
<h6>Courses to Meet Any Schedule</h6> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/11-Trine.png" alt=""></div>
<p>Along with the usual spring, summer, fall, and winter terms, there are also self-paced courses available. <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/12-Olympic.png" alt=""></div>
Students can choose their preferred classes based on their own schedules.</p> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/13-Central SU.png" alt=""></div>
</div> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/14-SDSU.png" alt=""></div> -->
</div> </div>
<div class="item"> </section>
<div class="i"> <section class="about-swiper wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<img src="{$Think.HOME_SITE_ROOT}/new/images/ico7.png" alt=""> <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>
</div> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.6s">
<div class="text"> <div class="link">
<h6>Academic Credit System Compliance</h6> <h5><span>03. Select the Right Course(s) for You</span> <i></i></h5>
<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. </div>
</p> <div class="submenu">
</div> <h6>1. Choosing the best program/course for your needs</h6>
</div> <p>Throughout the year, LightCourse offers programs and courses from institutions around the
</div> world in a variety of disciplines, including engineering, business, natural sciences,
</section> social sciences, humanities, and arts. These courses are intended to meet the needs of a
<section class="main-3"> wide range of students seeking major, elective, and general education courses. There are
<div class="main-center container"> a variety of study alternatives available, including online for-credit courses
<div class="main-center main-title"> (live/recorded/self-paced) and in-person courses, as well as study abroad programs.
<h2>Our Goal</h2> </p>
</div> <p>LightCourse will provide you with an advisor who will work directly with you to help
<div class="text"> determine the best options for your needs.</p>
<p><strong>LightCourse's goal is to provide diversified, flexible, and convenient learning options to students <p>(Note: Since all courses have limited capacity, we recommend registering as soon as
globally in collaboration with institutions of higher education as technology advances and makes possible to ensure a spot.)</p>
education more accessible to all. </strong></p> </div>
<p>We are confident that by collaborating with our partner institutions, we will bring more educational </li>
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> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.8s">
<div class="link">
<section class="main-6"> <h5><span>04. Complete Course Approval</span> <i></i></h5>
<div class="main-center main-title container"> </div>
<h2>Our Services</h2> <div class="submenu">
<p><strong>-LightCourse has rich experience in providing excellent student services. </strong></p> <h6>1. Does my home school approve these courses?</h6>
</div> <p>LightCourse will provide you with an advisor who will provide you with one-on-one support
<div class="main-center container"> throughout the transfer process according to your university's transfer credit policy to
<div class="item"> ensure that you can complete the credit transfer successfully.</p>
<p><span class="c1">We provide students seeking credit-bearing study possibilities with high-quality and convenient "one-stop" services,</span><br> </div>
thanks to our dedicated team with more than a decade of experience and expertise. LightCourse provides full credit transfer </li>
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> </ul>
</div> </div>
</div> </div>
</section> </section>
</main> </main>
{/block} {/block}
{include file='default/base/mall_footer'/} {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 { .a-hover:hover {
color: #3b52f6; color: #3b52f6;
} }
.fb {
font-family: "robotoMedium";
}
.list-banner { .list-banner {
position: relative; position: relative;
} }
.list-banner > .img { .about-banner{
position: absolute; background-color: #07cd6a;
bottom: 0; padding: 2.5rem 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;
} }
.list-banner h3 {
font-family: "robotoMedium"; .about-banner .main-center{
justify-content: flex-start !important;
max-width: 76rem;
height: auto !important;
} }
.about { .about-banner .about-banner-txt h2{
padding-top: 5rem; 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 { .about .main-title {
margin-bottom: 2rem; margin-bottom: 2rem;
@ -88,83 +94,215 @@
margin-bottom: 2rem; margin-bottom: 2rem;
} }
.about .container b { .about .container b {
font-family: "robotoMedium";
} }
.about .container h4 { .about .container h4 {
font-size: 2rem; font-size: 2rem;
font-family: "robotoMedium";
} }
.about .container p { .about .container p {
margin-top: 1.3rem; margin-top: 1.3rem;
font-size: 0.9rem; font-size: 0.9rem;
font-family: 'robotoLight'!important;
} }
.about .container span.c1 { .about .container span.c1 {
color: #3b52f6; color: #3b52f6;
} }
.about .container em { .about .container em {
font-weight: bold;
font-family: "robotoMedium";
font-size: 1.3rem; font-size: 1.3rem;
} }
.about .container .f-img img { .about .container .f-img img {
float: right; float: right;
max-width: 23rem; 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 { .about .main-1 .container h2 {
font-family: "robotoMedium"; font-size: 1.9rem;
line-height: 1.2; line-height: 1.2;
text-align: center;
} }
.about .main-1 .container h6 { .about .main-1 .container h6 {
font-size: 1.3rem; font-size: 1.25rem;
color: #3b52f6; color: #00db6d;
margin-bottom: 0.8rem;
} }
.about .main-1 .container a {
font-family: "robotoMedium"; .about .main-1 .container p{
text-decoration: underline; 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 { .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; .about .main-2 .main-center{
text-align: center; max-width: 64rem;
font-weight: 500;
margin-bottom: 3rem;
} }
.about .main-2 .container .item {
display: flex; .about .main-2 h2{
align-items: center; text-align: center;
margin-bottom: 2rem; color: #ffff1b;
margin-bottom: 1.6rem;
} }
.about .main-2 .container .item:last-of-type { .about .main-2 .main-title p{
margin-bottom: 0; text-align: center;
} }
.about .main-2 .container .item .i { .about .main-2 .main-list{
width: 5rem; display: flex;
height: 5rem; flex-wrap: wrap;
border-radius: 50%; justify-content: space-between;
display: flex; padding-top: 1.2rem;
flex-direction: column;
align-items: center;
justify-content: center;
margin-right: 2rem;
flex-shrink: 0;
} }
.about .main-2 .container .item .i .icon { .about .main-2 .item{
font-size: 2rem; width: calc(50% - 2.5rem);
color: #3b52f6;
} }
.about .main-2 .container .item .text h6 { .about .main-2 .item p{
line-height: 1.4; display: none !important;
margin-bottom: 0.5rem;
} }
.about .main-2 .container .item .text p {
line-height: 1.8; .about .main-2 .item h6{
color: #000; font-size: 1rem;
font-size: 0.9rem; line-height: 1.5;
font-family: 'robotoLight'!important; 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 { .about .main-3 {
background-color: #3b52f6; background-color: #3b52f6;
} }
@ -174,63 +312,20 @@
.about .main-3 h2 { .about .main-3 h2 {
color: #fff; 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 { .about .main-5 {
background-color: #fafafb; background-color: #fafafb;
} }
.about .main-6 { .about .main-6 {
padding-top: 0; padding-top: 0;
} }
.about .main-7 { .about .main-7 {
padding-top: 0; padding: 5rem 0 3.7rem;
} }
.about .main-7 h3 { .about .main-7 .main-title h2{
font-size: 1.3rem; text-align: center !important;
color: #3b52f6;
text-align: center;
font-weight: 500;
margin-bottom: 3rem;
} }
.about .main-7 .container { .about .main-7 .container {
display: flex; display: flex;
@ -240,6 +335,7 @@
width: calc((100% - (5 - 1) * 1.3rem) / 5); width: calc((100% - (5 - 1) * 1.3rem) / 5);
margin-right: 1.3rem; margin-right: 1.3rem;
margin-bottom: 1.3rem; margin-bottom: 1.3rem;
text-align: center;
} }
.about .main-7 .container .item:nth-of-type(5n) { .about .main-7 .container .item:nth-of-type(5n) {
margin-right: 0; margin-right: 0;

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

@ -46,6 +46,9 @@
.a-hover:hover { .a-hover:hover {
color: #3b52f6; color: #3b52f6;
} }
.blog .main-center{
max-width: 55rem;
}
.sec-container { .sec-container {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -152,63 +155,115 @@
margin-bottom: 0.9rem; margin-bottom: 0.9rem;
} }
.blog .main-1 .sec-left .link { .blog .main-1 .sec-left .link {
display: block; display: flex;
padding: 0.9rem 0; align-items: center;
border-bottom: 1px solid #ebebeb;
} }
.blog .main-1 .sec-left .link:last-of-type { .blog .main-1 .sec-left .link:nth-of-type(2){
border-bottom: none;
} }
.blog .main-1 .sec-left .link:hover h6 { .blog .main-1 .sec-left .link:nth-of-type(even){
color: #3b52f6; flex-direction: row-reverse;
} }
.blog .main-1 .sec-left .link h6 {
font-size: 0.9rem; .blog .main-1 .sec-left .link .img{
display: flex; width: 50%;
align-items: center; height: 16rem;
position: relative;
} }
.blog .main-1 .sec-left .link h6 em { .blog .main-1 .sec-left .link .img img{
display: inline-block; min-height: 100%;
padding: 0.4rem; min-width: 100%;
background-color: #3b52f6; max-width: 120%;
color: #fff; max-height: 120%;
font-size: 0.9rem; position: absolute;
font-weight: normal; left: 0;
margin-right: 0.3rem; top: 50%;
text-transform: uppercase; transform: translateY(-50%);
} }
.blog .main-1 .sec-left .link p { .blog .main-1 .sec-left .link:nth-of-type(2n) .img img{
line-height: 1.8; min-height: 100%;
margin: 0.5rem 0; min-width: 100%;
overflow: hidden; max-width: 125%;
text-overflow: ellipsis; max-height: 125%;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
} }
.blog .main-1 .sec-left .link .field {
display: flex; .blog .main-1 .sec-left .link:nth-of-type(3n) .img img{
align-items: center; 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 * { .blog .main-1 .sec-left .link:nth-of-type(5n) .img img{
font-size: 0.9rem; min-height: 100%;
color: #999; 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) { .blog .main-1 .sec-left .link .text{
margin-left: 2rem; display: flex;
justify-content: flex-end;
width: 50%;
} }
.blog .main-1 .sec-left .link .field span .icon { .blog .main-1 .sec-left .link .text>div{
font-size: 0.9rem; display: flex;
margin-right: 0.2rem; 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:nth-of-type(even) .text>div{
.blog .main-1 .sec-left .link .field span:hover * { justify-content: flex-start;
color: #3b52f6;
} }
.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 { .blog-details .main-1 .sec-left .article {
margin-bottom: 0.9rem; margin-bottom: 0.9rem;
} }
@ -361,6 +416,93 @@
.blog-details .main-1 .share span .iconf { .blog-details .main-1 .share span .iconf {
color: #999; 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) { @media screen and (max-width: 1024px) {
.social-share .social-share-icon { .social-share .social-share-icon {
width: 1.5rem !important; 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 { .course-details .main-2 .content1 .des table tbody {
display: none; display: none;
font-size: 0.9rem;
} }
.course-details .main-2 .content1 .des table tbody:first-of-type { .course-details .main-2 .content1 .des table tbody:first-of-type {
@ -1258,6 +1259,174 @@ h4 {
margin-bottom: 0; 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) { @media screen and (max-width: 1024px) {
.course-details .main-2 .content1.contact-content .txt img { .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; padding-right: 1rem;
font-size: 0.9rem; font-size: 0.9rem;
position: relative; position: relative;
transition: all .6s;
} }
main .main-2 .container .more-btn1 em{ main .main-2 .container .more-btn1 em{
font-family: "HarmonyOS_Sans_Regular" !important; font-family: "HarmonyOS_Sans_Regular" !important;
@ -920,6 +921,7 @@ main .main-4 .container .item .img {
width: 59%; width: 59%;
height: 100%; height: 100%;
position: relative; position: relative;
overflow: hidden;
} }
main .main-4 .container .item .img img{ main .main-4 .container .item .img img{
width: 100%; 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({ var wow = new WOW({
boxClass: 'wow', /* 执行动画的元素 class */ boxClass: 'wow', /* 执行动画的元素 class */
animateClass: 'animated', /* animate.css 动画的 class */ animateClass: 'animated', /* animate.css 动画的 class */
offset: 5, /* 距离可视区域多少开始执行动画 */ offset: 40, /* 距离可视区域多少开始执行动画 */
mobile: true, /* 是否在移动设备执行动画 */ mobile: true, /* 是否在移动设备执行动画 */
live: true /* 异步加载的内容是否有效 */ live: true /* 异步加载的内容是否有效 */
}); });
wow.init(); 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