反馈修改完成-1122

master
Lee 2022-11-22 17:52:46 +08:00
parent 568a47dcb4
commit 85124fa60b
8 changed files with 100 additions and 263 deletions

View File

@ -61,15 +61,19 @@
</style>
<section class="container-mask form-wrap9">
<!-- show -->
<div class="container form-mask" style="width:500px;">
<div class="container form-mask" style="width:25rem;">
<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 class="iconf close-iconf"></div>
<img style="width:10.6rem; display:block; margin: 1.8rem auto 0" src="{$Think.HOME_SITE_ROOT}/new/images/wwww.jpg">
<p style="font-size:0.9rem; text-align: center; line-height: 1.23; color: #1b1b1b;">
Please <span class="c1">scan the WeChat QR Code</span> to<br />add our academic advisor<br />and receive additional details.
</p>
<div class="oks oks-wrap9" style="margin: 1.5rem auto 2.5rem; cursor: pointer;">Back</div>
</div>
</div>
</section>
<section class="main-other-qa">
<div class="main-center container">
<div class="content">
@ -98,7 +102,7 @@
<div class="footer">
<div class="main-center">
<div class="left">
<div class="info f-bold">Earn Credits in a More Flexible Way<br />A global higher education o</div>
<div class="info f-bold">Earn Credits in a More Flexible Way<br />A global higher education opportunity provider</div>
<div class="logo"><img src="{$Think.HOME_SITE_ROOT}/new/images/logo.png" alt="Light Course"></div>
<div class="icon">
<img src="{$Think.HOME_SITE_ROOT}/new/images/icon-foot-01.png">
@ -237,6 +241,11 @@
$($("#pc-header .content aside .item")[i]).addClass('active')
$("#pc-header .content aside > div").eq(par).addClass('active').siblings().removeClass("active")
})
$(".oks-wrap9").click(function() {
setTimeout(function() {
$(".form-wrap9").removeClass('show');
}, 100);
})
</script>
<script>
$("#login_normal_form .sub").click(function(){

View File

@ -20,7 +20,7 @@
<div class="blog-txt">
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Flexibility <em>:</em> How Does it Benefits Students <em>?</em></h2>
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
This article provides<br />an overview of<br />online education flexibi
This article provides<br />an overview of<br />online education flexibility
</span>
<div class="more-btn1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<a href="/article/show?article_id=69">Click To Enter<em>></em></a>

View File

@ -120,6 +120,10 @@
width: 120px;
}
.input-abcd::placeholder{
font-family: 'HarmonyOS_Sans_Medium' !important;
}
.mian-left>div {
height: 60px;
font-size: 0.9rem;
@ -271,7 +275,8 @@
.m-item h5 {
text-align: left;
font-size: 22px !important;
font-size: 1.1rem !important;
margin-bottom: 0.5rem;
}
@ -342,7 +347,6 @@
<div class="container">
<div class="left">
<div>
<!-- {$goods.goods_id}-->
<h1>{$goods.goods_name}</h1>
<h4 class="f-medium">{$goods.ke_college}</h4>
<div class="i-start">
@ -372,7 +376,6 @@
<p><em class="f-medium">Credit(s) : </em><span class="f-medium">{$goods.ke_credit}</span></p>
<p><em class="f-medium">Enrollment start date : </em><span class="f-medium">{$goods.enroll_start_date}</span></p>
<p><em class="f-medium">Enrollment deadline : </em><span class="f-medium">{$goods.enroll_end_date}</span></p>
<!-- <p><em>Prerequisite(s) </em><span>empty</span></p>-->
</div>
<div class="content1">
<h2>Course Description</h2>
@ -396,7 +399,6 @@
<strong>{$goods.ke_credit}<span> credits</span></strong>
</div>
<!--<div class="item clk">-->
<div class="item itemnum pricebox" style="cursor:pointer;">
<p>Estimated Price</p>
<strong>Price Calculator<span></span></strong>
@ -442,7 +444,6 @@
<i class="dropdown icon"></i>
<div class="default text"><!-- Select Date --></div>
<div class="menu">
<!--<div class="item" data-value="1">{$goods.ke_start_time}-{$goods.ke_end_time}</div>-->
<div class="item" data-value="1">{$goods.ke_start_time}
{if $goods.ke_end_time != 'Self-paced'}
- {$goods.ke_end_time}
@ -494,9 +495,6 @@
Transfer credit policies may differ from institution to institution. Accordingly, our expert advisors work with students one-on-one to<br />
guide them in seeking approval for courses, thereby making credit transfer as smooth and efficient as possible.
</p>
<!-- <div class="more-btn">
<a href="javascript:;" class="form-clk2">Find an equivalent course</a>
</div> -->
</div>
</div>
</section>
@ -510,7 +508,7 @@
such as a link to the official website, course syllabus, class hours, location, etc.<br />
The home institution will decide whether or not to accept transfer credits based on the information provided.
</p>
<span class="c2 f-medium">Key assessment criteria for evaluating whether credit will be transferred
<span class="c2 f-bold">Key assessment criteria for evaluating whether credit will be transferred
include:</span>
<div class="item-list1">
<div class="item" num="01">
@ -583,102 +581,6 @@
</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="accordion1" 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-4">
<div class="main-center container">
<div class="main-title">Enrollment Process</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>
<div class="main-right">
<div>Fill out the pre-registration information</div>
<div>With the help of our expert academic advisors</div>
<div>Receive course syllabus and complete course approval from your school under our advisor's guidance to enroll in the course</div>
<div>Registration: success/failure</div>
<div>Send the transcript after passing the course</div>
<div class="boder-none">Follow-up services after credit transfer</div>
</div>
</div>
</div>
</section>-->
<section class="rec-course" style="display: none;">
<div class="main-title main-center">
<h2>Recommended Course</h2>
@ -704,119 +606,11 @@
<use xlink:href="#icon-xianshangliuliang"></use>
</svg>Start Date<span>{$goods.ke_start_time}</span>
</div>
<!-- <div class="par">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xueke"></use>
</svg><strong>Category</strong><span>{$goods.gc_name}</span>
</div>
<div class="par">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-icon"></use>
</svg><strong>Credit</strong><span>{$goods.ke_credit}</span>
</div>-->
</div>
<!-- <div class="i-start">
<p style="margin-right: 1rem;">Recommend Star</p>
<div class="i">
<svg class="iconf" aria-hidden="true">
<use xlink:href="#icon-icon"></use>
</svg>
<svg class="iconf" aria-hidden="true">
<use xlink:href="#icon-icon"></use>
</svg>
<svg class="iconf" aria-hidden="true">
<use xlink:href="#icon-icon"></use>
</svg>
<svg class="iconf" aria-hidden="true">
<use xlink:href="#icon-icon"></use>
</svg>
<svg class="iconf" aria-hidden="true">
<use xlink:href="#icon-icon"></use>
</svg>
</div>
</div>-->
</div>
</a>
</div>
</section>
<!-- <section class="main-3 comment-container">
<div class="main-center">
<div class="comment">
<div class="comment-list">
<h5>List (2)</h5>
<div class="content">
<div class="item">
<div>
<h6>The Wig Experts</h6>
<div class="des">
We would love to help you find your perfect style and color. To better assist you, we would recommend a virtual consultation. We know shopping online and wondering if it's right can be challenging.and based on the part of the process you are on, you would be thie perfect candidate for a virtual consultation. This free premier service that we now offer will help us better serve your needs! Virtual consultations give you the option of doing a one-on-one zoom with one of our experts. This then allows us the opportunity to show you how to measure, go over styles, and color options; as well as answer any questions you may have. If this is something you are interested in, let us know and we will gladly set up a time to meet with you.
</div>
<div class="time">
<span>
<i class="iconfont icon-shijian"></i>
2021-12-15 15:17:51
</span>
<span>
<i class="iconfont icon-eye"></i>
Reply
</span>
</div>
</div>
</div>
<div class="item">
<div>
<h6>The Wig Experts</h6>
<div class="des">
We would love to help you find your perfect style and color. To better assist you, we would recommend a virtual consultation. We know shopping online and wondering if it's right can be challenging.and based on the part of the process you are on, you would be thie perfect candidate for a virtual consultation. This free premier service that we now offer will help us better serve your needs! Virtual consultations give you the option of doing a one-on-one zoom with one of our experts. This then allows us the opportunity to show you how to measure, go over styles, and color options; as well as answer any questions you may have. If this is something you are interested in, let us know and we will gladly set up a time to meet with you.
</div>
<div class="time">
<span>
<i class="iconfont icon-shijian"></i>
2021-12-15 15:17:51
</span>
<span>
<i class="iconfont icon-eye"></i>
Reply
</span>
</div>
</div>
</div>
</div>
</div>
<div class="comment-right">
<h6>Leave a comment</h6>
<form action="javascript:return false" class="form">
<div>
<label for="">Name</label>
<input type="text" placeholder="Please enter name">
</div>
<div>
<label for="">Email</label>
<input type="text" placeholder="Please enter email">
</div>
<div>
<label for="">Message</label>
<textarea name="comment" id="comment" required="" placeholder="Please Leave A Comment"></textarea>
</div>
<div class="code-img">
<!-- <input type="text" name="checkcode" required id="checkcode" class="form-control" placeholder="请输入验证码">
<div class="img">
<img title="点击刷新" class="codeimg" src="" />
</div>-->
<!-- </div>
<div class="submit-btn">
<input type="submit" value="SUBMIT">
</div>
</form>
</div>
</div>
</div>
</section> -->
<section class="container-mask price-mask">
<div class="container price-container ui form">
<div class="iconf close-iconf"></div>
@ -868,8 +662,6 @@
<section class="container-mask no hint-mask">
<div class="container hint">
<div class="iconf close-iconf"></div>
<a href="" class="item">
<div class="i"><svg class="iconf" aria-hidden="true">
<use xlink:href="#icon-xinxi"></use>
@ -1016,42 +808,45 @@
</div>
</section>
<section class="container-mask form-wrap3">
<div class="container form-mask" style="max-width:44rem">
<div class="container form-mask" style="max-width:44rem;padding: 1rem 2rem;">
<div class="iconf close-iconf"></div>
<div action="" onsubmit="return false" class="form-container form ui ">
<h2 class="c1" style="text-align:center">Apply for a course syllabus</h2>
<div class="m-box" style="display: flex">
<div class="m-item">
<h5>Option 1</h5>
<p style="line-height: 1.5; font-size: 1rem;">Please scan the WeChat QR Code to add our academic advisor and receive additional details.
</p>
<img style="width:100px; display:block; margin: 0 auto"
src="{$Think.HOME_SITE_ROOT}/new/images/wwww.jpg">
<h2 class="c1" style="font-size: 1.6rem;margin-bottom: 2rem;">Apply for a course syllabus</h2>
<div class="m-box" style="display: flex; justify-content: space-between;">
<div class="m-item" style="width: 22rem; margin-right: 3rem;">
<h5 style="color: #1b1b1b; font-size: 1.1rem;">Option 1</h5>
<div class="left-txt" style="display: flex;">
<p class="f-medium" style="line-height: 1.24; font-size: 0.95rem;">Please scan the<br/>WeChat QR Code to<br/>add academic advisor<br/>and receive additional<br/>details.</p>
<img style="width:9rem; margin: -0.5rem 0 0 0.3rem;" src="{$Think.HOME_SITE_ROOT}/new/images/wwww.jpg">
</div>
</div>
<div class="line"></div>
<div class="m-item">
<h5>Option 2</h5>
<p style="line-height: 1.5; font-size: 1rem;">You advisor will send the syllabus to you via email within 24 hours.</p>
<form action="" method="">
<div class="field">
<input type="text" name="fname" id="email"
placeholder="What email address can we reach you at?">
<div class="m-item" style="width: 17.6rem;">
<h5 style="color: #1b1b1b; font-size: 1.1rem;">Option 2</h5>
<p class="f-medium" style="line-height: 1.2; font-size: 1rem;">You advisor will send the syllabus to<br/>you via email within 24 hours.</p>
<form action="" method="" style="margin-top: 0.8rem;">
<div class="field" style="margin-bottom: 0.8rem !important;">
<input class="f-medium input-abcd" style="width: 17.6rem; font-size: 0.85rem; color: #c2c2c2; border: 1px solid #333333; padding: 0.5rem; font-weight: normal;" type="text" name="fname" id="email" placeholder="What email address can we reach you at?">
<input type="hidden" name="fb_code" id="fb_code" value="{$goods.goods_serial}">
<input type="hidden" name="fb_course" id="fb_course" value="{$goods.goods_name}">
<input type="hidden" name="fb_school" id="fb_school" value="{$goods.ke_college}">
</div>
<div class="sub">
<button type="submit" class="ui primary button onsubmitfrom">Submit</button>
<div class="sub" style="justify-content: flex-start;margin-top: 0.8rem;">
<button style="display: block; width: 7.75rem; font-size: 1rem; height: 1.5rem; padding: 0;" type="submit" class="ui primary button onsubmitfrom onsubmitfrom-01">Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<style>
.container-mask .form-mask .onsubmitfrom-01{
transition: all .6s;
}
.container-mask .form-mask .onsubmitfrom-01:hover{
background-color: #2fe78b !important;
}
</style>
<section class="container-mask form-wrap4">
<div class="container form-mask">
@ -1140,7 +935,7 @@
<div class="iconf close-iconf"></div>
<img style="width:10.6rem; display:block; margin: 1.8rem auto 0" src="{$Think.HOME_SITE_ROOT}/new/images/wwww.jpg">
<p style="font-size:0.9rem; text-align: center; line-height: 1.23; color: #1b1b1b;">
Please <span class="c1">scan the WeChat QR Code</span><br />to add our academic advisor<br />and receive your registration information.
Please <span class="c1">scan the WeChat QR Code</span> to<br />add our academic advisor<br />and receive additional details.
</p>
<div class="oks" style="margin: 1.5rem auto 2.5rem; cursor: pointer;">Back</div>
</div>

View File

@ -510,7 +510,7 @@
</div>
<div class="program-txt-04">
<p>Application Instructions:</p>
<a class="applynow" href="javascript:void(0)">Apply now</a>
<a class="applynow f-Bold" href="javascript:void(0)">Apply now</a>
</div>
</div>
</div>
@ -525,7 +525,7 @@
</div>
<div class="col-12">
<p>E-mail</p>
<p><a href="mailto:pengl@scu.edu.cn">pengl@scu.edu.cn</a> <em class="copy-btn f-medium">复制</em></p>
<p><a href="mailto:pengl@scu.edu.cn">pengl@scu.edu.cn</a> <em class="copy-btn f-Bold">Copy</em></p>
</div>
<div class="col-12">
<p>Tel</p>
@ -552,7 +552,7 @@
<p style="font-size:0.9rem; text-align: center; line-height: 1.23; color: #1b1b1b;">
Please <span class="c1">scan the WeChat QR Code</span><br />to add our academic advisor<br />and receive your registration information.
</p>
<div class="oks" style="margin: 1.5rem auto 2.5rem;">Back</div>
<div class="oks" style="margin: 1.5rem auto 2.5rem; cursor: pointer;">Back</div>
</div>
</div>
</section>
@ -612,6 +612,12 @@
$(".add-f-btn-con,.applynow").click(function() {
$(".form-wrap8").addClass('show');
})
$(".oks").click(function() {
setTimeout(function() {
$(".form-wrap7").removeClass('show');
$(".form-wrap8").removeClass('show');
}, 100);
})
$(".program-details .copy-btn").click(function () {
var copy_text = 'pengl@scu.edu.cn'; //需要复制的内容
var y = $(this).offset().top - 32,

View File

@ -252,10 +252,6 @@
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="{$Think.HOME_SITE_ROOT}/new/images/about-swiper-01.jpg" alt="">
<!-- <div class="about-swiper-txt ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.2s">
<img src="{$Think.HOME_SITE_ROOT}/new/images/Berkeley.png" alt="">
<span>From a group of academic pioneers in 1868 to the Free Speech Movement in 1964, Berkeley is a place where the brightest minds from across the globe come together to explore, ask questions and improve the world.</span>
</div> -->
</div>
<div class="swiper-slide">
<img src="{$Think.HOME_SITE_ROOT}/new/images/about-swiper-02.jpg" alt="">
@ -270,6 +266,7 @@
<img src="{$Think.HOME_SITE_ROOT}/new/images/about-swiper-05.jpg" alt="">
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</section>
<section class="main-QA">
@ -368,6 +365,10 @@
loop:true,//开启循环播放
autoplay: true, //自动播放
effect : 'slide',//轮播的动效 默认为"slide"(普通位移切换),还可设置为"fade"(淡入)、"cube"(方块)、"coverflow"3d流、"flip"3d翻转、"cards"(卡片式)、"creative"(创意性)。
pagination: {
el: '.about-swiper .swiper-pagination',
clickable :true,
},
on:{
init: function(){
swiperAnimateCache(this); // 隐藏动画元素

View File

@ -175,7 +175,7 @@
.about .main-4 .item{
width: calc(50% - 0.75rem);
height: 33rem;
min-height: 33rem;
background-color: #00db6d;
padding: 3rem 5.5rem;
color: #ffffff;
@ -310,6 +310,22 @@
color: #ffffff;
}
.about-swiper .swiper-container-horizontal>.swiper-pagination-bullets{
bottom: 1rem !important;
}
.about-swiper .swiper-pagination .swiper-pagination-bullet{
width: 0.65rem;
height: 0.65rem;
border-radius: 0.325rem;
background-color: rgba(204, 202, 202, .3);
margin: 0 .45rem;
opacity: 1;
}
.about-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
width: 3.75rem;
background-color: rgba(204, 202, 202, 1);
}
.about .main-3 {
background-color: #3b52f6;

View File

@ -1488,17 +1488,26 @@ h4 {
.program-details .program-txt-03 p:nth-of-type(2){
text-indent: 1.9rem;
}
.program-details .program-txt-04 a{
font-family: "HarmonyOS_Sans_Medium" !important;
text-indent: 1.25rem;
height: auto;
transition: all 0.6s;
.program-details .program-txt-04 .applynow{
display: inline-block;
width: 6.2rem;
height: 2rem;
line-height: 1.9rem !important;
border-radius: 0.3rem;
background-color: #838383;
color: #ffffff;
font-size: 0.9rem;
margin: 1rem 0 0 1.5rem;
cursor: pointer;
transition: all .6s;
text-align: center;
}
.program-details .program-txt-04 .applynow:hover{
color: #00db6d;
background-color: #00db6d;
}
.program-details .main-2 .content1:nth-of-type(2) .txt>div{
margin-left: 0 !important;
}
@ -1511,12 +1520,13 @@ h4 {
.program-details .copy-btn{
display: inline-block;
line-height: 1.2rem;
height: 2rem;
line-height: 1.9rem;
padding: 0 1rem;
border-radius: 0.75rem;
border-radius: 0.3rem;
background-color: #838383;
color: #ffffff;
font-size: 0.7rem;
font-size: 0.9rem;
margin-left: 1rem;
cursor: pointer;
transition: all .6s;

View File

@ -993,7 +993,7 @@ main .main-4 .container .item .img img{
main .main-4 .container .item .pull-bg{
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .4);
background-color: rgba(22, 22, 22, .4);
position: absolute;
left: 0;
top: 0;
@ -1001,7 +1001,7 @@ main .main-4 .container .item .pull-bg{
transition: all .6s;
}
main .main-4 .container .item:hover .pull-bg{
background-color: rgba(0, 0, 0, .5);
background-color: rgba(22, 22, 22, .65);
}
main .main-4 .container .item h3{
font-family: "HarmonyOS_Sans_Bold" !important;