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

修改

master
tangyi 2021-12-07 00:40:02 +08:00
parent 2a1b8e2670
commit 8ad092dff6
16 changed files with 1426 additions and 915 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

144
css/style.css
View File

@ -37,12 +37,12 @@
.header .nav ul {
display: flex;
height: 100%;
}
.header .nav .li a {
color: #757575;
font-size: 18px;
padding-top: 20px;
margin-right: 70px;
font-weight: bold;
}
@ -53,7 +53,7 @@
}
.header .nav .on a::after {
.header .nav .on>a::after {
content: "";
width: 70px;
height: 6px;
@ -61,7 +61,7 @@
background: #EEB20E;
position: absolute;
bottom: -29px;
bottom: -39px;
opacity: 1;
}
@ -543,6 +543,9 @@
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.apply-btn:hover{
background: #EEB20E;
}
.targetCon .list .titp p {
font-size: 24px;
@ -924,6 +927,9 @@
.footer-con .two .zx a {
display: flex;
width: 110px;
box-sizing: border-box;
align-items: center;
height: 30px;
margin-bottom: 19px;
}
@ -972,7 +978,8 @@
}
.media-nav a {
.header .nav .li .media-nav a {
margin-right: 0px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: bold;
@ -1876,7 +1883,7 @@
width: 282px;
height: 587px;
background: #F8F8F8;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
display: flex;
flex-direction: column;
justify-content: center;
@ -1884,7 +1891,9 @@
opacity: 1;
margin-right: 36px;
}
.degree-enroll .list:hover{
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.degree-enroll .list .img-top {
width: 266px;
height: 100px;
@ -4018,6 +4027,7 @@
.search-tit {
padding-top: 63px;
position: relative;
}
.search-tit .title-name {
@ -4028,6 +4038,25 @@
margin-bottom: 22px;
opacity: 1;
}
.search-move{
position:absolute ;
right: 0px;
top: 83px;
}
.search-move>:nth-child(1){
width: 40px;
background-color: #ddd;
position: relative;
bottom: -2px;
height: 2px;
transform: rotateZ(-45deg);
}
.search-move>:nth-child(2){
width: 40px;
background-color: #ddd;
height: 2px;
transform: rotateZ(45deg);
}
.search-tit .input {
width: 100%;
@ -4288,7 +4317,6 @@
.link-text a:hover {
color: #EEB20E;
font-weight: bold;
}
.link-page {
@ -4297,7 +4325,12 @@
margin-top: 24px;
margin-bottom: 100px;
}
.degree-video-con .list .bc1{
background-color: #f5f5f5;
}
.num-tr{
transition: all 5s;
}
.link-page a {
width: 34px;
height: 34px;
@ -4445,11 +4478,40 @@
.suspension>:nth-child(3):hover .wxber {
display: block;
}
.mediaImg-top{
position: absolute;
top: 0px;
width: 100%;
}
.media-on{
position: absolute;
width: 100%;
top: 106px;
left: 0px;
display: none;
}
.header .nav ul .li{
height: 100%;
display: flex;
align-items: center;
}
.media-con-imgTop{
position: relative;
width: 100%;
}
.media-con-imgTop img{
width: 100%;
position: absolute;
}
.header .nav ul .li:hover .media-on{
display: flex;
}
.navClick {
display: none;
}
.video-con .list:hover .p{
color: #E8A200;
}
.navClick p {
width: 30px;
height: 3px;
@ -4510,6 +4572,11 @@
border: none;
}
.header .nav .li .media-nav a:hover{
color: #E8A200;
}
.footer-con .one .address>:nth-child(1) {
white-space: nowrap;
}
@ -4554,7 +4621,10 @@
.navClick>:nth-child(3){
transition: all 0.5s;
}
.footer-con .two .zx a:hover{
border-bottom: 2px solid #ddd;
padding-bottom: 2px;
}
/* 小于等于多少高度的样式 */
@media screen and (max-height:880px) {}
@ -5118,6 +5188,21 @@ height: auto;
@media screen and (max-width:1200px) {}
@media screen and (max-width:1100px) {
.header .nav ul .li{
border-bottom: 1px solid #ddd;
}
.header .nav ul .li .media-on{
display: flex;
position: static;
}
.header .nav ul .li{
height: auto;
padding-top: 20px;
}
.media-main .media-tit{
padding-top: 20px;
}
.search-con .list-con .list{
width: 30%;
margin-right: 3%;
@ -5283,12 +5368,16 @@ height: auto;
.header .nav ul .li{
width: 30%;
background-color: #fff;
display: flex;
display: block;
align-items: center;
}
.header .nav .li a{
/* color: #fff; */
}
.media-nav{
padding-top: 20px;
height: auto;
}
.SID-about-con .list{
width: 47%;
}
@ -5725,6 +5814,15 @@ height: auto;
}
@media screen and (max-width:768px) {
.media-con-imgTop{
height: 150px;width: 100%;
position: absolute;
overflow: hidden;
float: left;
}
.media-con-imgTop img{
width: 800px;
}
.studyAbroad-top{
margin-bottom: 20px;
}
@ -6284,6 +6382,15 @@ height: auto;
}
}
@media screen and (max-width:480px) {
.media-main .media-tit .titp {
font-size: 23px;
font-family: Microsoft YaHei;
font-weight: bold;
line-height: 11px;
color: #FFFFFF;
margin-bottom: 15px;
text-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}
.questionAnswer>div{
width: 100%;
}
@ -6565,14 +6672,27 @@ height: auto;
.w1236 .fs40 {
font-size: 20px;
}
.logo-top img{
width: 123px;
}
}
@media screen and (max-width:380px) {
.dynamic .left .text{
font-size: 14px;
}
.search-con .list-con .list{
width: 100%;
margin-right: 0%;
}
.dynamic .right .make img{
right: 15px;
}
.school-professional .list{
width: 47%;
}
.dynamic .right a .make{
padding-right: 10px;
padding-left: 10px;
}
}

165
htmls/APS.html
View File

@ -29,18 +29,36 @@
<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 on"><a href="/">首页</a></li>
<li class="li"><a href="/htmls/studyAbroad.html">留学</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/studyAbroad.html" class="on">全部</a><a
href="/htmls/highSchool.html">德国高中</a><a href="/htmls/prep.html">预科</a><a
href="/htmls/undergraduate.html">本科</a><a href="/htmls/degree.html">硕士</a><a
href="/htmls/APS.html">APS审核</a><a href="/htmls/music.html">德国音乐</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/media.html">媒体</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/media.html">最新</a><a class="on" href="/htmls/mediaVideo.html">视频</a><a
href="/htmls/mediaArticle.html">文章</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/">
<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>
<a class="logo-top" href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
@ -67,11 +85,7 @@
})
</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>
</div>
</div>
<div class="studyAbroad-top" style="background-image: url(/imgs/APSBER.png); margin-bottom: 0px;">
<div class="w1236 studyAbroad-top-con">
@ -163,28 +177,49 @@
<div class="aps-statistical ">
<div class="list">
<p class="subtitle">100<span>+</span></p>
<p class="subtitle"><span class="num-tr">0</span> <span>+</span></p>
<p class="text">各专业老师总人数</p>
</div>
<div class="list">
<p class="subtitle">95<span>%</span></p>
<p class="subtitle"><span class="num-tr">0</span> <span>%</span></p>
<p class="text">来自德国
名校</p>
</div>
<div class="list">
<p class="subtitle">90<span>%</span></p>
<p class="subtitle"><span class="num-tr">0</span> <span>%</span></p>
<p class="text">通过APS辅导后
初次审核通过率</p>
</div>
<div class="list">
<p class="subtitle">80<span>%</span></p>
<p class="subtitle"><span class="num-tr">0</span><span>%</span></p>
<p class="text">phd深造以及德企员工</p>
</div>
</div>
</div>
<script>
let i=0
let teim= setInterval(function(){
i++
if(i<=100){
$($(".num-tr")[0]).html(i)
}
if(i<=95){
$($(".num-tr")[1]).html(i)
}
if(i<=90){
$($(".num-tr")[2]).html(i)
}
if(i<=80){
$($(".num-tr")[3]).html(i)
}
if (i==100) {
clearInterval(teim)
}
},10)
</script>
<div class="bc1 degree-pd160">
<div class="bc1 degree-pd160" id="mentor">
<div class="w1236" >
<div class="aps-tit">
@ -200,7 +235,7 @@
</div>
<div class="aps-mentor-con">
<div class="aps-mentor-con aps-mentor-con-one">
<div class="aps-mentor-con-top">
<div class="list">
<div class="list-img">
@ -281,10 +316,108 @@
</div>
</div>
<div class="aps-mentor-con aps-mentor-con-two" style="display: none;">
<div class="aps-mentor-con-top">
<div class="list">
<div class="list-img">
<img class="imgW" src="" alt="">
<div class="suspended"> <img class="zt" src="/imgs/public/sollzt.png" alt=""></div>
</div>
<div class="text">
<p class="subtitle">Shi</p>
<p class="p">杜塞尔多夫大学物流工程硕士 </p>
<p class="p">现就职于德国知名企业</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img class="imgW" src="" alt="">
<div class="suspended"> <img class="zt" src="/imgs/public/sollzt.png" alt=""></div>
</div>
<div class="text">
<p class="subtitle">Shi</p>
<p class="p">杜塞尔多夫大学物流工程硕士 </p>
<p class="p">现就职于德国知名企业</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img class="imgW" src="" alt="">
<div class="suspended"> <img class="zt" src="/imgs/public/sollzt.png" alt=""></div>
</div>
<div class="text">
<p class="subtitle">Shi</p>
<p class="p">杜塞尔多夫大学物流工程硕士 </p>
<p class="p">现就职于德国知名企业</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img class="imgW" src="" alt="">
<div class="suspended"> <img class="zt" src="/imgs/public/sollzt.png" alt=""></div>
</div>
<div class="text">
<p class="subtitle">Shi</p>
<p class="p">杜塞尔多夫大学物流工程硕士 </p>
<p class="p">现就职于德国知名企业</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img class="imgW" src="" alt="">
<div class="suspended"> <img class="zt" src="/imgs/public/sollzt.png" alt=""></div>
</div>
<div class="text">
<p class="subtitle">Shi</p>
<p class="p">杜塞尔多夫大学物流工程硕士 </p>
<p class="p">现就职于德国知名企业</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img class="imgW" src="" alt="">
<div class="suspended"> <img class="zt" src="/imgs/public/sollzt.png" alt=""></div>
</div>
<div class="text">
<p class="subtitle">Shi</p>
<p class="p">杜塞尔多夫大123学物流工程硕士 </p>
<p class="p">现就职于德国知名企业</p>
</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>
</div>
</div>
<script>
$($(".aps-mentor-nav>p")[1]).on("click",()=>{
$($(".aps-mentor-nav>p")[0]).removeClass("on")
$($(".aps-mentor-nav>p")[1]).addClass("on")
$(".aps-mentor-con-one").css("display","none")
$(".aps-mentor-con-two").css("display","block")
})
$($(".aps-mentor-nav>p")[0]).on("click",()=>{
$($(".aps-mentor-nav>p")[1]).removeClass("on")
$($(".aps-mentor-nav>p")[0]).addClass("on")
$(".aps-mentor-con-one").css("display","block")
$(".aps-mentor-con-two").css("display","none")
})
</script>
<div class="w1236 degree-pd160">
<div class="aps-tit">
<p class="subtitle">五大主题，直击APS审核重难点 </p>

41
htmls/SID.html
View File

@ -30,10 +30,28 @@
<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>
<li class="li on"><a href="/">首页</a></li>
<li class="li"><a href="/htmls/studyAbroad.html">留学</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/studyAbroad.html" class="on">全部</a><a
href="/htmls/highSchool.html">德国高中</a><a href="/htmls/prep.html">预科</a><a
href="/htmls/undergraduate.html">本科</a><a href="/htmls/degree.html">硕士</a><a
href="/htmls/APS.html">APS审核</a><a href="/htmls/music.html">德国音乐</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/media.html">媒体</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/media.html">最新</a><a class="on" href="/htmls/mediaVideo.html">视频</a><a
href="/htmls/mediaArticle.html">文章</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
@ -41,7 +59,7 @@
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
<a class="logo-top" href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
@ -342,6 +360,19 @@
</div>
<div class="contact w1236">
<div class="contact-con">
<p class="titp">与德国高校共建升学绿色通道</p>
<p class="text clips3">SID牵手德国洪堡中心、亚琛工业大学国际学院、德累斯顿工业大学高级研究院、多特蒙德国际管理商学院ISM、EBS商学院和SRH
Berlin柏林应用科技大学、欧洲应用科技大学UE、柏林艺术学院、汉诺威音乐学院等高校，达成德国升学的绿色通道。</p>
</div>
<div class="contact-con">
<p class="titp">与德企一道提供更优质的服务</p>
<p class="text clips3">
我们也是德国保险巨头DAK、TK、Barmer；德国电信巨头沃达丰Vodafon；德国自保证官方账户提供房Fintiba、Expatrio的官方战略合作伙伴，为客户提供了全面的境外必要服务。</p>
</div>
<a href="" class="contactHref">联系SID</a>
</div>
<div class="team mt160">

36
htmls/degree.html
View File

@ -30,18 +30,36 @@
<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 on"><a href="/">首页</a></li>
<li class="li"><a href="/htmls/studyAbroad.html">留学</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/studyAbroad.html" class="on">全部</a><a
href="/htmls/highSchool.html">德国高中</a><a href="/htmls/prep.html">预科</a><a
href="/htmls/undergraduate.html">本科</a><a href="/htmls/degree.html">硕士</a><a
href="/htmls/APS.html">APS审核</a><a href="/htmls/music.html">德国音乐</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/media.html">媒体</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/media.html">最新</a><a class="on" href="/htmls/mediaVideo.html">视频</a><a
href="/htmls/mediaArticle.html">文章</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/">
<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>
<a class="logo-top" href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
@ -68,13 +86,7 @@
})
</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;">

34
htmls/highSchool.html
View File

@ -29,18 +29,36 @@
<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 on"><a href="/">首页</a></li>
<li class="li"><a href="/htmls/studyAbroad.html">留学</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/studyAbroad.html" class="on">全部</a><a
href="/htmls/highSchool.html">德国高中</a><a href="/htmls/prep.html">预科</a><a
href="/htmls/undergraduate.html">本科</a><a href="/htmls/degree.html">硕士</a><a
href="/htmls/APS.html">APS审核</a><a href="/htmls/music.html">德国音乐</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/media.html">媒体</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/media.html">最新</a><a class="on" href="/htmls/mediaVideo.html">视频</a><a
href="/htmls/mediaArticle.html">文章</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/">
<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>
<a class="logo-top" href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
@ -67,11 +85,7 @@
})
</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>
</div>
</div>
<div class="studyAbroad-top" style="background-image: url(/imgs/public/gzber.png); margin-bottom: 0px;">

28
htmls/link.html
View File

@ -29,18 +29,36 @@
<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 on"><a href="/">首页</a></li>
<li class="li"><a href="/htmls/studyAbroad.html">留学</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/studyAbroad.html" class="on">全部</a><a
href="/htmls/highSchool.html">德国高中</a><a href="/htmls/prep.html">预科</a><a
href="/htmls/undergraduate.html">本科</a><a href="/htmls/degree.html">硕士</a><a
href="/htmls/APS.html">APS审核</a><a href="/htmls/music.html">德国音乐</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/media.html">媒体</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/media.html">最新</a><a class="on" href="/htmls/mediaVideo.html">视频</a><a
href="/htmls/mediaArticle.html">文章</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/">
<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>
<a class="logo-top" href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">

36
htmls/media.html
View File

@ -29,18 +29,36 @@
<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 on"><a href="/">首页</a></li>
<li class="li"><a href="/htmls/studyAbroad.html">留学</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/studyAbroad.html" class="on">全部</a><a
href="/htmls/highSchool.html">德国高中</a><a href="/htmls/prep.html">预科</a><a
href="/htmls/undergraduate.html">本科</a><a href="/htmls/degree.html">硕士</a><a
href="/htmls/APS.html">APS审核</a><a href="/htmls/music.html">德国音乐</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/media.html">媒体</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/media.html">最新</a><a class="on" href="/htmls/mediaVideo.html">视频</a><a
href="/htmls/mediaArticle.html">文章</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/">
<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>
<a class="logo-top" href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
@ -68,14 +86,12 @@
})
</script>
<div class="media-top">
<div class="media-nav">
<a href="/htmls/media.html" class="on">最新</a><a href="./mediaVideo.html">视频</a><a href="./mediaArticle.html">文章</a>
</div>
<div class="media-con-imgTop">
<img src="/imgs/mber.png" alt="">
</div>
<div class="media-main w1236">
<div class="media-tit">
<p class="titp">更专业、更全面的德国留学新动态</p>

34
htmls/mediaArticle.html
View File

@ -28,18 +28,36 @@
<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 on"><a href="/">首页</a></li>
<li class="li"><a href="/htmls/studyAbroad.html">留学</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/studyAbroad.html" class="on">全部</a><a
href="/htmls/highSchool.html">德国高中</a><a href="/htmls/prep.html">预科</a><a
href="/htmls/undergraduate.html">本科</a><a href="/htmls/degree.html">硕士</a><a
href="/htmls/APS.html">APS审核</a><a href="/htmls/music.html">德国音乐</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/media.html">媒体</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/media.html">最新</a><a class="on" href="/htmls/mediaVideo.html">视频</a><a
href="/htmls/mediaArticle.html">文章</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/">
<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>
<a class="logo-top" href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
@ -66,14 +84,12 @@
})
</script>
<div class="media-top">
<div class="media-nav">
<a href="/htmls/media.html" >最新</a><a href="./mediaVideo.html">视频</a><a class="on" href="./mediaArticle.html">文章</a>
</div>
<div class="media-con-imgTop">
<img src="/imgs/public/articleBer.png" alt="">
</div>
<div class="media-main w1236">
<div class="media-tit">
<p class="titp">全部文章</p>

35
htmls/mediaVideo.html
View File

@ -29,18 +29,36 @@
<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 on"><a href="/">首页</a></li>
<li class="li"><a href="/htmls/studyAbroad.html">留学</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/studyAbroad.html" class="on">全部</a><a
href="/htmls/highSchool.html">德国高中</a><a href="/htmls/prep.html">预科</a><a
href="/htmls/undergraduate.html">本科</a><a href="/htmls/degree.html">硕士</a><a
href="/htmls/APS.html">APS审核</a><a href="/htmls/music.html">德国音乐</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/media.html">媒体</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/media.html">最新</a><a class="on" href="/htmls/mediaVideo.html">视频</a><a
href="/htmls/mediaArticle.html">文章</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/">
<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>
<a class="logo-top" href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
@ -68,14 +86,11 @@
})
</script>
<div class="media-top">
<div class="media-nav">
<a href="/htmls/media.html" >最新</a><a class="on" href="./mediaVideo.html">视频</a><a href="./mediaArticle.html">文章</a>
</div>
<div class="media-con-imgTop">
<img src="/imgs/public/videoBer.png" alt="">
</div>
<div class="media-main w1236">
<div class="media-tit">
<p class="titp">全部视频</p>

40
htmls/mediaZhihu.html
View File

@ -29,18 +29,36 @@
<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 on"><a href="/">首页</a></li>
<li class="li"><a href="/htmls/studyAbroad.html">留学</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/studyAbroad.html" class="on">全部</a><a
href="/htmls/highSchool.html">德国高中</a><a href="/htmls/prep.html">预科</a><a
href="/htmls/undergraduate.html">本科</a><a href="/htmls/degree.html">硕士</a><a
href="/htmls/APS.html">APS审核</a><a href="/htmls/music.html">德国音乐</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/media.html">媒体</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/media.html">最新</a><a class="on" href="/htmls/mediaVideo.html">视频</a><a
href="/htmls/mediaArticle.html">文章</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/">
<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>
<a class="logo-top" href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
@ -68,14 +86,14 @@
})
</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-con-imgTop">
<img class="mohu" src="/imgs/public/zhber.png" alt="">
</div>
<div class="media-main w1236">
<div class="media-tit">
<p class="titp">知乎问答</p>

33
htmls/music.html
View File

@ -29,18 +29,36 @@
<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 on"><a href="/">首页</a></li>
<li class="li"><a href="/htmls/studyAbroad.html">留学</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/studyAbroad.html" class="on">全部</a><a
href="/htmls/highSchool.html">德国高中</a><a href="/htmls/prep.html">预科</a><a
href="/htmls/undergraduate.html">本科</a><a href="/htmls/degree.html">硕士</a><a
href="/htmls/APS.html">APS审核</a><a href="/htmls/music.html">德国音乐</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/media.html">媒体</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/media.html">最新</a><a class="on" href="/htmls/mediaVideo.html">视频</a><a
href="/htmls/mediaArticle.html">文章</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/">
<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>
<a class="logo-top" href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
@ -68,11 +86,6 @@
})
</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 href="./APS.html">APS审核</a><a class="on" href="./music.html">德国音乐</a>
</div>
</div>
<div class="studyAbroad-top" style="background-image: url(/imgs/public/mubicBer.png); margin-bottom: 0px;">

28
htmls/prep.html
View File

@ -29,18 +29,36 @@
<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 on"><a href="/">首页</a></li>
<li class="li"><a href="/htmls/studyAbroad.html">留学</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/studyAbroad.html" class="on">全部</a><a
href="/htmls/highSchool.html">德国高中</a><a href="/htmls/prep.html">预科</a><a
href="/htmls/undergraduate.html">本科</a><a href="/htmls/degree.html">硕士</a><a
href="/htmls/APS.html">APS审核</a><a href="/htmls/music.html">德国音乐</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/media.html">媒体</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/media.html">最新</a><a class="on" href="/htmls/mediaVideo.html">视频</a><a
href="/htmls/mediaArticle.html">文章</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/">
<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>
<a class="logo-top" href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">

43
htmls/search.html
View File

@ -26,12 +26,31 @@
<body>
<!-- 头部导航 -->
<header class="header">
<div class="header-con">
<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>
<li class="li on"><a href="/">首页</a></li>
<li class="li"><a href="/htmls/studyAbroad.html">留学</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/studyAbroad.html" class="on">全部</a><a
href="/htmls/highSchool.html">德国高中</a><a href="/htmls/prep.html">预科</a><a
href="/htmls/undergraduate.html">本科</a><a href="/htmls/degree.html">硕士</a><a
href="/htmls/APS.html">APS审核</a><a href="/htmls/music.html">德国音乐</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/media.html">媒体</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/media.html">最新</a><a class="on" href="/htmls/mediaVideo.html">视频</a><a
href="/htmls/mediaArticle.html">文章</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con search-int">
@ -41,9 +60,19 @@
</div>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
<p></p>
<p></p>
<p></p>
</div>
</nav>
</div>
</header>
<div class="search w1236">
<div class="search-tit">
<p class="title-name">搜索</p>
@ -52,6 +81,12 @@
<label class="radio">文章<input type="radio" name="radio" value="1" checked><i></i></label>
<label class="radio">视频<input type="radio" value="2" name="radio"><i></i></label>
</div>
<div class="search-move">
<p></p>
<p></p>
</div>
</div>
<div class="search-con">

34
htmls/studyAbroad.html
View File

@ -29,18 +29,36 @@
<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 on"><a href="/">首页</a></li>
<li class="li"><a href="/htmls/studyAbroad.html">留学</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/studyAbroad.html" class="on">全部</a><a
href="/htmls/highSchool.html">德国高中</a><a href="/htmls/prep.html">预科</a><a
href="/htmls/undergraduate.html">本科</a><a href="/htmls/degree.html">硕士</a><a
href="/htmls/APS.html">APS审核</a><a href="/htmls/music.html">德国音乐</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/media.html">媒体</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/media.html">最新</a><a class="on" href="/htmls/mediaVideo.html">视频</a><a
href="/htmls/mediaArticle.html">文章</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/">
<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>
<a class="logo-top" href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
@ -67,11 +85,7 @@
})
</script>
<div class="media-top">
<div class="media-nav">
<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>
<div class="studyAbroad-top">

57
htmls/undergraduate.html
View File

@ -30,18 +30,36 @@
<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 on"><a href="/">首页</a></li>
<li class="li"><a href="/htmls/studyAbroad.html">留学</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/studyAbroad.html" class="on">全部</a><a
href="/htmls/highSchool.html">德国高中</a><a href="/htmls/prep.html">预科</a><a
href="/htmls/undergraduate.html">本科</a><a href="/htmls/degree.html">硕士</a><a
href="/htmls/APS.html">APS审核</a><a href="/htmls/music.html">德国音乐</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/media.html">媒体</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/media.html">最新</a><a class="on" href="/htmls/mediaVideo.html">视频</a><a
href="/htmls/mediaArticle.html">文章</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/">
<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>
<a class="logo-top" href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
@ -68,11 +86,6 @@
})
</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>
</div>
</div>
<div class="studyAbroad-top" style="background-image: url(/imgs/public/benkelun.png); margin-bottom: 0px;">
@ -240,58 +253,58 @@
</div>
<div class="degree-video-con">
<div class="list">
<a class="list" href="/htmls/APS.html#mentor">
<div class="list-video">
<video src=""></video>
<img src="/imgs/public/zt.png" alt="">
</div>
<div class="text">
<div class="text bc1">
<p class="titp">Shi</p>
<p class="p">杜塞尔多夫大学物流工程硕士 </p>
<p class="p">现就职于德国知名企业</p>
</div>
</div>
<div class="list">
</a>
<a class="list" href="/htmls/APS.html#mentor">
<div class="list-video">
<video src=""></video>
<img src="/imgs/public/zt.png" alt="">
</div>
<div class="text">
<div class="text bc1">
<p class="titp">Shi</p>
<p class="p">杜塞尔多夫大学物流工程硕士 </p>
<p class="p">现就职于德国知名企业</p>
</div>
</div>
<div class="list">
</a>
<a class="list" href="/htmls/APS.html#mentor">
<div class="list-video">
<video src=""></video>
<img src="/imgs/public/zt.png" alt="">
</div>
<div class="text">
<div class="text bc1">
<p class="titp">Shi</p>
<p class="p">杜塞尔多夫大学物流工程硕士 </p>
<p class="p">现就职于德国知名企业</p>
</div>
</div>
<div class="list">
</a>
<a class="list" href="/htmls/APS.html#mentor">
<div class="list-video">
<video src=""></video>
<img src="/imgs/public/zt.png" alt="">
</div>
<div class="text">
<div class="text bc1">
<p class="titp">Shi</p>
<p class="p">杜塞尔多夫大学物流工程硕士 </p>
<p class="p">现就职于德国知名企业</p>
</div>
</div>
</a>
</div>
<a href="" class="degree-video-btn">查看更多导师</a>

43
index.html
View File

@ -31,8 +31,26 @@
<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/studyAbroad.html">留学</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/studyAbroad.html" class="on">全部</a><a
href="/htmls/highSchool.html">德国高中</a><a href="/htmls/prep.html">预科</a><a
href="/htmls/undergraduate.html">本科</a><a href="/htmls/degree.html">硕士</a><a
href="/htmls/APS.html">APS审核</a><a href="/htmls/music.html">德国音乐</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/media.html">媒体</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/media.html">最新</a><a class="on" href="/htmls/mediaVideo.html">视频</a><a
href="/htmls/mediaArticle.html">文章</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
@ -41,7 +59,7 @@
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
<a class="logo-top" href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
@ -185,7 +203,8 @@
<div class="left">
<div class="leftCon">
<p class="titp">关于SID</p>
<p class="text">SID是由来自德国名校Karlsruhe Institut für Technologie卡尔斯鲁厄理工学院优秀校友们，于2014年在大学创立的国际教育机构，致力于为留德预备用户提供境内外全面的德国留学咨询与服务。</p>
<p class="text">SID是由来自德国名校Karlsruhe Institut für
Technologie卡尔斯鲁厄理工学院优秀校友们，于2014年在大学创立的国际教育机构，致力于为留德预备用户提供境内外全面的德国留学咨询与服务。</p>
<p class="text"> 2016年，SID在成都设立中国全资公司：成都朝浪教育咨询有限公司；在5年悉心耕耘后，于2020年设立天津分公司：天津朝浪教育科技有限公司。</p>
<a href="">了解更多</a>
</div>
@ -203,7 +222,8 @@
<div class="right">
<div class="rightCon">
<p class="titp">网络综合影响力</p>
<p class="text clips3">SID从2015年起坚持每个工作日发布原创文章，内容涵盖APS准 备、德国大学政策与录取标准、开户签证经验，德国留学生活分享等，迄今为止已原创超过900篇高质量文章。</p>
<p class="text clips3">SID从2015年起坚持每个工作日发布原创文章，内容涵盖APS准
备、德国大学政策与录取标准、开户签证经验，德国留学生活分享等，迄今为止已原创超过900篇高质量文章。</p>
<p class="text clips3"> 随后，SID开设了知乎、Bilibili、微博、CCtalk等多平台账户，通过问答和视频的形式帮助更多对德国留学有兴趣的用户群体。</p>
<a href="">
<div class="zf tb">
@ -327,11 +347,13 @@
<div class="contact w1236">
<div class="contact-con">
<p class="titp">与德国高校共建升学绿色通道</p>
<p class="text clips3">SID牵手德国洪堡中心、亚琛工业大学国际学院、德累斯顿工业大学高级研究院、多特蒙德国际管理商学院ISM、EBS商学院和SRH Berlin柏林应用科技大学、欧洲应用科技大学UE、柏林艺术学院、汉诺威音乐学院等高校，达成德国升学的绿色通道。</p>
<p class="text clips3">SID牵手德国洪堡中心、亚琛工业大学国际学院、德累斯顿工业大学高级研究院、多特蒙德国际管理商学院ISM、EBS商学院和SRH
Berlin柏林应用科技大学、欧洲应用科技大学UE、柏林艺术学院、汉诺威音乐学院等高校，达成德国升学的绿色通道。</p>
</div>
<div class="contact-con">
<p class="titp">与德企一道提供更优质的服务</p>
<p class="text clips3">我们也是德国保险巨头DAK、TK、Barmer；德国电信巨头沃达丰Vodafon；德国自保证官方账户提供房Fintiba、Expatrio的官方战略合作伙伴，为客户提供了全面的境外必要服务。</p>
<p class="text clips3">
我们也是德国保险巨头DAK、TK、Barmer；德国电信巨头沃达丰Vodafon；德国自保证官方账户提供房Fintiba、Expatrio的官方战略合作伙伴，为客户提供了全面的境外必要服务。</p>
</div>
<a href="" class="contactHref">联系SID</a>
</div>
@ -429,7 +451,9 @@
<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>
<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>
@ -447,7 +471,8 @@
</div>
<div class="one">
<a href="" class="placeholder" 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>