master
tangyi 2021-12-02 18:42:03 +08:00
parent 534179a2ea
commit 7ebb067d15
63 changed files with 3622 additions and 329 deletions

File diff suppressed because it is too large Load Diff

View File

@ -28,8 +28,8 @@
<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 on"><a href="">留学</a></li>
<li class="li"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
</ul>
@ -46,11 +46,10 @@
<div class="media-top">
<div class="media-nav">
<a href="" class="on">全部</a><a href="">德国高中</a><a href="">预科</a><a href="" class="on">硕士</a><a href="">APS审核</a><a href="">德国音乐</a>
<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">
<p style="font-size: 80px;" class="titp">APS同专业辅导</p>

656
htmls/SID.html Normal file
View File

@ -0,0 +1,656 @@
<!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>
<script type="text/javascript" src="http://api.map.baidu.com/geocoder/v2/?ak=mDcZsWM7gGKb7MC1bC8Mo33FScjYEr0I&output=json&address=百度大厦&city=北京市"></script>
</head>
<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="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">
<p class="title-name"><span>SID</span>始于德国</p>
<p class="text">Studium In Deutschland,2014</p>
<div class="SID-her-address">
<p class="one">成都</p>
<p class="two">天津</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="in-ber" style="background-image: url(/imgs/ber.png);">
</div>
</div>
</div>
</div>
<script>
var mySwiper = new Swiper('.SID-swiper-container', {
loop: true, // 循环模式选项
})
</script>
<div class="SID-about">
<img class="SID-about-berImg" src="/imgs/public/gyber.png" alt="">
<div class="w1236">
<div class="SID-about-tit">
<p class="title-name">关于SID</p>
<p class="text">Studium In Deutschland简称SID寓意着在德深造。
</p>
<p class="text">由来自德国名校Karlsruhe Institut für Technologie卡尔斯鲁厄理工学院优秀校友们于2014年在大学创立的国际教育机构致力于为留德预备用户提供境内外全面的德国留学咨询与服务。</p>
</div>
<div class="SID-about-con">
<div class="list">
<p class="list-date pdrl">
专注
德国
</p>
<div class="text">
<p class="title-name">术业有专攻</p>
<p class="p">2014年成立至今
只做德国留学</p>
</div>
</div>
<div class="list">
<p class="list-date ">
2016年
</p>
<div class="text">
<p class="title-name">落户成都</p>
<p class="p">在成都设立
中国全资公司</p>
</div>
</div>
<div class="list">
<p class="list-date ">
2020年
</p>
<div class="text">
<p class="title-name">落户天津</p>
<p class="p">在天津设立
分公司</p>
</div>
</div>
</div>
</div>
</div>
<div class="impact SID-impact">
<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>
<a href="">
<div class="zf tb">
<div><img src="/imgs/zh.png" alt=""></div> <span>知乎</span>
</div>
<img src="/imgs/zjt.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="">
</a>
<a href="">
<div class="wx tb">
<div><img src="/imgs/wx.png" alt=""></div> <span>微信公众号</span>
</div>
<img src="/imgs/zjt.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="">
</a>
</div>
</div>
<div class="img">
<img class="imgW" src="/imgs/public/SIDYX.png" alt="">
</div>
</div>
<div class="w1236 degree-pd160">
<div class="SID-tit">
<p class="title-name">SID走进大学校园</p>
<p class="text">自2016年起SID与四川各大高校合作开展德语学习和德国留学的专题讲座。不限于成都SID利用在线上的影响力通过深度调研目标群体的核心需求不定期举办全国巡讲活动扩大了全国范围的影响力。</p>
</div>
<div class="SID-campus">
<div class="list">
<div class="list-img">
<img src="/imgs/public/xy.png" class="imgW" alt="">
</div>
<p class="text">
四川大学 机械学院
</p>
</div>
<div class="list">
<div class="list-img">
<img src="/imgs/public/xy.png" class="imgW" alt="">
</div>
<p class="text">
四川大学 机械学院
</p>
</div>
<div class="list">
<div class="list-img">
<img src="/imgs/public/xy.png" class="imgW" alt="">
</div>
<p class="text">
四川大学 机械学院
</p>
</div>
<div class="list">
<div class="list-img">
<img src="/imgs/public/xy.png" class="imgW" alt="">
</div>
<p class="text">
四川大学 机械学院
</p>
</div>
<div class="list">
<div class="list-img">
<img src="/imgs/public/xy.png" class="imgW" alt="">
</div>
<p class="text">
四川大学 机械学院
</p>
</div>
</div>
</div>
<div class="SID-scene">
<div class="left">
<div class="scene-swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="list-img">
<img src="/imgs/public/Xxianvc.png" class="imgW" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="list-img">
<img src="/imgs/public/Xxianvc.png" class="imgW" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="list-img">
<img src="/imgs/public/Xxianvc.png" class="imgW" alt="">
</div>
</div>
</div>
<!-- 如果需要分页器 -->
<div class="scene-swiper-pagination"></div>
</div>
</div>
<div class="right">
<p class="title-name">丰富多彩的
</p>
<p class="title-name">线下活动现场</p>
<p class="text">SID在积极举行大学内的分享会外还举行了各种类型的线下活动加深和同学、家长以及行业老师的联系。
</p>
<p class="text">在2019年的圣诞活动里参加人数超过50位大家在欢声笑语中分享获得礼物的喜悦。
除此以外SID还举行了面向留学行业内老师的国际教育交流会旨在促进各方交流交流最新留学政策在相互学习中以便向客户提供更好的服务。</p>
</div>
</div>
<script>
var mySwipera = new Swiper('.scene-swiper-container', {
loop: true, // 循环模式选项
// 如果需要分页器
pagination: {
el: '.scene-swiper-pagination',
},
})
</script>
<p class="title mt160">SID的合作伙伴</p>
<div class="cooperation w1236">
<div class="one">
<img src="/imgs/ha.png" alt="">
</div>
<div class="listCon">
<div class="list">
<img src="/imgs/hb.png" class="imgW" alt="">
</div>
<div class="list">
<img src="/imgs/hc.png" class="imgW" alt="">
</div>
<div class="list">
<img src="/imgs/hd.png" class="imgW" alt="">
</div>
<div class="list">
<img src="/imgs/he.png" class="imgW" alt="">
</div>
<div class="list">
<img src="/imgs/hf.png" class="imgW" alt="">
</div>
<div class="list">
<img src="/imgs/hh.png" class="imgW" alt="">
</div>
<div class="list">
<img src="/imgs/hg.png" class="imgW" alt="">
</div>
<div class="list">
<img src="/imgs/vodafone.png" class="imgW" alt="">
</div>
<div class="list">
<img src="/imgs/hy.png" class="imgW" alt="">
</div>
</div>
</div>
<div class="team mt160">
<div class="team-con w1236">
<div class="tit">
<p class="titp">来自德国的海归团队</p>
<p class="text">SID核心团队包括核心运营部门、APS辅导部门与艺术作品集指导部门。 </p>
<p class="text">每个部门均由超过80%的德国顶尖硕博人员组成。</p>
</div>
<div class="list-con">
<div class="list">
<div class="imgTit">
<img src="/imgs/ls1.png" class="imgW" alt="">
</div>
<p class="titp">Rocky</p>
<p>SID CEO / CO-FOUNDER</p>
<p>卡尔斯鲁尔理工学院</p>
<p> 机械专业硕士</p>
</div>
<div class="list">
<div class="imgTit">
<img src="/imgs/ls2.png" class="imgW" alt="">
</div>
<p class="titp">Nicole</p>
<p>SID CO-FOUNDER</p>
<p>柏林自由大学
</p>
<p> 市场营销学硕士</p>
</div>
<div class="list">
<div class="imgTit">
<img src="/imgs/ls3.png" class="imgW" alt="">
</div>
<p class="titp">Felix</p>
<p>SID 天津分部主管</p>
<p>卡尔斯鲁尔理工学院</p>
<p>机械专业硕士</p>
</div>
<div class="list">
<div class="imgTit">
</div>
<p class="titp">Vanesa</p>
<p>SID 成都咨询部主管</p>
<p>柏林自由大学</p>
<p>市场营销学硕士</p>
</div>
<div class="list">
<div class="imgTit">
<img src="/imgs/ls4.png" class="imgW" alt="">
</div>
<p class="titp">Livia</p>
<p>SID前期指导</p>
<p>中国海洋大学德语专业
</p>
<p> 曾赴波恩大学交换</p>
</div>
<div class="list">
<div class="imgTit">
<img src="/imgs/ls5.png" class="imgW" alt="">
</div>
<p class="titp">Hoff</p>
<p>SID中期指导</p>
<p>杜塞尔多夫大学
</p>
<p> 欧洲历史学、日本学专业双学位本科</p>
</div>
<div class="list">
<div class="imgTit">
<img src="/imgs/ls6.png" class="imgW" alt="">
</div>
<p class="titp">Jane</p>
<p>SID后期指导</p>
<p>四川外国语大学德语笔译专业硕士
</p>
<p> 曾赴海德堡大学交换</p>
</div>
<div class="list">
<div class="imgTit">
<img src="/imgs/ls7.png" class="imgW" alt="">
</div>
<p class="titp">Eva</p>
<p>SID后期指导</p>
<p>耶拿大学
</p>
<p> 对外德语专业硕士</p>
</div>
</div>
</div>
</div>
<div class="degree-pd160 w1236">
<div class="SID-tit">
<p class="title-name">联系SID</p>
</div>
<div class="contact-SID">
<div class="list">
<div class="list-address">
<div id="allmap" style="width: 100%;height: 100%;"></div>
</div>
<p class="list-address-title">SID@成都·大合仓</p>
<div class="text">
<div class="p">
<p>地址:</p>
<p>四川·成都·武侯区星狮路511号大合仓A405乘坐3号线-川藏立交站直达</p>
</div>
<div class="p">
<p>电话:</p>
<p>028-61103687</p>
</div>
<div class="list-wx">
<div class="list-con">
<div class="list-wx-img">
<img 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="">
</div>
<p class="list-wx-text">魏老师</p>
</div>
</div>
</div>
</div>
<div class="list">
<div class="list-address">
<div id="allmap1" style="width: 100%;height: 100%;"></div>
</div>
<p class="list-address-title">SID@成都·大合仓</p>
<div class="text">
<div class="p">
<p>地址:</p>
<p>四川·成都·武侯区星狮路511号大合仓A405乘坐3号线-川藏立交站直达</p>
</div>
<div class="p">
<p>电话:</p>
<p>028-61103687</p>
</div>
<div class="list-wx">
<div class="list-con">
<div class="list-wx-img">
<img 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="">
</div>
<p class="list-wx-text">魏老师</p>
</div>
</div>
</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>
<script>
$(".int input").on("input", () => {
$(".int img").css("display", "none")
if ($(".int input").val() == "") {
$(".int img").css("display", "block")
}
})
$(".int input").on("blur ", () => {
$(".int img").css("display", "block")
$(".int input").val("")
})
</script>
<script type="text/javascript">
function LoadBaiduMapScript() {
//console.log("初始化百度地图脚本...");
const AK = "mDcZsWM7gGKb7MC1bC8Mo33FScjYEr0I";
const BMap_URL = "https://api.map.baidu.com/api?v=2.0&ak=" + AK + "&s=1&callback=onBMapCallback";
return new Promise((resolve, reject) => {
// 如果已加载直接返回
if (typeof BMap !== "undefined") {
resolve(BMap);
return true;
}
// 百度地图异步加载回调处理
window.onBMapCallback = function () {
console.log("百度地图脚本初始化成功...");
resolve(BMap);
};
// 插入script脚本
let scriptNode = document.createElement("script");
scriptNode.setAttribute("type", "text/javascript");
scriptNode.setAttribute("src", BMap_URL);
document.body.appendChild(scriptNode);
});
}
LoadBaiduMapScript().then((BMap) => {
// 百度地图API功能
var map = new BMap.Map("allmap"); // 创建Map实例
map.centerAndZoom(new BMap.Point(104.067923463, 30.6799428454), 11); // 初始化地图,设置中心点坐标和地图级别
//添加地图类型控件
map.addControl(new BMap.MapTypeControl({
mapTypes: [
BMAP_NORMAL_MAP,
BMAP_HYBRID_MAP
]
}));
map.setCurrentCity("武汉"); // 设置地图显示的城市 此项是必须设置的
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
var points = [
[104.016235, 30.67775],
[104.069554, 30.601504],
];
// 向地图添加标注
for (var i = 0; i < points.length; i++) {
var myIcon = new BMap.Icon("/imgs/public/dz.png", new BMap.Size(200, 200), {
// 指定定位位置
offset: new BMap.Size(20,20),
// 当需要从一幅较大的图片中截取某部分作为标注图标时,需要指定大图的偏移位置
imageOffset: new BMap.Size(0, 0 - i * 0) // 设置图片偏移
});
var point = new BMap.Point(points[i][0], points[i][1]);
// 创建标注对象并添加到地图
var marker = new BMap.Marker(point, { icon: myIcon });
map.addOverlay(marker);
};
var mapa = new BMap.Map("allmap1"); // 创建Map实例
mapa.centerAndZoom(new BMap.Point(104.067923463, 30.6799428454), 11); // 初始化地图,设置中心点坐标和地图级别
//添加地图类型控件
mapa.addControl(new BMap.MapTypeControl({
mapTypes: [
BMAP_NORMAL_MAP,
BMAP_HYBRID_MAP
]
}));
mapa.setCurrentCity("武汉"); // 设置地图显示的城市 此项是必须设置的
mapa.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
var points = [
[104.016235, 30.67775],
[104.069554, 30.601504],
];
// 向地图添加标注
for (var i = 0; i < points.length; i++) {
var myIcon = new BMap.Icon("/imgs/public/dz.png", new BMap.Size(50, 50), {
// 指定定位位置
offset: new BMap.Size(50, 205),
// 当需要从一幅较大的图片中截取某部分作为标注图标时,需要指定大图的偏移位置
imageOffset: new BMap.Size(0, 0 - i * 0) // 设置图片偏移
});
var point = new BMap.Point(points[i][0], points[i][1]);
// 创建标注对象并添加到地图
var marker = new BMap.Marker(point, { icon: myIcon });
mapa.addOverlay(marker);
};
})
</script>
</body>
</html>

View File

@ -28,8 +28,8 @@
<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 on"><a href="">留学</a></li>
<li class="li"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
</ul>
@ -46,7 +46,7 @@
<div class="media-top">
<div class="media-nav">
<a href="" class="on">全部</a><a href="">德国高中</a><a href="">预科</a><a href="" class="on">硕士</a><a href="">APS审核</a><a href="">德国音乐</a>
<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>
@ -370,6 +370,7 @@
</div>

View File

@ -28,8 +28,8 @@
<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 on"><a href="">留学</a></li>
<li class="li"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
</ul>
@ -46,7 +46,7 @@
<div class="media-top">
<div class="media-nav">
<a href="" class="on">全部</a><a href="">德国高中</a><a href="">预科</a><a href="" class="on">硕士</a><a href="">APS审核</a><a href="">德国音乐</a>
<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>

152
htmls/link.html Normal file
View File

@ -0,0 +1,152 @@
<!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 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="link w1236">
<div class="link-title">
<a href=""><img src="/imgs/public/ind.png" alt="">首页</a>><a href="">友情链接</a>
</div>
<div class="link-con">
<p class="title-name">友情链接</p>
<div class="link-text">
<a href=""> <span>></span> 友情链接说明文字数不超过8个汉字</a>
</div>
</div>
<div class="link-page w1236">
<a href=""><</a><a href="" class="on"> 1</a><a 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>
<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 type="text/javascript">
$(function () {
$(".radio").find('input').click(function () {
$(this).parent('label').siblings('label').find('input').removeAttr('checked') && $(this).attr('checked', 'checked');
console.log($('input[type="radio"]:checked').val())
})
})
</script>
<script>
var mySwiper = new Swiper('.media-swiper-container', {
loop: true, // 循环模式选项
pagination: {
el: '.media-swiper-pagination',
},
})
</script>
</body>
</html>

View File

@ -46,7 +46,7 @@
<div class="media-top">
<div class="media-nav">
<a href="" class="on">最新</a><a href="">视频</a><a href="">文章</a>
<a href="" class="on">最新</a><a href="./mediaVideo.html">视频</a><a href="./mediaArticle.html">文章</a>
</div>
<img src="/imgs/mber.png" alt="">
</div>

View File

@ -0,0 +1,260 @@
<!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>

View File

@ -28,9 +28,9 @@
<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="">媒体</a></li>
<li class="li on"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
</ul>
@ -46,7 +46,7 @@
<div class="media-top">
<div class="media-nav">
<a href="" class="on">最新</a><a href="">视频</a><a href="">文章</a>
<a href="" >最新</a><a href="./mediaVideo.html">视频</a><a class="on" href="./mediaArticle.html">文章</a>
</div>
<img src="/imgs/public/articleBer.png" alt="">
</div>

View File

@ -28,9 +28,9 @@
<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="">媒体</a></li>
<li class="li on"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
</ul>
@ -46,7 +46,7 @@
<div class="media-top">
<div class="media-nav">
<a href="" class="on">最新</a><a href="">视频</a><a href="">文章</a>
<a href="" >最新</a><a class="on" href="./mediaVideo.html">视频</a><a href="./mediaArticle.html">文章</a>
</div>
<img src="/imgs/public/videoBer.png" alt="">
</div>

728
htmls/music.html Normal file
View File

@ -0,0 +1,728 @@
<!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 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="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;">
<div class="w1236 studyAbroad-top-con">
<p style="font-size: 80px;" class="titp">德国音乐留学</p>
<p style="font-size: 40px;" class="text">德国音乐导师全程亲授指导</p>
</div>
</div>
<div class="degree-pd160 w1236">
<div class="music-tit">
<p class="title-name">为什么选择
</p>
<p class="title-name"> 音乐预科留学德国?
</p>
<p class="text">
每一所公立音乐大学在入学前均有严苛的入学考试,而在德音乐预科提供了一个系统的“音乐+语言”的良好学习环境,
更有来自德国多个国立音乐学院的导师与教授帮助考生提升音乐专业素质,全力备考。
</p>
</div>
<div class="music-advantages">
<div class="list">
<div class="list-img">
<img src="/imgs/public/m1.png" class="imgW" alt="">
</div>
<p class="text">保质保量的语言学习</p>
</div>
<div class="list">
<div class="list-img">
<img src="/imgs/public/m1.png" class="imgW" alt="">
</div>
<p class="text">保质保量的语言学习</p>
</div>
<div class="list">
<div class="list-img">
<img src="/imgs/public/m1.png" class="imgW" alt="">
</div>
<p class="text">保质保量的语言学习</p>
</div>
</div>
</div>
<div class="bc1 degree-pd160">
<div class="w1236">
<div class="music-tit">
<p class="title-name">德国四大城市可选
</p>
<p class="title-name"> 音乐相关专业全覆盖
</p>
<p class="text">
每一所公立音乐大学在入学前均有严苛的入学考试,而在德音乐预科提供了一个系统的“音乐+语言”的良好学习环境,
更有来自德国多个国立音乐学院的导师与教授帮助考生提升音乐专业素质,全力备考。
</p>
</div>
<div class="music-city">
<div class="list">
<div class="list-img">
<img src="/imgs/public/c1.png" class="imgW" alt="">
<P class="list-name">柏林</P>
</div>
<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>
</div>
</div>
<div class="list">
<div class="list-img">
<img src="/imgs/public/c1.png" class="imgW" alt="">
<P class="list-name">柏林</P>
</div>
<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>
</div>
</div>
<div class="list">
<div class="list-img">
<img src="/imgs/public/c1.png" class="imgW" alt="">
<P class="list-name">柏林</P>
</div>
<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>
</div>
</div>
<div class="list">
<div class="list-img">
<img src="/imgs/public/c1.png" class="imgW" alt="">
<P class="list-name">柏林</P>
</div>
<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>
</div>
</div>
</div>
</div>
</div>
<div class="w1236 degree-pd160">
<div class="music-tit">
<p class="title-name">德国音乐名师针对性指导
</p>
<p class="title-name"> 专业学习与入学考试
</p>
<p class="text">
四大预科学校均有来自德国各大顶级音乐学院及乐团演奏家亲自授课
给与学生大师级的音乐指导
</p>
</div>
<div class="music-famousTeacher">
<div class="list">
<div class="list-img">
<img src="/imgs/public/ms1.png" class="imgW" alt="">
</div>
<div class="text">
<p class="title-name">Adam Kostecki</p>
<p class="p">汉诺威音乐语言中心校长
世界级小提琴大赛比赛评委</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img src="/imgs/public/ms1.png" class="imgW" alt="">
</div>
<div class="text">
<p class="title-name">Adam Kostecki</p>
<p class="p">汉诺威音乐语言中心校长
世界级小提琴大赛比赛评委</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img src="/imgs/public/ms1.png" class="imgW" alt="">
</div>
<div class="text">
<p class="title-name">Adam Kostecki</p>
<p class="p">汉诺威音乐语言中心校长
世界级小提琴大赛比赛评委</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img src="/imgs/public/ms1.png" class="imgW" alt="">
</div>
<div class="text">
<p class="title-name">Adam Kostecki</p>
<p class="p">汉诺威音乐语言中心校长
世界级小提琴大赛比赛评委</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img src="/imgs/public/ms1.png" class="imgW" alt="">
</div>
<div class="text">
<p class="title-name">Adam Kostecki</p>
<p class="p">汉诺威音乐语言中心校长
世界级小提琴大赛比赛评委</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img src="/imgs/public/ms1.png" class="imgW" alt="">
</div>
<div class="text">
<p class="title-name">Adam Kostecki</p>
<p class="p">汉诺威音乐语言中心校长
世界级小提琴大赛比赛评委</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img src="/imgs/public/ms1.png" class="imgW" alt="">
</div>
<div class="text">
<p class="title-name">Adam Kostecki</p>
<p class="p">汉诺威音乐语言中心校长
世界级小提琴大赛比赛评委</p>
</div>
</div>
</div>
</div>
<div class="bc1 degree-pd160">
<div class="music-tit">
<p class="title-name">SID智囊团导师团队规划
</p>
<p class="title-name"> 整体留德时间轴
</p>
<p class="text">
根据你的学习情况确定个性化留德时间轴,不错过申请中的各个关键时间点!
我们还会帮助你梳理语言学习计划,督促你的学习进度。
</p>
</div>
<div class="music-date">
<img src="/imgs/public/date1.png" class="imgW" alt="">
</div>
</div>
<div class=" w1236 degree-pd160">
<div class="music-tit">
<p class="title-name">音乐+语言双轨学习
</p>
<p class="title-name"> 充实预科生活
</p>
<p class="text">
在音乐预科的学习包括音乐课程与德语课程两部分,
课余时间学生可使用琴房进行联系,根据所在学校不同,会组织各类学术研讨会与课外活动。
</p>
</div>
<div class="music-dual-track">
<div class="list">
<img src="/imgs/public/sleft.png" alt="">
</div>
<div class="list">
<img src="/imgs/public/sright.png" alt="">
</div>
</div>
</div>
<div class="bc1 degree-pd160">
<div class="w1236">
<div class="music-tit">
<p class="title-name">安全便捷的校内生活 </p>
<p class="title-name">与琴房使用</p>
<p class="text">
在音乐预科的学习包括音乐课程与德语课程两部分,
课余时间学生可使用琴房进行联系,根据所在学校不同,会组织各类学术研讨会与课外活动。
</p>
</div>
<div class="music-life">
<div class="list">
<div class="text">
<p class="title-name">ASK柏林艺术学院</p>
<p class="english-name">Akademie für Künste ASK Berlin</p>
</div>
<div class="list-img">
<img src="/imgs/public/qf1.png" class="imgW" alt="">
</div>
<div class="list-img">
<img src="/imgs/public/qf1.png" class="imgW" alt="">
</div>
</div>
<div class="list">
<div class="list-img">
<img src="/imgs/public/qf1.png" class="imgW" alt="">
</div>
<div class="list-img">
<img src="/imgs/public/qf1.png" class="imgW" alt="">
</div>
<div class="text">
<p class="title-name">ASK柏林艺术学院</p>
<p class="english-name">Akademie für Künste ASK Berlin</p>
</div>
</div>
<div class="list">
<div class="text">
<p class="title-name">ASK柏林艺术学院</p>
<p class="english-name">Akademie für Künste ASK Berlin</p>
</div>
<div class="list-img">
<img src="/imgs/public/qf1.png" class="imgW" alt="">
</div>
<div class="list-img">
<img src="/imgs/public/qf1.png" class="imgW" alt="">
</div>
</div>
<div class="list">
<div class="list-img">
<img src="/imgs/public/qf1.png" class="imgW" alt="">
</div>
<div class="list-img">
<img src="/imgs/public/qf1.png" class="imgW" alt="">
</div>
<div class="text">
<p class="title-name">ASK柏林艺术学院</p>
<p class="english-name">Akademie für Künste ASK Berlin</p>
</div>
</div>
</div>
</div>
</div>
<div class="music-recommended-right">
<div class="w1236 music-recommended-con">
<div class="text">
<p class="title-name">
TELC和歌德学院
德语等级证书</p>
<p class="P">在结束对应学时的语言学习后, </p>
<p class="P">学生可直接报名参与TELC和歌德学院提供的考试,</p>
<p class="P">考试通过后将获得对应等级的证书</p>
</div>
<div class="list">
<img class="imgW" src="/imgs/public/zs1.png" alt="">
</div>
</div>
</div>
<div class="music-recommended-left">
<div class="w1236 music-recommended-con">
<div class="list">
<img class="imgW" src="/imgs/public/zs1.png" alt="">
</div>
<div class="text">
<p class="title-name">
教授推荐信与保底校入学
</p>
<p class="P">授课教授可为学生出具介绍信, 学生可申请德国所有公立大学。 若未通过入学测试。
</p>
<p class="P">可申请录取私立音乐学院或立陶宛公立音乐学院、瑞士国立音乐学院, 利用就读期间继续备考德国公立音乐学院。</p>
</div>
</div>
</div>
<div class="bc1">
<div class="w1236 degree-pd160">
<div class="school-tit">
<p class="titp">过往学生录取展示
</p>
<p class="text">就读预科的同学超过90%拿到了德国公立音乐大学的录取</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-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 class="w1236 degree-pd160">
<div class="school-tit">
<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 class="bc1">
<div class="degree-plan w1236 degree-pd160">
<p class="titp">本科朝浪计划 项目总览</p>
<div class="degree-plan-w">
<div class="list">
<div class="list-img"><img src="/imgs/public/bkicon1.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 src="/imgs/public/bkicon2.png" alt=""></div>
<div class="text">
<p class="titpa">02</p>
<p class="p">制定更合适的
</p>
<p class="p">德国名校方案</p>
</div>
</div>
<div class="list">
<div class="list-img"><img src="/imgs/public/bkicon3.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 src="/imgs/public/bkicon4.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 src="/imgs/public/bkicon5.png" alt=""></div>
<div class="text">
<p class="titpa">05</p>
<p class="p">申请前后
</p>
<p class="p">全面管理</p>
</div>
</div>
</div>
</div>
</div>
<div class="degree-apply bcffff undergraduate">
<p class="titp">SID专业申请团队 助你<span>步入理想大学</span></p>
<a href="" class="xq"> <span>查看项目详情></span></span> </a>
<a href="" class="apply-btn">
<img src="/imgs/gou.png" alt="">
<p>立即开启咨询</p>
</a>
</div>
<script>
var mySwiper = new Swiper('.left-swiper-container', {
loop: true, // 循环模式选项
// 如果需要分页器
pagination: {
el: '.left-swiper-pagination',
},
})
</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>
</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>
$(".school-apply-tit .oneClick").on("click", (e) => {
console.log($(e.target).parent());
$(".school-apply-tit .one").addClass("two")
$(".school-apply-tit .one").removeClass("one")
$(e.target).parent().addClass("one")
$(e.target).parent().removeClass("two")
$(".school-apply-conClickb").css("display", "none")
$(".school-apply-conClicka").css("display", "flex")
})
$(".school-apply-tit .twoClick").on("click", (e) => {
$(".school-apply-tit .one").addClass("two")
$(".school-apply-tit .one").removeClass("one")
$(e.target).parent().addClass("one")
$(e.target).parent().removeClass("two")
$(".school-apply-conClicka").css("display", "none")
$(".school-apply-conClickb").css("display", "flex")
})
$(".school-life-tit .one").on("click", (e) => {
$(".schoolClickb").css("display", "none")
$(".schoolClicka").css("display", "block")
$(".school-life-tit .two").removeClass("on")
$(e.target).addClass("on")
})
$(".school-life-tit .two").on("click", (e) => {
$(".schoolClicka").css("display", "none")
$(".schoolClickb").css("display", "block")
$(".school-life-tit .one").removeClass("on")
$(e.target).addClass("on")
})
var mySwiper = new Swiper('.media-swiper-container', {
loop: true, // 循环模式选项
pagination: {
el: '.media-swiper-pagination',
},
})
</script>
</body>
</html>

View File

@ -28,8 +28,8 @@
<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 on"><a href="">留学</a></li>
<li class="li"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
</ul>
@ -46,7 +46,7 @@
<div class="media-top">
<div class="media-nav">
<a href="" class="on">全部</a><a href="">德国高中</a><a href="">预科</a><a href="" class="on">硕士</a><a href="">APS审核</a><a href="">德国音乐</a>
<a href="/" >全部</a><a href="./highSchool.html">德国高中</a><a class="on" 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>

235
htmls/search.html Normal file
View File

@ -0,0 +1,235 @@
<!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 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="search w1236">
<div class="search-tit">
<p class="title-name">搜索</p>
<input class="input" placeholder="输入搜索内容后按回车搜索" type="text">
<div class="choose">
<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>
<div class="search-con">
<p class="title-name">共找到<span>0篇</span>相关结果</p>
<div class="none">
<div class="none-con">
<p>建议您更换关键词后再搜索</p>
<img src="/imgs/public/wnr.png" alt="">
</div>
</div>
<div class="list-con">
<div class="list">
<div class="list-img">
<img src="" class="imgW" alt="">
</div>
<div class="text">
<p class="p">
<span> 关键词A</span>文章标题这里写文章标题这里写文章标题这里写文章标题这里写文章标题-
</p>
<p class="date">2021-10-10</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img src="" class="imgW" alt="">
</div>
<div class="text">
<p class="p">
<span> 关键词A</span>文章标题这里写文章标题这里写文章标题这里写文章标题这里写文章标题-
</p>
<p class="date">2021-10-10</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img src="" class="imgW" alt="">
</div>
<div class="text">
<p class="p">
关键词A文章标题这里写文章标题这里写文章标题这里写文章标题这里写文章标题-
</p>
<p class="date">2021-10-10</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img src="" class="imgW" alt="">
</div>
<div class="text">
<p class="p">
<span> 关键词A</span>文章标题这里写文章标题这里写文章标题这里写文章标题这里写文章标题-
</p>
<p class="date">2021-10-10</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img src="" class="imgW" alt="">
</div>
<div class="text">
<p class="p">
<span> 关键词A</span>文章标题这里写文章标题这里写文章标题这里写文章标题这里写文章标题-
</p>
<p class="date">2021-10-10</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img src="" class="imgW" alt="">
</div>
<div class="text">
<p class="p">
<span> 关键词A</span>文章标题这里写文章标题这里写文章标题这里写文章标题这里写文章标题-
</p>
<p class="date">2021-10-10</p>
</div>
</div>
</div>
<div class="search-page">
<a href="">首页 </a><a href="">上一页</a><a href="" class="on">1</a><a href="">2</a><a href="">下一页</a><a href="">末页</a>
</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 type="text/javascript">
$(function(){
$(".radio").find('input').click(function(){
$(this).parent('label').siblings('label').find('input').removeAttr('checked') && $(this).attr('checked', 'checked');
console.log($('input[type="radio"]:checked').val())
})
})
</script>
<script>
var mySwiper = new Swiper('.media-swiper-container', {
loop: true, // 循环模式选项
pagination: {
el: '.media-swiper-pagination',
},
})
</script>
</body>
</html>

View File

@ -28,8 +28,8 @@
<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 on"><a >留学</a></li>
<li class="li"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
</ul>
@ -46,7 +46,7 @@
<div class="media-top">
<div class="media-nav">
<a href="" class="on">全部</a><a href="">德国高中</a><a href="">预科</a><a href="" class="on">硕士</a><a href="">APS审核</a><a href="">德国音乐</a>
<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>
</div>
</div>

View File

@ -28,8 +28,8 @@
<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 on"><a href="">留学</a></li>
<li class="li"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
</ul>
@ -46,7 +46,7 @@
<div class="media-top">
<div class="media-nav">
<a href="" class="on">全部</a><a href="">德国高中</a><a href="">预科</a><a href="" class="on">硕士</a><a href="">APS审核</a><a href="">德国音乐</a>
<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>
@ -58,351 +58,453 @@
</div>
</div>
<div class="w1236 degree-pd160" >
<div class="school-tit">
<p class="titp">高考成绩525分
<div class="w1236 degree-pd160">
<div class="school-tit">
<p class="titp">高考成绩525分
</p>
<p class="titp">可直申QS前200的德国名校</p>
<p class="text">2019年德国教育部首次认可中国高考成绩并批准高中毕业生在高考分数达到高考总成绩70%525/750的情况下认定其具备直接申请德国本科的资格。</p>
</div>
<div class="undergraduate-results">
<img src="" alt="">
</div>
</div>
<div class="degree-right school-degree-right">
<div class="w1236 degree-right-con ">
<div class="left">
<p class="titp">丰富的课外活动</p>
<p class="text">德国高中的课外活动通常分为运动类、艺术类和社会学习类。
包括但不限于:马术、高尔夫、帆船、游泳、足球、曲棍球、篮球、滑雪、沙滩排球、射箭、音乐、话剧表演、消防救援等。</p>
</div>
<div class="school-right-img">
<div class="s-img">
<img class="imgW" src="/imgs/qm.png" alt="">
</div>
<div class="s-img">
<img class="imgW" src="/imgs/qm.png" alt="">
</div>
<div class="s-img">
<img class="imgW" src="/imgs/qm.png" alt="">
</div>
<div class="s-img">
<img class="imgW" src="/imgs/qm.png" alt="">
</div>
</div>
</div>
</div>
<div class="degree-left school-degree-left">
<div class="w1236 degree-left-con">
<div class="school-right-img left">
<div class="s-img">
<img class="imgW" src="/imgs/qm.png" alt="">
</div>
<div class="s-img">
<img class="imgW" src="/imgs/qm.png" alt="">
</div>
<div class="s-img">
<img class="imgW" src="/imgs/qm.png" alt="">
</div>
<div class="s-img">
<img class="imgW" src="/imgs/qm.png" alt="">
</div>
</div>
<div class="right">
<p class="titp">留德过来人</p>
<p class="titp">带你一路“避坑”</p>
<p class="text">经验全能导师规划留德进程,疏通关键脉络。我们会以更专业的态度解答你所产生的每一个留德疑惑。</p>
</div>
</div>
</div>
<div class="bc1 degree-pd160">
<div class="school-tit ">
<p class="titp">"0.5+1+1"阶梯式平稳适应</p>
<p class="titp">德国高中学习生活</p>
<p class="text">半年左右在语言衔接课程中适应德国高中环境,达到一定的语言水平后入学。 进入第一年的引导阶段,通过考核后进入剩下两年的资格阶段,积极准备升入大学。</p>
<p class="titp">可直申QS前200的德国名校</p>
<p class="text">2019年德国教育部首次认可中国高考成绩并批准高中毕业生在高考分数达到高考总成绩70%525/750的情况下认定其具备直接申请德国本科的资格。</p>
</div>
<div class="w1236 school-life">
<div class="school-life-tit">
<p class="on one">0.5 适应阶段</p>
<p class="two">1+2 高中阶段</p>
</div>
<div class="school-life-con-one schoolClicka">
<p class="titp">半年左右适应环境语言学习达到B2.2等级</p>
<div class="list-con">
<div class="list">
<div class="list-img">
<img src="/imgs/ssy.png" class="imgW" alt="">
<p>从语言开始适应教学模式</p>
</div>
<div class="text">
<p>学生将在语言寄宿学校进行生活适应和语言学习。 </p>
<p>在平均为10人小班教学课堂中德国当地的老师将用各种生动有趣的教学方法激发学生学习德语的兴趣。</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img src="/imgs/ssy.png" class="imgW" alt="">
<p>从语言开始适应教学模式</p>
</div>
<div class="text">
<p>学生将在语言寄宿学校进行生活适应和语言学习。 </p>
<p>在平均为10人小班教学课堂中德国当地的老师将用各种生动有趣的教学方法激发学生学习德语的兴趣。</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img src="/imgs/ssy.png" class="imgW" alt="">
<p>从语言开始适应教学模式</p>
</div>
<div class="text">
<p>学生将在语言寄宿学校进行生活适应和语言学习。 </p>
<p>在平均为10人小班教学课堂中德国当地的老师将用各种生动有趣的教学方法激发学生学习德语的兴趣。</p>
</div>
</div>
</div>
</div>
<div class="school-life-con-one schoolClickb">
<p class="titp">高一适应,高二高三冲刺,确立未来升学目标</p>
<div class="list-con">
<div class="list">
<div class="list-img">
<img src="/imgs/ssy.png" class="imgW" alt="">
<p>从语言开始适应教学模式</p>
</div>
<div class="text">
<p>学生将在语言寄宿学校进行生活适应和语言学习。 </p>
<p>在平均为10人小班教学课堂中德国当地的老师将用各种生动有趣的教学方法激发学生学习德语的兴趣。</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img src="/imgs/ssy.png" class="imgW" alt="">
<p>从语言开始适应教学模式</p>
</div>
<div class="text">
<p>学生将在语言寄宿学校进行生活适应和语言学习。 </p>
<p>在平均为10人小班教学课堂中德国当地的老师将用各种生动有趣的教学方法激发学生学习德语的兴趣。</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img src="/imgs/ssy.png" class="imgW" alt="">
<p>从语言开始适应教学模式</p>
</div>
<div class="text">
<p>学生将在语言寄宿学校进行生活适应和语言学习。 </p>
<p>在平均为10人小班教学课堂中德国当地的老师将用各种生动有趣的教学方法激发学生学习德语的兴趣。</p>
</div>
</div>
</div>
</div>
<div class="undergraduate-results">
<img src="/imgs/bk1.png" class="imgW" alt="">
</div>
</div>
<div class="degree-pd160 ">
<div class="w1236">
<div class="school-tit ">
<p class="titp">驻德团队全程护航</p>
<p class="titp">第一时间反馈学生在德情况</p>
<p class="text">学生在德国高中内会有1-2名班主任24小时全程监护。
SID驻德团队持续跟进学生在德学习和生活情况让家长时刻把握孩子新动态。</p>
</div>
<div class="zd-school">
<img src="/imgs/ld.png" class="imgW" alt="">
</div>
</div>
</div>
<div class="bc1 degree-pd160">
<div class="school-tit">
<p class="titp">宝藏留学国家,坚持教育非产业化
</p>
<div class="school-tit ">
<p class="titp">"德国留学热门专业选择不受限</p>
<p class="titp">本硕阶段免学费</p>
<p class="text">学生在德国高中内会有1-2名班主任24小时全程监护。SID驻德团队持续跟进学生在德学习和生活情况让家长时刻把握孩子新动态。</p>
<p class="text">2019年德国教育部首次认可中国高考成绩并批准高中毕业生在高考分数达到高考总成绩70%525/750的情况下认定其具备直接申请德国本科的资格。</p>
</div>
<div class="educational w1236">
<div class="list">
<div>
<img 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>
</div>
</div>
<div class="list on">
<div>
<img src="/imgs/public/lx2.png" alt="">
</div>
<div class="text">
<p class="title-name">公立教育免学费</p>
<p class="p">德国是全球为数不多教育非产业化的高福利发达国家。
</p>
<p class="p">外国学生享受着和德国本国学生相同免学费的高品质高等教育。</p>
</div>
</div>
<div class="list">
<div>
<img src="/imgs/public/lx3.png" alt="">
</div>
<div class="text">
<p class="title-name">世界顶级的高校教育资源</p>
<p class="p">TU9工科大学联盟和精英大学集群均登陆QS全球高校排名前200。</p>
</div>
</div>
</div>
</div>
<div class="w1236 degree-pd160">
<div class="school-tit">
<p class="titp">不走高考独木桥,热门专业不受限
</p>
<p class="text">和美国对于专业申请的限制不同,
达到分数及高考科目的要求后即可申请热门专业,无其他门槛限制。</p>
</div>
<div class="undergraduate-professional">
<div class="list">
<img src="/imgs/public/zy1.png" alt="">
<p class="text">金融类</p>
</div>
<div class="list">
<img src="/imgs/public/zy1.png" alt="">
<p class="text">金融类</p>
</div>
<div class="list">
<img src="/imgs/public/zy1.png" alt="">
<p class="text">金融类</p>
</div>
<div class="list">
<img src="/imgs/public/zy1.png" alt="">
<p class="text">金融类</p>
</div>
<div class="list">
<img src="/imgs/public/zy1.png" alt="">
<p class="text">金融类</p>
</div>
<div class="list">
<img src="/imgs/public/zy1.png" alt="">
<p class="text">金融类</p>
</div>
</div>
</div>
<div class="undergraduate-immigration">
<div class="left-swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="list-img">
<img src="/imgs/public/immigration.png" class="imgW" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="list-img">
<img src="/imgs/public/immigration.png" class="imgW" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="list-img">
<img src="/imgs/public/immigration.png" class="imgW" alt="">
</div>
</div>
</div>
<!-- 如果需要分页器 -->
<div class="left-swiper-pagination"></div>
</div>
<div class="right">
<p class="title-name">就业移民利好, </p>
<p class="title-name mb58">工作与生活也可以兼得</p>
<div class="text">
<p class="p">可获得18个月超长的找工作签证</p>
</div>
<div class="text">
<p class="p">在德工作没有996
</p>
<p class="p">初入德国职场两年平均年薪高达44000欧元</p>
</div>
<div class="text">
<p class="p">工作后可申请欧盟蓝卡
</p>
<p class="p">可以更快的申请永久的国家居留权</p>
</div>
</div>
</div>
<div class="degree-video degree-pd160 w1236">
<div class="school-tit">
<p class="titp">对话同领域精英导师
</p>
<p class="titp">
详解未来专业与职业前景
</p>
<p class="text">结合未来的专业倾向SID提供学生与同领域在德精英导师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">杜塞尔多夫大学物流工程硕士 </p>
<p class="p">现就职于德国知名企业</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">杜塞尔多夫大学物流工程硕士 </p>
<p class="p">现就职于德国知名企业</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">杜塞尔多夫大学物流工程硕士 </p>
<p class="p">现就职于德国知名企业</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">杜塞尔多夫大学物流工程硕士 </p>
<p class="p">现就职于德国知名企业</p>
</div>
</div>
</div>
<a href="" class="degree-video-btn">查看更多导师</a>
</div>
<div class="bc1 degree-pd160">
<div class="w1236">
<div class="school-professional">
<div class="school-tit">
<p class="titp">自我定位+专业前辈引路
</p>
<p class="titp">
全新的留德规划方式
</p>
<p class="text">结合未来的专业倾向SID提供学生与同领域在德精英导师1V1对话
挖掘职业发展方向,进一步细化专业选择</p>
</div>
<div>
<img src="/imgs/public/sjz.png" class="imgW" alt="">
</div>
</div>
</div>
<div class=" degree-pd160">
<div class="w1236">
<div class="school-tit">
<p class="titp">以目标为导向
</p>
<p class="titp">
锁定更合适的德国名校
</p>
<p class="text">综合导师意见、学生喜好和家长意见,
根据所选专业,推荐更适合学生的德国名校,为申请做准备</p>
</div>
<div>
<img src="/imgs/public/xx.png" class="imgW" alt="">
</div>
</div>
</div>
<div class="bc1">
<div class="w1236 degree-pd160">
<div class="school-tit">
<p class="titp">德国名校录取展示
</p>
<p class="text">包含德国精英大学及德国TU9大学专业覆盖广泛</p>
</div>
<div class="degree-enroll">
<div class="list">
<img src="/imgs/zy.png" alt="">
<p class="titp">航空航天
工程类</p>
<div class="text">
<p> 如:航天运输与控制、遥感科学与技术、飞行器设计与工程、飞行器动力工程等专业。</p>
<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>
<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>
<div class="w1236 degree-pd160">
<div class="school-tit ">
<p class="titp">"海归团队指导德国高中留学
<div class="school-tit">
<p class="titp">
德国留学,处处无忧
</p>
<p class="titp">境内境外双重保障</p>
<p class="text">学生在德国高中内会有1-2名班主任24小时全程监护。SID驻德团队持续跟进学生在德学习和生活情况让家长时刻把握孩子新动态。</p>
<p class="titp">
锁定更合适的德国名校
</p>
<p class="text">全能导师+后期老师陪同
申请、动机信、签证、通通轻松搞定。</p>
</div>
<div class="school-apply">
<div class="school-apply-tit">
<div class="one oneClick">
<img class="imgW" src="/imgs/public/hg.png" alt="">
<p class="text">国内申请流程</p>
</div>
<div class="two twoClick">
<img src="/imgs/public/hga.png" alt="">
<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 class="school-apply-con school-apply-conClicka">
<div class="list">
<p class="titp">STEP1</p>
<p class="text">根据学生和家长的意愿选校、定校</p>
</div>
<div class="list">
<p class="titp">STEP4</p>
<p class="text">根据学生和家长的意愿选校、定校</p>
</div>
<div class="list">
<p class="titp">STEP2</p>
<p class="text">根据学生和家长的意愿选校、定校</p>
</div>
<div class="list">
<p class="titp">STEP5</p>
<p class="text">根据学生和家长的意愿选校、定校</p>
</div>
<div class="list">
<p class="titp">STEP3</p>
<p class="text">根据学生和家长的意愿选校、定校</p>
</div>
<div class="list">
<p class="titp onBer">STEP6</p>
<p class="text">入读9年级初三或10年级高一</p>
</div>
</div>
</div>
</div>
<div class="school-apply-con school-apply-conClickb">
<div class="bc1">
<div class="degree-plan w1236 degree-pd160">
<p class="titp">本科朝浪计划 项目总览</p>
<div class="degree-plan-w">
<div class="list">
<p class="titp onBer">STEP1</p>
<p class="text">前往语言寄宿学校</p>
<div class="list-img"><img src="/imgs/public/bkicon1.png" alt=""></div>
<div class="text">
<p class="titpa">01</p>
<p class="p">对话精英导师
</p>
<p class="p">详解未来前景</p>
</div>
</div>
<div class="list">
<p class="titp onBer">STEP4</p>
<p class="text">收到语言学校+德国高中双录取</p>
<div class="list-img"><img src="/imgs/public/bkicon2.png" alt=""></div>
<div class="text">
<p class="titpa">02</p>
<p class="p">制定更合适的
</p>
<p class="p">德国名校方案</p>
</div>
</div>
<div class="list">
<p class="titp onBer">STEP2</p>
<p class="text">交付申请材料,准备必要的德语翻译件</p>
<div class="list-img"><img src="/imgs/public/bkicon3.png" alt=""></div>
<div class="text">
<p class="titpa">03</p>
<p class="p">本科德国留学
</p>
<p class="p">时间规划</p>
</div>
</div>
<div class="list">
<p class="titp onBer">STEP5</p>
<p class="text">办理签证,行前指导</p>
<div class="list-img"><img src="/imgs/public/bkicon4.png" alt=""></div>
<div class="text">
<p class="titpa">04</p>
<p class="p">优化文书
</p>
<p class="p">冲刺名校</p>
</div>
</div>
<div class="list">
<p class="titp onBer">STEP3</p>
<p class="text">将资料递交至选定的德国高中进行申请</p>
</div>
<div class="list">
<p class="titp onBer">STEP6</p>
<p class="text">动身前往德国</p>
<div class="list-img"><img src="/imgs/public/bkicon5.png" alt=""></div>
<div class="text">
<p class="titpa">05</p>
<p class="p">申请前后
</p>
<p class="p">全面管理</p>
</div>
</div>
</div>
</div>
</div>
<div class="bc1 degree-pd160">
<div class="degree-ber">
<div class="w1236 ">
<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">布尔登王宫高级文理中学</p>
<p class="text">2019年张同学</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>
</div>
</div>
<div class="degree-apply" style="background-color: #fff;">
<p class="titp">SID专业申请团队 助你<span>步入理想高中</span></p>
<div class="degree-apply bcffff undergraduate">
<p class="titp">SID专业申请团队 助你<span>步入理想大学</span></p>
<a href="" class="xq"> <span>查看项目详情></span></span> </a>
<a href="" class="apply-btn">
<img src="/imgs/gou.png" alt="">
<p>立即开启咨询</p>
</a>
</div>
</div>
<script>
var mySwiper = new Swiper('.left-swiper-container', {
loop: true, // 循环模式选项
// 如果需要分页器
pagination: {
el: '.left-swiper-pagination',
},
})
</script>
<footer class="footer">
<div class="list-con">
<div class="ul w1236">

BIN
imgs/bk1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 880 KiB

BIN
imgs/public/SIDYX.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 918 KiB

BIN
imgs/public/Xxianvc.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
imgs/public/bkicon1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.9 KiB

BIN
imgs/public/bkicon2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

BIN
imgs/public/bkicon3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.9 KiB

BIN
imgs/public/bkicon4.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

BIN
imgs/public/bkicon5.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 906 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 MiB

BIN
imgs/public/c1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 326 KiB

BIN
imgs/public/date1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

BIN
imgs/public/dz.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 453 B

BIN
imgs/public/erm.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

BIN
imgs/public/gyber.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 412 KiB

BIN
imgs/public/immigration.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

BIN
imgs/public/ind.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 378 B

BIN
imgs/public/lx1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 160 KiB

BIN
imgs/public/lx2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 130 KiB

BIN
imgs/public/lx3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 212 KiB

BIN
imgs/public/m1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 196 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

BIN
imgs/public/ms1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 111 KiB

BIN
imgs/public/mubicBer.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

BIN
imgs/public/qf1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 209 KiB

BIN
imgs/public/sjz.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 112 KiB

BIN
imgs/public/sleft.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

BIN
imgs/public/sright.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 41 KiB

BIN
imgs/public/wnr.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

BIN
imgs/public/xx.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 162 KiB

BIN
imgs/public/xy.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 224 KiB

BIN
imgs/public/zhber.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
imgs/public/zs1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 503 KiB

BIN
imgs/public/zy1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 260 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
imgs/public/矩形 1382.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 116 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 157 B

BIN
imgs/public/组 2849.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

BIN
imgs/public/组 2849@2x.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@ -28,10 +28,10 @@
<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>
<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">