还剩剩1个页面3个弹窗
parent
cf7a9f3fc0
commit
b87ac8cd88
|
|
@ -3,74 +3,169 @@
|
|||
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/contact.css">
|
||||
<div class="contact-banner">
|
||||
<div class="main-center container">
|
||||
<h1>Contact Us</h1>
|
||||
<h5>If you have any questions, please check below for the fastest way to get in touch with us!</h5>
|
||||
<h1 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.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>
|
||||
<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>
|
||||
<main class="contact-container">
|
||||
<section>
|
||||
<main class="contact-container wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<section class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<div class="main-center container">
|
||||
<div class="item item1">
|
||||
<h6>For Students:</h6>
|
||||
<p><strong>If you have questions about:</strong></p>
|
||||
<div class="text">
|
||||
<p>- Registration</p>
|
||||
<p>- Payments</p>
|
||||
<p>- Course equivalency</p>
|
||||
<p>- Course approval</p>
|
||||
<p>- Credit transfer process</p>
|
||||
<p>- LightCourse services</p>
|
||||
<p>- ....</p>
|
||||
<img src="{$Think.HOME_SITE_ROOT}/new/images/G03.png" alt="For Students">
|
||||
</div>
|
||||
<p>Please search through our <a href="">FAQs</a>, or contact us via</p>
|
||||
<div class="mail">
|
||||
<a href="mailto:studentservice@lightglobal.org">studentservice@lightglobal.org</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<section>
|
||||
<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 class="item-bg" style="background-image: url({$Think.HOME_SITE_ROOT}/new/images/contact-01.jpg);">
|
||||
<div class="item item1">
|
||||
<div class="left wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
||||
<h6 class="c1">For Students:</h6>
|
||||
<p><strong>If you have questions about:</strong></p>
|
||||
</div>
|
||||
<div class="text wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
||||
<p><em>•</em>Registration</p>
|
||||
<p><em>•</em>Payments</p>
|
||||
<p><em>•</em>Course equivalency</p>
|
||||
<p><em>•</em>Course approval</p>
|
||||
<p><em>•</em>Credit transfer process</p>
|
||||
<p><em>•</em>LightCourse services</p>
|
||||
<p><em></em>... ...</p>
|
||||
<!-- <img src="{$Think.HOME_SITE_ROOT}/new/images/G03.png" alt="For Students"> -->
|
||||
</div>
|
||||
<!-- <p>Please search through our <a href="">FAQs</a>, or contact us via</p>
|
||||
<div class="mail">
|
||||
<a href="mailto:studentservice@lightglobal.org">studentservice@lightglobal.org</a>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<section class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<div class="main-center container">
|
||||
<div class="item item3">
|
||||
<h6>For Faculty:</h6>
|
||||
<p><strong>If you are a qualified candidate interested in:</strong></p>
|
||||
<div class="text">
|
||||
<p>- Working with students from all over the world</p>
|
||||
<p>- Interacting with people from different cultures and traveling abroad</p>
|
||||
<p>- ...</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 class="item-bg" style="background-image: url({$Think.HOME_SITE_ROOT}/new/images/contact-02.jpg);">
|
||||
<div class="item item2">
|
||||
<div class="left wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
||||
<h6 class="c1">For Universities:</h6>
|
||||
<p><strong>If you are interested in partnerships like:</strong></p>
|
||||
</div>
|
||||
<div class="text wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
||||
<p><em>•</em>Delivering more convenient, flexible, and diversified higher education options to
|
||||
students worldwide</p>
|
||||
<p><em>•</em>Leveraging the integration effect of the LightCourse platform to increase enrollments
|
||||
and global market reach by promoting your existing courses and programs</p>
|
||||
<p><em>•</em>Establishing and operating international programs</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 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>
|
||||
</section>
|
||||
</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}
|
||||
{include file='default/base/mall_footer'/}
|
||||
|
|
@ -1,533 +1,273 @@
|
|||
{include file='default/base/mall_top'/}
|
||||
{block name="mall_main"}
|
||||
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/see.css">
|
||||
<style>
|
||||
@media screen and (max-width:768px) {
|
||||
.sroll-tabel {
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
.sroll-tabel .table {
|
||||
width: 60rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<main class="see-container">
|
||||
<section class="main-0">
|
||||
<div class="main-center container">
|
||||
<div class="t">
|
||||
<p>How LightCourse works</p>
|
||||
<h1>Worldwide access to Credit-bearing courses,<br>
|
||||
both online and on-campus
|
||||
</h1>
|
||||
</div>
|
||||
<div class="m1">
|
||||
<div class="main-title">
|
||||
<h2>7000+ COLLEGE COURSES</h2>
|
||||
<p class="college"><strong>-LightCourse provides worldwide access to credit-bearing college courses, both online and
|
||||
on-campus.</strong></p>
|
||||
</div>
|
||||
|
||||
<div class="mt">
|
||||
<p class="title-p">We partner with top-notch institutions around the world and offer 7000+ official college courses covering
|
||||
more than 300 different majors and disciplines, including <strong>mathematics, business, computer science,
|
||||
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
|
||||
specialized offerings.</p>
|
||||
<!-- <p class="title-p">Through a global network of world-class universities like the University of California, Berkeley, and
|
||||
Arizona State University, we provide a platform that students can take high-quality individual college
|
||||
courses at any time and from anywhere. Explore now to find new study opportunities on LightCourse!</p>-->
|
||||
<!--<div class="more-btn">-->
|
||||
<!-- <a href="/brand">See all course</a>-->
|
||||
<!--</div>-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<section class="main-1 m2">
|
||||
<div class="main-center container">
|
||||
<h2>100% ACCREDITED</h2>
|
||||
<strong> - All our credit-bearing courses are offered by accredited colleges and universities</strong>
|
||||
<div class="mt">
|
||||
<p class="Students-title">Students can easily find these individual classes through our platform and experience different teaching
|
||||
methods from top-notch institutions. We provide a full<strong> college credit transfer service </strong>to assist students with
|
||||
the entire process of registering for off-campus courses and transferring credits. </p>
|
||||
</div>
|
||||
<div class="mt">
|
||||
<h4>Services include：</h4>
|
||||
<ol>
|
||||
<li>
|
||||
<em>Credit Transfer Guarantee</em>
|
||||
<p>- Full refund if eligible credit transfer is unsuccessful.</p>
|
||||
</li>
|
||||
<li>
|
||||
<em>Course Equivalency Matching</em>
|
||||
<p>- Fast access to courses that match the ones you need.</p>
|
||||
</li>
|
||||
<li>
|
||||
<em>Transfer Credit Policy Guidance</em>
|
||||
<p> - Start-to-finish guidance on course approval procedure at your home institution.</p>
|
||||
</li>
|
||||
<li>
|
||||
<em>Academic Planning Services</em>
|
||||
<p>- Professional academic planning and coaching to help you quickly find the best courses for you.</p>
|
||||
</li>
|
||||
<li>
|
||||
<em>1-on-1 Service Throughout The Process</em>
|
||||
<p>- A designated advisor will assist you in resolving any issues that may arise during the process.</p>
|
||||
</li>
|
||||
<li>
|
||||
<em>Official Transcript Provision</em>
|
||||
<p>- Free transcript processing and delivery service.</p>
|
||||
</li>
|
||||
<li>
|
||||
<em> Direct Application and Registration Channels</em>
|
||||
<p>- Take advantage of LightCourse's exclusive college course consultation, application, and registration channels.</p>
|
||||
</li>
|
||||
</ol>
|
||||
<div class="more-btn">
|
||||
<a href="/showpintuan">See how to transfer credits</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="main-2 m3">
|
||||
<div class="main-center container">
|
||||
<div class="main-title">
|
||||
<h2>GLOBAL PLATFORM</h2>
|
||||
</div>
|
||||
<div class="text">
|
||||
<p>Through a global network of world-class <strong> universities like the University of California, Berkeley,
|
||||
and
|
||||
Arizona State University,</strong> we provide a platform where students can take high-quality individual
|
||||
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>
|
||||
</div>
|
||||
</section>
|
||||
<section class="main-3">
|
||||
<div class="main-center container">
|
||||
<div class="main-title">
|
||||
<h2>What We Provide</h2>
|
||||
</div>
|
||||
<h3>Credit-bearing online courses</h3>
|
||||
<p class="title-p">For individual online courses, students can choose between <em>live</em> ("synchronous") or <em>recorded</em>
|
||||
("asynchronous") courses as the mode of instruction. Along with the usual <em>spring, summer, fall, and winter
|
||||
terms,</em> there are also <em>self-paced</em> courses available, allowing students to choose the appropriate
|
||||
classes based on their own schedules. </p>
|
||||
<div>
|
||||
<h4>Here are the formats：</h4>
|
||||
<div class="sroll-tabel">
|
||||
<div class="table">
|
||||
<div class="th">
|
||||
<div>
|
||||
<div class="i"><img src="" alt=""></div>
|
||||
<p>Synchronous/Live</p>
|
||||
</div>
|
||||
<div>
|
||||
<div class="i"><img src="" alt=""></div>
|
||||
<p>Asynchronous/Recorded</p>
|
||||
</div>
|
||||
<div>
|
||||
<div class="i"><img src="" alt=""></div>
|
||||
<p>Self-paced</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tb">
|
||||
<div class="top">
|
||||
<div>
|
||||
<ol>
|
||||
<li>- Students join live video conference classrooms during scheduled class hours.</li>
|
||||
<li>- Professors teach face-to-face classes while also live-streaming to online students who attend virtually via the internet.</li>
|
||||
</ol>
|
||||
<div>
|
||||
<h5>Who is this format best for?</h5>
|
||||
<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>
|
||||
<ol>
|
||||
<li>- Professors pre-record lectures, and students watch the recordings before specific deadlines.
|
||||
</li>
|
||||
<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>
|
||||
</ol>
|
||||
<div>
|
||||
<h5>Who is this format best for?</h5>
|
||||
<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>
|
||||
<ol>
|
||||
<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>
|
||||
</ol>
|
||||
<div>
|
||||
<h5>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>
|
||||
<div class="bottom">
|
||||
<div class="two">
|
||||
<h5>Synchronous (Live) & Asynchronous (Recorded)</h5>
|
||||
<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>
|
||||
<h5>Self-paced</h5>
|
||||
<span>Register at any time, and complete it according to your progress within the deadline.</span>
|
||||
<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 class="mb-tabel" style="display: none;">
|
||||
<div class="item">
|
||||
<div class="i-th">
|
||||
<div class="i"><img src="" alt=""></div>
|
||||
<p>Synchronous/Live</p>
|
||||
</div>
|
||||
<div class="i-tb">
|
||||
<div class="des">
|
||||
<div>- Students join live video conference classrooms during scheduled class hours.</li>
|
||||
<div>- Professors teach face-to-face classes while also live-streaming to online students who attend virtually via the internet.</li>
|
||||
<div>
|
||||
<h1 style="margin-top:20px;">Who is this format best for?</h1>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="i-th">
|
||||
<div class="i"><img src="" alt=""></div>
|
||||
<p>Asynchronous/Recorded</p>
|
||||
</div>
|
||||
<div class="i-tb">
|
||||
<div class="des">
|
||||
<div>- Professors pre-record lectures, and students watch the recordings before specific deadlines.
|
||||
</li>
|
||||
<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>
|
||||
<h1 style="margin-top:20px;">Who is this format best for?</h5>
|
||||
<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="i-tb-bottom">
|
||||
<h5>Synchronous (Live) & Asynchronous (Recorded)</h5>
|
||||
<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'/}
|
||||
{include file='default/base/mall_top'/}
|
||||
{block name="mall_main"}
|
||||
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/see.css">
|
||||
<style>
|
||||
@media screen and (max-width:768px) {
|
||||
.sroll-tabel {
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
.sroll-tabel .table {
|
||||
width: 60rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div class="see-banner wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="main-center container wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<h1>How LightCourse works</h1>
|
||||
<em>?</em>
|
||||
</div>
|
||||
</div>
|
||||
<main class="see-container">
|
||||
<section class="main-0 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>Worldwide access to Credit-bearing courses,<br>
|
||||
both online and on-campus
|
||||
</h2>
|
||||
</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">
|
||||
<h2>1. 7000+COLLEGE COURSES</h2>
|
||||
<p class="college">LightCourse provides worldwide access to credit-bearing college courses, both online and on-campus.</p>
|
||||
</div>
|
||||
|
||||
<div class="mt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
||||
<p class="title-p">
|
||||
We partner with top-notch institutions around the world and offer 7000+ official college courses covering more than 300 different<br />
|
||||
majors and disciplines, including <span class="c1">mathematics, business, computer science, communications, art, social science, humanities</span>, and <br />
|
||||
<span class="c1">other fields.</span> Available courses include required courses for many majors, general education requirements, electives at various<br />
|
||||
levels, as well as more specialized offerings.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<section class="main-1-1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="main-center container">
|
||||
<div class="title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">What We Provide</h3>
|
||||
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Credit-bearing online courses</p>
|
||||
<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>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<h4 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Synchronous/Live</h4>
|
||||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
||||
Students join live video conference classrooms during scheduled class hours.<br /><br />
|
||||
Professors teach face-to-face classes while also live-streaming to online students who attend virtually via the internet.
|
||||
</span>
|
||||
</div>
|
||||
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<h4 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Asynchronous<br/>/Recorded</h4>
|
||||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
||||
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.
|
||||
</span>
|
||||
</div>
|
||||
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<h4 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Self-paced</h4>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="title title-2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Who is this format best for?</h3>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="item 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">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>
|
||||
</div>
|
||||
<div class="item 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">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>
|
||||
</div>
|
||||
<div class="item 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">Students whose schedules require them to keep maximum flexibility when taking classes, and students who want complete control over their learning schedule.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list list-last">
|
||||
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<h4 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Who is this format best for?</h4>
|
||||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
||||
<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
|
||||
</span>
|
||||
</div>
|
||||
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<h4 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Self-paced</h4>
|
||||
<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>
|
||||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
||||
Credit hours are course-dependent, usually:<br />
<em>Semester credit hours:</em>3/4<br />
<em>Quarter credit hours:</em>3/4*1.5
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="main-1-2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="main-center container">
|
||||
<div class="main-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">2. Credit-bearing study abroad programs</h2>
|
||||
<p class="study-programs wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
||||
LightCourse collaborates with renowned institutions around the world to offer credit-bearing study
|
||||
abroad programs to students who want to broaden<br />
|
||||
their cultural horizons. Students can study <span class="c1">business, math, computer science, natural sciences, social sciences, humanities, and arts</span><br />
|
||||
in summer school programs provided by institutions
|
||||
in locations such as <span class="c1">San Francisco, London, Florence, Toronto, Seoul, Tokyo, Shanghai, and Beijing.</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="student-programs-swiper wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<div class="swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img src="{$Think.HOME_SITE_ROOT}/new/images/study-programs-01.jpg" alt="Credit-bearing study abroad programs"></div>
|
||||
</div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="main-4 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="main-center container">
|
||||
<div class="main-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<h2>3. How to Participate</h2>
|
||||
</div>
|
||||
<div class="participate-list">
|
||||
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<span>Step1</span>
|
||||
<span>Check the transfer credit policy of your school</span>
|
||||
</div>
|
||||
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<span>Step2</span>
|
||||
<span>Check if the selected course covers the one in your school</span>
|
||||
</div>
|
||||
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<span>Step3</span>
|
||||
<span>Select a program/course</span>
|
||||
</div>
|
||||
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<span>Step4</span>
|
||||
<span>Submit personal information for course registration</span>
|
||||
</div>
|
||||
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<span>Step5</span>
|
||||
<span>Confirm your order and make a payment</span>
|
||||
</div>
|
||||
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<span>Step6</span>
|
||||
<span>Receive course details upon registration</span>
|
||||
</div>
|
||||
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<span>Step7</span>
|
||||
<span>Start taking classes</span>
|
||||
</div>
|
||||
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<span>Step8</span>
|
||||
<span>Obtain transcripts and other follow-up matters</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="main-QA wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="main-center container">
|
||||
<div class="t wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<h2>FAQ</h2>
|
||||
<div class="more-btn">
|
||||
<a href="/qa">Learn more <em>></em></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<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}
|
||||
{include file='default/base/mall_footer'/}
|
||||
<script>
|
||||
$(function(){
|
||||
var programSwiper = new Swiper('.student-programs-swiper .swiper-container',{
|
||||
loop:true,//开启循环播放
|
||||
autoplay: true, //自动播放
|
||||
effect : 'slide',//轮播的动效 默认为"slide"（普通位移切换），还可设置为"fade"（淡入）、"cube"（方块）、"coverflow"（3d流）、"flip"（3d翻转）、"cards"(卡片式)、"creative"（创意性）。
|
||||
pagination: {
|
||||
el: '.student-programs-swiper .swiper-pagination',
|
||||
clickable :true,
|
||||
},
|
||||
on:{
|
||||
init: function(){
|
||||
swiperAnimateCache(this); // 隐藏动画元素
|
||||
swiperAnimate(this); // 初始化完成开始动画
|
||||
},
|
||||
slideChangeTransitionEnd: function(){
|
||||
swiperAnimate(this); // 每个slide切换结束时也运行当前slide动画
|
||||
// this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次，去除ani类名
|
||||
},
|
||||
}
|
||||
});
|
||||
})
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1,161 +1,182 @@
|
|||
{extend name="default/base/base_home" /}
|
||||
|
||||
{block name="mall_main"}
|
||||
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/process.css">
|
||||
<style>
|
||||
.cardimg{
|
||||
width:40%;
|
||||
position: absolute;
|
||||
right: 10%;
|
||||
top:0;
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
.list-banner .con1{
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
.main-center {
|
||||
padding-top: 3rem;
|
||||
}
|
||||
.cardimg {
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div class="list-banner">
|
||||
<div class="main-center container">
|
||||
<div class="position">Position：Home > HOW TO APPLY </div>
|
||||
<div class="content con1">
|
||||
<div class="left">
|
||||
<p>Application</p>
|
||||
<h2>HOW TO APPLY</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<main class="process">
|
||||
<section class="main-1">
|
||||
<div class="main-center container" style="position:relative;">
|
||||
<img class="cardimg" src="/static/home/images/card.png" alt="Program Features">
|
||||
<div class="wrap">
|
||||
<h2>General Procedure:</h2>
|
||||
<ul>
|
||||
<li>1. Check the transfer credit policy of your school</li>
|
||||
<li>2. Check if the selected course covers the one in your school</li>
|
||||
<li>3. Select a program/course</li>
|
||||
<li>4. Submit personal information for course registration</li>
|
||||
<li>5. Confirm your order and make a payment</li>
|
||||
<li>6. Receive course details upon registration</li>
|
||||
<li>7. Start taking classes </li>
|
||||
</ul>
|
||||
<p>If you have any questions about the procedure, including registration, payment, course equivalency, or credit transfer,
|
||||
please <a href="mailto:studentservice@lightglobal.org">email us</a> your personal information and concerns. <br>
|
||||
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
|
||||
and registration process.</p>
|
||||
</div>
|
||||
<section class="main-other-qa">
|
||||
<div class="main-center container">
|
||||
<h6>Help&Support</h6>
|
||||
<div class="content">
|
||||
<div class="left">
|
||||
<p>Need Help?</p>
|
||||
<div class="zx-btn">
|
||||
<a href="https://chatting.page/4enwdahqiuzzigop29taomatroakg3va">Chat Now</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div>
|
||||
<p>Chase business services</p>
|
||||
<a href="mailto:studentservice@lightglobal.org"><strong>studentservice@lightglobal.org</strong></a>
|
||||
</div>
|
||||
<div>
|
||||
<p>For online technical support, please contact us at</p>
|
||||
<a href="mailto:studentservice@lightglobal.org"><strong>studentservice@lightglobal.org</strong></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<p>
|
||||
<span class="c1">We encourage students to place their orders independently. </span><br>
|
||||
If you understand the process and are familiar with your home institution's policies, add your chosen course to the
|
||||
shopping cart and fill out your personal information to register and pay.
|
||||
</p>
|
||||
<p>An order confirmation will be sent to you within 24 hours of receiving your payment, and class details will be
|
||||
delivered to you via email at a later date.</p>
|
||||
<p>If you have any questions regarding the procedure, don't hesitate to <a href="mailto:studentservice@lightglobal.org">contact us.</a><br>
|
||||
A professional consultant will be assigned to respond to your inquiry within 24 hours. </p>
|
||||
|
||||
</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>
|
||||
{extend name="default/base/base_home" /}
|
||||
|
||||
{block name="mall_main"}
|
||||
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/process.css">
|
||||
<style>
|
||||
.cardimg {
|
||||
width: 40%;
|
||||
position: absolute;
|
||||
right: 10%;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width:768px) {
|
||||
.list-banner .con1 {
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
|
||||
.main-center {
|
||||
padding-top: 3rem;
|
||||
}
|
||||
|
||||
.cardimg {
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div class="see-banner wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="main-center container wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<h1>How to Apply</h1>
|
||||
<em>
|
||||
<img src="{$Think.HOME_SITE_ROOT}/new/images/process-top-bg.png">
|
||||
</em>
|
||||
</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">
|
||||
</div>
|
||||
<main class="process">
|
||||
<section class="main-4 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="main-center container">
|
||||
<div class="main-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<h2>General Procedure</h2>
|
||||
<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.
|
||||
</p>
|
||||
</div>
|
||||
<div class="participate-list">
|
||||
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<span>Step1</span>
|
||||
<span>Check the transfer credit policy of your school</span>
|
||||
</div>
|
||||
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<span>Step2</span>
|
||||
<span>Check if the selected course covers the one in your school</span>
|
||||
</div>
|
||||
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<span>Step3</span>
|
||||
<span>Select a program/course</span>
|
||||
</div>
|
||||
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<span>Step4</span>
|
||||
<span>Submit personal information for course registration</span>
|
||||
</div>
|
||||
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<span>Step5</span>
|
||||
<span>Confirm your order and make a payment</span>
|
||||
</div>
|
||||
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<span>Step6</span>
|
||||
<span>Receive course details upon registration</span>
|
||||
</div>
|
||||
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<span>Step7</span>
|
||||
<span>Start taking classes</span>
|
||||
</div>
|
||||
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<span>Step8</span>
|
||||
<span>Obtain transcripts and other follow-up matters</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="main-1">
|
||||
<div class="main-center container">
|
||||
<div class="main-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<h2>We encourage students<br />to place their orders independently</h2>
|
||||
</div>
|
||||
<div class="wrap wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
||||
If you understand the process and are familiar with your home institution's policies, add your chosen course to the shopping cart<br />
|
||||
and fill out your personal information to register and pay.
|
||||
</p>
|
||||
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
||||
An order confirmation will be sent to you within 24 hours of receiving your payment,<br />
|
||||
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>
|
||||
A professional consultant will be assigned to respond to your inquiry within 24 hours.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<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">
|
||||
</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 class="content">
|
||||
<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}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,163 +1,242 @@
|
|||
.dot {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.setBetween {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.setRowCenter {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.setColumnCenter {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.setCenter {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.ra {
|
||||
border-radius: 0.2rem;
|
||||
overflow: hidden;
|
||||
border-radius: 0.2rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.bs {
|
||||
box-shadow: 0 0 0.5rem #ebebeb;
|
||||
box-shadow: 0 0 0.5rem #ebebeb;
|
||||
}
|
||||
|
||||
.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 {
|
||||
padding: 0.3rem 0.9rem;
|
||||
background-color: #3b52f6;
|
||||
color: #fff !important;
|
||||
border-radius: 2rem;
|
||||
font-size: 0.9rem;
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
padding: 0.3rem 0.9rem;
|
||||
background-color: #3b52f6;
|
||||
color: #fff !important;
|
||||
border-radius: 2rem;
|
||||
font-size: 0.9rem;
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.btn.s1 {
|
||||
background-color: transparent;
|
||||
border: 1px solid #3b52f6;
|
||||
color: #3b52f6 !important;
|
||||
background-color: transparent;
|
||||
border: 1px solid #3b52f6;
|
||||
color: #3b52f6 !important;
|
||||
}
|
||||
|
||||
.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 {
|
||||
font-family: "robotoMedium";
|
||||
font-size: 2.4rem;
|
||||
font-family: "HarmonyOS_Sans_Black" !important;
|
||||
background-color: #ffff1b;
|
||||
font-size: 2.4rem;
|
||||
font-size: 2rem;
|
||||
line-height: 1.2;
|
||||
padding: 5.4rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.contact-banner h5 {
|
||||
font-size: 1.3rem;
|
||||
font-family: "robotoMedium";
|
||||
margin-top: 4rem;
|
||||
background-color: #284dfd;
|
||||
padding: 6.5rem 0;
|
||||
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 {
|
||||
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 {
|
||||
font-family: "robotoMedium";
|
||||
font-size: 1.3rem;
|
||||
position: relative;
|
||||
font-size: 1.3rem;
|
||||
position: relative;
|
||||
}
|
||||
.contact-container .container .item h6::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: calc(100% + 0.5rem);
|
||||
width: 1.3rem;
|
||||
height: 1.3rem;
|
||||
background-color: #3b52f6;
|
||||
transform: translateY(-50%);
|
||||
.contact-container section:nth-of-type(even) .container .item h6 {
|
||||
color: #ffff1b !important;
|
||||
}
|
||||
.contact-container .container .item strong {
|
||||
font-weight: bold;
|
||||
.contact-container .container .item .left p{
|
||||
font-size: 1.25rem;
|
||||
line-height: 1.5;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.contact-container .container .item .text {
|
||||
width: fit-content;
|
||||
box-shadow: 0rem 0.15rem 0.9rem 0rem rgba(32, 30, 29, 0.35);
|
||||
border-radius: 0.25rem;
|
||||
padding: 0.9rem;
|
||||
margin: 0.9rem 0;
|
||||
position: relative;
|
||||
padding-right: 8rem;
|
||||
width: 45%;
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
|
||||
.contact-container .container .item .text img {
|
||||
position: absolute;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.contact-container .container .item.item1 .text img {
|
||||
bottom: -12%;
|
||||
left: 45%;
|
||||
bottom: -12%;
|
||||
left: 45%;
|
||||
}
|
||||
|
||||
.contact-container .container .item.item2 .text img {
|
||||
bottom: -12%;
|
||||
left: 83%;
|
||||
bottom: -12%;
|
||||
left: 83%;
|
||||
}
|
||||
|
||||
.contact-container .container .item.item3 .text img {
|
||||
bottom: -110%;
|
||||
left: 90%;
|
||||
bottom: -110%;
|
||||
left: 90%;
|
||||
}
|
||||
|
||||
.contact-container .container .item .mail {
|
||||
text-align: center;
|
||||
padding-top: 2rem;
|
||||
text-align: center;
|
||||
padding-top: 2rem;
|
||||
}
|
||||
|
||||
.contact-container .container .item .mail a {
|
||||
display: inline-block;
|
||||
font-size: 0.9rem;
|
||||
font-weight: bold;
|
||||
color: #3b52f6;
|
||||
padding: 0.6rem;
|
||||
padding-bottom: 0.9rem;
|
||||
padding-left: 4rem;
|
||||
padding-right: 0.9rem;
|
||||
background-image: url("../images/jx2.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
display: inline-block;
|
||||
font-size: 0.9rem;
|
||||
font-weight: bold;
|
||||
color: #3b52f6;
|
||||
padding: 0.6rem;
|
||||
padding-bottom: 0.9rem;
|
||||
padding-left: 4rem;
|
||||
padding-right: 0.9rem;
|
||||
background-image: url("../images/jx2.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.container .item .text p{
|
||||
font-family: 'robotoLight'!important;
|
||||
color: #000;
|
||||
font-size: 0.9rem;
|
||||
|
||||
.container .item .text p {
|
||||
display: flex;
|
||||
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) {
|
||||
.contact-container .container .item.item2 .text img {
|
||||
max-width: 13rem;
|
||||
}
|
||||
.contact-container .container .item.item3 .text img {
|
||||
max-width: 18rem;
|
||||
}
|
||||
.contact-container .container .item.item2 .text img {
|
||||
max-width: 13rem;
|
||||
}
|
||||
|
||||
.contact-container .container .item.item3 .text img {
|
||||
max-width: 18rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.main-center {
|
||||
padding-left: 2%;
|
||||
padding-right: 2%;
|
||||
}
|
||||
.contact-container .container .item .text img,
|
||||
.contact-container .container .item h6::before {
|
||||
display: none;
|
||||
}
|
||||
.contact-container .container .item .mail a {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.contact-container .container .item .text {
|
||||
width: 100%;
|
||||
padding: 1rem !important;
|
||||
}
|
||||
.main-center {
|
||||
padding-left: 2%;
|
||||
padding-right: 2%;
|
||||
}
|
||||
|
||||
.contact-container .container .item .text img,
|
||||
.contact-container .container .item h6::before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.contact-container .container .item .mail a {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.contact-container .container .item .text {
|
||||
width: 100%;
|
||||
padding: 1rem !important;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,147 +1,220 @@
|
|||
.dot {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.setBetween {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.setRowCenter {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.setColumnCenter {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.setCenter {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.ra {
|
||||
border-radius: 0.2rem;
|
||||
overflow: hidden;
|
||||
border-radius: 0.2rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.bs {
|
||||
box-shadow: 0 0 0.5rem #ebebeb;
|
||||
box-shadow: 0 0 0.5rem #ebebeb;
|
||||
}
|
||||
|
||||
.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 {
|
||||
padding: 0.3rem 0.9rem;
|
||||
background-color: #3b52f6;
|
||||
color: #fff;
|
||||
border-radius: 2rem;
|
||||
font-size: 0.9rem;
|
||||
padding: 0.3rem 0.9rem;
|
||||
background-color: #3b52f6;
|
||||
color: #fff;
|
||||
border-radius: 2rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.btn.s1 {
|
||||
background-color: transparent;
|
||||
border: 1px solid #3b52f6;
|
||||
color: #3b52f6;
|
||||
background-color: transparent;
|
||||
border: 1px solid #3b52f6;
|
||||
color: #3b52f6;
|
||||
}
|
||||
|
||||
.a-hover:hover {
|
||||
color: #3b52f6;
|
||||
color: #3b52f6;
|
||||
}
|
||||
|
||||
.fb {
|
||||
font-family: "robotoMedium";
|
||||
font-family: "robotoMedium";
|
||||
}
|
||||
.list-banner .left p {
|
||||
font-size: 1.3rem;
|
||||
color: #3b52f6;
|
||||
|
||||
.see-banner{
|
||||
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;
|
||||
font-size: 0.9rem;
|
||||
color: #000;
|
||||
|
||||
.see-banner h1 {
|
||||
font-family: "HarmonyOS_Sans_Black" !important;
|
||||
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;
|
||||
font-family: "robotoMedium";
|
||||
|
||||
@keyframes bg_name {
|
||||
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;
|
||||
font-weight: bold;
|
||||
|
||||
.process .main-title h2 {
|
||||
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;
|
||||
font-family: 'robotoLight'!important;
|
||||
font-size: 0.9rem;
|
||||
color: #000;
|
||||
|
||||
.process .main-title p {
|
||||
font-size: 0.85rem;
|
||||
color: #505050;
|
||||
max-width: 100%;
|
||||
text-align: center;
|
||||
margin-bottom: 0;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
.process .main-1 .wrap span {
|
||||
color: #cc1f1f;
|
||||
.main-4 {
|
||||
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;
|
||||
font-family: "robotoMedium";
|
||||
font-size: 1.3rem;
|
||||
|
||||
.main-4 .participate-list{
|
||||
margin-top: 2rem;
|
||||
}
|
||||
.process .main-1 .wrap .f-img img {
|
||||
float: right;
|
||||
max-width: 23rem;
|
||||
.main-4 .participate-list .item{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.process .main-1 .wrap .item-list1 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.main-4 .participate-list .item>span{
|
||||
display: flex;
|
||||
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;
|
||||
font-family: "robotoMedium";
|
||||
text-align: center;
|
||||
line-height: 1.4;
|
||||
min-height: 4.2rem;
|
||||
margin-bottom: 0.9rem;
|
||||
|
||||
.main-4 .participate-list .item>span:last-child{
|
||||
width: calc(100% - 12.3rem);
|
||||
background-color: #dedede;
|
||||
justify-content: flex-start;
|
||||
text-indent: 8.5rem;
|
||||
}
|
||||
.process .main-1 .wrap .item-list1 .item {
|
||||
width: 30%;
|
||||
position: relative;
|
||||
border: 1px solid #000;
|
||||
margin-top: 0.9rem;
|
||||
padding: 0.9rem;
|
||||
|
||||
.main-4 .participate-list .item:nth-of-type(6n),
|
||||
.main-4 .participate-list .item:nth-of-type(6n-1),
|
||||
.main-4 .participate-list .item:nth-of-type(6n-2){
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
.process .main-1 .wrap .item-list1 .item::after {
|
||||
content: attr(num);
|
||||
position: absolute;
|
||||
bottom: 0.9rem;
|
||||
right: 0.9rem;
|
||||
font-size: 1.3rem;
|
||||
color: #3b52f6;
|
||||
font-family: "robotoMedium";
|
||||
|
||||
.main-1{
|
||||
position: relative;
|
||||
padding: 0 0 5rem;
|
||||
}
|
||||
.process .main-1 .wrap .item-list2 .item {
|
||||
position: relative;
|
||||
margin-top: 2rem;
|
||||
box-shadow: 0rem 0.15rem 0.9rem 0rem rgba(32, 30, 29, 0.35);
|
||||
padding: 0.9rem;
|
||||
|
||||
.main-1>img{
|
||||
width: 24rem;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 5rem;
|
||||
z-index: 1;
|
||||
}
|
||||
.process .main-1 .wrap .item-list2 .item::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: calc(100% + 0.9rem);
|
||||
top: 0;
|
||||
width: 1.3rem;
|
||||
height: 1.3rem;
|
||||
background-color: #3b52f6;
|
||||
|
||||
.main-1 .main-center{
|
||||
max-width: 67.5rem;
|
||||
background-color: #18d777;
|
||||
padding: 3.6rem;
|
||||
}
|
||||
|
||||
.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) {
|
||||
.process .main-1 .container .code {
|
||||
position: initial;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.process .main-1 .container .code {
|
||||
position: initial;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 85 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 96 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 656 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.9 KiB |
Loading…
Reference in New Issue