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

还剩剩1个页面3个弹窗

master
Lee 2022-10-29 17:03:04 +08:00
parent cf7a9f3fc0
commit b87ac8cd88
25 changed files with 1613 additions and 1317 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

215
app/home/view/default/mall/contact/index.html
View File

@ -3,74 +3,169 @@
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/contact.css"> <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/contact.css">
<div class="contact-banner"> <div class="contact-banner">
<div class="main-center container"> <div class="main-center container">
<h1>Contact Us</h1> <h1 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<h5>If you have any questions, please check below for the fastest way to get in touch with us!</h5> <span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.24s">Contact Us</span>
</h1>
<h5 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">If you have any questions,<br />please check below for the fastest way<br />to get in touch with us!</span>
</h5>
</div> </div>
<img class="contact-right-bg" src="{$Think.HOME_SITE_ROOT}/new/images/contact-right-bg.png">
<img class="contact-left-bg" src="{$Think.HOME_SITE_ROOT}/new/images/contact-left-bg.png">
</div> </div>
<main class="contact-container"> <main class="contact-container wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<section> <section class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div class="main-center container"> <div class="main-center container">
<div class="item item1"> <div class="item-bg" style="background-image: url({$Think.HOME_SITE_ROOT}/new/images/contact-01.jpg);">
<h6>For Students:</h6> <div class="item item1">
<p><strong>If you have questions about:</strong></p> <div class="left wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.4s">
<div class="text"> <h6 class="c1">For Students:</h6>
<p>- Registration</p> <p><strong>If you have questions about:</strong></p>
<p>- Payments</p> </div>
<p>- Course equivalency</p> <div class="text wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.4s">
<p>- Course approval</p> <p><em>•</em>Registration</p>
<p>- Credit transfer process</p> <p><em>•</em>Payments</p>
<p>- LightCourse services</p> <p><em>•</em>Course equivalency</p>
<p>- ....</p> <p><em>•</em>Course approval</p>
<img src="{$Think.HOME_SITE_ROOT}/new/images/G03.png" alt="For Students"> <p><em>•</em>Credit transfer process</p>
</div> <p><em>•</em>LightCourse services</p>
<p>Please search through our <a href="">FAQs</a>, or contact us via</p> <p><em></em>... ...</p>
<div class="mail"> <!-- <img src="{$Think.HOME_SITE_ROOT}/new/images/G03.png" alt="For Students"> -->
<a href="mailto:studentservice@lightglobal.org">studentservice@lightglobal.org</a> </div>
</div> <!-- <p>Please search through our <a href="">FAQs</a>, or contact us via</p>
</div> <div class="mail">
</div> <a href="mailto:studentservice@lightglobal.org">studentservice@lightglobal.org</a>
</div> -->
</section> </div>
<section> </div>
<div class="main-center container">
<div class="item item2">
<h6>For Universities:</h6>
<p><strong>If you are interested in partnerships like:</strong></p>
<div class="text">
<p>- Delivering more convenient, flexible, and diversified higher education options to
students worldwide</p>
<p>- Leveraging the integration effect of the LightCourse platform to increase enrollments
and global market reach by promoting your existing courses and programs</p>
<p>- Establishing and operating international programs</p>
<p>- ...</p>
<img src="{$Think.HOME_SITE_ROOT}/new/images/Subject.png" alt="For Universities">
</div>
<p>Please contact us at</p>
<div class="mail">
<a href="mailto:partnerships@lightglobal.org">partnerships@lightglobal.org</a>
</div>
</div>
</div> </div>
</section> </section>
<section> <section class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div class="main-center container"> <div class="main-center container">
<div class="item item3"> <div class="item-bg" style="background-image: url({$Think.HOME_SITE_ROOT}/new/images/contact-02.jpg);">
<h6>For Faculty:</h6> <div class="item item2">
<p><strong>If you are a qualified candidate interested in:</strong></p> <div class="left wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.4s">
<div class="text"> <h6 class="c1">For Universities:</h6>
<p>- Working with students from all over the world</p> <p><strong>If you are interested in partnerships like:</strong></p>
<p>- Interacting with people from different cultures and traveling abroad</p> </div>
<p>- ...</p> <div class="text wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.4s">
<img src="{$Think.HOME_SITE_ROOT}/new/images/hb.png" alt="For Faculty"> <p><em>•</em>Delivering more convenient, flexible, and diversified higher education options to
</div> students worldwide</p>
<p>Don't hesitate to contact us at</p> <p><em>•</em>Leveraging the integration effect of the LightCourse platform to increase enrollments
<div class="mail"> and global market reach by promoting your existing courses and programs</p>
<a href="mailto:partnerships@lightglobal.org">partnerships@lightglobal.org</a> <p><em>•</em>Establishing and operating international programs</p>
</div> <!-- <img src="{$Think.HOME_SITE_ROOT}/new/images/Subject.png" alt="For Universities"> -->
</div> </div>
<!-- <p>Please contact us at</p>
<div class="mail">
<a href="mailto:partnerships@lightglobal.org">partnerships@lightglobal.org</a>
</div> -->
</div>
</div>
</div>
</section>
<section class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div class="main-center container">
<div class="item-bg" style="background-image: url({$Think.HOME_SITE_ROOT}/new/images/contact-03.jpg);">
<div class="item item3">
<div class="left wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.4s">
<h6 class="c1">For Faculty:</h6>
<p><strong>If you are a qualified candidate interested in:</strong></p>
</div>
<div class="text wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.4s">
<p><em>•</em>Working with students from all over the world</p>
<p><em>•</em>Interacting with people from different cultures and traveling abroad</p>
<p><em></em>... ...</p>
<!-- <img src="{$Think.HOME_SITE_ROOT}/new/images/hb.png" alt="For Faculty"> -->
</div>
<!-- <p>Don't hesitate to contact us at</p>
<div class="mail">
<a href="mailto:partnerships@lightglobal.org">partnerships@lightglobal.org</a>
</div> -->
</div>
</div>
</div> </div>
</section> </section>
</main> </main>
<main class="course wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<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 class="content wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<ul id="accordion1" class="accordion">
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<div class="link">
<h5><span>01. Registration Procedure </span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Online Registration Procedure </h6>
<p>Pay tuition - Select course - Course approval - Course registration - Sign the
agreement - Receive
student manual- Begin classes - Get grades - Send transcripts - Transfer credits</p>
</div>
</li>
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<div class="link">
<h5><span>02. Tuition/Fees</span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Pricing</h6>
<p>All courses offered on LightCourse are priced individually based on the institution
offering the course. Please check the top right of the course page for specific
prices or contact your advisor for a one-on-one consultation.</p>
<h6>2. Payment</h6>
<p>LightCourse offers a variety of payment methods. Tuition can be paid in USD or RMB,
WeChat, Alipay, bank transfer, and PayPal transfer are all accepted.</p>
<h6>3. Fees</h6>
<p>The course price, application fee, and file management charge are included in the
pricing. However, other fees—such as those covering course materials, third-party
platforms such as Cengage, Labster, and other course-related costs such as VPN,
accommodation, etc.—may apply. Contact your advisor for a one-on-one consultation.
</p>
</div>
</li>
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<div class="link">
<h5><span>03. Select the Right Course(s) for You</span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Choosing the best program/course for your needs</h6>
<p>Throughout the year, LightCourse offers programs and courses from institutions around
the world in a variety of disciplines, including engineering, business, natural
sciences, social sciences, humanities, and arts. These courses are intended to meet
the needs of a wide range of students seeking major, elective, and general education
courses. There are a variety of study alternatives available, including online
for-credit courses (live/recorded/self-paced) and in-person courses, as well as
study abroad programs.
</p>
<p>LightCourse will provide you with an advisor who will work directly with you to help
determine the best options for your needs.</p>
<p>(Note: Since all courses have limited capacity, we recommend registering as soon as
possible to ensure a spot.)</p>
</div>
</li>
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<div class="link">
<h5><span>04. Complete Course Approval</span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Does my home school approve these courses?</h6>
<p>LightCourse will provide you with an advisor who will provide you with one-on-one
support throughout the transfer process according to your university's transfer
credit policy to ensure that you can complete the credit transfer successfully.</p>
</div>
</li>
</ul>
</div>
</div>
</section>
</main>
{/block} {/block}
{include file='default/base/mall_footer'/} {include file='default/base/mall_footer'/}

806
app/home/view/default/mall/document/index.html
View File

@ -1,533 +1,273 @@
{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/see.css"> <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/see.css">
<style> <style>
@media screen and (max-width:768px) { @media screen and (max-width:768px) {
.sroll-tabel { .sroll-tabel {
overflow-x: scroll; overflow-x: scroll;
} }
.sroll-tabel .table { .sroll-tabel .table {
width: 60rem; width: 60rem;
} }
} }
</style> </style>
<main class="see-container"> <div class="see-banner wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<section class="main-0"> <div class="main-center container wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div class="main-center container"> <h1>How LightCourse works</h1>
<div class="t"> <em>?</em>
<p>How LightCourse works</p> </div>
<h1>Worldwide access to Credit-bearing courses,<br> </div>
both online and on-campus <main class="see-container">
</h1> <section class="main-0 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
</div> <div class="main-center container">
<div class="m1"> <div class="t wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div class="main-title"> <h2>Worldwide access to Credit-bearing courses,<br>
<h2>7000+ COLLEGE COURSES</h2> both online and on-campus
<p class="college"><strong>-LightCourse provides worldwide access to credit-bearing college courses, both online and </h2>
on-campus.</strong></p> </div>
</div> <div class="m1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div class="main-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<div class="mt"> <h2>1.&nbsp;&nbsp;&nbsp;7000+COLLEGE COURSES</h2>
<p class="title-p">We partner with top-notch institutions around the world and offer 7000+ official college courses covering <p class="college">LightCourse provides worldwide access to credit-bearing college courses, both online and on-campus.</p>
more than 300 different majors and disciplines, including <strong>mathematics, business, computer science, </div>
communications, art, social science, humanities, </strong>and <strong>other fields.</strong> Available courses include required
courses for many majors, general education requirements, electives at various levels, as well as more <div class="mt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
specialized offerings.</p> <p class="title-p">
<!-- <p class="title-p">Through a global network of world-class universities like the University of California, Berkeley, and We partner with top-notch institutions around the world and offer 7000+ official college courses covering more than 300 different<br />
Arizona State University, we provide a platform that students can take high-quality individual college majors and disciplines, including <span class="c1">mathematics, business, computer science, communications, art, social science, humanities</span>, and <br />
courses at any time and from anywhere. Explore now to find new study opportunities on LightCourse!</p>--> <span class="c1">other fields.</span> Available courses include required courses for many majors, general education requirements, electives at various<br />
<!--<div class="more-btn">--> levels, as well as more specialized offerings.
<!-- <a href="/brand">See all course</a>--> </p>
<!--</div>--> </div>
</div> </div>
</div>
</div>
</div> </section>
</section> <section class="main-1-1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<section class="main-1 m2"> <div class="main-center container">
<div class="main-center container"> <div class="title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<h2>100% ACCREDITED</h2> <h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">What We Provide</h3>
<strong> - All our credit-bearing courses are offered by accredited colleges and universities</strong> <p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Credit-bearing online courses</p>
<div class="mt"> <span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">For individual online courses, students can choose between live ("synchronous") or recorded ("asynchronous") courses as the mode of instruction. Along with the usual spring, summer, fall, and winter terms, there are also self-paced courses available, allowing students to choose the appropriate classes based on their own schedules.</span>
<p class="Students-title">Students can easily find these individual classes through our platform and experience different teaching </div>
methods from top-notch institutions. We provide a full<strong> college credit transfer service </strong>to assist students with <div class="list">
the entire process of registering for off-campus courses and transferring credits. </p> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
</div> <h4 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Synchronous/Live</h4>
<div class="mt"> <span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<h4>Services include：</h4> Students join live video conference classrooms during scheduled class hours.<br /><br />
<ol> Professors teach face-to-face classes while also live-streaming to online students who attend virtually via the internet.
<li> </span>
<em>Credit Transfer Guarantee</em> </div>
<p>- Full refund if eligible credit transfer is unsuccessful.</p> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
</li> <h4 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Asynchronous<br/>/Recorded</h4>
<li> <span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<em>Course Equivalency Matching</em> Professors pre-record lectures, and students watch the recordings before specific deadlines. record lectures during synchronous/live classes, and students who are unable to attend the class live can instead view the recorded lecture later.
<p>- Fast access to courses that match the ones you need.</p> </span>
</li> </div>
<li> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<em>Transfer Credit Policy Guidance</em> <h4 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Self-paced</h4>
<p> - Start-to-finish guidance on course approval procedure at your home institution.</p> <span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Self-paced courses give students a great deal of flexibility, allowing them to register and start classes at any time. Students can have more freedom in terms of finishing their studies, as they may work at their own pace without worrying about regular deadlines.</span>
</li> </div>
<li> </div>
<em>Academic Planning Services</em> <div class="title title-2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<p>- Professional academic planning and coaching to help you quickly find the best courses for you.</p> <h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Who is this format best for?</h3>
</li> </div>
<li> <div class="list">
<em>1-on-1 Service Throughout The Process</em> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<p>- A designated advisor will assist you in resolving any issues that may arise during the process.</p> <span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Students seeking to interact with their instructors and classmates, and students who want an online course that is most similar to a traditional in-person classroom experience.</span>
</li> </div>
<li> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<em>Official Transcript Provision</em> <span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Students whose schedules make it difficult to attend live classes at set times, and students who prefer to watch lectures repeatedly in order to understand more thoroughly.</span>
<p>- Free transcript processing and delivery service.</p> </div>
</li> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<li> <span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Students whose schedules require them to keep maximum flexibility when taking classes, and students who want complete control over their learning schedule.</span>
<em> Direct Application and Registration Channels</em> </div>
<p>- Take advantage of LightCourse's exclusive college course consultation, application, and registration channels.</p> </div>
</li> <div class="list list-last">
</ol> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div class="more-btn"> <h4 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Who is this format best for?</h4>
<a href="/showpintuan">See how to transfer credits</a> <span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
</div> <em>Course level:</em>Undergraduate/Graduate<br /> <em>Typical length:</em>Spiring,Fall: 8-14weeks <br /> <em></em>Summer:3-12weeks<br /> <em></em>Winter:2.5-4weeks<br /> <em>Credit hours:</em>3/4<br /> <em>Quarter credit hours:</em>3/4*1.5
</div> </span>
</div> </div>
</section> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<section class="main-2 m3"> <h4 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Self-paced</h4>
<div class="main-center container"> <span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Register at any time, and complete it according to your progress within the deadline.</span>
<div class="main-title"> <span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<h2>GLOBAL PLATFORM</h2> Credit hours are course-dependent, usually:<br /> <em>Semester credit hours:</em>3/4<br /> <em>Quarter credit hours:</em>3/4*1.5
</div> </span>
<div class="text"> </div>
<p>Through a global network of world-class <strong> universities like the University of California, Berkeley, </div>
and </div>
Arizona State University,</strong> we provide a platform where students can take high-quality individual </section>
college courses at any time and from anywhere. </p>
<div class="img"><img src="{$Think.HOME_SITE_ROOT}/new/images/earth-b.png" alt="GLOBAL PLATFORM"></div>
</div> <section class="main-1-2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
</div> <div class="main-center container">
</section> <div class="main-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<section class="main-3"> <h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">2.&nbsp;&nbsp;&nbsp;Credit-bearing study abroad programs</h2>
<div class="main-center container"> <p class="study-programs wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<div class="main-title"> LightCourse collaborates with renowned institutions around the world to offer credit-bearing study
<h2>What We Provide</h2> abroad programs to students who want to broaden<br />
</div> their cultural horizons. Students can study <span class="c1">business, math, computer science, natural sciences, social sciences, humanities, and arts</span><br />
<h3>Credit-bearing online courses</h3> in summer school programs provided by institutions
<p class="title-p">For individual online courses, students can choose between <em>live</em> ("synchronous") or <em>recorded</em> in locations such as <span class="c1">San Francisco, London, Florence, Toronto, Seoul, Tokyo, Shanghai, and Beijing.</span>
("asynchronous") courses as the mode of instruction. Along with the usual <em>spring, summer, fall, and winter </p>
terms,</em> there are also <em>self-paced</em> courses available, allowing students to choose the appropriate </div>
classes based on their own schedules. </p> <div class="student-programs-swiper wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div> <div class="swiper-container">
<h4>Here are the formats：</h4> <div class="swiper-wrapper">
<div class="sroll-tabel"> <div class="swiper-slide"><img src="{$Think.HOME_SITE_ROOT}/new/images/study-programs-01.jpg" alt="Credit-bearing study abroad programs"></div>
<div class="table"> </div>
<div class="th"> <div class="swiper-pagination"></div>
<div> </div>
<div class="i"><img src="" alt=""></div> </div>
<p>Synchronous/Live</p> </div>
</div> </section>
<div>
<div class="i"><img src="" alt=""></div> <section class="main-4 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p>Asynchronous/Recorded</p> <div class="main-center container">
</div> <div class="main-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div> <h2>3.&nbsp;&nbsp;&nbsp;How to Participate</h2>
<div class="i"><img src="" alt=""></div> </div>
<p>Self-paced</p> <div class="participate-list">
</div> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
</div> <span>Step1</span>
<div class="tb"> <span>Check the transfer credit policy of your school</span>
<div class="top"> </div>
<div> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<ol> <span>Step2</span>
<li>- Students join live video conference classrooms during scheduled class hours.</li> <span>Check if the selected course covers the one in your school</span>
<li>- Professors teach face-to-face classes while also live-streaming to online students who attend virtually via the internet.</li> </div>
</ol> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div> <span>Step3</span>
<h5>Who is this format best for?</h5> <span>Select a program/course</span>
<p>Students seeking to interact with their instructors and classmates, and students who want an online course that is most similar to a traditional in-person classroom experience.</p> </div>
</div> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
</div> <span>Step4</span>
<span>Submit personal information for course registration</span>
<div> </div>
<ol> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<li>- Professors pre-record lectures, and students watch the recordings before specific deadlines. <span>Step5</span>
</li> <span>Confirm your order and make a payment</span>
<li>- Professors record lectures during synchronous/live classes, and students who are unable to attend the class live can instead view the recorded lecture later.</li> </div>
</ol> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div> <span>Step6</span>
<h5>Who is this format best for?</h5> <span>Receive course details upon registration</span>
<p>Students whose schedules make it difficult to attend live classes at set times, and students who prefer to watch lectures repeatedly in order to understand more thoroughly.</p> </div>
</div> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
</div> <span>Step7</span>
<span>Start taking classes</span>
<div> </div>
<ol> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<li>Self-paced courses give students a great deal of flexibility, allowing them to register and start classes at any time. Students can have more freedom in terms of finishing their studies, as they may work at their own pace without worrying about regular deadlines.</li> <span>Step8</span>
</ol> <span>Obtain transcripts and other follow-up matters</span>
<div> </div>
<h5>Who is this format best for?</h5> </div>
<p>Students whose schedules require them to keep maximum flexibility when taking classes, and students who want complete control over their learning schedule. </p> </div>
</div> </section>
</div> <section class="main-QA wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
</div> <div class="main-center container">
<div class="bottom"> <div class="t wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div class="two"> <h2>FAQ</h2>
<h5>Synchronous (Live) & Asynchronous (Recorded)</h5> <div class="more-btn">
<div class="con"> <a href="/qa">Learn more <em>></em></a>
<div> </div>
<h6>Course level:</h6> </div>
<div> <div class="content">
<span>Undergraduate/Graduate</span> <ul id="accordion1" class="accordion">
</div> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
</div> <div class="link">
<div> <h5><span>01. Registration Procedure </span> <i></i></h5>
<h6>Typical length:</h6> </div>
<div> <div class="submenu">
<div> <h6>1. Online Registration Procedure </h6>
<h6>Spiring,Fall:</h6> <p>Pay tuition - Select course - Course approval - Course registration - Sign the
<span>8-14weeks</span> agreement - Receive
</div> student manual- Begin classes - Get grades - Send transcripts - Transfer credits</p>
<div> </div>
<h6>Summer:</h6> </li>
<span>3-12weeks</span> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
</div> <div class="link">
<div> <h5><span>02. Tuition/Fees</span> <i></i></h5>
<h6>Winter:</h6> </div>
<span>2.5-4weeks</span> <div class="submenu">
</div> <h6>1. Pricing</h6>
</div> <p>All courses offered on LightCourse are priced individually based on the institution
</div> offering the course. Please check the top right of the course page for specific
<div> prices or contact your advisor for a one-on-one consultation.</p>
<h6>Credit hours:</h6> <h6>2. Payment</h6>
<div> <p>LightCourse offers a variety of payment methods. Tuition can be paid in USD or RMB,
<span>3/4</span> WeChat, Alipay, bank transfer, and PayPal transfer are all accepted.</p>
</div> <h6>3. Fees</h6>
</div> <p>The course price, application fee, and file management charge are included in the
<div> pricing. However, other fees—such as those covering course materials, third-party
<h6>Quarter credit hours:</h6> 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.
<span>3/4*1.5</span> </p>
</div> </div>
</div> </li>
</div>
</div> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<div> <div class="link">
<h5>Self-paced</h5> <h5><span>03. Select the Right Course(s) for You</span> <i></i></h5>
<span>Register at any time, and complete it according to your progress within the deadline.</span> </div>
<div class="con"> <div class="submenu">
<div> <h6>1. Choosing the best program/course for your needs</h6>
<h6>Credit hours are course-dependent, usually:</h6> <p>Throughout the year, LightCourse offers programs and courses from institutions around
</div> the world in a variety of disciplines, including engineering, business, natural
<div> sciences, social sciences, humanities, and arts. These courses are intended to meet
<h6>Semester credit hours:</h6> the needs of a wide range of students seeking major, elective, and general education
<div> courses. There are a variety of study alternatives available, including online
<span>3/4</span> for-credit courses (live/recorded/self-paced) and in-person courses, as well as
</div> study abroad programs.
</div> </p>
<div> <p>LightCourse will provide you with an advisor who will work directly with you to help
<h6>Quarter credit hours:</h6> determine the best options for your needs.</p>
<div> <p>(Note: Since all courses have limited capacity, we recommend registering as soon as
<span>3/4*1.5</span> possible to ensure a spot.)</p>
</div> </div>
</div> </li>
</div>
</div> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
</div> <div class="link">
</div> <h5><span>04. Complete Course Approval</span> <i></i></h5>
</div> </div>
</div> <div class="submenu">
<div class="mb-tabel" style="display: none;"> <h6>1. Does my home school approve these courses?</h6>
<div class="item"> <p>LightCourse will provide you with an advisor who will provide you with one-on-one
<div class="i-th"> support throughout the transfer process according to your university's transfer
<div class="i"><img src="" alt=""></div> credit policy to ensure that you can complete the credit transfer successfully.</p>
<p>Synchronous/Live</p> </div>
</div> </li>
<div class="i-tb"> </ul>
<div class="des"> </div>
<div>- Students join live video conference classrooms during scheduled class hours.</li> </div>
<div>- Professors teach face-to-face classes while also live-streaming to online students who attend virtually via the internet.</li> </section>
<div> </main>
<h1 style="margin-top:20px;">Who is this format best for?</h1> {/block}
<p>Students seeking to interact with their instructors and classmates, and students who want an online course that is most similar to a traditional in-person classroom experience.</p> {include file='default/base/mall_footer'/}
</div> <script>
</div> $(function(){
</div> var programSwiper = new Swiper('.student-programs-swiper .swiper-container',{
</div> loop:true,//开启循环播放
autoplay: true, //自动播放
<div class="item"> effect : 'slide',//轮播的动效 默认为"slide"（普通位移切换），还可设置为"fade"（淡入）、"cube"（方块）、"coverflow"（3d流）、"flip"（3d翻转）、"cards"(卡片式)、"creative"（创意性）。
<div class="i-th"> pagination: {
<div class="i"><img src="" alt=""></div> el: '.student-programs-swiper .swiper-pagination',
<p>Asynchronous/Recorded</p> clickable :true,
</div> },
<div class="i-tb"> on:{
<div class="des"> init: function(){
<div>- Professors pre-record lectures, and students watch the recordings before specific deadlines. swiperAnimateCache(this); // 隐藏动画元素
</li> swiperAnimate(this); // 初始化完成开始动画
<div>- Professors record lectures during synchronous/live classes, and students who are unable to attend the class live can instead view the recorded lecture later.</li> },
<div> slideChangeTransitionEnd: function(){
<h1 style="margin-top:20px;">Who is this format best for?</h5> swiperAnimate(this); // 每个slide切换结束时也运行当前slide动画
<p>Students whose schedules make it difficult to attend live classes at set times, and students who prefer to watch lectures repeatedly in order to understand more thoroughly.</p> // this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次，去除ani类名
</div> },
}
</div> });
<div class="i-tb-bottom"> })
<h5>Synchronous (Live) & Asynchronous (Recorded)</h5> </script>
<div class="con">
<div>
<h6>Course level:</h6>
<div>
<span>Undergraduate/Graduate</span>
</div>
</div>
<div>
<h6>Typical length:</h6>
<div>
<div>
<h6>Spiring,Fall:</h6>
<span>8-14weeks</span>
</div>
<div>
<h6>Summer:</h6>
<span>3-12weeks</span>
</div>
<div>
<h6>Winter:</h6>
<span>2.5-4weeks</span>
</div>
</div>
</div>
<div>
<h6>Credit hours:</h6>
<div>
<span>3/4</span>
</div>
</div>
<div>
<h6>Quarter credit hours:</h6>
<div>
<span>3/4*1.5</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="i-th">
<div class="i"><img src="" alt=""></div>
<p>Self-paced</p>
</div>
<div class="i-tb">
<div class="des">
<div>Self-paced courses give students a great deal of flexibility, allowing them to register and start classes at any time. Students can have more freedom in terms of finishing their studies, as they may work at their own pace without worrying about regular deadlines.</li>
<div>
<h1 style="margin-top:20px;">Who is this format best for?</h5>
<p>Students whose schedules require them to keep maximum flexibility when taking classes, and students who want complete control over their learning schedule. </p>
</div>
</div>
<div class="i-tb-bottom">
<h5>Self-paced</h5>
<p>Register at any time, and complete it according to your progress within the deadline.</p>
<div class="con">
<div>
<h6>Credit hours are course-dependent, usually:</h6>
</div>
<div>
<h6>Semester credit hours:</h6>
<div>
<span>3/4</span>
</div>
</div>
<div>
<h6>Quarter credit hours:</h6>
<div>
<span>3/4*1.5</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="main-center container">
<div class="main-title">
<h2>Credit-bearing study abroad programs</h2>
<p class="study-programs">
LightCourse collaborates with renowned institutions around the world to offer credit-bearing study abroad programs
to students who want to broaden their cultural horizons. Students can study <em>business, math, computer science,
natural sciences, social sciences, humanities, and arts</em> in summer school programs provided by institutions
in locations such as <em>San Francisco, London, Florence, Toronto, Seoul, Tokyo, Shanghai, and Beijing.</em>
</p>
</div>
<img src="{$Think.HOME_SITE_ROOT}/new/images/kcxm.png" style="width: 100%;" alt="Credit-bearing study abroad programs">
</div>
</section>
<section class="main-4">
<div class="main-center container">
<div class="main-title">How to Participate </div>
<div class="main-content">
<div class="mian-left">
<div>Step1</div>
<div>Step2</div>
<div>Step3</div>
<div>Step4</div>
<div>Step5</div>
<div>Step6</div>
<div>Step7</div>
<div>Step8</div>
</div>
<div class="main-right">
<div>Check the transfer credit policy of your school</div>
<div>Check if the selected course covers the one in your school</div>
<div>Select a program/course</div>
<div>Submit personal information for course registration</div>
<div>Confirm your order and make a payment</div>
<div>Receive course details upon registration</div>
<div>Start taking classes</div>
<div class="boder-none">Obtain transcripts and other follow-up matters</div>
</div>
</div>
</div>
</section>
<!--<section class="main-QA">-->
<!-- <div class="main-center container">-->
<!-- <div class="t">-->
<!-- <h2>Enrollment Process</h2>-->
<!-- </div>-->
<!-- <div class="content">-->
<!-- <ul id="accordion2" class="accordion">-->
<!-- <li class="open">-->
<!-- <div class="link">-->
<!-- <h5><span><strong>Step1</strong> Fill out the pre-registration information</span> <i></i></h5>-->
<!-- </div>-->
<!-- <div class="submenu">-->
<!-- <h6>01. Scan the WeChat QR code to enter the mini-program</h6>-->
<!-- <p>Through the WeChat mini-program, you can easily obtain program information, course selection,-->
<!-- payment, course registration, transcript delivery information, and other inquiries</p>-->
<!-- <h6>02. Click on the upper right corner of the website to register</h6>-->
<!-- <p>Fill in your personal cell phone number and email address to register, and start the follow-up course-->
<!-- selection process after registration</p>-->
<!-- <h6>03. Add the consultant's WeChat</h6>-->
<!-- <p>Who will help and guide you one-on-one throughout the registration and learning process</p>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li>-->
<!-- <div class="link">-->
<!-- <h5><span><strong>Step 2</strong> With the help of our expert academic advisors </span> <i></i></h5>-->
<!-- </div>-->
<!-- <div class="submenu">-->
<!-- <p>Choose a program/course and obtain your school's course equivalence form</p>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li>-->
<!-- <div class="link">-->
<!-- <h5><span><strong>Step 3</strong> Receive course syllabus and complete course approval from your school under-->
<!-- our advisor's guidance to enroll in the course</span> <i></i></h5>-->
<!-- </div>-->
<!-- <div class="submenu">-->
<!-- <p></p>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li>-->
<!-- <div class="link">-->
<!-- <h5><span><strong>Step 4</strong> Registration: success/failure </span> <i></i></h5>-->
<!-- </div>-->
<!-- <div class="submenu">-->
<!-- <p></p>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li>-->
<!-- <div class="link">-->
<!-- <h5><span><strong>Step 5</strong> Send the transcript after passing the course</span> <i></i></h5>-->
<!-- </div>-->
<!-- <div class="submenu">-->
<!-- <p></p>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li>-->
<!-- <div class="link">-->
<!-- <h5><span><strong>Step 6</strong> Follow-up services after credit transfer</span> <i></i></h5>-->
<!-- </div>-->
<!-- <div class="submenu">-->
<!-- <p></p>-->
<!-- </div>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!--</section>-->
<section class="main-QA">
<div class="main-center container">
<div class="t">
<h2>FAQ</h2>
<div class="more-btn">
<a href="/qa">Learn more</a>
</div>
</div>
<div class="content">
<ul id="accordion1" class="accordion">
<li class="open">
<div class="link">
<h5><span>01. Registration Procedure </span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Online Registration Procedure </h6>
<p>Pay tuition - Select course - Course approval - Course registration - Sign the agreement - Receive
student manual- Begin classes - Get grades - Send transcripts - Transfer credits</p>
</div>
</li>
<li>
<div class="link">
<h5><span>02. Tuition/Fees</span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Pricing</h6>
<p>All courses offered on LightCourse are priced individually based on the institution offering the course. Please check the top right of the course page for specific prices or contact your advisor for a one-on-one consultation.</p>
<h6>2. Payment</h6>
<p>LightCourse offers a variety of payment methods. Tuition can be paid in USD or RMB, WeChat, Alipay, bank transfer, and PayPal transfer are all accepted.</p>
<h6>3. Fees</h6>
<p>The course price, application fee, and file management charge are included in the pricing. However, other fees—such as those covering course materials, third-party platforms such as Cengage, Labster, and other course-related costs such as VPN, accommodation, etc.—may apply. Contact your advisor for a one-on-one consultation.</p>
</div>
</li>
<li>
<div class="link">
<h5><span>03. Select the Right Course(s) for You</span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Choosing the best program/course for your needs</h6>
<p>Throughout the year, LightCourse offers programs and courses from institutions around the world in a variety of disciplines, including engineering, business, natural sciences, social sciences, humanities, and arts. These courses are intended to meet the needs of a wide range of students seeking major, elective, and general education courses. There are a variety of study alternatives available, including online for-credit courses (live/recorded/self-paced) and in-person courses, as well as study abroad programs.
</p>
<p>LightCourse will provide you with an advisor who will work directly with you to help determine the best options for your needs.</p>
<p>(Note: Since all courses have limited capacity, we recommend registering as soon as possible to ensure a spot.)</p>
</div>
</li>
<li>
<div class="link">
<h5><span>04. Complete Course Approval</span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Does my home school approve these courses?</h6>
<p>LightCourse will provide you with an advisor who will provide you with one-on-one support throughout the transfer process according to your university's transfer credit policy to ensure that you can complete the credit transfer successfully.</p>
</div>
</li>
</ul>
</div>
</div>
</section>
</main>
{/block}
{include file='default/base/mall_footer'/}

341
app/home/view/default/mall/showgroupbuy/index.html
View File

@ -1,161 +1,182 @@
{extend name="default/base/base_home" /} {extend name="default/base/base_home" /}
{block name="mall_main"} {block name="mall_main"}
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/process.css"> <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/process.css">
<style> <style>
.cardimg{ .cardimg {
width:40%; width: 40%;
position: absolute; position: absolute;
right: 10%; right: 10%;
top:0; top: 0;
} }
@media screen and (max-width:768px){
.list-banner .con1{ @media screen and (max-width:768px) {
flex-direction: column-reverse; .list-banner .con1 {
} flex-direction: column-reverse;
.main-center { }
padding-top: 3rem;
} .main-center {
.cardimg { padding-top: 3rem;
right: 0; }
}
} .cardimg {
</style> right: 0;
<div class="list-banner"> }
<div class="main-center container"> }
<div class="position">Position：Home > HOW TO APPLY </div> </style>
<div class="content con1"> <div class="see-banner wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="left"> <div class="main-center container wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<p>Application</p> <h1>How to Apply</h1>
<h2>HOW TO APPLY</h2> <em>
</div> <img src="{$Think.HOME_SITE_ROOT}/new/images/process-top-bg.png">
</div> </em>
</div> </div>
</div> <img src="{$Think.HOME_SITE_ROOT}/new/images/process-banner-bg.png" class="wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.2s">
<main class="process"> </div>
<section class="main-1"> <main class="process">
<div class="main-center container" style="position:relative;"> <section class="main-4 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<img class="cardimg" src="/static/home/images/card.png" alt="Program Features"> <div class="main-center container">
<div class="wrap"> <div class="main-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<h2>General Procedure:</h2> <h2>General Procedure</h2>
<ul> <p>If you have any questions about the procedure, including registration, payment, course equivalency, or credit transfer,<br /> please email us your personal information and concerns.<br /> We will get in touch with you within 24 hours and assign an advisor to assist you one-on-one during the application and registration process.
<li>1. Check the transfer credit policy of your school</li> </p>
<li>2. Check if the selected course covers the one in your school</li> </div>
<li>3. Select a program/course</li> <div class="participate-list">
<li>4. Submit personal information for course registration</li> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<li>5. Confirm your order and make a payment</li> <span>Step1</span>
<li>6. Receive course details upon registration</li> <span>Check the transfer credit policy of your school</span>
<li>7. Start taking classes </li> </div>
</ul> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<p>If you have any questions about the procedure, including registration, payment, course equivalency, or credit transfer, <span>Step2</span>
please <a href="mailto:studentservice@lightglobal.org">email us</a> your personal information and concerns. <br> <span>Check if the selected course covers the one in your school</span>
We will get in touch with you within 24 hours and assign an advisor to <b>assist you one-on-one</b> during the application </div>
and registration process.</p> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
</div> <span>Step3</span>
<section class="main-other-qa"> <span>Select a program/course</span>
<div class="main-center container"> </div>
<h6>Help&Support</h6> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div class="content"> <span>Step4</span>
<div class="left"> <span>Submit personal information for course registration</span>
<p>Need Help?</p> </div>
<div class="zx-btn"> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<a href="https://chatting.page/4enwdahqiuzzigop29taomatroakg3va">Chat Now</a> <span>Step5</span>
</div> <span>Confirm your order and make a payment</span>
</div> </div>
<div class="right"> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div> <span>Step6</span>
<p>Chase business services</p> <span>Receive course details upon registration</span>
<a href="mailto:studentservice@lightglobal.org"><strong>studentservice@lightglobal.org</strong></a> </div>
</div> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div> <span>Step7</span>
<p>For online technical support, please contact us at</p> <span>Start taking classes</span>
<a href="mailto:studentservice@lightglobal.org"><strong>studentservice@lightglobal.org</strong></a> </div>
</div> <div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
</div> <span>Step8</span>
<span>Obtain transcripts and other follow-up matters</span>
</div> </div>
</div> </div>
</section> </div>
<div class="wrap"> </section>
<p> <section class="main-1">
<span class="c1">We encourage students to place their orders independently. </span><br> <div class="main-center container">
If you understand the process and are familiar with your home institution's policies, add your chosen course to the <div class="main-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
shopping cart and fill out your personal information to register and pay. <h2>We encourage students<br />to place their orders independently</h2>
</p> </div>
<p>An order confirmation will be sent to you within 24 hours of receiving your payment, and class details will be <div class="wrap wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
delivered to you via email at a later date.</p> <p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<p>If you have any questions regarding the procedure, don't hesitate to <a href="mailto:studentservice@lightglobal.org">contact us.</a><br> If you understand the process and are familiar with your home institution's policies, add your chosen course to the shopping cart<br />
A professional consultant will be assigned to respond to your inquiry within 24 hours. </p> and fill out your personal information to register and pay.
</p>
</div> <p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
</div> An order confirmation will be sent to you within 24 hours of receiving your payment,<br />
</section> and class details will be delivered to you via email at a later date.
</p>
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
If you have any questions regarding the procedure, don't hesitate to <a href="mailto:studentservice@lightglobal.org">contact us.</a><br>
<section class="main-QA"> A professional consultant will be assigned to respond to your inquiry within 24 hours.
<div class="main-center container"> </p>
<div class="t"> </div>
<h2>FAQ</h2> </div>
<div class="more-btn"> <img src="{$Think.HOME_SITE_ROOT}/new/images/process-bg-02.png" class="wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.2s">
<a href="/qa">Learn more</a> </section>
</div> <section class="main-QA wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
</div> <div class="main-center container">
<div class="content"> <div class="t wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<ul id="accordion1" class="accordion"> <h2>FAQ</h2>
<li class="open"> <div class="more-btn">
<div class="link"> <a href="/qa">Learn more <em>></em></a>
<h5><span>01. Registration Procedure </span> <i></i></h5> </div>
</div> </div>
<div class="submenu"> <div class="content">
<h6>1. Online Registration Procedure </h6> <ul id="accordion1" class="accordion">
<p>Pay tuition - Select course - Course approval - Course registration - Sign the agreement - Receive <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
student manual- Begin classes - Get grades - Send transcripts - Transfer credits</p> <div class="link">
</div> <h5><span>01. Registration Procedure </span> <i></i></h5>
</li> </div>
<li> <div class="submenu">
<div class="link"> <h6>1. Online Registration Procedure </h6>
<h5><span>02. Tuition/Fees</span> <i></i></h5> <p>Pay tuition - Select course - Course approval - Course registration - Sign the
</div> agreement - Receive
<div class="submenu"> student manual- Begin classes - Get grades - Send transcripts - Transfer credits</p>
<h6>1. Pricing</h6> </div>
<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> </li>
<h6>2. Payment</h6> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<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>02. Tuition/Fees</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. Pricing</h6>
<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
<div class="link"> prices or contact your advisor for a one-on-one consultation.</p>
<h5><span>03. Select the Right Course(s) for You</span> <i></i></h5> <h6>2. Payment</h6>
</div> <p>LightCourse offers a variety of payment methods. Tuition can be paid in USD or RMB,
<div class="submenu"> WeChat, Alipay, bank transfer, and PayPal transfer are all accepted.</p>
<h6>1. Choosing the best program/course for your needs</h6> <h6>3. Fees</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>The course price, application fee, and file management charge are included in the
</p> pricing. However, other fees—such as those covering course materials, third-party
<p>LightCourse will provide you with an advisor who will work directly with you to help determine the best options for your needs.</p> platforms such as Cengage, Labster, and other course-related costs such as VPN,
<p>(Note: Since all courses have limited capacity, we recommend registering as soon as possible to ensure a spot.)</p> accommodation, etc.—may apply. Contact your advisor for a one-on-one consultation.
</div> </p>
</li> </div>
</li>
<li>
<div class="link"> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<h5><span>04. Complete Course Approval</span> <i></i></h5> <div class="link">
</div> <h5><span>03. Select the Right Course(s) for You</span> <i></i></h5>
<div class="submenu"> </div>
<h6>1. Does my home school approve these courses?</h6> <div class="submenu">
<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> <h6>1. Choosing the best program/course for your needs</h6>
</div> <p>Throughout the year, LightCourse offers programs and courses from institutions around
</li> 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
</ul> courses. There are a variety of study alternatives available, including online
</div> for-credit courses (live/recorded/self-paced) and in-person courses, as well as
</div> study abroad programs.
</section> </p>
<p>LightCourse will provide you with an advisor who will work directly with you to help
</main> 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>
</main>
{/block} {/block}

295
public/static/home/new/css/contact.css
View File

@ -1,163 +1,242 @@
.dot { .dot {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.setBetween { .setBetween {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.setRowCenter { .setRowCenter {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.setColumnCenter { .setColumnCenter {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.setCenter { .setCenter {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.ra { .ra {
border-radius: 0.2rem; border-radius: 0.2rem;
overflow: hidden; overflow: hidden;
} }
.bs { .bs {
box-shadow: 0 0 0.5rem #ebebeb; box-shadow: 0 0 0.5rem #ebebeb;
} }
.box-shadow { .box-shadow {
box-shadow: 0rem 0.3rem 0.5rem 0rem rgba(36, 65, 116, 0.1); box-shadow: 0rem 0.3rem 0.5rem 0rem rgba(36, 65, 116, 0.1);
} }
.btn { .btn {
padding: 0.3rem 0.9rem; padding: 0.3rem 0.9rem;
background-color: #3b52f6; background-color: #3b52f6;
color: #fff !important; color: #fff !important;
border-radius: 2rem; border-radius: 2rem;
font-size: 0.9rem; font-size: 0.9rem;
display: inline-block; display: inline-block;
width: auto; width: auto;
} }
.btn.s1 { .btn.s1 {
background-color: transparent; background-color: transparent;
border: 1px solid #3b52f6; border: 1px solid #3b52f6;
color: #3b52f6 !important; color: #3b52f6 !important;
} }
.a-hover:hover { .a-hover:hover {
color: #3b52f6; color: #3b52f6;
} }
.fb {
font-family: "robotoMedium"; .contact-banner{
position: relative;
} }
.contact-banner {
padding: 3rem 0; .contact-banner .main-center {
max-width: 100%;
} }
.contact-banner h1 { .contact-banner h1 {
font-family: "robotoMedium"; font-family: "HarmonyOS_Sans_Black" !important;
font-size: 2.4rem; background-color: #ffff1b;
font-size: 2.4rem;
font-size: 2rem;
line-height: 1.2;
padding: 5.4rem 0;
text-align: center;
} }
.contact-banner h5 { .contact-banner h5 {
font-size: 1.3rem; background-color: #284dfd;
font-family: "robotoMedium"; padding: 6.5rem 0;
margin-top: 4rem; height: 46.45rem;
font-size: 1.9rem;
line-height: 1.45;
color: #ffffff;
text-align: center;
} }
.contact-container section:not(:first-of-type) {
padding-top: 0; .contact-right-bg{
width: 14.5rem;
position: absolute;
right: 0;
top: 3rem;
z-index: 1;
} }
.contact-left-bg{
width: 10.75rem;
position: absolute;
left: 0;
bottom: -10.35rem;
z-index: 1;
}
/* .contact-container section:not(:first-of-type) {
padding-top: 0;
} */
.contact-container{
padding-bottom: 2rem;
margin-top: -27.5rem;
position: relative;
z-index: 1;
}
.contact-container section{
padding: 0;
margin-bottom: 1.5rem;
}
.contact-container .main-center{
max-width: 67.4rem;
}
.contact-container .container .item-bg{
width: 100%;
height: 17.25rem;
background-size: 100%;
}
.contact-container .container .item { .contact-container .container .item {
margin-bottom: 3rem; height: 100%;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 2.5rem 1rem 4.5rem;
background-color: rgba(0,0,0,.7);
color: #fff;
} }
.contact-container .container .item:last-of-type {
margin-bottom: 0; .contact-container .container .item>.left{
width: 50%;
} }
.contact-container .container .item h6 { .contact-container .container .item h6 {
font-family: "robotoMedium"; font-size: 1.3rem;
font-size: 1.3rem; position: relative;
position: relative;
} }
.contact-container .container .item h6::before { .contact-container section:nth-of-type(even) .container .item h6 {
content: ""; color: #ffff1b !important;
position: absolute;
top: 50%;
right: calc(100% + 0.5rem);
width: 1.3rem;
height: 1.3rem;
background-color: #3b52f6;
transform: translateY(-50%);
} }
.contact-container .container .item strong { .contact-container .container .item .left p{
font-weight: bold; font-size: 1.25rem;
line-height: 1.5;
margin-bottom: 0 !important;
} }
.contact-container .container .item .text { .contact-container .container .item .text {
width: fit-content; width: 45%;
box-shadow: 0rem 0.15rem 0.9rem 0rem rgba(32, 30, 29, 0.35); border-radius: 0.25rem;
border-radius: 0.25rem;
padding: 0.9rem;
margin: 0.9rem 0;
position: relative;
padding-right: 8rem;
} }
.contact-container .container .item .text img { .contact-container .container .item .text img {
position: absolute; position: absolute;
} }
.contact-container .container .item.item1 .text img { .contact-container .container .item.item1 .text img {
bottom: -12%; bottom: -12%;
left: 45%; left: 45%;
} }
.contact-container .container .item.item2 .text img { .contact-container .container .item.item2 .text img {
bottom: -12%; bottom: -12%;
left: 83%; left: 83%;
} }
.contact-container .container .item.item3 .text img { .contact-container .container .item.item3 .text img {
bottom: -110%; bottom: -110%;
left: 90%; left: 90%;
} }
.contact-container .container .item .mail { .contact-container .container .item .mail {
text-align: center; text-align: center;
padding-top: 2rem; padding-top: 2rem;
} }
.contact-container .container .item .mail a { .contact-container .container .item .mail a {
display: inline-block; display: inline-block;
font-size: 0.9rem; font-size: 0.9rem;
font-weight: bold; font-weight: bold;
color: #3b52f6; color: #3b52f6;
padding: 0.6rem; padding: 0.6rem;
padding-bottom: 0.9rem; padding-bottom: 0.9rem;
padding-left: 4rem; padding-left: 4rem;
padding-right: 0.9rem; padding-right: 0.9rem;
background-image: url("../images/jx2.png"); background-image: url("../images/jx2.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.container .item .text p{
font-family: 'robotoLight'!important; .container .item .text p {
color: #000; display: flex;
font-size: 0.9rem; font-size: 0.85rem;
line-height: 1.8;
margin-bottom: 0 !important;
} }
.container .item .text p>em{
width: 1rem;
}
@media screen and (max-width: 1024px) { @media screen and (max-width: 1024px) {
.contact-container .container .item.item2 .text img { .contact-container .container .item.item2 .text img {
max-width: 13rem; max-width: 13rem;
} }
.contact-container .container .item.item3 .text img {
max-width: 18rem; .contact-container .container .item.item3 .text img {
} max-width: 18rem;
}
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.main-center { .main-center {
padding-left: 2%; padding-left: 2%;
padding-right: 2%; padding-right: 2%;
} }
.contact-container .container .item .text img,
.contact-container .container .item h6::before { .contact-container .container .item .text img,
display: none; .contact-container .container .item h6::before {
} display: none;
.contact-container .container .item .mail a { }
font-size: 1.1em;
} .contact-container .container .item .mail a {
.contact-container .container .item .text { font-size: 1.1em;
width: 100%; }
padding: 1rem !important;
} .contact-container .container .item .text {
width: 100%;
padding: 1rem !important;
}
} }

279
public/static/home/new/css/process.css
View File

@ -1,147 +1,220 @@
.dot { .dot {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.setBetween { .setBetween {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.setRowCenter { .setRowCenter {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.setColumnCenter { .setColumnCenter {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.setCenter { .setCenter {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.ra { .ra {
border-radius: 0.2rem; border-radius: 0.2rem;
overflow: hidden; overflow: hidden;
} }
.bs { .bs {
box-shadow: 0 0 0.5rem #ebebeb; box-shadow: 0 0 0.5rem #ebebeb;
} }
.box-shadow { .box-shadow {
box-shadow: 0rem 0.3rem 0.5rem 0rem rgba(36, 65, 116, 0.1); box-shadow: 0rem 0.3rem 0.5rem 0rem rgba(36, 65, 116, 0.1);
} }
.btn { .btn {
padding: 0.3rem 0.9rem; padding: 0.3rem 0.9rem;
background-color: #3b52f6; background-color: #3b52f6;
color: #fff; color: #fff;
border-radius: 2rem; border-radius: 2rem;
font-size: 0.9rem; font-size: 0.9rem;
} }
.btn.s1 { .btn.s1 {
background-color: transparent; background-color: transparent;
border: 1px solid #3b52f6; border: 1px solid #3b52f6;
color: #3b52f6; color: #3b52f6;
} }
.a-hover:hover { .a-hover:hover {
color: #3b52f6; color: #3b52f6;
} }
.fb { .fb {
font-family: "robotoMedium"; font-family: "robotoMedium";
} }
.list-banner .left p {
font-size: 1.3rem; .see-banner{
color: #3b52f6; position: relative;
} }
.process .main-1 .wrap {
margin-bottom: 2rem; .see-banner .main-center {
max-width: 100%;
background-color: #18d777;
} }
.process .main-1 .wrap * {
line-height: 2; .see-banner>img{
width: 18.85rem;
position: absolute;
top: 5.4rem;
left: 0;
} }
.process .main-1 .wrap ul li{
font-family: 'robotoLight'!important; .see-banner h1 {
font-size: 0.9rem; font-family: "HarmonyOS_Sans_Black" !important;
color: #000; font-size: 2.4rem;
font-size: 2rem;
line-height: 1.2;
padding: 5.4rem 0;
text-align: center;
position: relative;
z-index: 2;
} }
.process .main-1 .wrap b {
font-family: "robotoMedium"; .see-banner em{
display: block;
width: 5rem;
height: 6.2rem
height: ;
position: absolute;
left: 50%;
top: 50%;
z-index: 0;
transform: translate(-50%,-50%);
animation: bg_name 0.8s infinite;
} }
.process .main-1 .wrap h4 {
font-size: 2rem; @keyframes bg_name {
font-family: "robotoMedium"; 0% {
background-color: #18d777;
}
33.33% {
background-color: #ffff1b;
}
66.66%{
background-color: #ff8710;
}
100%{
background-color: #3b33dd;
}
} }
.process .main-1 .wrap strong {
font-size: 1.3rem; .process .main-title h2 {
font-weight: bold; font-family: "HarmonyOS_Sans_Black" !important;
font-size: 1.9rem;
margin-bottom: 0;
text-align: center;
} }
.process .main-1 .wrap p {
margin-top: 0.9rem; .process .main-title p {
font-family: 'robotoLight'!important; font-size: 0.85rem;
font-size: 0.9rem; color: #505050;
color: #000; max-width: 100%;
text-align: center;
margin-bottom: 0;
margin-top: 2rem;
} }
.process .main-1 .wrap span { .main-4 {
color: #cc1f1f; padding: 5rem 0 3.9rem;
} }
.process .main-1 .wrap span.c1 {
color: #3b52f6; .main-4 .main-center{
max-width: 67.5rem;
} }
.process .main-1 .wrap em {
font-weight: bold; .main-4 .participate-list{
font-family: "robotoMedium"; margin-top: 2rem;
font-size: 1.3rem;
} }
.process .main-1 .wrap .f-img img { .main-4 .participate-list .item{
float: right; display: flex;
max-width: 23rem; justify-content: space-between;
align-items: center;
margin-top: 0.5rem;
} }
.process .main-1 .wrap .item-list1 { .main-4 .participate-list .item>span{
display: flex; display: flex;
justify-content: space-between; align-items: center;
justify-content: center;
width: 11.8rem;
height: 3.5rem;
background-color: #fb82aa;
font-size: 1rem;
} }
.process .main-1 .wrap .item-list1 h5 {
font-size: 1.3rem; .main-4 .participate-list .item>span:last-child{
font-family: "robotoMedium"; width: calc(100% - 12.3rem);
text-align: center; background-color: #dedede;
line-height: 1.4; justify-content: flex-start;
min-height: 4.2rem; text-indent: 8.5rem;
margin-bottom: 0.9rem;
} }
.process .main-1 .wrap .item-list1 .item {
width: 30%; .main-4 .participate-list .item:nth-of-type(6n),
position: relative; .main-4 .participate-list .item:nth-of-type(6n-1),
border: 1px solid #000; .main-4 .participate-list .item:nth-of-type(6n-2){
margin-top: 0.9rem; flex-direction: row-reverse;
padding: 0.9rem;
} }
.process .main-1 .wrap .item-list1 .item::after {
content: attr(num); .main-1{
position: absolute; position: relative;
bottom: 0.9rem; padding: 0 0 5rem;
right: 0.9rem;
font-size: 1.3rem;
color: #3b52f6;
font-family: "robotoMedium";
} }
.process .main-1 .wrap .item-list2 .item {
position: relative; .main-1>img{
margin-top: 2rem; width: 24rem;
box-shadow: 0rem 0.15rem 0.9rem 0rem rgba(32, 30, 29, 0.35); position: absolute;
padding: 0.9rem; right: 0;
bottom: 5rem;
z-index: 1;
} }
.process .main-1 .wrap .item-list2 .item::before {
content: ""; .main-1 .main-center{
position: absolute; max-width: 67.5rem;
right: calc(100% + 0.9rem); background-color: #18d777;
top: 0; padding: 3.6rem;
width: 1.3rem;
height: 1.3rem;
background-color: #3b52f6;
} }
.main-1 .main-title{
margin-bottom: 0;
padding-bottom: 0.6rem;
}
.main-1 .main-title h2{
color: #ffff1b;
}
.main-1 .wrap{
color: #ffffff;
}
.main-1 .wrap p{
font-size: 0.85rem;
line-height: 1.8;
margin-top: 1.5rem;
margin-bottom: 0;
}
.main-1 .wrap p a{
color: #ffffff;
}
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.process .main-1 .container .code { .process .main-1 .container .code {
position: initial; position: initial;
margin-bottom: 2rem; margin-bottom: 2rem;
} }
} }

994
public/static/home/new/css/see.css
View File

File diff suppressed because it is too large Load Diff

BIN
public/static/home/new/images/contact-01.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 85 KiB

BIN
public/static/home/new/images/contact-02.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 96 KiB

BIN
public/static/home/new/images/contact-03.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 41 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
public/static/home/new/images/contact-right-bg.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/process-banner-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.3 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 656 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 7.1 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 7.4 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 8.7 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 9.2 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.0 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 8.4 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 7.2 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 8.0 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.5 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.9 KiB