tangyi
/
SID
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

修改

master
tangyi 2021-12-05 23:16:39 +08:00
parent 0b1fee70e4
commit 297a17d937
18 changed files with 2543 additions and 1325 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

715
css/style.css
View File

@ -16,12 +16,18 @@
}
.header {
padding-top: 106px;
}
.header .header-con{
width: 100%;
background-color: #F5F5F5;
height: 106px;
position: relative;
position: fixed;
top: 0px;
left: 0px;
z-index: 20;
}
.header .nav {
display: flex;
align-items: center;
@ -70,7 +76,7 @@
background: #E4E4E4;
opacity: 1;
border: none;
padding-left: 14px;
padding-left: 20px;
box-sizing: border-box;
border-radius: 9px;
@ -2334,6 +2340,7 @@
.bc1 {
background: #F4F4F5;
overflow: hidden;
}
.school-life-tit {
@ -2378,7 +2385,9 @@
.schoolClickb {
display: none;
}
.overflow-hidden{
overflow: hidden;
}
.school-life-con-one .titp::after {
position: absolute;
content: "";
@ -2626,6 +2635,7 @@
line-height: 60px;
color: #3D3D3D;
padding-left: 25px;
padding-right: 10px;
box-sizing: border-box;
opacity: 1;
@ -2762,6 +2772,7 @@
width: 103%;
display: flex;
flex-wrap: wrap;
overflow: hidden;
}
.aps-problem .list {
@ -2937,12 +2948,20 @@
opacity: 1;
}
.aps-mentor-con .list .list-img .zt {
.aps-mentor-con .list .list-img .suspended {
position: absolute;
left: 40%;
top: 40%;
left: 0%;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
top: 0%;
}
.aps-mentor-con .list .list-img .suspended .zt{
width: 50px;
height: 50px;
}
.aps-mentor-con .list .text {
width: 100%;
height: 136px;
@ -3038,6 +3057,7 @@
.educational .list .list-img {
width: 100%;
height: 260px;
overflow: hidden;
}
.educational .list .text {
@ -3244,6 +3264,7 @@
width: 100%;
height: 750px;
padding-top: 173px;
background-size: auto 100%;
}
.SID-her-con {
@ -3870,7 +3891,11 @@
flex-direction: column;
justify-content: center;
}
.music-life .list .list-img{
width: 412px;
overflow: hidden;
height: 275px;
}
.music-life {
margin-top: 48px;
}
@ -4081,6 +4106,7 @@
.search-con {
margin-top: 30px;
overflow: hidden;
height: 100%;
}
@ -4122,6 +4148,7 @@
.search-con .list-con {
width: 103%;
display: flex;
margin-top: 40px;
flex-wrap: wrap;
}
@ -4302,7 +4329,7 @@
}
.questionAnswer {
width: 103%;
width: 100%;
background-color: #fff;
overflow: hidden;
display: inline-block;
@ -4312,7 +4339,7 @@
margin-right: 36px;
margin-bottom: 36px;
float: left;
width: 388px;
width: 100%;
height: auto;
}
@ -4494,6 +4521,39 @@
.w1236 .fs40 {
font-size: 40px;
}
.search-int input::placeholder{
color: #EEB20E;
}
.questionAnswer{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.questionAnswer>div{
width: 30%;
}
.degree-plan-bcfff .list{
background-color: #fff;
}
.tr90>:nth-child(1){
transform: rotateZ(45deg);
transition: all 0.5s;
position: relative;
top: 10px;
}
.tr90>:nth-child(3){
transform: rotateZ(-45deg);
position: relative;
bottom: 12px;
transition: all 0.5s;
}
.navClick>:nth-child(1){
transition: all 0.5s;
}
.navClick>:nth-child(3){
transition: all 0.5s;
}
/* 小于等于多少高度的样式 */
@media screen and (max-height:880px) {}
@ -4508,13 +4568,124 @@
flex-direction: column;
justify-content: center;
}
.impact .right .rightCon .titp {
margin-bottom: 17px;
}
.impact .right .rightCon .text{
margin-bottom: 15px;
}
.impact .right .rightCon a{
margin-top: 15px;
}
.SID-scene .right{
padding-top: 0px;
display: flex;
flex-direction: column;
justify-content: center;
}
.contact-SID .list .list-wx .list-wx-img{
width: 150px;
height: auto;
}
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {
.search-con .list-con .list{
width: 22%;
margin-right: 3%;
}
.music-life .list .list-img{
height: auto;
}
.music-life .list .text{
height: auto;
}
.music-dual-track .list{
width: 47%;
height: auto;
}
.music-date{
width: 80%;
}
.music-famousTeacher .list{
width: 30%;
margin-right: 3%;
}
.music-famousTeacher .list .list-img{
height: auto;
}
.music-city .list{
width: 47%;
}
.music-city .list .list-img{
height: auto;
}
.music-advantages .list{
width: 30%;
}
.music-advantages .list .list-img{
height: auto;
}
.contact-SID .list .text .p :nth-child(2){
white-space: normal;
}
.contact-SID .list .text .p p{
white-space: nowrap;
}
.contact-SID .list .text{
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
}
.contact-SID .list .list-wx{
padding-right: 0px;
padding-left: 0px;
}
.contact-SID .list{
width: 47%;
}
.SID-scene .right{
padding-left: 20px;
}
.SID-scene .right .text{
margin-top: 14px;
}
.SID-impact .right{
width: 100%;
justify-content: flex-start;
}
.SID-impact{
flex-direction: column-reverse;
}
.SID-her{
padding-top: 100px;
}
.undergraduate-results{
height: auto;
}
.mediaVideo .media-swiper-con{
height: auto;
}
.aps-audit {
width: 90%;
height: auto;
}
.school-apply-con .list .titp{
width: 101px;
}
.school-apply-con{
padding: 20px 30px 0px;
}
.school-apply-con .list{
width: 428px;
}
.school-apply-tit .one .text{
top: 25%;
top: 37px;
}
.school-apply-tit .one{
width: 400px;
@ -4867,11 +5038,213 @@
.degree-right-con .right-img>:nth-child(1){
height: auto;
}
.aps-one .left{
width: 570px;
height: 570px;
}
.aps-one .left .left-con div{
width: 260px;
height: auto;
}
.aps-problem .list{
width: 30%;
margin-right: 3%;
}
.aps-problem .list .list-img{
height: auto;
}
.aps-statistical .list{
width: 218px;
height: 225px;
}
.aps-statistical .list{
padding-top: 36px;
}
.aps-statistical>:nth-child(4){
padding-top: 49px;
}
.aps-statistical>:nth-child(3){
padding-top: 49px;
}
.aps-statistical>:nth-child(2){
padding-top: 49px;
}
.educational .list{
width: 30%;
margin-right: 3%;
}
.educational .list .list-img{
height: auto;
}
.educational .list .text{
padding: 30px 20px 0px;
}
.undergraduate-professional .list{
width: 33%;height: auto;
}
.undergraduate-immigration .left-swiper-container{
height: auto;
}
.undergraduate-immigration .left-swiper-container .list-img{
height: auto;
}
.undergraduate-immigration .right{
padding-top: 0px;
display: flex;
flex-direction: column;
justify-content: center;
}
.undergraduate-immigration .right .text::after{
top: 3px;
}
.SID-impact .right .rightCon{
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
}
.SID-campus .list{
width: 33%;
height: auto;
}
.SID-campus .list .list-img{
height: auto;
}
}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1100px) {
.search-con .list-con .list{
width: 30%;
margin-right: 3%;
}
.music-recommended-con{
display: block;
}
.music-recommended-con .text{
text-align: center;
}
.music-recommended-left .music-recommended-con .text{
margin-top: 20px;
}
.music-recommended-left::after{
width: 33%;
height: 100%;
}
.music-recommended-left .music-recommended-con .text{
padding-left: 10px;
}
.music-recommended-left{
height: auto;
}
.music-recommended-con{
padding-top: 20px;
padding-bottom: 20px;
}
.music-recommended-con .text .title-name{
margin: auto;
}
.music-famousTeacher .list .text{
padding-right: 20px;
padding-left: 20px;
}
.music-recommended-con .list{
width: 80%;
margin: auto;
margin-top: 20px;
}
.music-recommended-right{
height: auto;
}
.music-recommended-con .text .title-name{
font-size: 25px;
line-height: 30px;
}
.music-recommended-right::after{
width: 33%;
height: 100%;
}
.music-tit .text{
width: 80%;
}
.music-advantages .list .text{
font-size: 20px;
}
.SID-scene .right .text{
width: 100%;
}
.SID-scene .right{
padding-top: 20px;
padding-bottom: 20px;
}
.SID-scene{
display: block;
}
.SID-scene .left{
width: 100%;
height: auto;
}
.SID-tit .text{
width: 80%;
}
.SID-about-tit .text{
width: 80%;
}
.undergraduate-immigration .right .title-name{
font-size: 26px;
line-height: 30px;
}
.mb58{
margin-bottom: 18px;
}
.prep-con .list .text{
width: 95%;
}
.aps-mentor-con{
padding-right: 20px;
padding-left: 20px;
}
.aps-mentor-con .list .list-img{
width: 100%;
}
.aps-mentor-con .list{
width: 47%;
margin-right: 3%;
}
.aps-one .right .text{
margin-top: 20px;
}
.aps-one .right .subtitle{
font-size: 26px;
line-height: 30px;
}
.aps-one{
flex-direction: column-reverse;
}
.aps-one .right{
text-align: center;
}
.aps-one .left{
width: 60%;
margin: auto;
margin-top: 30px;
height: auto;padding-bottom: 20px;
}
.aps-one .left .left-con div{
width: 48%;
}
.aps-one .left .left-con{
margin-top: 20px;
}
.school-apply-con{
height: auto;
}
.w1236 .school-right-img{
margin: auto;
margin-top: 20px;
@ -4885,11 +5258,71 @@
}
@media screen and (max-width:1024px) {
.header .nav .on a::after{
bottom: 0px;
width: 100%;
}
.header .nav .li a{
width: 100%;
margin-right: 0px;
padding-bottom: 20px;
padding-left: 20px;
}
.header .nav ul{
position: fixed;
width: 100%;
left: 0px;
top: 106px;
height: 100%;
flex-direction: column;
align-items: flex-end;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9;
}
.header .nav ul .li{
width: 30%;
background-color: #fff;
display: flex;
align-items: center;
}
.header .nav .li a{
/* color: #fff; */
}
.SID-about-con .list{
width: 47%;
}
.SID-about{
padding-top: 120px;
}
.aps-statistical{
flex-wrap: wrap;
}
.aps-statistical .list{
margin-bottom: 36px;
}
.school-apply-con .list .titp{
width: 20%;
min-width: 20%;
font-size: 16px;
height: 40px;
line-height: 40px;
font-weight: 700;
}
.school-apply-con .list .text{
font-size: 14px;
line-height: 40px;
}
.school-apply-con .list{
width: 100%;
height: 40px;
}
.school-apply-tit .one{
height: auto;
}
.school-apply-tit .one .text{
top: 25%;
top: 28px;
}
.school-apply-tit .one{
width: 350px;
@ -4900,7 +5333,7 @@
height: 91px;
}
.school-apply-tit .two .text{
line-height: 91px;
line-height: 80px;
}
.school-con .text{
padding-top: 30px;
@ -5292,9 +5725,148 @@
}
@media screen and (max-width:768px) {
.studyAbroad-top{
margin-bottom: 20px;
}
.one-con .title>:nth-child(1){
font-size: 26px;
}
.one-con .title{
margin-top: 20px;
}
.cooperation{
margin-top: 20px;
}
.mt160{
margin-top: 20px;
}
.targetCon{
margin-top: 20px;
}
.index-impact{
margin-bottom: 20px;
}
.title{
font-size: 26px;
}
.impact .right .rightCon .titp{
font-size: 26px;
}
.about .left .leftCon .titp{
font-size: 26px;
}
.one-con .title>:nth-child(1){
font-size: 26px;
}
.questionAnswer>div{
width: 47%;
}
.music-life .list .text .title-name{
font-size: 16px;
line-height: 20px;
}
.music-life .list .text .english-name{
font-size: 14px;
line-height: 18px;
}
.music-famousTeacher .list{
width: 47%;
}
.music-city .list{
width: 100%;
}
.music-advantages .list{
width: 47%;
margin-bottom: 20px;
}
.contact-SID .list{
width: 100%;
}
.contact-SID{
display: block;
}
.SID-campus .list{
width: 50%;
}
.SID-about-con .list{
height: 150px;
}
.SID-her-con {
width: 300px;
height: 223px;
padding-top: 13px;
}
.SID-about-con .pdrl{
padding-right: 26px;
padding-left: 26px;
}
.SID-about-con .list-date{
height: 100%;
width: 40%;
font-size: 20px;
}
.SID-about-con .list .text{
padding-left: 18px;
}
.SID-her {
padding-top: 58px;
}
.SID-swiper-container .SID-her .title-name{
font-size: 30px;
}
.SID-swiper-container .SID-her .SID-her-address{
width: 80%;
}
.SID-swiper-container .SID-her .text{
margin-bottom: 21px;
}
.undergraduate-immigration .left-swiper-container{
width: 100%;
}
.undergraduate-immigration .right{
padding-top: 20px;
padding-bottom: 20px;
}
.undergraduate-immigration{
display: block;
}
.undergraduate-professional .list{
width: 50%;height: auto;
}
.educational .list{
width: 80%;
margin: auto;
margin-bottom: 30px;
}
.educational{
display: block;
text-align: center;
}
.prep-con .list .prep-con-img{
width: 80%;
}
.aps-mentor{
display: block;
}
.aps-problem .list{
width: 47%;
margin-bottom: 3%;
}
.aps-problem .list .text .p{
padding-left: 8px;
}
.aps-problem .list .text{
font-size: 16px;
padding-right: 10px;
}
.aps-one .left{
width: 90%;
}
.titcon .text{
width: 80%;
}
.school-apply-tit .one .text{
top: 25%;
top: 30px;
}
.school-apply-tit .one{
width: 300px;
@ -5549,7 +6121,7 @@
}
.media-main .title {
margin: 0px;
margin: 20px;
}
.latest-top .text {
@ -5659,7 +6231,7 @@
}
@media screen and (max-width:668px) {
.school-apply-tit .one .text{
top: 27%;
top: 20px;
}
.school-apply-tit .one{
width: 250px;
@ -5678,9 +6250,22 @@
font-size: 16px;
}
}
@media screen and (max-width:568px) {
.search-con .list-con .list{
width: 47%;
margin-right: 3%;
}
.SID-impact .right{
padding-right: 20px;
padding-left: 20px;
}
.aps-mentor-con .list{
width: 100%;
margin-right: 0px;
}
.school-apply-tit .one .text{
top: 12%;
top: 15px;
}
.school-apply-tit .one{
width: 200px;
@ -5699,12 +6284,96 @@
}
}
@media screen and (max-width:480px) {
.questionAnswer>div{
width: 100%;
}
.music-life>:nth-child(1)>:nth-child(3){
display: none;
}
.music-life>:nth-child(2n)>:nth-child(1){
display: none;
}
.music-life>:nth-child(3n)>:nth-child(3){
display: none;
}
.music-famousTeacher .list{
width: 100%;
margin-right: 0px;
}
.music-advantages .list{
width: 100%;
margin-right: 0px;
}
.SID-campus .list{
width: 100%;
}
.SID-about-con .list{
width: 100%;
margin-top: 20px;
}
.SID-her{
padding-top: 18px;
}
.SID-swiper-container .SID-her .SID-her-address .one{
height: 30px;
line-height: 30px;
font-size: 20px;
}
.SID-her-con{
height: 180px;
}
.SID-swiper-container .SID-her .SID-her-address .two{
height: 30px;
line-height: 30px;
font-size: 20px;
}
.undergraduate-professional .list{
width: 100%;height: auto;
margin-bottom: 20px;
}
.educational .list{
width: 100%;
margin: auto;
margin-bottom: 30px;
}
.degree-pd160{
padding-top: 30px;
padding-bottom: 30px;
}
.aps-statistical .list .subtitle {
font-size: 36px;
line-height: 36px;
}
.aps-statistical .list .text{
font-size: 16px;
}
.aps-statistical .list {
width: 161px;
height: 161px;
padding-top: 30px;
}
.aps-problem .list{
width: 100%;
margin-right: 0px;
}
.school-apply-tit .two .text{
font-size: 14px;
}
.aps-statistical>:nth-child(4){
padding-top: 44px;
}
.aps-statistical>:nth-child(3){
padding-top: 44px;
}
.aps-statistical>:nth-child(2){
padding-top: 44px;
}
.school-apply-tit .one .text{
top: 6%;
top: 10px;
font-size: 14px;
}
.school-apply-tit .one{
@ -5898,7 +6567,11 @@
}
}
@media screen and (max-width:365px) {
@media screen and (max-width:380px) {
.search-con .list-con .list{
width: 100%;
margin-right: 0%;
}
.school-professional .list{
width: 47%;
}

119
htmls/APS.html
View File

@ -26,24 +26,47 @@
<body>
<!-- 头部导航 -->
<header class="header">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="">首页</a></li>
<li class="li on"><a href="">留学</a></li>
<li class="li"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="/">首页</a></li>
<li class="li on"><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
</nav>
<div class="navClick">
<p></p>
<p></p>
<p></p>
</div>
</nav>
</div>
</header>
<script>
let navClickT = true
$(".navClick").on("click", () => {
if (navClickT) {
$(".header .nav ul").css("display", "flex")
$(".navClick").addClass("tr90")
navClickT = !navClickT
} else {
$(".header .nav ul").css("display", "none")
$(".navClick").removeClass("tr90")
navClickT = !navClickT
}
})
</script>
<div class="media-top">
<div class="media-nav">
<a href="/" >全部</a><a href="./highSchool.html">德国高中</a><a href="./prep.html">预科</a><a href="./undergraduate.html">本科</a><a href="./degree.html" >硕士</a><a class="on" href="./APS.html">APS审核</a><a href="./music.html">德国音乐</a>
@ -52,8 +75,8 @@
<div class="studyAbroad-top" style="background-image: url(/imgs/APSBER.png); margin-bottom: 0px;">
<div class="w1236 studyAbroad-top-con">
<p class="fs80" class="titp">APS同专业辅导</p>
<p class="fs40" class="text">超40+专业覆盖</p>
<p class="titp fs80">APS同专业辅导</p>
<p class="text fs40">超40+专业覆盖</p>
</div>
</div>
@ -100,7 +123,7 @@
<div class="text">
<p class="icon">?</p>
<p class="p">APS的<span>审核范围</span>如何确定？</p>
<p class="p clips2">APS的<span>审核范围</span>如何确定？</p>
</div>
</div>
<div class="list">
@ -110,7 +133,7 @@
<div class="text">
<p class="icon">?</p>
<p class="p">APS的<span>审核范围</span>如何确定？</p>
<p class="p clips2">APS的<span>审核范围</span>如何确定？</p>
</div>
</div>
<div class="list">
@ -120,7 +143,7 @@
<div class="text">
<p class="icon">?</p>
<p class="p">APS的<span>审核范围</span>如何确定？</p>
<p class="p clips2">APS的<span>审核范围</span>如何确定？</p>
</div>
</div>
</div>
@ -182,7 +205,7 @@
<div class="list">
<div class="list-img">
<img class="imgW" src="" alt="">
<img class="zt" src="/imgs/public/zt.png" alt="">
<div class="suspended"> <img class="zt" src="/imgs/public/sollzt.png" alt=""></div>
</div>
<div class="text">
<p class="subtitle">Shi</p>
@ -193,7 +216,7 @@
<div class="list">
<div class="list-img">
<img class="imgW" src="" alt="">
<img class="zt" src="/imgs/public/zt.png" alt="">
<div class="suspended"> <img class="zt" src="/imgs/public/sollzt.png" alt=""></div>
</div>
<div class="text">
<p class="subtitle">Shi</p>
@ -204,7 +227,7 @@
<div class="list">
<div class="list-img">
<img class="imgW" src="" alt="">
<img class="zt" src="/imgs/public/zt.png" alt="">
<div class="suspended"> <img class="zt" src="/imgs/public/sollzt.png" alt=""></div>
</div>
<div class="text">
<p class="subtitle">Shi</p>
@ -215,7 +238,7 @@
<div class="list">
<div class="list-img">
<img class="imgW" src="" alt="">
<img class="zt" src="/imgs/public/zt.png" alt="">
<div class="suspended"> <img class="zt" src="/imgs/public/sollzt.png" alt=""></div>
</div>
<div class="text">
<p class="subtitle">Shi</p>
@ -226,7 +249,7 @@
<div class="list">
<div class="list-img">
<img class="imgW" src="" alt="">
<img class="zt" src="/imgs/public/zt.png" alt="">
<div class="suspended"> <img class="zt" src="/imgs/public/sollzt.png" alt=""></div>
</div>
<div class="text">
<p class="subtitle">Shi</p>
@ -237,7 +260,7 @@
<div class="list">
<div class="list-img">
<img class="imgW" src="" alt="">
<img class="zt" src="/imgs/public/zt.png" alt="">
<div class="suspended"> <img class="zt" src="/imgs/public/sollzt.png" alt=""></div>
</div>
<div class="text">
<p class="subtitle">Shi</p>
@ -284,14 +307,14 @@
</a>
</div>
<footer class="footer">
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
<a class="li" href="/htmls/link.html">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
</div>
</div>
<div class="footer-con w1236">
<div class="one">
<a href=""><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
@ -303,9 +326,9 @@
<img src="/imgs/public/wx1.png" alt=""><img src="/imgs/public/wx2.png" alt="">
</div>
</div>
<div class="one">
<a href="" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<a href="" class="placeholder" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>天津分部</p>
<p class="address"> <span>地址：</span> <span>天津·河西区 马场道59号平安大厦B座21层D单元
地铁1号线，小白楼站</span> </p>
@ -318,6 +341,7 @@
<p class="titp">联系我们</p>
<p><span>联络：</span><span>成先生</span></p>
<p><span>邮箱：</span><span>info@sidchina.com</span></p>
<div class="zx">
<a href="">
<div>
@ -346,12 +370,33 @@
</div>
</div>
</div>
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有  某ICP备xxxxxxxx号</p>
</footer>
<!-- hover 首页 -->
<div class="suspension">
<a>
<img src="/imgs/public/iocn.png" alt="">
</a>
<a>
<img src="/imgs/public/icon2.png" alt="">
<p class="tel">
028-61103687
</p>
</a>
<a>
<img src="/imgs/public/iocn1.png" alt="">
<div class="wxber">
<img class="imgW" src="/imgs/public/wx1.png" alt="">
</div>
</a>
<a>
<img src="/imgs/public/icon3.png" alt="">
</a>
</div>
<script>
$(".school-apply-tit .oneClick").on("click", (e) => {
console.log($(e.target).parent());

253
htmls/SID.html
View File

@ -27,29 +27,52 @@
<body>
<!-- 头部导航 -->
<header class="header">
<nav class="w1236 nav">
<ul>
<li class="li on"><a href="">首页</a></li>
<li class="li"><a href="">留学</a></li>
<li class="li"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="/">首页</a></li>
<li class="li "><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li "><a href="/htmls/media.html">媒体</a></li>
<li class="li on"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/search.html">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
</nav>
<div class="navClick">
<p></p>
<p></p>
<p></p>
</div>
</nav>
</div>
</header>
<script>
let navClickT=true
$(".navClick").on("click",()=>{
if (navClickT) {
$(".header .nav ul").css("display","flex")
$(".navClick").addClass("tr90")
navClickT=!navClickT
}else{
$(".header .nav ul").css("display","none")
$(".navClick").removeClass("tr90")
navClickT=!navClickT
}
})
</script>
<div class="SID-swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="SID-her" style="background-image: url(/imgs/ber.png);">
<div class="SID-her-con">
<div class="SID-her top-height" style="background-image: url(/imgs/ber.png);">
<div class="SID-her-con ">
<p class="title-name"><span>SID</span>始于德国</p>
<p class="text">Studium In Deutschland,2014</p>
<div class="SID-her-address">
@ -86,9 +109,9 @@
<div class="w1236">
<div class="SID-about-tit">
<p class="title-name">关于SID</p>
<p class="text">Studium In Deutschland，简称SID，寓意着在德深造。
<p class="text clips2">Studium In Deutschland，简称SID，寓意着在德深造。
</p>
<p class="text">由来自德国名校Karlsruhe Institut für Technologie卡尔斯鲁厄理工学院优秀校友们，于2014年在大学创立的国际教育机构，致力于为留德预备用户提供境内外全面的德国留学咨询与服务。</p>
<p class="text clips3">由来自德国名校Karlsruhe Institut für Technologie卡尔斯鲁厄理工学院优秀校友们，于2014年在大学创立的国际教育机构，致力于为留德预备用户提供境内外全面的德国留学咨询与服务。</p>
</div>
<div class="SID-about-con">
@ -137,31 +160,35 @@
<div class="right">
<div class="rightCon">
<p class="titp">网络综合影响力</p>
<p class="text">SID从2015年起坚持每个工作日发布原创文章，内容涵盖APS准 备、德国大学政策与录取标准、开户签证经验，德国留学生活分享等，迄今为止已原创超过900篇高质量文章。</p>
<p class="text"> 随后，SID开设了知乎、Bilibili、微博、CCtalk等多平台账户，通过问答和视频的形式帮助更多对德国留学有兴趣的用户群体。</p>
<p class="text clips3">SID从2015年起坚持每个工作日发布原创文章，内容涵盖APS准 备、德国大学政策与录取标准、开户签证经验，德国留学生活分享等，迄今为止已原创超过900篇高质量文章。</p>
<p class="text clips3"> 随后，SID开设了知乎、Bilibili、微博、CCtalk等多平台账户，通过问答和视频的形式帮助更多对德国留学有兴趣的用户群体。</p>
<a href="">
<div class="zf tb">
<div><img src="/imgs/zh.png" alt=""></div> <span>知乎</span>
</div>
<img src="/imgs/zjt.png" alt="">
<img class="img-one" src="/imgs/zjt.png" alt="">
<img class="img-two" src="/imgs/public/zjtHover.png" alt="">
</a>
<a href="">
<div class="wb tb">
<div><img src="/imgs/wb.png" alt=""></div> <span>微博</span>
</div>
<img src="/imgs/zjt.png" alt="">
<img class="img-one" src="/imgs/zjt.png" alt="">
<img class="img-two" src="/imgs/public/zjtHover.png" alt="">
</a>
<a href="">
<div class="wx tb">
<div><img src="/imgs/wx.png" alt=""></div> <span>微信公众号</span>
</div>
<img src="/imgs/zjt.png" alt="">
<img class="img-one" src="/imgs/zjt.png" alt="">
<img class="img-two" src="/imgs/public/zjtHover.png" alt="">
</a>
<a href="">
<div class="bl tb">
<div><img src="/imgs/bl.png" alt=""></div> <span>Bilibili</span>
</div>
<img src="/imgs/zjt.png" alt="">
<img class="img-one" src="/imgs/zjt.png" alt="">
<img class="img-two" src="/imgs/public/zjtHover.png" alt="">
</a>
</div>
@ -253,11 +280,11 @@
<p class="title-name">丰富多彩的
</p>
<p class="title-name">线下活动现场</p>
<p class="text">SID在积极举行大学内的分享会外，还举行了各种类型的线下活动，加深和同学、家长以及行业老师的联系。
<p class="text clips3">SID在积极举行大学内的分享会外，还举行了各种类型的线下活动，加深和同学、家长以及行业老师的联系。
</p>
<p class="text">在2019年的圣诞活动里，参加人数超过50位，大家在欢声笑语中分享获得礼物的喜悦。
<p class="text clips4">在2019年的圣诞活动里，参加人数超过50位，大家在欢声笑语中分享获得礼物的喜悦。
除此以外，SID还举行了面向留学行业内老师的国际教育交流会，旨在促进各方交流，交流最新留学政策，在相互学习中，以便向客户提供更好的服务。</p>
</div>
</div>
@ -279,7 +306,7 @@
<p class="title mt160">SID的合作伙伴</p>
<div class="cooperation w1236">
<div class="one">
<img src="/imgs/ha.png" alt="">
<img class="imgW" src="/imgs/ha.png" alt="">
</div>
<div class="listCon">
<div class="list">
@ -424,7 +451,7 @@
<div class="text">
<div class="p">
<p>地址：</p>
<p>四川·成都·武侯区星狮路511号大合仓A405，乘坐3号线-川藏立交站直达</p>
<p class="clips2">四川·成都·武侯区星狮路511号大合仓A405，乘坐3号线-川藏立交站直达</p>
</div>
<div class="p">
<p>电话：</p>
@ -433,13 +460,13 @@
<div class="list-wx">
<div class="list-con">
<div class="list-wx-img">
<img src="/imgs/public/erm.png" alt="">
<img src="/imgs/public/erm.png" class="" alt="">
</div>
<p class="list-wx-text">魏老师</p>
</div>
<div class="list-con">
<div class="list-wx-img">
<img src="/imgs/public/erm.png" alt="">
<img src="/imgs/public/erm.png" class="" alt="">
</div>
<p class="list-wx-text">魏老师</p>
</div>
@ -454,7 +481,7 @@
<div class="text">
<div class="p">
<p>地址：</p>
<p>四川·成都·武侯区星狮路511号大合仓A405，乘坐3号线-川藏立交站直达</p>
<p class="clips2">四川·成都·武侯区星狮路511号大合仓A405，乘坐3号线-川藏立交站直达</p>
</div>
<div class="p">
<p>电话：</p>
@ -463,13 +490,13 @@
<div class="list-wx">
<div class="list-con">
<div class="list-wx-img">
<img src="/imgs/public/erm.png" alt="">
<img class="imgW" src="/imgs/public/erm.png" alt="">
</div>
<p class="list-wx-text">魏老师</p>
</div>
<div class="list-con">
<div class="list-wx-img">
<img src="/imgs/public/erm.png" alt="">
<img class="imgW" src="/imgs/public/erm.png" alt="">
</div>
<p class="list-wx-text">魏老师</p>
</div>
@ -480,73 +507,95 @@
</div>
</div>
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
</div>
</div>
<div class="footer-con w1236">
<div class="one">
<a href=""><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>成都总部</p>
<p class="address"> <span>地址：</span> <span>四川·成都·武侯区星狮路511号大合仓A405
乘坐3号线-川藏立交站直达</span> </p>
<p class="date"> <span>电话：</span> 028-61103687</p>
<div class="wx">
<img src="/imgs/public/wx1.png" alt=""><img src="/imgs/public/wx2.png" alt="">
</div>
</div>
<div class="one">
<a href="" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>天津分部</p>
<p class="address"> <span>地址：</span> <span>天津·河西区 马场道59号平安大厦B座21层D单元
地铁1号线，小白楼站</span> </p>
<p class="date"> <span>电话：</span>19922577220</p>
<div class="wx">
<img src="/imgs/public/wx3.png" alt=""><img src="/imgs/public/wx4.png" alt="">
</div>
</div>
<div class="two">
<p class="titp">联系我们</p>
<p><span>联络：</span><span>成先生</span></p>
<p><span>邮箱：</span><span>info@sidchina.com</span></p>
<div class="zx">
<a href="">
<div>
<img src="/imgs/wx.png" alt="">
</div>
<p>微信公众号</p>
</a>
<a href="">
<div>
<img src="/imgs/wb.png" alt="">
</div>
<p>微博</p>
</a>
<a href="">
<div>
<img src="/imgs/zh.png" alt="">
</div>
<p>知乎</p>
</a>
<a href="">
<div>
<img src="/imgs/bl.png" alt="">
</div>
<p>Bilibili</p>
</a>
</div>
</div>
</div>
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有  某ICP备xxxxxxxx号</p>
</footer>
<div class="list-con">
<div class="ul w1236">
<a class="li" href="/htmls/link.html">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
</div>
</div>
<div class="footer-con w1236">
<div class="one">
<a href=""><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>成都总部</p>
<p class="address"> <span>地址：</span> <span>四川·成都·武侯区星狮路511号大合仓A405
乘坐3号线-川藏立交站直达</span> </p>
<p class="date"> <span>电话：</span> 028-61103687</p>
<div class="wx">
<img src="/imgs/public/wx1.png" alt=""><img src="/imgs/public/wx2.png" alt="">
</div>
</div>
<div class="one">
<a href="" class="placeholder" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>天津分部</p>
<p class="address"> <span>地址：</span> <span>天津·河西区 马场道59号平安大厦B座21层D单元
地铁1号线，小白楼站</span> </p>
<p class="date"> <span>电话：</span>19922577220</p>
<div class="wx">
<img src="/imgs/public/wx3.png" alt=""><img src="/imgs/public/wx4.png" alt="">
</div>
</div>
<div class="two">
<p class="titp">联系我们</p>
<p><span>联络：</span><span>成先生</span></p>
<p><span>邮箱：</span><span>info@sidchina.com</span></p>
<div class="zx">
<a href="">
<div>
<img src="/imgs/wx.png" alt="">
</div>
<p>微信公众号</p>
</a>
<a href="">
<div>
<img src="/imgs/wb.png" alt="">
</div>
<p>微博</p>
</a>
<a href="">
<div>
<img src="/imgs/zh.png" alt="">
</div>
<p>知乎</p>
</a>
<a href="">
<div>
<img src="/imgs/bl.png" alt="">
</div>
<p>Bilibili</p>
</a>
</div>
</div>
</div>
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有  某ICP备xxxxxxxx号</p>
</footer>
<div class="suspension">
<a>
<img src="/imgs/public/iocn.png" alt="">
</a>
<a>
<img src="/imgs/public/icon2.png" alt="">
<p class="tel">
028-61103687
</p>
</a>
<a>
<img src="/imgs/public/iocn1.png" alt="">
<div class="wxber">
<img class="imgW" src="/imgs/public/wx1.png" alt="">
</div>
</a>
<a>
<img src="/imgs/public/icon3.png" alt="">
</a>
</div>
<script>
$(".int input").on("input", () => {
$(".int img").css("display", "none")

862
htmls/degree.html
View File

@ -1,455 +1,501 @@
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="author" content="吃肉的饺子,2659004835@qq.com" />
<meta name="description" content="基于SEO网站" />
<meta name="keywords" content="基于SEO网站" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive" />
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#db5945">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>SID</title>
<link rel="stylesheet" type="text/css" href="/css/base.css" />
<link rel="stylesheet" type="text/css" href="/css/style.css" />
<link rel="stylesheet" type="text/css" href="/css/swiper.min.css" />
<script src="/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/swiper.min.js"></script>
</head>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="author" content="吃肉的饺子,2659004835@qq.com" />
<meta name="description" content="基于SEO网站" />
<meta name="keywords" content="基于SEO网站" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive" />
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#db5945">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>SID</title>
<link rel="stylesheet" type="text/css" href="/css/base.css" />
<link rel="stylesheet" type="text/css" href="/css/style.css" />
<link rel="stylesheet" type="text/css" href="/css/swiper.min.css" />
<script src="/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/swiper.min.js"></script>
</head>
<body>
<!-- 头部导航 -->
<header class="header">
<body>
<!-- 头部导航 -->
<!-- 头部导航 -->
<header class="header">
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="">首页</a></li>
<li class="li on"><a href="">留学</a></li>
<li class="li"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
<li class="li "><a href="/">首页</a></li>
<li class="li on"><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<a class="int" href="/htmls/">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
<p></p>
<p></p>
<p></p>
</div>
</nav>
</header>
<div class="media-top">
<div class="media-nav">
<a href="/" >全部</a><a href="./highSchool.html">德国高中</a><a href="./prep.html">预科</a><a href="./undergraduate.html">本科</a><a class="on" href="./degree.html" >硕士</a><a href="./APS.html">APS审核</a><a href="./music.html">德国音乐</a>
</div>
</div>
</header>
<script>
let navClickT = true
$(".navClick").on("click", () => {
if (navClickT) {
$(".header .nav ul").css("display", "flex")
$(".navClick").addClass("tr90")
navClickT = !navClickT
} else {
$(".header .nav ul").css("display", "none")
$(".navClick").removeClass("tr90")
navClickT = !navClickT
}
<div class="studyAbroad-top" style="background-image: url(/imgs/ssber.png); margin-bottom: 0px;">
<div class="w1236 studyAbroad-top-con top-height">
<p class="titp fs80">研究生精英计划</p>
<p class="text fs40">每一步，术业有专攻</p>
})
</script>
<div class="media-top">
<div class="media-nav">
<a href="/">全部</a><a href="./highSchool.html">德国高中</a><a href="./prep.html">预科</a><a
href="./undergraduate.html">本科</a><a class="on" href="./degree.html">硕士</a><a
href="./APS.html">APS审核</a><a href="./music.html">德国音乐</a>
</div>
</div>
<div class="studyAbroad-top" style="background-image: url(/imgs/ssber.png); margin-bottom: 0px;">
<div class="w1236 studyAbroad-top-con top-height">
<p class="titp fs80">研究生精英计划</p>
<p class="text fs40">每一步，术业有专攻</p>
</div>
</div>
<div class="degree-right">
<div class="w1236 degree-right-con">
<div class="left">
<p class="titp">留德过来人</p>
<p class="titp">带你一路“避坑”</p>
<p class="text clips2">经验全能导师规划留德进程，疏通关键脉络。我们会以更专业的态度解答你所产生的每一个留德疑惑。</p>
</div>
<div class="right">
<img src="/imgs/public/y1.png" class="imgW" alt="">
</div>
</div>
</div>
<div class="degree-left">
<div class="w1236 degree-left-con">
<div class="left">
<img src="/imgs/public/y1.png" class="imgW" alt="">
</div>
<div class="right">
<p class="titp">留德过来人</p>
<p class="titp">带你一路“避坑”</p>
<p class="text">经验全能导师规划留德进程，疏通关键脉络。我们会以更专业的态度解答你所产生的每一个留德疑惑。</p>
</div>
<div class="degree-right">
<div class="w1236 degree-right-con">
<div class="left">
<p class="titp">留德过来人</p>
<p class="titp">带你一路“避坑”</p>
<p class="text clips2">经验全能导师规划留德进程，疏通关键脉络。我们会以更专业的态度解答你所产生的每一个留德疑惑。</p>
</div>
<div class="right">
<img src="/imgs/public/y1.png" class="imgW" alt="">
</div>
</div>
</div>
<div class="degree-right">
<div class="w1236 degree-right-con">
<div class="left">
<p class="titp">超10季申请经验
</p>
<p class="titp">大数据+更新高校政策</p>
<p class="text">SID拥有超过10季的申请经验，实时跟踪德国大学申请动态，动态调整学生的申请策略。</p>
</div>
<div class="right right-img">
<img src="/imgs/public/ss (2).png" class="imgW" alt="">
<!-- <img src="/imgs/public/ss (1).png" class="imgW" alt=""> -->
</div>
</div>
</div>
<div class="degree-ber">
<div class="degree-video degree-pd160 w1236">
<div class="titcon">
<p class="titp">术业专攻，攻克APS第一关</p>
<p class="text">同专业德国留学学术导师，1v1全面解析专业知识 外语模拟，直至审核通过。</p>
</div>
<div class="degree-video-con">
<div class="list">
<div class="list-video">
<video src=""></video>
<img src="/imgs/public/zt.png" alt="">
</div>
<div class="text">
<p class="titp">Shi</p>
<p class="p clips2">杜塞尔多夫大学物流工程硕士 </p>
<p class="p clips2">现就职于德国知名企业</p>
</div>
<div class="degree-left">
<div class="w1236 degree-left-con">
<div class="left">
<img src="/imgs/public/y1.png" class="imgW" alt="">
</div>
<div class="right">
<p class="titp">留德过来人</p>
<p class="titp">带你一路“避坑”</p>
<p class="text">经验全能导师规划留德进程，疏通关键脉络。我们会以更专业的态度解答你所产生的每一个留德疑惑。</p>
<div class="list">
<div class="list-video">
<video src=""></video>
<img src="/imgs/public/zt.png" alt="">
</div>
<div class="text">
<p class="titp">Shi</p>
<p class="p clips2">杜塞尔多夫大学物流工程硕士 </p>
<p class="p clips2">现就职于德国知名企业</p>
</div>
</div>
<div class="list">
<div class="list-video">
<video src=""></video>
<img src="/imgs/public/zt.png" alt="">
</div>
<div class="text">
<p class="titp">Shi</p>
<p class="p clips2">杜塞尔多夫大学物流工程硕士 </p>
<p class="p clips2">现就职于德国知名企业</p>
</div>
</div>
<div class="list">
<div class="list-video">
<video src=""></video>
<img src="/imgs/public/zt.png" alt="">
</div>
<div class="text">
<p class="titp">Shi</p>
<p class="p clips2">杜塞尔多夫大学物流工程硕士 </p>
<p class="p clips2">现就职于德国知名企业</p>
</div>
</div>
</div>
<a href="" class="degree-video-btn">查看更多导师</a>
</div>
</div>
<div class="w1236 degree-pd160">
<div class="titcon">
<p class="titp">多维匹配，实现更优定校</p>
<p class="text">结合语言情况、专业、学科成绩、课程匹配度等情况，
为你选择当下条件下更优的6-10所梯度选校方案。</p>
</div>
<div class="degree-img">
<img src="/imgs/public/LC.png" class="imgW" alt="">
</div>
</div>
<div class="degree-ber">
<div class="w1236 degree-pd160">
<div class="titcon">
<p class="titp">清晰职能划分，每一环更安心</p>
<p class="text">SID专注德国留学，创新4维辅导全方位指导申请
让申请更有保障</p>
</div>
<div class="degree-imga">
<img src="/imgs/public/lx.png" class="imgW" alt="">
</div>
</div>
</div>
<div class="w1236 degree-pd160 overflow-hidden">
<div class="titcon">
<p class="titp">德国名校录取展示</p>
<p class="text">包含德国精英大学及德国TU9大学，专业覆盖广泛</p>
</div>
<div class="degree-enroll">
<div class="list">
<div class="img-top">
<img class="imgW" src="/imgs/lq1.png" alt="">
</div>
<p class="titp degree-enroll-cor">EBS商学院</p>
<p class="text">汽车工程，硕士</p>
<div class="img-b">
<img src="/imgs/lu1.png" class="imgW" alt="">
</div>
</div>
<div class="list">
<div class="img-top ">
<img class="imgW" src="/imgs/lq2.png" alt="">
</div>
<p class="titp degree-enroll-cor1">亚琛工业大学</p>
<p class="text">机械工程，硕士</p>
<div class="img-b">
<img src="/imgs/lu2.png" class="imgW" alt="">
</div>
</div>
<div class="list">
<div class="img-top">
<img class="imgW" src="/imgs/lq3.png" alt="">
</div>
<p class="titp">卡尔斯鲁厄理工学院 </p>
<p class="text">能源工程，硕士</p>
<div class="img-b">
<img src="/imgs/lu3.png" class="imgW" alt="">
</div>
</div>
<div class="list">
<div class="img-top">
<img class="imgW" src="/imgs/lq4.png" alt="">
</div>
<p class="titp">慕尼黑工业大学</p>
<p class="text">材料科学与工程，硕士</p>
<div class="img-b">
<img src="/imgs/lu4.png" class="imgW" alt="">
</div>
</div>
</div>
<div class="degree-right">
<div class="w1236 degree-right-con">
<div class="left">
<p class="titp">超10季申请经验
<div class="degree-page">
<a href=""></a>
<a href="" class="on">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
<a href=""> <span></span><span></span><span></span> </a>
<a href="">10</a>
</div>
</div>
<div class="degree-ber overflow-hidden">
<div class="w1236 degree-pd160">
<div class="titcon">
<p class="titp">德国留学，处处无忧</p>
<p class="text">全能导师+后期老师陪同
申请、动机信、签证、通通轻松搞定。</p>
</div>
<div class="degree-bz">
<div class="list">
<img class="imgW" src="/imgs/public/lxqa.png" alt="">
<p class="text">公证件</p>
</div>
<div class="list">
<img class="imgW" src="/imgs/public/lxqa.png" alt="">
<p class="text">公证件</p>
</div>
<div class="list">
<img class="imgW" src="/imgs/public/lxqa.png" alt="">
<p class="text">公证件</p>
</div>
<div class="list">
<img class="imgW" src="/imgs/public/lxqa.png" alt="">
<p class="text">公证件</p>
</div>
<div class="list">
<img class="imgW" src="/imgs/public/lxqa.png" alt="">
<p class="text">公证件</p>
</div>
<div class="list">
<img class="imgW" src="/imgs/public/lxqa.png" alt="">
<p class="text">公证件</p>
</div>
<div class="lista">
<img class="imgW" src="/imgs/public/lx7.png" alt="">
<p class="text">SID申请工作讨论会现场</p>
</div>
</div>
</div>
</div>
<div class="degree-plan w1236 degree-pd160 overflow-hidden">
<p class="titp">硕士精英计划 项目总览</p>
<div class="degree-plan-w">
<div class="list">
<div class="list-img"><img class="imgW" src="/imgs/public/ic1.png" alt=""></div>
<div class="text">
<p class="titpa">01</p>
<p class="p">个性化 </p>
<p class="p">留德规划</p>
</div>
</div>
<div class="list">
<div class="list-img"><img class="imgW" src="/imgs/public/ic2.png" alt=""></div>
<div class="text">
<p class="titpa">02</p>
<p class="p">专业导师
</p>
<p class="titp">大数据+更新高校政策</p>
<p class="text">SID拥有超过10季的申请经验，实时跟踪德国大学申请动态，动态调整学生的申请策略。</p>
<p class="p"> 1v1 APS辅导 </p>
</div>
<div class="right right-img">
<img src="/imgs/public/ss (2).png" class="imgW" alt="">
<!-- <img src="/imgs/public/ss (1).png" class="imgW" alt=""> -->
</div>
<div class="list">
<div class="list-img"><img class="imgW" src="/imgs/public/ic3.png" alt=""></div>
<div class="text">
<p class="titpa">03</p>
<p class="p">多维匹配
</p>
<p class="p">实现更优定校</p>
</div>
</div>
<div class="list">
<div class="list-img"><img class="imgW" src="/imgs/public/ic4.png" alt=""></div>
<div class="text">
<p class="titpa">04</p>
<p class="p">智囊团选课
</p>
<p class="p">优化匹配</p>
</div>
</div>
<div class="list">
<div class="list-img"><img class="imgW" src="/imgs/public/ic5.png" alt=""></div>
<div class="text">
<p class="titpa">05</p>
<p class="p">申请前后
</p>
<p class="p">全面管理</p>
</div>
</div>
<div class="list">
<div class="list-img"><img class="imgW" src="/imgs/public/ic6.png" alt=""></div>
<div class="text">
<p class="titpa">06</p>
<p class="p">优化文书
</p>
<p class="p">冲刺名校</p>
</div>
</div>
</div>
</div>
<div class="degree-apply">
<p class="titp">SID专业申请团队 助你<span>步入理想大学</span></p>
<a href="" class="xq"> <span>查看项目详情</span> </a>
<a href="" class="apply-btn">
<img src="/imgs/gou.png" alt="">
<p>立即开启咨询</p>
</a>
</div>
<div class="degree-ber">
<div class="degree-video degree-pd160 w1236">
<div class="titcon">
<p class="titp">术业专攻，攻克APS第一关</p>
<p class="text">同专业德国留学学术导师，1v1全面解析专业知识 外语模拟，直至审核通过。</p>
</div>
<div class="degree-video-con">
<div class="list">
<div class="list-video">
<video src=""></video>
<img src="/imgs/public/zt.png" alt="">
</div>
<div class="text">
<p class="titp">Shi</p>
<p class="p clips2">杜塞尔多夫大学物流工程硕士 </p>
<p class="p clips2">现就职于德国知名企业</p>
</div>
</div>
<div class="list">
<div class="list-video">
<video src=""></video>
<img src="/imgs/public/zt.png" alt="">
</div>
<div class="text">
<p class="titp">Shi</p>
<p class="p clips2">杜塞尔多夫大学物流工程硕士 </p>
<p class="p clips2">现就职于德国知名企业</p>
</div>
</div>
<div class="list">
<div class="list-video">
<video src=""></video>
<img src="/imgs/public/zt.png" alt="">
</div>
<div class="text">
<p class="titp">Shi</p>
<p class="p clips2">杜塞尔多夫大学物流工程硕士 </p>
<p class="p clips2">现就职于德国知名企业</p>
</div>
</div>
<div class="list">
<div class="list-video">
<video src=""></video>
<img src="/imgs/public/zt.png" alt="">
</div>
<div class="text">
<p class="titp">Shi</p>
<p class="p clips2">杜塞尔多夫大学物流工程硕士 </p>
<p class="p clips2">现就职于德国知名企业</p>
</div>
</div>
</div>
<a href="" class="degree-video-btn">查看更多导师</a>
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<a class="li" href="/htmls/link.html">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
</div>
</div>
<div class="w1236 degree-pd160">
<div class="titcon">
<p class="titp">多维匹配，实现更优定校</p>
<p class="text">结合语言情况、专业、学科成绩、课程匹配度等情况，
为你选择当下条件下更优的6-10所梯度选校方案。</p>
</div>
<div class="degree-img">
<img src="/imgs/public/LC.png" class="imgW" alt="">
</div>
</div>
<div class="degree-ber">
<div class="w1236 degree-pd160">
<div class="titcon">
<p class="titp">清晰职能划分，每一环更安心</p>
<p class="text">SID专注德国留学，创新4维辅导全方位指导申请
让申请更有保障</p>
<div class="footer-con w1236">
<div class="one">
<a href=""><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>成都总部</p>
<p class="address"> <span>地址：</span> <span>四川·成都·武侯区星狮路511号大合仓A405
乘坐3号线-川藏立交站直达</span> </p>
<p class="date"> <span>电话：</span> 028-61103687</p>
<div class="wx">
<img src="/imgs/public/wx1.png" alt=""><img src="/imgs/public/wx2.png" alt="">
</div>
<div class="degree-imga">
<img src="/imgs/public/lx.png" class="imgW" alt="">
</div>
<div class="one">
<a href="" class="placeholder" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>天津分部</p>
<p class="address"> <span>地址：</span> <span>天津·河西区 马场道59号平安大厦B座21层D单元
地铁1号线，小白楼站</span> </p>
<p class="date"> <span>电话：</span>19922577220</p>
<div class="wx">
<img src="/imgs/public/wx3.png" alt=""><img src="/imgs/public/wx4.png" alt="">
</div>
</div>
<div class="two">
<p class="titp">联系我们</p>
<p><span>联络：</span><span>成先生</span></p>
<p><span>邮箱：</span><span>info@sidchina.com</span></p>
<div class="zx">
<a href="">
<div>
<img src="/imgs/wx.png" alt="">
</div>
<p>微信公众号</p>
</a>
<a href="">
<div>
<img src="/imgs/wb.png" alt="">
</div>
<p>微博</p>
</a>
<a href="">
<div>
<img src="/imgs/zh.png" alt="">
</div>
<p>知乎</p>
</a>
<a href="">
<div>
<img src="/imgs/bl.png" alt="">
</div>
<p>Bilibili</p>
</a>
</div>
</div>
</div>
<div class="w1236 degree-pd160">
<div class="titcon">
<p class="titp">德国名校录取展示</p>
<p class="text">包含德国精英大学及德国TU9大学，专业覆盖广泛</p>
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有  某ICP备xxxxxxxx号</p>
</footer>
<div class="suspension">
<a>
<img src="/imgs/public/iocn.png" alt="">
</a>
<a>
<img src="/imgs/public/icon2.png" alt="">
<p class="tel">
028-61103687
</p>
</a>
<a>
<img src="/imgs/public/iocn1.png" alt="">
<div class="wxber">
<img class="imgW" src="/imgs/public/wx1.png" alt="">
</div>
<div class="degree-enroll">
<div class="list">
<div class="img-top">
<img class="imgW" src="/imgs/lq1.png" alt="">
</div>
<p class="titp degree-enroll-cor">EBS商学院</p>
<p class="text">汽车工程，硕士</p>
<div class="img-b">
<img src="/imgs/lu1.png" class="imgW" alt="">
</div>
</div>
<div class="list">
<div class="img-top ">
<img class="imgW" src="/imgs/lq2.png" alt="">
</div>
<p class="titp degree-enroll-cor1">亚琛工业大学</p>
<p class="text">机械工程，硕士</p>
<div class="img-b">
<img src="/imgs/lu2.png" class="imgW" alt="">
</div>
</div>
<div class="list">
<div class="img-top">
<img class="imgW" src="/imgs/lq3.png" alt="">
</div>
<p class="titp">卡尔斯鲁厄理工学院 </p>
<p class="text">能源工程，硕士</p>
<div class="img-b">
<img src="/imgs/lu3.png" class="imgW" alt="">
</div>
</div>
<div class="list">
<div class="img-top">
<img class="imgW" src="/imgs/lq4.png" alt="">
</div>
<p class="titp">慕尼黑工业大学</p>
<p class="text">材料科学与工程，硕士</p>
<div class="img-b">
<img src="/imgs/lu4.png" class="imgW" alt="">
</div>
</div>
</div>
<div class="degree-page">
<a href=""></a>
<a href="" class="on">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
<a href=""> <span></span><span></span><span></span> </a>
<a href="">10</a>
</div>
</div>
<div class="degree-ber">
<div class="w1236 degree-pd160">
<div class="titcon">
<p class="titp">德国留学，处处无忧</p>
<p class="text">全能导师+后期老师陪同
申请、动机信、签证、通通轻松搞定。</p>
</div>
<div class="degree-bz">
<div class="list">
<img class="imgW" src="/imgs/public/lxqa.png" alt="">
<p class="text">公证件</p>
</div>
<div class="list">
<img class="imgW" src="/imgs/public/lxqa.png" alt="">
<p class="text">公证件</p>
</div>
<div class="list">
<img class="imgW" src="/imgs/public/lxqa.png" alt="">
<p class="text">公证件</p>
</div>
<div class="list">
<img class="imgW" src="/imgs/public/lxqa.png" alt="">
<p class="text">公证件</p>
</div>
<div class="list">
<img class="imgW" src="/imgs/public/lxqa.png" alt="">
<p class="text">公证件</p>
</div>
<div class="list">
<img class="imgW" src="/imgs/public/lxqa.png" alt="">
<p class="text">公证件</p>
</div>
<div class="lista">
<img class="imgW" src="/imgs/public/lx7.png" alt="">
<p class="text">SID申请工作讨论会现场</p>
</div>
</div>
</div>
</div>
<div class="degree-plan w1236 degree-pd160">
<p class="titp">硕士精英计划 项目总览</p>
<div class="degree-plan-w">
<div class="list">
<div class="list-img"><img class="imgW" src="/imgs/public/ic1.png" alt=""></div>
<div class="text">
<p class="titpa">01</p>
<p class="p">个性化 </p>
<p class="p">留德规划</p>
</div>
</div>
<div class="list">
<div class="list-img"><img class="imgW" src="/imgs/public/ic2.png" alt=""></div>
<div class="text">
<p class="titpa">02</p>
<p class="p">专业导师
</p>
<p class="p"> 1v1 APS辅导 </p>
</div>
</div>
<div class="list">
<div class="list-img"><img class="imgW" src="/imgs/public/ic3.png" alt=""></div>
<div class="text">
<p class="titpa">03</p>
<p class="p">多维匹配
</p>
<p class="p">实现更优定校</p>
</div>
</div>
<div class="list">
<div class="list-img"><img class="imgW" src="/imgs/public/ic4.png" alt=""></div>
<div class="text">
<p class="titpa">04</p>
<p class="p">智囊团选课
</p>
<p class="p">优化匹配</p>
</div>
</div>
<div class="list">
<div class="list-img"><img class="imgW" src="/imgs/public/ic5.png" alt=""></div>
<div class="text">
<p class="titpa">05</p>
<p class="p">申请前后
</p>
<p class="p">全面管理</p>
</div>
</div>
<div class="list">
<div class="list-img"><img class="imgW" src="/imgs/public/ic6.png" alt=""></div>
<div class="text">
<p class="titpa">06</p>
<p class="p">优化文书
</p>
<p class="p">冲刺名校</p>
</div>
</div>
</div>
</div>
<div class="degree-apply">
<p class="titp">SID专业申请团队 助你<span>步入理想大学</span></p>
<a href="" class="xq"> <span>查看项目详情</span> </a>
<a href="" class="apply-btn">
<img src="/imgs/gou.png" alt="">
<p>立即开启咨询</p>
</a>
</div>
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
</div>
</div>
<div class="footer-con w1236">
<div class="one">
<a href=""><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>成都总部</p>
<p class="address"> <span>地址：</span> <span>四川·成都·武侯区星狮路511号大合仓A405
乘坐3号线-川藏立交站直达</span> </p>
<p class="date"> <span>电话：</span> 028-61103687</p>
<div class="wx">
<img src="/imgs/public/wx1.png" alt=""><img src="/imgs/public/wx2.png" alt="">
</div>
</div>
<div class="one">
<a href="" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>天津分部</p>
<p class="address"> <span>地址：</span> <span>天津·河西区 马场道59号平安大厦B座21层D单元
地铁1号线，小白楼站</span> </p>
<p class="date"> <span>电话：</span>19922577220</p>
<div class="wx">
<img src="/imgs/public/wx3.png" alt=""><img src="/imgs/public/wx4.png" alt="">
</div>
</div>
<div class="two">
<p class="titp">联系我们</p>
<p><span>联络：</span><span>成先生</span></p>
<p><span>邮箱：</span><span>info@sidchina.com</span></p>
<div class="zx">
<a href="">
<div>
<img src="/imgs/wx.png" alt="">
</div>
<p>微信公众号</p>
</a>
<a href="">
<div>
<img src="/imgs/wb.png" alt="">
</div>
<p>微博</p>
</a>
<a href="">
<div>
<img src="/imgs/zh.png" alt="">
</div>
<p>知乎</p>
</a>
<a href="">
<div>
<img src="/imgs/bl.png" alt="">
</div>
<p>Bilibili</p>
</a>
</div>
</div>
</div>
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有  某ICP备xxxxxxxx号</p>
</footer>
<!-- hover 首页 -->
<script>
var mySwiper = new Swiper('.media-swiper-container', {
loop: true, // 循环模式选项
pagination: {
el: '.media-swiper-pagination',
},
})
</script>
</body>
</a>
<a>
<img src="/imgs/public/icon3.png" alt="">
</a>
</div>
<script>
var mySwiper = new Swiper('.media-swiper-container', {
loop: true, // 循环模式选项
pagination: {
el: '.media-swiper-pagination',
},
})
</script>
</body>
</html>

122
htmls/highSchool.html
View File

@ -26,24 +26,47 @@
<body>
<!-- 头部导航 -->
<header class="header">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="">首页</a></li>
<li class="li on"><a href="">留学</a></li>
<li class="li"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
</nav>
</header>
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="/">首页</a></li>
<li class="li on"><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
<p></p>
<p></p>
<p></p>
</div>
</nav>
</div>
</header>
<script>
let navClickT=true
$(".navClick").on("click",()=>{
if (navClickT) {
$(".header .nav ul").css("display","flex")
$(".navClick").addClass("tr90")
navClickT=!navClickT
}else{
$(".header .nav ul").css("display","none")
$(".navClick").removeClass("tr90")
navClickT=!navClickT
}
})
</script>
<div class="media-top">
<div class="media-nav">
<a href="/" >全部</a><a class="on" href="./highSchool.html">德国高中</a><a href="./prep.html">预科</a><a href="./undergraduate.html">本科</a><a href="./degree.html" >硕士</a><a href="./APS.html">APS审核</a><a href="./music.html">德国音乐</a>
@ -293,8 +316,8 @@
</div>
<div class="bc1 degree-pd160">
<div class="bc1 degree-pd160">
@ -366,7 +389,7 @@
</div>
</div>
</div>
</div>
<div class="w1236 degree-pd160">
<div class="school-tit ">
@ -390,27 +413,27 @@
<div class="school-apply-con school-apply-conClicka">
<div class="list">
<p class="titp">STEP1</p>
<p class="text">根据学生和家长的意愿选校、定校</p>
<p class="text clips1">根据学生和家长的意愿选校、定校</p>
</div>
<div class="list">
<p class="titp">STEP4</p>
<p class="text">根据学生和家长的意愿选校、定校</p>
<p class="text clips1">根据学生和家长的意愿选校、定校</p>
</div>
<div class="list">
<p class="titp">STEP2</p>
<p class="text">根据学生和家长的意愿选校、定校</p>
<p class="text clips1">根据学生和家长的意愿选校、定校</p>
</div>
<div class="list">
<p class="titp">STEP5</p>
<p class="text">根据学生和家长的意愿选校、定校</p>
<p class="text clips1">根据学生和家长的意愿选校、定校</p>
</div>
<div class="list">
<p class="titp">STEP3</p>
<p class="text">根据学生和家长的意愿选校、定校</p>
<p class="text clips1">根据学生和家长的意愿选校、定校</p>
</div>
<div class="list">
<p class="titp onBer">STEP6</p>
<p class="text">入读9年级（初三）或10年级（高一）</p>
<p class="text clips1">入读9年级（初三）或10年级（高一）</p>
</div>
</div>
@ -441,7 +464,7 @@
</div>
</div>
</div>
</div>
</div>
<div class="bc1 degree-pd160">
@ -515,14 +538,14 @@
<footer class="footer">
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
<a class="li" href="/htmls/link.html">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
</div>
</div>
<div class="footer-con w1236">
<div class="one">
<a href=""><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
@ -534,9 +557,9 @@
<img src="/imgs/public/wx1.png" alt=""><img src="/imgs/public/wx2.png" alt="">
</div>
</div>
<div class="one">
<a href="" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<a href="" class="placeholder" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>天津分部</p>
<p class="address"> <span>地址：</span> <span>天津·河西区 马场道59号平安大厦B座21层D单元
地铁1号线，小白楼站</span> </p>
@ -549,6 +572,7 @@
<p class="titp">联系我们</p>
<p><span>联络：</span><span>成先生</span></p>
<p><span>邮箱：</span><span>info@sidchina.com</span></p>
<div class="zx">
<a href="">
<div>
@ -577,12 +601,34 @@
</div>
</div>
</div>
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有  某ICP备xxxxxxxx号</p>
</footer>
<!-- hover 首页 -->
<div class="suspension">
<a>
<img src="/imgs/public/iocn.png" alt="">
</a>
<a>
<img src="/imgs/public/icon2.png" alt="">
<p class="tel">
028-61103687
</p>
</a>
<a>
<img src="/imgs/public/iocn1.png" alt="">
<div class="wxber">
<img class="imgW" src="/imgs/public/wx1.png" alt="">
</div>
</a>
<a>
<img src="/imgs/public/icon3.png" alt="">
</a>
</div>
<script>
$(".school-apply-tit .oneClick").on("click", (e) => {
console.log($(e.target).parent());

59
htmls/link.html
View File

@ -26,24 +26,47 @@
<body>
<!-- 头部导航 -->
<header class="header">
<nav class="w1236 nav">
<ul>
<li class="li on"><a href="">首页</a></li>
<li class="li"><a href="">留学</a></li>
<li class="li"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
</nav>
</header>
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="/">首页</a></li>
<li class="li on"><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
<p></p>
<p></p>
<p></p>
</div>
</nav>
</div>
</header>
<script>
let navClickT=true
$(".navClick").on("click",()=>{
if (navClickT) {
$(".header .nav ul").css("display","flex")
$(".navClick").addClass("tr90")
navClickT=!navClickT
}else{
$(".header .nav ul").css("display","none")
$(".navClick").removeClass("tr90")
navClickT=!navClickT
}
})
</script>
<div class="link w1236">
<div class="link-title">
<a href=""><img src="/imgs/public/ind.png" alt="">首页</a>><a href="">友情链接</a>

101
htmls/media.html
View File

@ -26,27 +26,51 @@
<body>
<!-- 头部导航 -->
<header class="header">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="">首页</a></li>
<li class="li"><a href="">留学</a></li>
<li class="li on"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
</nav>
</header>
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="/">首页</a></li>
<li class="li "><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li on"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
<p></p>
<p></p>
<p></p>
</div>
</nav>
</div>
</header>
<script>
let navClickT=true
$(".navClick").on("click",()=>{
if (navClickT) {
$(".header .nav ul").css("display","flex")
$(".navClick").addClass("tr90")
navClickT=!navClickT
}else{
$(".header .nav ul").css("display","none")
$(".navClick").removeClass("tr90")
navClickT=!navClickT
}
})
</script>
<div class="media-top">
<div class="media-nav">
<a href="" class="on">最新</a><a href="./mediaVideo.html">视频</a><a href="./mediaArticle.html">文章</a>
<a href="/htmls/media.html" class="on">最新</a><a href="./mediaVideo.html">视频</a><a href="./mediaArticle.html">文章</a>
</div>
<img src="/imgs/mber.png" alt="">
</div>
@ -258,11 +282,11 @@
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
<a class="li" href="/htmls/link.html">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
</div>
</div>
<div class="footer-con w1236">
<div class="one">
<a href=""><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
@ -274,9 +298,9 @@
<img src="/imgs/public/wx1.png" alt=""><img src="/imgs/public/wx2.png" alt="">
</div>
</div>
<div class="one">
<a href="" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<a href="" class="placeholder" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>天津分部</p>
<p class="address"> <span>地址：</span> <span>天津·河西区 马场道59号平安大厦B座21层D单元
地铁1号线，小白楼站</span> </p>
@ -289,7 +313,7 @@
<p class="titp">联系我们</p>
<p><span>联络：</span><span>成先生</span></p>
<p><span>邮箱：</span><span>info@sidchina.com</span></p>
<div class="zx">
<a href="">
<div>
@ -318,12 +342,33 @@
</div>
</div>
</div>
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有  某ICP备xxxxxxxx号</p>
</footer>
<!-- hover 首页 -->
<div class="suspension">
<a>
<img src="/imgs/public/iocn.png" alt="">
</a>
<a>
<img src="/imgs/public/icon2.png" alt="">
<p class="tel">
028-61103687
</p>
</a>
<a>
<img src="/imgs/public/iocn1.png" alt="">
<div class="wxber">
<img class="imgW" src="/imgs/public/wx1.png" alt="">
</div>
</a>
<a>
<img src="/imgs/public/icon3.png" alt="">
</a>
</div>
<script>
var mySwiper = new Swiper('.media-swiper-container', {
loop: true, // 循环模式选项

260
htmls/mediaArticle copy.html
View File

@ -1,260 +0,0 @@
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="author" content="吃肉的饺子,2659004835@qq.com" />
<meta name="description" content="基于SEO网站" />
<meta name="keywords" content="基于SEO网站" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive" />
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#db5945">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>SID</title>
<link rel="stylesheet" type="text/css" href="/css/base.css" />
<link rel="stylesheet" type="text/css" href="/css/style.css" />
<link rel="stylesheet" type="text/css" href="/css/swiper.min.css" />
<script src="/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/swiper.min.js"></script>
</head>
<body>
<!-- 头部导航 -->
<header class="header">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="">首页</a></li>
<li class="li"><a href="">留学</a></li>
<li class="li on"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
</nav>
</header>
<div class="media-top">
<div class="media-nav">
<a href="">最新</a><a href="./mediaVideo.html">视频</a><a class="on" href="./mediaArticle.html">文章</a>
</div>
<img class="mohu" src="/imgs/public/zhber.png" alt="">
</div>
<div class="media-main w1236">
<div class="media-tit">
<p class="titp">知乎问答</p>
<p class="text">上知乎，向SID留学提问，解决你的留德疑惑</p>
</div>
<div class="nav-A">
<a href="">首页</a>><a href="">媒体</a>><a>知乎问答</a>
</div>
<div class="mediaVideo">
<div class="media-swiper-con">
<img class="imgW" src="/imgs/public/mbera.png" alt="">
<div>
<p class="text">德国留学必看：2021德国WIWO高校排名</p>
<p class="text">【快速版】</p>
</div>
</div>
</div>
<div class="questionAnswer w1236">
<div class="list">
<p class="title-name">非211本科已学满两学期如何准备申请德国本科?</p>
<div class="text">
<p>答：</p>
<p class="clips5">1、无论是APS面审还是Testas的笔试，最终目的都是获得APS证书。2、德国大学只有冬季入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主..</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>
<div class="list">
<p class="title-name">非211本科已学满两学期如何准备申请德国本科?</p>
<div class="text">
<p>答：</p>
<p class="clips5">1、无论是APS面审还是Testas的笔试，最终目的都是获得APS证书。2、德国大学只有冬季入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主..</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>
<div class="list">
<p class="title-name">非211本科已学满两学期如何准备申请德国本科?</p>
<div class="text">
<p>答：</p>
<p class="clips5">1、无论是APS面审还是Testas的笔试，最终目的都是获得APS证书。2、德国大学只有冬季入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主..</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>
<div class="list" style="height: 300px;">
<p class="title-name">非211本科已学满两学期如何准备申请德国本科?</p>
<div class="text">
<p>答：</p>
<p class="clips5">1、无论是APS面审还是Testas的笔试，最终季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主..</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>
<div class="list">
<p class="title-name">非211本科已学满两学期如何准备申请德国本科?</p>
<div class="text">
<p>答：</p>
<p class="clips5">1、无论是APS面入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主..</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>
<div class="list">
<p class="title-name">非211本科已学满两学期如何准备申请德国本科?</p>
<div class="text">
<p>答：</p>
<p class="clips5">1、无论是APS面审还是Testas的笔试，最终目的都是获得APS证书。2、德国大学只有冬季入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主..</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>
<div class="list">
<p class="title-name">非211本科已学满两学期如何准备申请德国本科?</p>
<div class="text">
<p>答：</p>
<p class="clips5">1、无论是APS面审还是Testas的笔试，最终目的都是获得APS证书。2、德国大学只有冬季入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主..</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>
<div class="list">
<p class="title-name">非211本科已学满两学期如何准备申请德国本科?</p>
<div class="text">
<p>答：</p>
<p class="clips5">1、无论是APS看题主..</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>
<div class="list">
<p class="title-name">非211本科已学满两学期如何准备申请德国本科?</p>
<div class="text">
<p>答：</p>
<p class="clips5">1、无论是APS面审还是Testas的笔试，最终目的都是获得APS证书。2、德国大学只有冬季入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主..</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
</div>
</div>
<div class="footer-con w1236">
<div class="one">
<a href=""><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>成都总部</p>
<p class="address"> <span>地址：</span> <span>四川·成都·武侯区星狮路511号大合仓A405
乘坐3号线-川藏立交站直达</span> </p>
<p class="date"> <span>电话：</span> 028-61103687</p>
<div class="wx">
<img src="/imgs/public/wx1.png" alt=""><img src="/imgs/public/wx2.png" alt="">
</div>
</div>
<div class="one">
<a href="" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>天津分部</p>
<p class="address"> <span>地址：</span> <span>天津·河西区 马场道59号平安大厦B座21层D单元
地铁1号线，小白楼站</span> </p>
<p class="date"> <span>电话：</span>19922577220</p>
<div class="wx">
<img src="/imgs/public/wx3.png" alt=""><img src="/imgs/public/wx4.png" alt="">
</div>
</div>
<div class="two">
<p class="titp">联系我们</p>
<p><span>联络：</span><span>成先生</span></p>
<p><span>邮箱：</span><span>info@sidchina.com</span></p>
<div class="zx">
<a href="">
<div>
<img src="/imgs/wx.png" alt="">
</div>
<p>微信公众号</p>
</a>
<a href="">
<div>
<img src="/imgs/wb.png" alt="">
</div>
<p>微博</p>
</a>
<a href="">
<div>
<img src="/imgs/zh.png" alt="">
</div>
<p>知乎</p>
</a>
<a href="">
<div>
<img src="/imgs/bl.png" alt="">
</div>
<p>Bilibili</p>
</a>
</div>
</div>
</div>
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有  某ICP备xxxxxxxx号</p>
</footer>
<!-- hover 首页 -->
<script>
var mySwiper = new Swiper('.media-swiper-container', {
loop: true, // 循环模式选项
pagination: {
el: '.media-swiper-pagination',
},
})
</script>
</body>
</html>

103
htmls/mediaArticle.html
View File

@ -24,29 +24,51 @@
</head>
<body>
<!-- 头部导航 -->
<header class="header">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="">首页</a></li>
<li class="li"><a href="">留学</a></li>
<li class="li on"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
</nav>
</header>
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="/">首页</a></li>
<li class="li "><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li on"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
<p></p>
<p></p>
<p></p>
</div>
</nav>
</div>
</header>
<script>
let navClickT=true
$(".navClick").on("click",()=>{
if (navClickT) {
$(".header .nav ul").css("display","flex")
$(".navClick").addClass("tr90")
navClickT=!navClickT
}else{
$(".header .nav ul").css("display","none")
$(".navClick").removeClass("tr90")
navClickT=!navClickT
}
})
</script>
<div class="media-top">
<div class="media-nav">
<a href="" >最新</a><a href="./mediaVideo.html">视频</a><a class="on" href="./mediaArticle.html">文章</a>
<a href="/htmls/media.html" >最新</a><a href="./mediaVideo.html">视频</a><a class="on" href="./mediaArticle.html">文章</a>
</div>
<img src="/imgs/public/articleBer.png" alt="">
</div>
@ -141,11 +163,11 @@
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
<a class="li" href="/htmls/link.html">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
</div>
</div>
<div class="footer-con w1236">
<div class="one">
<a href=""><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
@ -157,9 +179,9 @@
<img src="/imgs/public/wx1.png" alt=""><img src="/imgs/public/wx2.png" alt="">
</div>
</div>
<div class="one">
<a href="" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<a href="" class="placeholder" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>天津分部</p>
<p class="address"> <span>地址：</span> <span>天津·河西区 马场道59号平安大厦B座21层D单元
地铁1号线，小白楼站</span> </p>
@ -172,7 +194,7 @@
<p class="titp">联系我们</p>
<p><span>联络：</span><span>成先生</span></p>
<p><span>邮箱：</span><span>info@sidchina.com</span></p>
<div class="zx">
<a href="">
<div>
@ -201,12 +223,33 @@
</div>
</div>
</div>
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有  某ICP备xxxxxxxx号</p>
</footer>
<!-- hover 首页 -->
<div class="suspension">
<a>
<img src="/imgs/public/iocn.png" alt="">
</a>
<a>
<img src="/imgs/public/icon2.png" alt="">
<p class="tel">
028-61103687
</p>
</a>
<a>
<img src="/imgs/public/iocn1.png" alt="">
<div class="wxber">
<img class="imgW" src="/imgs/public/wx1.png" alt="">
</div>
</a>
<a>
<img src="/imgs/public/icon3.png" alt="">
</a>
</div>
<script>
var mySwiper = new Swiper('.media-swiper-container', {
loop: true, // 循环模式选项

72
htmls/mediaVideo.html
View File

@ -26,27 +26,51 @@
<body>
<!-- 头部导航 -->
<header class="header">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="">首页</a></li>
<li class="li"><a href="">留学</a></li>
<li class="li on"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
</nav>
</header>
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="/">首页</a></li>
<li class="li "><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li on"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
<p></p>
<p></p>
<p></p>
</div>
</nav>
</div>
</header>
<script>
let navClickT=true
$(".navClick").on("click",()=>{
if (navClickT) {
$(".header .nav ul").css("display","flex")
$(".navClick").addClass("tr90")
navClickT=!navClickT
}else{
$(".header .nav ul").css("display","none")
$(".navClick").removeClass("tr90")
navClickT=!navClickT
}
})
</script>
<div class="media-top">
<div class="media-nav">
<a href="" >最新</a><a class="on" href="./mediaVideo.html">视频</a><a href="./mediaArticle.html">文章</a>
<a href="/htmls/media.html" >最新</a><a class="on" href="./mediaVideo.html">视频</a><a href="./mediaArticle.html">文章</a>
</div>
<img src="/imgs/public/videoBer.png" alt="">
</div>
@ -82,7 +106,7 @@
<img class="imgW" src="/imgs/public/1.png" alt="">
</div>
<div class="list-text">
<p class="text">德国留学必看：2021德国WIWO高校排名【快速版】</p>
<p class="text clips3">德国留学必看：2021德国WIWO高校排名【快速版】</p>
<p class="date">2021-10-10</p>
</div>
</div>
@ -91,7 +115,7 @@
<img class="imgW" src="/imgs/public/1.png" alt="">
</div>
<div class="list-text">
<p class="text">德国留学必看：2021德国WIWO高校排名【快速版】</p>
<p class="text clips3">德国留学必看：2021德国WIWO高校排名【快速版】</p>
<p class="date">2021-10-10</p>
</div>
</div>
@ -101,7 +125,7 @@
<img src="" class="imgW" alt="">
<div>
<p class="date">2021-10-10</p>
<p class="text">这里写最新信息的内容这里写最新信息这里写最新信息的内容...</p>
<p class="text clips2">这里写最新信息的内容这里写最新信息这里写最新信息的内容...</p>
</div>
</div>
<div class="list">
@ -109,7 +133,7 @@
<img class="imgW" src="/imgs/public/1.png" alt="">
</div>
<div class="list-text">
<p class="text">德国留学必看：2021德国WIWO高校排名【快速版】</p>
<p class="text clips3">德国留学必看：2021德国WIWO高校排名【快速版】</p>
<p class="date">2021-10-10</p>
</div>
</div>
@ -120,7 +144,7 @@
<img class="imgW" src="/imgs/public/1.png" alt="">
</div>
<div class="list-text">
<p class="text">德国留学必看：2021德国WIWO高校排名【快速版】</p>
<p class="text clips3">德国留学必看：2021德国WIWO高校排名【快速版】</p>
<p class="date">2021-10-10</p>
</div>
</div>
@ -129,7 +153,7 @@
<img class="imgW" src="/imgs/public/1.png" alt="">
</div>
<div class="list-text">
<p class="text">德国留学必看：2021德国WIWO高校排名【快速版】</p>
<p class="text clips3">德国留学必看：2021德国WIWO高校排名【快速版】</p>
<p class="date">2021-10-10</p>
</div>
</div>

284
htmls/mediaZhihu.html Normal file
View File

@ -0,0 +1,284 @@
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="author" content="吃肉的饺子,2659004835@qq.com" />
<meta name="description" content="基于SEO网站" />
<meta name="keywords" content="基于SEO网站" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive" />
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#db5945">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>SID</title>
<link rel="stylesheet" type="text/css" href="/css/base.css" />
<link rel="stylesheet" type="text/css" href="/css/style.css" />
<link rel="stylesheet" type="text/css" href="/css/swiper.min.css" />
<script src="/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/swiper.min.js"></script>
</head>
<body>
<!-- 头部导航 -->
<header class="header">
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="/">首页</a></li>
<li class="li on"><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
<p></p>
<p></p>
<p></p>
</div>
</nav>
</div>
</header>
<script>
let navClickT=true
$(".navClick").on("click",()=>{
if (navClickT) {
$(".header .nav ul").css("display","flex")
$(".navClick").addClass("tr90")
navClickT=!navClickT
}else{
$(".header .nav ul").css("display","none")
$(".navClick").removeClass("tr90")
navClickT=!navClickT
}
})
</script>
<div class="media-top">
<div class="media-nav">
<a href="">最新</a><a href="./mediaVideo.html">视频</a><a class="on" href="./mediaArticle.html">文章</a>
</div>
<img class="mohu" src="/imgs/public/zhber.png" alt="">
</div>
<div class="media-main w1236">
<div class="media-tit">
<p class="titp">知乎问答</p>
<p class="text">上知乎，向SID留学提问，解决你的留德疑惑</p>
</div>
<div class="nav-A">
<a href="">首页</a>><a href="">媒体</a>><a>知乎问答</a>
</div>
<div class="mediaVideo">
<div class="media-swiper-con">
<img class="imgW" src="/imgs/public/mbera.png" alt="">
<div>
<p class="text">德国留学必看：2021德国WIWO高校排名</p>
<p class="text">【快速版】</p>
</div>
</div>
</div>
<div class="questionAnswer w1236">
<div class="one">
<div class="list">
<p class="title-name">非211本科已学满两学期如何准备申请德国本科?</p>
<div class="text">
<p>答：</p>
<p class="clips5">
1、无论是APS面审还是Testas的笔试，最终目的都是获得APS证书。2、德国大学只有冬季入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主..</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>
</div>
<div class="two">
</div>
<div class="three">
</div>
</div>
</div>
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a
class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
</div>
</div>
<div class="footer-con w1236">
<div class="one">
<a href=""><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>成都总部</p>
<p class="address"> <span>地址：</span> <span>四川·成都·武侯区星狮路511号大合仓A405
乘坐3号线-川藏立交站直达</span> </p>
<p class="date"> <span>电话：</span> 028-61103687</p>
<div class="wx">
<img src="/imgs/public/wx1.png" alt=""><img src="/imgs/public/wx2.png" alt="">
</div>
</div>
<div class="one">
<a href="" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>天津分部</p>
<p class="address"> <span>地址：</span> <span>天津·河西区 马场道59号平安大厦B座21层D单元
地铁1号线，小白楼站</span> </p>
<p class="date"> <span>电话：</span>19922577220</p>
<div class="wx">
<img src="/imgs/public/wx3.png" alt=""><img src="/imgs/public/wx4.png" alt="">
</div>
</div>
<div class="two">
<p class="titp">联系我们</p>
<p><span>联络：</span><span>成先生</span></p>
<p><span>邮箱：</span><span>info@sidchina.com</span></p>
<div class="zx">
<a href="">
<div>
<img src="/imgs/wx.png" alt="">
</div>
<p>微信公众号</p>
</a>
<a href="">
<div>
<img src="/imgs/wb.png" alt="">
</div>
<p>微博</p>
</a>
<a href="">
<div>
<img src="/imgs/zh.png" alt="">
</div>
<p>知乎</p>
</a>
<a href="">
<div>
<img src="/imgs/bl.png" alt="">
</div>
<p>Bilibili</p>
</a>
</div>
</div>
</div>
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有  某ICP备xxxxxxxx号</p>
</footer>
<!-- hover 首页 -->
<script>
let arrdata = [
[
{ name: "非211本科已学满两学期如何准备申请德国本科", text: "1、无论是APS的都是获得APS证书。2、德国大学只有冬季入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主.." },
{ name: "非211本科已学准备申请德国本科", text: "1、无论是APS面审还是Testa冬季入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主.." },
{ name: "非211本科已学请德国本科", text: "1、无论是APS面季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主.." },
{ name: "非211本科已学满两学期如德国本科", text: "1、无论冬季入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主.." },
{ name: "非211本科已学满两申请德国本科", text: "1、无论是APS面审还入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主.." },
{ name: "非211本科已期如何准备申请德国本科", text: "1、无论是APS面2、德国大学只有冬季入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主.." },
{ name: "非211本科准备申请德国本科", text: "1、无论是APS面审还是Testas的有冬季入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主.." },
{ name: "非211本科已学满两学期如何准备申请德国本科", text: "1、无论是APS面审还是德国大学只有冬季入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主.." },
],
[
{ name: "非211本科何准备申请德国本科", text: "1、无论是APS面审还是TeAPS证书。2、德国大学只有冬季入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主.." },
{ name: "非211本科已学满两学请德国本科", text: "1、无论是APS面审还是Testas的笔试，最终目的都学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主.." },
{ name: "非211本科已学满两学期如何准备申请德国本科", text: "1、无论是APS面审还是Testas的笔试，最终目的有冬季入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主.." },
{ name: "非211本科已学满两学申请德国本科", text: "1、无论是APS面审还是Testas的笔试，最终目的都是获入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主.." },
{ name: "非211本科已学满准备申请德国本科", text: "1、无论是APS面审还是Testas的笔试，最终目的都是冬季入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主.." },
{ name: "非211本如何准备申请德国本科", text: "1、无论是APS面审还是Testas的笔试，最终目的都是获得APS证季入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主.." },
{ name: "非211本科已学满两学期请德国本科", text: "1、无论是APS面审还是Testas获得APS证书。2、德国大学只有冬季入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主.." },
{ name: "非211本期如何准备申请德国本科", text: "1、无论是APS面审还是Testas的笔试，最终目的都是获得APS证书。2、德国入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主.." },
],
[
{ name: "非211本科如何准备申请德国本科", text: "1、无论是APS面审还是Testas的笔试，最终目的都季入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主.." },
{ name: "非211本科已德国本科", text: "1、无论是APS面审还是Testas的笔试，最终有冬季入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主.." },
{ name: "非211本科已学本科", text: "1、无论是APS面审还是Testas的笔试，最终目的都是获得APS证夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主.." },
{ name: "非211本科已申请德国本科", text: "1、无论是APS面审还是Testas的笔试，最终目的都是获得A学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主.." },
{ name: "非211本科已请德国本科", text: "1、无论是APS面审还是Testas的笔试，最终入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主.." },
{ name: "非211本备申请德国本科", text: "1、无论是APS面审还是Testas的笔试，最终目的都是获得APS证书。2、德国入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主.." },
{ name: "非211本学满两学期如何准备申请德国本科", text: "1、无论是APS面审还是Testas的笔试，最德国大学只有冬季入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主.." },
{ name: "非211本学期如何准备申请德国本科", text: "1、无论是APS面审还是Testas的笔试，最终目的、德国大学只有冬季入学和夏季入学，夏季学期本科入学的学校和专业特别稀有，也可以说几乎没有，看题主.." },
],
]
let oneData = arrdata[0].map((v) => ` <div class="list">
<p class="title-name">${v.name}</p>
<div class="text">
<p>答：</p>
<p class="clips5">
${v.name}
</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>`).join("")
let twoData = arrdata[1].map((v) => ` <div class="list">
<p class="title-name">${v.name}</p>
<div class="text">
<p>答：</p>
<p class="clips5">
${v.name}
</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>`).join("")
let threeData = arrdata[2].map((v) => ` <div class="list">
<p class="title-name">${v.name}</p>
<div class="text">
<p>答：</p>
<p class="clips5">
${v.name}
</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>`).join("")
$(".questionAnswer .one").html(`${oneData}`)
$(".questionAnswer .two").html(`${twoData}`)
$(".questionAnswer .three").html(`${threeData}`)
var mySwiper = new Swiper('.media-swiper-container', {
loop: true, // 循环模式选项
pagination: {
el: '.media-swiper-pagination',
},
})
$(".questionAnswer")
</script>
</body>
</html>

247
htmls/music.html
View File

@ -26,23 +26,47 @@
<body>
<!-- 头部导航 -->
<header class="header">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="">首页</a></li>
<li class="li on"><a href="">留学</a></li>
<li class="li"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="/">首页</a></li>
<li class="li on"><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
</nav>
<div class="navClick">
<p></p>
<p></p>
<p></p>
</div>
</nav>
</div>
</header>
<script>
let navClickT = true
$(".navClick").on("click", () => {
if (navClickT) {
$(".header .nav ul").css("display", "flex")
$(".navClick").addClass("tr90")
navClickT = !navClickT
} else {
$(".header .nav ul").css("display", "none")
$(".navClick").removeClass("tr90")
navClickT = !navClickT
}
})
</script>
<div class="media-top">
<div class="media-nav">
@ -53,8 +77,8 @@
<div class="studyAbroad-top" style="background-image: url(/imgs/public/mubicBer.png); margin-bottom: 0px;">
<div class="w1236 studyAbroad-top-con">
<p class="fs80" class="titp">德国音乐留学</p>
<p class="fs40" class="text">德国音乐导师全程亲授指导</p>
<p class="titp fs80">德国音乐留学</p>
<p class="text fs40">德国音乐导师全程亲授指导</p>
</div>
</div>
@ -102,7 +126,7 @@
</p>
<p class="title-name"> 音乐相关专业全覆盖
</p>
<p class="text">
<p class="text ">
每一所公立音乐大学在入学前均有严苛的入学考试，而在德音乐预科提供了一个系统的“音乐+语言”的良好学习环境，
更有来自德国多个国立音乐学院的导师与教授帮助考生提升音乐专业素质，全力备考。
</p>
@ -118,7 +142,7 @@
<div class="text">
<p class="title-name">ASK柏林艺术学院</p>
<p class="english-name">Akademie für Künste ASK Berlin</p>
<p class="p">本校坐落于柏林市中心舍恩贝格，院以过硬的教学质量和极高的名校升学率赢得了世界性声誉。学院涵盖音乐、美术、设计等专业类别,是目前德国艺术门类最全、规模最大，拥有世界级师资力量的艺术预科学院。</p>
<p class="p clips4">本校坐落于柏林市中心舍恩贝格，院以过硬的教学质量和极高的名校升学率赢得了世界性声誉。学院涵盖音乐、美术、设计等专业类别,是目前德国艺术门类最全、规模最大，拥有世界级师资力量的艺术预科学院。</p>
</div>
@ -132,7 +156,7 @@
<div class="text">
<p class="title-name">ASK柏林艺术学院</p>
<p class="english-name">Akademie für Künste ASK Berlin</p>
<p class="p">本校坐落于柏林市中心舍恩贝格，院以过硬的教学质量和极高的名校升学率赢得了世界性声誉。学院涵盖音乐、美术、设计等专业类别,是目前德国艺术门类最全、规模最大，拥有世界级师资力量的艺术预科学院。</p>
<p class="p clips4">本校坐落于柏林市中心舍恩贝格，院以过硬的教学质量和极高的名校升学率赢得了世界性声誉。学院涵盖音乐、美术、设计等专业类别,是目前德国艺术门类最全、规模最大，拥有世界级师资力量的艺术预科学院。</p>
</div>
@ -146,7 +170,7 @@
<div class="text">
<p class="title-name">ASK柏林艺术学院</p>
<p class="english-name">Akademie für Künste ASK Berlin</p>
<p class="p">本校坐落于柏林市中心舍恩贝格，院以过硬的教学质量和极高的名校升学率赢得了世界性声誉。学院涵盖音乐、美术、设计等专业类别,是目前德国艺术门类最全、规模最大，拥有世界级师资力量的艺术预科学院。</p>
<p class="p clips4">本校坐落于柏林市中心舍恩贝格，院以过硬的教学质量和极高的名校升学率赢得了世界性声誉。学院涵盖音乐、美术、设计等专业类别,是目前德国艺术门类最全、规模最大，拥有世界级师资力量的艺术预科学院。</p>
</div>
@ -161,7 +185,7 @@
<div class="text">
<p class="title-name">ASK柏林艺术学院</p>
<p class="english-name">Akademie für Künste ASK Berlin</p>
<p class="p">本校坐落于柏林市中心舍恩贝格，院以过硬的教学质量和极高的名校升学率赢得了世界性声誉。学院涵盖音乐、美术、设计等专业类别,是目前德国艺术门类最全、规模最大，拥有世界级师资力量的艺术预科学院。</p>
<p class="p clips4">本校坐落于柏林市中心舍恩贝格，院以过硬的教学质量和极高的名校升学率赢得了世界性声誉。学院涵盖音乐、美术、设计等专业类别,是目前德国艺术门类最全、规模最大，拥有世界级师资力量的艺术预科学院。</p>
</div>
@ -169,7 +193,8 @@
</div>
</div>
</div>
<div class="w1236 degree-pd160">
<div class="w1236 degree-pd160 overflow-hidden">
<div class="music-tit">
<p class="title-name">德国音乐名师针对性指导
@ -300,10 +325,10 @@
<div class="music-dual-track">
<div class="list">
<img src="/imgs/public/sleft.png" alt="">
<img class="imgW" src="/imgs/public/sleft.png" alt="">
</div>
<div class="list">
<img src="/imgs/public/sright.png" alt="">
<img class="imgW" src="/imgs/public/sright.png" alt="">
</div>
</div>
</div>
@ -383,9 +408,9 @@
<p class="title-name">
TELC和歌德学院
德语等级证书</p>
<p class="P">在结束对应学时的语言学习后， </p>
<p class="P">学生可直接报名参与TELC和歌德学院提供的考试,</p>
<p class="P">考试通过后将获得对应等级的证书</p>
<p class="P clips2">在结束对应学时的语言学习后， </p>
<p class="P clips2">学生可直接报名参与TELC和歌德学院提供的考试,</p>
<p class="P clips2">考试通过后将获得对应等级的证书</p>
</div>
<div class="list">
@ -403,9 +428,9 @@
<p class="title-name">
教授推荐信与保底校入学
</p>
<p class="P">授课教授可为学生出具介绍信， 学生可申请德国所有公立大学。 若未通过入学测试。
<p class="P clips2">授课教授可为学生出具介绍信， 学生可申请德国所有公立大学。 若未通过入学测试。
</p>
<p class="P">可申请录取私立音乐学院或立陶宛公立音乐学院、瑞士国立音乐学院， 利用就读期间继续备考德国公立音乐学院。</p>
<p class="P clips2">可申请录取私立音乐学院或立陶宛公立音乐学院、瑞士国立音乐学院， 利用就读期间继续备考德国公立音乐学院。</p>
</div>
@ -485,7 +510,7 @@
</div>
</div>
<div class="w1236 degree-pd160">
<div class="w1236 degree-pd160 overflow-hidden">
<div class="school-tit">
<p class="titp">
@ -533,9 +558,9 @@
<p class="titp">本科朝浪计划 项目总览</p>
<div class="degree-plan-w">
<div class="degree-plan-w degree-plan-bcfff">
<div class="list">
<div class="list-img"><img src="/imgs/public/bkicon1.png" alt=""></div>
<div class="list-img"><img class="imgW" src="/imgs/public/bkicon1.png" alt=""></div>
<div class="text">
<p class="titpa">01</p>
<p class="p">对话精英导师
@ -544,7 +569,7 @@
</div>
</div>
<div class="list">
<div class="list-img"><img src="/imgs/public/bkicon2.png" alt=""></div>
<div class="list-img"><img class="imgW" src="/imgs/public/bkicon2.png" alt=""></div>
<div class="text">
<p class="titpa">02</p>
<p class="p">制定更合适的
@ -554,7 +579,7 @@
</div>
</div>
<div class="list">
<div class="list-img"><img src="/imgs/public/bkicon3.png" alt=""></div>
<div class="list-img"><img class="imgW" src="/imgs/public/bkicon3.png" alt=""></div>
<div class="text">
<p class="titpa">03</p>
<p class="p">本科德国留学
@ -564,7 +589,7 @@
</div>
</div>
<div class="list">
<div class="list-img"><img src="/imgs/public/bkicon4.png" alt=""></div>
<div class="list-img"><img class="imgW" src="/imgs/public/bkicon4.png" alt=""></div>
<div class="text">
<p class="titpa">04</p>
<p class="p">优化文书
@ -574,7 +599,7 @@
</div>
</div>
<div class="list">
<div class="list-img"><img src="/imgs/public/bkicon5.png" alt=""></div>
<div class="list-img"><img class="imgW" src="/imgs/public/bkicon5.png" alt=""></div>
<div class="text">
<p class="titpa">05</p>
<p class="p">申请前后
@ -597,7 +622,7 @@
<p>立即开启咨询</p>
</a>
</div>
</div>
<script>
var mySwiper = new Swiper('.left-swiper-container', {
@ -612,74 +637,96 @@
</script>
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
</div>
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<a class="li" href="/htmls/link.html">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
</div>
</div>
<div class="footer-con w1236">
<div class="one">
<a href=""><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>成都总部</p>
<p class="address"> <span>地址：</span> <span>四川·成都·武侯区星狮路511号大合仓A405
乘坐3号线-川藏立交站直达</span> </p>
<p class="date"> <span>电话：</span> 028-61103687</p>
<div class="wx">
<img src="/imgs/public/wx1.png" alt=""><img src="/imgs/public/wx2.png" alt="">
</div>
</div>
<div class="footer-con w1236">
<div class="one">
<a href=""><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>成都总部</p>
<p class="address"> <span>地址：</span> <span>四川·成都·武侯区星狮路511号大合仓A405
乘坐3号线-川藏立交站直达</span> </p>
<p class="date"> <span>电话：</span> 028-61103687</p>
<div class="wx">
<img src="/imgs/public/wx1.png" alt=""><img src="/imgs/public/wx2.png" alt="">
</div>
</div>
<div class="one">
<a href="" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>天津分部</p>
<p class="address"> <span>地址：</span> <span>天津·河西区 马场道59号平安大厦B座21层D单元
地铁1号线，小白楼站</span> </p>
<p class="date"> <span>电话：</span>19922577220</p>
<div class="wx">
<img src="/imgs/public/wx3.png" alt=""><img src="/imgs/public/wx4.png" alt="">
</div>
</div>
<div class="two">
<p class="titp">联系我们</p>
<p><span>联络：</span><span>成先生</span></p>
<p><span>邮箱：</span><span>info@sidchina.com</span></p>
<div class="zx">
<a href="">
<div>
<img src="/imgs/wx.png" alt="">
</div>
<p>微信公众号</p>
</a>
<a href="">
<div>
<img src="/imgs/wb.png" alt="">
</div>
<p>微博</p>
</a>
<a href="">
<div>
<img src="/imgs/zh.png" alt="">
</div>
<p>知乎</p>
</a>
<a href="">
<div>
<img src="/imgs/bl.png" alt="">
</div>
<p>Bilibili</p>
</a>
</div>
</div>
<div class="one">
<a href="" class="placeholder" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>天津分部</p>
<p class="address"> <span>地址：</span> <span>天津·河西区 马场道59号平安大厦B座21层D单元
地铁1号线，小白楼站</span> </p>
<p class="date"> <span>电话：</span>19922577220</p>
<div class="wx">
<img src="/imgs/public/wx3.png" alt=""><img src="/imgs/public/wx4.png" alt="">
</div>
</div>
<div class="two">
<p class="titp">联系我们</p>
<p><span>联络：</span><span>成先生</span></p>
<p><span>邮箱：</span><span>info@sidchina.com</span></p>
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有  某ICP备xxxxxxxx号</p>
<div class="zx">
<a href="">
<div>
<img src="/imgs/wx.png" alt="">
</div>
<p>微信公众号</p>
</a>
<a href="">
<div>
<img src="/imgs/wb.png" alt="">
</div>
<p>微博</p>
</a>
<a href="">
<div>
<img src="/imgs/zh.png" alt="">
</div>
<p>知乎</p>
</a>
<a href="">
<div>
<img src="/imgs/bl.png" alt="">
</div>
<p>Bilibili</p>
</a>
</div>
</div>
</div>
</footer>
<!-- hover 首页 -->
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有  某ICP备xxxxxxxx号</p>
</footer>
<div class="suspension">
<a>
<img src="/imgs/public/iocn.png" alt="">
</a>
<a>
<img src="/imgs/public/icon2.png" alt="">
<p class="tel">
028-61103687
</p>
</a>
<a>
<img src="/imgs/public/iocn1.png" alt="">
<div class="wxber">
<img class="imgW" src="/imgs/public/wx1.png" alt="">
</div>
</a>
<a>
<img src="/imgs/public/icon3.png" alt="">
</a>
</div>
<script>
$(".school-apply-tit .oneClick").on("click", (e) => {
console.log($(e.target).parent());

102
htmls/prep.html
View File

@ -26,23 +26,47 @@
<body>
<!-- 头部导航 -->
<header class="header">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="">首页</a></li>
<li class="li on"><a href="">留学</a></li>
<li class="li"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
</nav>
</header>
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="/">首页</a></li>
<li class="li on"><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
<p></p>
<p></p>
<p></p>
</div>
</nav>
</div>
</header>
<script>
let navClickT=true
$(".navClick").on("click",()=>{
if (navClickT) {
$(".header .nav ul").css("display","flex")
$(".navClick").addClass("tr90")
navClickT=!navClickT
}else{
$(".header .nav ul").css("display","none")
$(".navClick").removeClass("tr90")
navClickT=!navClickT
}
})
</script>
<div class="media-top">
<div class="media-nav">
@ -61,7 +85,7 @@
<div class="prep-con">
<div class="list">
<p class="title-name">标题</p>
<p class="text">这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍。</p>
<p class="text clips3">这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍。</p>
<div class="prep-con-img">
<img src="" class="imgW" alt="">
@ -80,14 +104,14 @@
</a>
</div>
<footer class="footer">
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
<a class="li" href="/htmls/link.html">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
</div>
</div>
<div class="footer-con w1236">
<div class="one">
<a href=""><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
@ -99,9 +123,9 @@
<img src="/imgs/public/wx1.png" alt=""><img src="/imgs/public/wx2.png" alt="">
</div>
</div>
<div class="one">
<a href="" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<a href="" class="placeholder" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>天津分部</p>
<p class="address"> <span>地址：</span> <span>天津·河西区 马场道59号平安大厦B座21层D单元
地铁1号线，小白楼站</span> </p>
@ -114,6 +138,7 @@
<p class="titp">联系我们</p>
<p><span>联络：</span><span>成先生</span></p>
<p><span>邮箱：</span><span>info@sidchina.com</span></p>
<div class="zx">
<a href="">
<div>
@ -142,12 +167,33 @@
</div>
</div>
</div>
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有  某ICP备xxxxxxxx号</p>
</footer>
<!-- hover 首页 -->
<div class="suspension">
<a>
<img src="/imgs/public/iocn.png" alt="">
</a>
<a>
<img src="/imgs/public/icon2.png" alt="">
<p class="tel">
028-61103687
</p>
</a>
<a>
<img src="/imgs/public/iocn1.png" alt="">
<div class="wxber">
<img class="imgW" src="/imgs/public/wx1.png" alt="">
</div>
</a>
<a>
<img src="/imgs/public/icon3.png" alt="">
</a>
</div>
<script>
$(".school-apply-tit .oneClick").on("click", (e) => {
console.log($(e.target).parent());

18
htmls/search.html
View File

@ -34,9 +34,9 @@
<li class="li"><a href="">SID</a></li>
</ul>
<div class="int-con">
<div class="int-con search-int">
<div class="int">
<img src="/imgs/public/ss.png" alt="">
<img src="/imgs/sess.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
@ -56,7 +56,7 @@
<div class="search-con">
<p class="title-name">共找到<span>0篇</span>相关结果</p>
<div class="none">
<div class="none" style="display: none;">
<div class="none-con">
<p>建议您更换关键词后再搜索</p>
<img src="/imgs/public/wnr.png" alt="">
@ -69,7 +69,7 @@
<img src="" class="imgW" alt="">
</div>
<div class="text">
<p class="p">
<p class="p clips4">
<span> 关键词A</span>文章标题这里写文章标题这里写文章标题这里写文章标题这里写文章标题-
</p>
<p class="date">2021-10-10</p>
@ -81,7 +81,7 @@
<img src="" class="imgW" alt="">
</div>
<div class="text">
<p class="p">
<p class="p clips4">
<span> 关键词A</span>文章标题这里写文章标题这里写文章标题这里写文章标题这里写文章标题-
</p>
<p class="date">2021-10-10</p>
@ -93,7 +93,7 @@
<img src="" class="imgW" alt="">
</div>
<div class="text">
<p class="p">
<p class="p clips4">
关键词A文章标题这里写文章标题这里写文章标题这里写文章标题这里写文章标题-
</p>
<p class="date">2021-10-10</p>
@ -105,7 +105,7 @@
<img src="" class="imgW" alt="">
</div>
<div class="text">
<p class="p">
<p class="p clips4">
<span> 关键词A</span>文章标题这里写文章标题这里写文章标题这里写文章标题这里写文章标题-
</p>
<p class="date">2021-10-10</p>
@ -118,7 +118,7 @@
<img src="" class="imgW" alt="">
</div>
<div class="text">
<p class="p">
<p class="p clips4">
<span> 关键词A</span>文章标题这里写文章标题这里写文章标题这里写文章标题这里写文章标题-
</p>
<p class="date">2021-10-10</p>
@ -130,7 +130,7 @@
<img src="" class="imgW" alt="">
</div>
<div class="text">
<p class="p">
<p class="p clips4">
<span> 关键词A</span>文章标题这里写文章标题这里写文章标题这里写文章标题这里写文章标题-
</p>
<p class="date">2021-10-10</p>

208
htmls/studyAbroad.html
View File

@ -26,27 +26,50 @@
<body>
<!-- 头部导航 -->
<header class="header">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="/">首页</a></li>
<li class="li on"><a >留学</a></li>
<li class="li"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
</nav>
</header>
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="/">首页</a></li>
<li class="li on"><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
<p></p>
<p></p>
<p></p>
</div>
</nav>
</div>
</header>
<script>
let navClickT=true
$(".navClick").on("click",()=>{
if (navClickT) {
$(".header .nav ul").css("display","flex")
$(".navClick").addClass("tr90")
navClickT=!navClickT
}else{
$(".header .nav ul").css("display","none")
$(".navClick").removeClass("tr90")
navClickT=!navClickT
}
})
</script>
<div class="media-top">
<div class="media-nav">
<a href="/" class="on">全部</a><a href="./highSchool.html">德国高中</a><a href="./prep.html">预科</a><a href="./undergraduate.html">本科</a><a href="./degree.html" >硕士</a><a href="./APS.html">APS审核</a><a href="./music.html">德国音乐</a>
<a href="/htmls/studyAbroad.html" class="on">全部</a><a href="./highSchool.html">德国高中</a><a href="./prep.html">预科</a><a href="./undergraduate.html">本科</a><a href="./degree.html" >硕士</a><a href="./APS.html">APS审核</a><a href="./music.html">德国音乐</a>
</div>
</div>
@ -203,75 +226,96 @@
})
</script>
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<a class="li" href="/htmls/link.html">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
</div>
</div>
<footer class="footer mt160">
<div class="list-con">
<div class="ul w1236">
<a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
</div>
<div class="footer-con w1236">
<div class="one">
<a href=""><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>成都总部</p>
<p class="address"> <span>地址：</span> <span>四川·成都·武侯区星狮路511号大合仓A405
乘坐3号线-川藏立交站直达</span> </p>
<p class="date"> <span>电话：</span> 028-61103687</p>
<div class="wx">
<img src="/imgs/public/wx1.png" alt=""><img src="/imgs/public/wx2.png" alt="">
</div>
</div>
<div class="footer-con w1236">
<div class="one">
<a href=""><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>成都总部</p>
<p class="address"> <span>地址：</span> <span>四川·成都·武侯区星狮路511号大合仓A405
乘坐3号线-川藏立交站直达</span> </p>
<p class="date"> <span>电话：</span> 028-61103687</p>
<div class="wx">
<img src="/imgs/public/wx1.png" alt=""><img src="/imgs/public/wx2.png" alt="">
</div>
</div>
<div class="one">
<a href="" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>天津分部</p>
<p class="address"> <span>地址：</span> <span>天津·河西区 马场道59号平安大厦B座21层D单元
地铁1号线，小白楼站</span> </p>
<p class="date"> <span>电话：</span>19922577220</p>
<div class="wx">
<img src="/imgs/public/wx3.png" alt=""><img src="/imgs/public/wx4.png" alt="">
</div>
</div>
<div class="two">
<p class="titp">联系我们</p>
<p><span>联络：</span><span>成先生</span></p>
<p><span>邮箱：</span><span>info@sidchina.com</span></p>
<div class="zx">
<a href="">
<div>
<img src="/imgs/wx.png" alt="">
</div>
<p>微信公众号</p>
</a>
<a href="">
<div>
<img src="/imgs/wb.png" alt="">
</div>
<p>微博</p>
</a>
<a href="">
<div>
<img src="/imgs/zh.png" alt="">
</div>
<p>知乎</p>
</a>
<a href="">
<div>
<img src="/imgs/bl.png" alt="">
</div>
<p>Bilibili</p>
</a>
</div>
</div>
<div class="one">
<a href="" class="placeholder" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>天津分部</p>
<p class="address"> <span>地址：</span> <span>天津·河西区 马场道59号平安大厦B座21层D单元
地铁1号线，小白楼站</span> </p>
<p class="date"> <span>电话：</span>19922577220</p>
<div class="wx">
<img src="/imgs/public/wx3.png" alt=""><img src="/imgs/public/wx4.png" alt="">
</div>
</div>
<div class="two">
<p class="titp">联系我们</p>
<p><span>联络：</span><span>成先生</span></p>
<p><span>邮箱：</span><span>info@sidchina.com</span></p>
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有  某ICP备xxxxxxxx号</p>
<div class="zx">
<a href="">
<div>
<img src="/imgs/wx.png" alt="">
</div>
<p>微信公众号</p>
</a>
<a href="">
<div>
<img src="/imgs/wb.png" alt="">
</div>
<p>微博</p>
</a>
<a href="">
<div>
<img src="/imgs/zh.png" alt="">
</div>
<p>知乎</p>
</a>
<a href="">
<div>
<img src="/imgs/bl.png" alt="">
</div>
<p>Bilibili</p>
</a>
</div>
</div>
</div>
</footer>
<!-- hover 首页 -->
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有  某ICP备xxxxxxxx号</p>
</footer>
<div class="suspension">
<a>
<img src="/imgs/public/iocn.png" alt="">
</a>
<a>
<img src="/imgs/public/icon2.png" alt="">
<p class="tel">
028-61103687
</p>
</a>
<a>
<img src="/imgs/public/iocn1.png" alt="">
<div class="wxber">
<img class="imgW" src="/imgs/public/wx1.png" alt="">
</div>
</a>
<a>
<img src="/imgs/public/icon3.png" alt="">
</a>
</div>
<script>
var mySwiper = new Swiper('.media-swiper-container', {

271
htmls/undergraduate.html
View File

@ -24,26 +24,50 @@
</head>
<body>
<!-- 头部导航 -->
<!-- 头部导航 -->
<header class="header">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="">首页</a></li>
<li class="li on"><a href="">留学</a></li>
<li class="li"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
</nav>
</header>
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="/">首页</a></li>
<li class="li on"><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
<p></p>
<p></p>
<p></p>
</div>
</nav>
</div>
</header>
<script>
let navClickT=true
$(".navClick").on("click",()=>{
if (navClickT) {
$(".header .nav ul").css("display","flex")
$(".navClick").addClass("tr90")
navClickT=!navClickT
}else{
$(".header .nav ul").css("display","none")
$(".navClick").removeClass("tr90")
navClickT=!navClickT
}
})
</script>
<div class="media-top">
<div class="media-nav">
<a href="/" >全部</a><a href="./highSchool.html">德国高中</a><a href="./prep.html">预科</a><a class="on" href="./undergraduate.html">本科</a><a href="./degree.html" >硕士</a><a href="./APS.html">APS审核</a><a href="./music.html">德国音乐</a>
@ -53,8 +77,8 @@
<div class="studyAbroad-top" style="background-image: url(/imgs/public/benkelun.png); margin-bottom: 0px;">
<div class="w1236 studyAbroad-top-con">
<p class="fs80" class="titp">本科朝浪计划</p>
<p class="fs40" class="text">稳步规划你的德国留学之路</p>
<p class="titp fs80">本科朝浪计划</p>
<p class="text fs40">稳步规划你的德国留学之路</p>
</div>
</div>
@ -63,7 +87,7 @@
<p class="titp">高考成绩525分
</p>
<p class="titp">可直申QS前200的德国名校</p>
<p class="text">2019年德国教育部首次认可中国高考成绩，并批准高中毕业生在高考分数达到高考总成绩70%（525/750）的情况下，认定其具备直接申请德国本科的资格。</p>
<p class="text clips3">2019年德国教育部首次认可中国高考成绩，并批准高中毕业生在高考分数达到高考总成绩70%（525/750）的情况下，认定其具备直接申请德国本科的资格。</p>
</div>
<div class="undergraduate-results">
@ -86,33 +110,35 @@
<div class="educational w1236">
<div class="list">
<div>
<img src="/imgs/public/lx1.png" alt="">
<div class="list-img">
<img class="imgW" src="/imgs/public/lx1.png" alt="">
</div>
<div class="text">
<p class="title-name">学制时间短</p>
<p class="p icon">本科：主要为6学期（即3年）</p>
<p class="p icon">硕士：主要为4学期（即2年）</p>
<p class="title-name clips1">学制时间短</p>
<p class="p icon clips1">本科：主要为6学期（即3年）</p>
<p class="p icon clips1">硕士：主要为4学期（即2年）</p>
</div>
</div>
<div class="list on">
<div>
<img src="/imgs/public/lx2.png" alt="">
<div class="list-img">
<img class="imgW" src="/imgs/public/lx2.png" alt="">
</div>
<div class="text">
<p class="title-name">公立教育免学费</p>
<p class="p">德国是全球为数不多教育非产业化的高福利发达国家。
<p class="title-name clips1">公立教育免学费</p>
<p class="p clips2">德国是全球为数不多教育非产业化的高福利发达国家。
</p>
<p class="p">外国学生享受着和德国本国学生相同免学费的高品质高等教育。</p>
<p class="p clips3">外国学生享受着和德国本国学生相同免学费的高品质高等教育。</p>
</div>
</div>
<div class="list">
<div>
<img src="/imgs/public/lx3.png" alt="">
<div class="list-img">
<img class="imgW" src="/imgs/public/lx3.png" alt="">
</div>
<div class="text">
<p class="title-name">世界顶级的高校教育资源</p>
<p class="p">TU9工科大学联盟和精英大学集群均登陆QS全球高校排名前200。</p>
<p class="title-name clips1">世界顶级的高校教育资源</p>
<p class="p clips2">TU9工科大学联盟和精英大学集群均登陆QS全球高校排名前200。</p>
</div>
</div>
</div>
@ -128,27 +154,27 @@
</div>
<div class="undergraduate-professional">
<div class="list">
<img src="/imgs/public/zy1.png" alt="">
<img class="imgW" src="/imgs/public/zy1.png" alt="">
<p class="text">金融类</p>
</div>
<div class="list">
<img src="/imgs/public/zy1.png" alt="">
<img class="imgW" src="/imgs/public/zy1.png" alt="">
<p class="text">金融类</p>
</div>
<div class="list">
<img src="/imgs/public/zy1.png" alt="">
<img class="imgW" src="/imgs/public/zy1.png" alt="">
<p class="text">金融类</p>
</div>
<div class="list">
<img src="/imgs/public/zy1.png" alt="">
<img class="imgW" src="/imgs/public/zy1.png" alt="">
<p class="text">金融类</p>
</div>
<div class="list">
<img src="/imgs/public/zy1.png" alt="">
<img class="imgW" src="/imgs/public/zy1.png" alt="">
<p class="text">金融类</p>
</div>
<div class="list">
<img src="/imgs/public/zy1.png" alt="">
<img class="imgW" src="/imgs/public/zy1.png" alt="">
<p class="text">金融类</p>
</div>
</div>
@ -376,7 +402,7 @@
</div>
</div>
<div class="w1236 degree-pd160">
<div class="w1236 degree-pd160 overflow-hidden" >
<div class="school-tit">
<p class="titp">
@ -426,9 +452,9 @@
<p class="titp">本科朝浪计划 项目总览</p>
<div class="degree-plan-w">
<div class="degree-plan-w degree-plan-bcfff">
<div class="list">
<div class="list-img"><img src="/imgs/public/bkicon1.png" alt=""></div>
<div class="list-img"><img class="imgW" src="/imgs/public/bkicon1.png" alt=""></div>
<div class="text">
<p class="titpa">01</p>
<p class="p">对话精英导师
@ -437,7 +463,7 @@
</div>
</div>
<div class="list">
<div class="list-img"><img src="/imgs/public/bkicon2.png" alt=""></div>
<div class="list-img"><img class="imgW" src="/imgs/public/bkicon2.png" alt=""></div>
<div class="text">
<p class="titpa">02</p>
<p class="p">制定更合适的
@ -447,7 +473,7 @@
</div>
</div>
<div class="list">
<div class="list-img"><img src="/imgs/public/bkicon3.png" alt=""></div>
<div class="list-img"><img class="imgW" src="/imgs/public/bkicon3.png" alt=""></div>
<div class="text">
<p class="titpa">03</p>
<p class="p">本科德国留学
@ -457,7 +483,7 @@
</div>
</div>
<div class="list">
<div class="list-img"><img src="/imgs/public/bkicon4.png" alt=""></div>
<div class="list-img"><img class="imgW" src="/imgs/public/bkicon4.png" alt=""></div>
<div class="text">
<p class="titpa">04</p>
<p class="p">优化文书
@ -467,7 +493,7 @@
</div>
</div>
<div class="list">
<div class="list-img"><img src="/imgs/public/bkicon5.png" alt=""></div>
<div class="list-img"><img class="imgW" src="/imgs/public/bkicon5.png" alt=""></div>
<div class="text">
<p class="titpa">05</p>
<p class="p">申请前后
@ -490,8 +516,7 @@
<p>立即开启咨询</p>
</a>
</div>
</div>
<script>
var mySwiper = new Swiper('.left-swiper-container', {
loop: true, // 循环模式选项
@ -504,74 +529,96 @@
})
</script>
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<a class="li" href="/htmls/link.html">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
</div>
</div>
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
</div>
<div class="footer-con w1236">
<div class="one">
<a href=""><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>成都总部</p>
<p class="address"> <span>地址：</span> <span>四川·成都·武侯区星狮路511号大合仓A405
乘坐3号线-川藏立交站直达</span> </p>
<p class="date"> <span>电话：</span> 028-61103687</p>
<div class="wx">
<img src="/imgs/public/wx1.png" alt=""><img src="/imgs/public/wx2.png" alt="">
</div>
</div>
<div class="footer-con w1236">
<div class="one">
<a href=""><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>成都总部</p>
<p class="address"> <span>地址：</span> <span>四川·成都·武侯区星狮路511号大合仓A405
乘坐3号线-川藏立交站直达</span> </p>
<p class="date"> <span>电话：</span> 028-61103687</p>
<div class="wx">
<img src="/imgs/public/wx1.png" alt=""><img src="/imgs/public/wx2.png" alt="">
</div>
</div>
<div class="one">
<a href="" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>天津分部</p>
<p class="address"> <span>地址：</span> <span>天津·河西区 马场道59号平安大厦B座21层D单元
地铁1号线，小白楼站</span> </p>
<p class="date"> <span>电话：</span>19922577220</p>
<div class="wx">
<img src="/imgs/public/wx3.png" alt=""><img src="/imgs/public/wx4.png" alt="">
</div>
</div>
<div class="two">
<p class="titp">联系我们</p>
<p><span>联络：</span><span>成先生</span></p>
<p><span>邮箱：</span><span>info@sidchina.com</span></p>
<div class="zx">
<a href="">
<div>
<img src="/imgs/wx.png" alt="">
</div>
<p>微信公众号</p>
</a>
<a href="">
<div>
<img src="/imgs/wb.png" alt="">
</div>
<p>微博</p>
</a>
<a href="">
<div>
<img src="/imgs/zh.png" alt="">
</div>
<p>知乎</p>
</a>
<a href="">
<div>
<img src="/imgs/bl.png" alt="">
</div>
<p>Bilibili</p>
</a>
</div>
</div>
<div class="one">
<a href="" class="placeholder" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>天津分部</p>
<p class="address"> <span>地址：</span> <span>天津·河西区 马场道59号平安大厦B座21层D单元
地铁1号线，小白楼站</span> </p>
<p class="date"> <span>电话：</span>19922577220</p>
<div class="wx">
<img src="/imgs/public/wx3.png" alt=""><img src="/imgs/public/wx4.png" alt="">
</div>
</div>
<div class="two">
<p class="titp">联系我们</p>
<p><span>联络：</span><span>成先生</span></p>
<p><span>邮箱：</span><span>info@sidchina.com</span></p>
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有  某ICP备xxxxxxxx号</p>
<div class="zx">
<a href="">
<div>
<img src="/imgs/wx.png" alt="">
</div>
<p>微信公众号</p>
</a>
<a href="">
<div>
<img src="/imgs/wb.png" alt="">
</div>
<p>微博</p>
</a>
<a href="">
<div>
<img src="/imgs/zh.png" alt="">
</div>
<p>知乎</p>
</a>
<a href="">
<div>
<img src="/imgs/bl.png" alt="">
</div>
<p>Bilibili</p>
</a>
</div>
</div>
</div>
</footer>
<!-- hover 首页 -->
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有  某ICP备xxxxxxxx号</p>
</footer>
<div class="suspension">
<a>
<img src="/imgs/public/iocn.png" alt="">
</a>
<a>
<img src="/imgs/public/icon2.png" alt="">
<p class="tel">
028-61103687
</p>
</a>
<a>
<img src="/imgs/public/iocn1.png" alt="">
<div class="wxber">
<img class="imgW" src="/imgs/public/wx1.png" alt="">
</div>
</a>
<a>
<img src="/imgs/public/icon3.png" alt="">
</a>
</div>
<script>
$(".school-apply-tit .oneClick").on("click", (e) => {

BIN
imgs/sess.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.9 KiB

72
index.html
View File

@ -14,7 +14,8 @@
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#db5945">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<link rel="shortc
ut icon" type="image/ico" href="favicon.ico" />
<title>SID</title>
<link rel="stylesheet" type="text/css" href="/css/base.css" />
<link rel="stylesheet" type="text/css" href="/css/style.css" />
@ -26,30 +27,47 @@
<body>
<!-- 头部导航 -->
<header class="header">
<nav class="w1236 nav">
<ul>
<li class="li on"><a href="/">首页</a></li>
<li class="li"><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li on"><a href="/">首页</a></li>
<li class="li"><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/search.html">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
<p></p>
<p></p>
<p></p>
</div>
</nav>
<div class="navClick">
<p></p>
<p></p>
<p></p>
</div>
</nav>
</div>
</header>
<script>
let navClickT=true
$(".navClick").on("click",()=>{
if (navClickT) {
$(".header .nav ul").css("display","flex")
$(".navClick").addClass("tr90")
navClickT=!navClickT
}else{
$(".header .nav ul").css("display","none")
$(".navClick").removeClass("tr90")
navClickT=!navClickT
}
})
</script>
<div class="index-swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
@ -78,14 +96,12 @@
<script>
var mySwiper = new Swiper('.index-swiper-container', {
loop: true, // 循环模式选项
})
</script>
<div class="one-con w1236">
<div class="title">
<p>最新动态</p>
<a href="">全部 ><img src="" alt=""></a>
<a href="./htmls/media.html">全部 ><img src="" alt=""></a>
</div>
<div class="dynamic">
@ -118,7 +134,7 @@
</div>
<div class="title">
<p>视频</p>
<a href="">全部 ><img src="" alt=""></a>
<a href="./htmls/mediaVideo.html">全部 ><img src="" alt=""></a>
</div>
<div class="video-con">
<div class="list">
@ -412,7 +428,7 @@
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
<a class="li" href="/htmls/link.html">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
</div>
</div>