www.lightcourse.com/app/home/view/default/base/mall_footer.html

<style>
	.setBetween .item:nth-of-type(1):after {
		content: '';
		display: block;
		width: 1px;
		height: 100%;
		background: #3b52f6;
		position: absolute;
		right: 0;
		top: 0;
	}

	.setBetween .item {
		width: 50%;
	}

	.setBetween .item:nth-of-type(1) {
		padding-right: 20px !important;
		position: relative;
	}

	.setBetween .item:nth-of-type(2) {
		padding-right: 20px !important;
	}

	.setBetween .item:nth-of-type(1):after {
		width: 0px;
	}

	.a-line {
		border-bottom: 1px solid #eee;
		padding-bottom: 0.8rem;
	}

	.a-btn {
		background: #3b52f6;
		/*display: inline-block;*/
		text-align: center;
		height: 3rem;
		line-height: 3rem;
		color: white;
	}

	.a-btn a {
		color: white !important;
		display: block;
		width: 100%;
		height: 100%;
	}

	.a-blue {
		color: #3b52f6;
	}

	.add-btn {
		text-align: right;
	}

	.add-btn a {
		border-radius: 0.2rem;
	}
</style>
<section class="container-mask form-wrap9">
	<!-- show -->
	<div class="container form-mask" style="width:500px;">
		<div action="" onsubmit="return false" class="wrap7p">
			<!--<h2 class="c1">Apply for a course syllabus</h2>-->
			<p style="font-size:20px; text-align: justify; line-height: 26px; font-weight: 600; color: #000">Please scan
				the WeChat QR Code to add our academic advisor.</p>
			<img style="width:200px; display:block; margin: 0 auto" src="{$Think.HOME_SITE_ROOT}/new/images/wwww.jpg">
		</div>
	</div>
</section>
<section class="main-other-qa wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
	<div class="main-center container">
		<div class="content">
			<div class="left wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
				<h6>Help&Support</h6>
				<p>Need Help?</p>
				<div class="zx-btn">
					<a href="javascript:void(0)" onclick="$('.form-wrap9').addClass('show')" class="b"><span>Chat Now</span></a>
				</div>
			</div>
			<div class="right wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
				<div>
					<p>LightCourse Student Services</p>
					<a href="mailto:studentservice@lightglobal.org"><strong>studentservice@lightglobal.org</strong></a>
				</div>
				<div>
					<p>Partner With Us</p>
					<a href="mailto:partnerships@lightglobal.org"><strong>partnerships@lightglobal.org</strong></a>
				</div>
			</div>

		</div>
	</div>
</section>
<footer>
	<div class="footer wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
		<div class="main-center">
			<div class="left wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
				<div class="info">Earn Credits in a More Flexible Way<br />A global higher education o</div>
				<div class="logo"><img src="{$Think.HOME_SITE_ROOT}/new/images/footer-logo.png" alt="Light Course"></div>
				<div class="icon">
					<img src="{$Think.HOME_SITE_ROOT}/new/images/icon-foot-01.png">
					<img src="{$Think.HOME_SITE_ROOT}/new/images/icon-foot-02.png">
					<img src="{$Think.HOME_SITE_ROOT}/new/images/icon-foot-03.png">
				</div>
			</div>
			<div class="right wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
				<ul>
					<li>
						<a href="/promotion">About Us</a>
						<a href="/document">How LightCourse Works</a>
						<a href="/showpintuan">How to Transfer Credit</a>
						<a href="/showgroupbuy">How to Apply</a>
						<a href="/qa">FAQ</a>
						<!-- <div>
						  <a href="mailto:studentservice@lightlobal.org">studentservice@lightlobal.org</a>
						  <a href="tel:028-85466301">028-85466301</a>
						</div>-->
					</li>
					<li>
						<a href="/goods/consulting">All Courses</a>
						<a href="/activity">Partner with Us</a>
						<a href="/contact">Contact Us</a>
						<a href="/Article?ac_id=8">Blog</a>
						<!-- <a href="">Terms of Service</a>-->
						<!-- <a href="">Privacy Statement</a>
							<a href="">Website Terms</a> -->
						<!-- <div>
						  <span>Customer Service Suggestions</span>
						  <a href="mailto:marketinglightcourse@gmail.com">marketinglightcourse@gmail.com</a>
						</div>-->
					</li>
				</ul>
			</div>
		</div>
		<div class="copyright wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
			<span>
				<script>
					copyright = new Date();
					update = copyright.getFullYear();
					document.write("Copyright &copy; " + update +
						" All rights reserved. LightCourse Inc.  <a href='https://beian.miit.gov.cn' target='_blank'>蜀ICP备2020030077号-1</a>"
						);
				</script>
			</span>
		</div>
	</div>
	<div class="cookie">
		<div class="main-center container">
			<p>LightCourse uses cookies to provide necessary website functionality, improve your experience and analyze
				our traffic. By using our website, you agree to our Terms of Service.</p>
			<a href="javascript:;">OK!</a>
		</div>
	</div>
</footer>

<section class="container-mask tips-wrap">
	<div class="container tips-mask" style="width:55rem;">
		<div class="iconf close-iconf"></div>
		<div action="" onsubmit="return false" class="tips-container form ui ">
			<div class="tit">
				<h4 class="c1">Checkout</h4>
				<p>You need to log in or create an account to checkout.</p>
			</div>
			<h2 class="a-line">Log in or Create an Account</h2>
			<p>Please select one of the following options</p>
			<div class="setBetween">
				<div class="item">
					<h6 class="a-btn"><a href="/Login/login">I have an account already</a></h6>
					<p>Log in with your existing e-mail account information if you are a current or former LightCourse
						member. To proceed, please complete the checkout process as soon as possible.</p>
					<p>Click <a class="a-blue" href="/Login/login">Continue</a>, then the <a class="a-blue"
							href="/Login/forget_password">Forget Password</a> button if you forget your password.</p>
					<div class="more-btn add-btn"><a href="/Login/login">Continue</a></div>
				</div>
				<div class="item">
					<h6 class="a-btn"><a href="/Login/register">I need to create an account</a></h6>
					<p>Create a user name and password by clicking Create Account, then log in to complete your student
						profile and checkout.</p>
					<p>To proceed, please complete the checkout process as soon as possible.</p>
					<div class="more-btn add-btn"><a href="/Login/register">Create Account</a></div>
				</div>
			</div>
		</div>
	</div>
</section>
</body>
<script src="{$Think.HOME_SITE_ROOT}/new/js/swiper.min.js"></script>
<script src="{$Think.HOME_SITE_ROOT}/new/js/swiper.animate.min.js"></script>
<script src="{$Think.HOME_SITE_ROOT}/new/js/wow.min.js"></script>
<script src="{$Think.HOME_SITE_ROOT}/new/js/jquery-ui.min.js"></script>
<script src="{$Think.HOME_SITE_ROOT}/new/js/jquery.simpler-sidebar.min.js"></script>
<script src="{$Think.HOME_SITE_ROOT}/new/js/accordion.js"></script>
<script src="{$Think.HOME_SITE_ROOT}/new/js/semantic.min.js"></script>

<script src="{$Think.PLUGINS_SITE_ROOT}/jquery.cookie.js"></script>

<script src="{$Think.HOME_SITE_ROOT}/js/compare.js"></script>

<link rel="stylesheet" href="{$Think.PLUGINS_SITE_ROOT}/perfect-scrollbar.min.css">

<script src="{$Think.PLUGINS_SITE_ROOT}/perfect-scrollbar.min.js"></script>

<script type="text/javascript" src="{$Think.PLUGINS_SITE_ROOT}/js/qtip/jquery.qtip.min.js"></script>

<link href="{$Think.PLUGINS_SITE_ROOT}/js/qtip/jquery.qtip.min.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="{$Think.PLUGINS_SITE_ROOT}/jquery.lazyload.min.js"></script>

<script>
	var li = $("#pc-header .content nav li");
	$("#pc-header .content nav li").click(function() {
		var i = li.index(this);
		var par = $(this).parent().index()
		$("#pc-header .content aside .item").removeClass('active')
		$($("#pc-header .content aside .item")[i]).addClass('active')
		$("#pc-header .content aside > div").eq(par).addClass('active').siblings().removeClass("active")
	})
</script>