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}

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

File diff suppressed because it is too large Load Diff

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

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

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

@ -46,28 +46,34 @@
.a-hover:hover { .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