SID/htmls/highSchool.html

631 lines
30 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters!

This file contains invisible Unicode characters that may be processed differently from what appears below. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to reveal hidden characters.

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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 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;">
<div class="w1236 studyAbroad-top-con">
<p class="titp fs80">德国精英高中直通</p>
<p class="text fs40">0.5+1+2 阶段式平稳适应</p>
</div>
</div>
<div class="school-tit mt160">
<p class="titp">德式精英教育,让孩子懂学习更懂生活 </p>
<p class="titp">选校覆盖超40所德国高中</p>
<p class="text">除了高质量的课上教学外,学生能够在课后时间体验丰富多彩的课外活动和社会实践, 从而获得全方位的成长。</p>
</div>
<div class="school-con">
<div class="school-swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="school-swiper-con">
<img class="imgW" src="/imgs/public/xxdt.png" alt="">
<div class="suspended"> <img class="zt" src="/imgs/public/sollzt.png" alt=""></div>
</div>
</div>
<div class="swiper-slide">
<div class="school-swiper-con">
<img class="imgW" src="/imgs/public/xxdt.png" alt="">
<div class="suspended"> <img class="zt" src="/imgs/public/sollzt.png" alt=""></div>
</div>
</div>
<div class="swiper-slide">
<div class="school-swiper-con">
<img class="imgW" src="/imgs/public/xxdt.png" alt="">
<div class="suspended"> <img class="zt" src="/imgs/public/sollzt.png" alt=""></div>
</div>
</div>
</div>
<!-- 如果需要分页器 -->
</div>
<div class="text">
<p class="titp">德国精英高中展示</p>
<div class="school-swiper-pagination"></div>
</div>
</div>
<script>
var mySwiper = new Swiper('.school-swiper-container', {
loop: true, // 循环模式选项
// 如果需要分页器
pagination: {
el: '.school-swiper-pagination',
clickable: true,
},
})
let schoolData = [{
name: '新波尔恩王宫高级文理中学 ',
address: "巴伐利亚州",
EV: "Schloss Neubeuern"
}, {
name: '新波尔恩王宫高级文理中学 ',
address: "巴伐利亚州",
EV: "Schloss Neubeuern"
},
{
name: '新波尔恩王宫高级文理中学 ',
address: "巴伐利亚州",
EV: "Schloss Neubeuern"
}]
let schoolNode = $(".school-swiper-pagination>span")
for (let index = 0; index < schoolData.length; index++) {
console.log(1);
schoolNode[index].innerHTML = `<div class="s-text">
<p class="s-titp">${schoolData[index].name}</p>
<p class="address">${schoolData[index].address}</p>
<p class="ev">${schoolData[index].EV}</p>
</div>`
}
</script>
<div class="degree-right school-degree-right">
<div class="w1236 degree-right-con ">
<div class="left">
<p class="titp">丰富的课外活动</p>
<p class="text clips3">德国高中的课外活动通常分为运动类、艺术类和社会学习类。
包括但不限于:马术、高尔夫、帆船、游泳、足球、曲棍球、篮球、滑雪、沙滩排球、射箭、音乐、话剧表演、消防救援等。</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 clips3">经验全能导师规划留德进程,疏通关键脉络。我们会以更专业的态度解答你所产生的每一个留德疑惑。</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 clips3">半年左右在语言衔接课程中适应德国高中环境,达到一定的语言水平后入学。 进入第一年的引导阶段,通过考核后进入剩下两年的资格阶段,积极准备升入大学。</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 class="clips3">学生将在语言寄宿学校进行生活适应和语言学习。 </p>
<p class="clips3">在平均为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 class="clips3">学生将在语言寄宿学校进行生活适应和语言学习。 </p>
<p class="clips3">在平均为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 class="clips3">学生将在语言寄宿学校进行生活适应和语言学习。 </p>
<p class="clips3">在平均为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>
</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>
<p class="titp">本硕阶段免学费</p>
<p class="text">学生在德国高中内会有1-2名班主任24小时全程监护。SID驻德团队持续跟进学生在德学习和生活情况让家长时刻把握孩子新动态。</p>
</div>
<div class="w1236">
<div class="school-professional">
<div class="list">
<img class="imgW" src="/imgs/zy.png" alt="">
<p class="titp">航空航天
工程类</p>
<div class="text">
<p> 如:航天运输与控制、遥感科学与技术、飞行器设计与工程、飞行器动力工程等专业。</p>
</div>
</div>
<div class="list">
<img class="imgW" src="/imgs/zy.png" alt="">
<p class="titp">航空航天
工程类</p>
<div class="text">
<p> 如:航天运输与控制、遥感科学与技术、飞行器设计与工程、飞行器动力工程等专业。</p>
</div>
</div> <div class="list">
<img class="imgW" src="/imgs/zy.png" alt="">
<p class="titp">航空航天
工程类</p>
<div class="text">
<p> 如:航天运输与控制、遥感科学与技术、飞行器设计与工程、飞行器动力工程等专业。</p>
</div>
</div> <div class="list">
<img class="imgW" src="/imgs/zy.png" alt="">
<p class="titp">航空航天
工程类</p>
<div class="text">
<p> 如:航天运输与控制、遥感科学与技术、飞行器设计与工程、飞行器动力工程等专业。</p>
</div>
</div> <div class="list">
<img class="imgW" src="/imgs/zy.png" alt="">
<p class="titp">航空航天
工程类</p>
<div class="text">
<p> 如:航天运输与控制、遥感科学与技术、飞行器设计与工程、飞行器动力工程等专业。</p>
</div>
</div> <div class="list">
<img class="imgW" src="/imgs/zy.png" alt="">
<p class="titp">航空航天
工程类</p>
<div class="text">
<p> 如:航天运输与控制、遥感科学与技术、飞行器设计与工程、飞行器动力工程等专业。</p>
</div>
</div> <div class="list">
<img class="imgW" src="/imgs/zy.png" alt="">
<p class="titp">航空航天
工程类</p>
<div class="text">
<p> 如:航天运输与控制、遥感科学与技术、飞行器设计与工程、飞行器动力工程等专业。</p>
</div>
</div> <div class="list">
<img class="imgW" src="/imgs/zy.png" alt="">
<p class="titp">航空航天
工程类</p>
<div class="text">
<p> 如:航天运输与控制、遥感科学与技术、飞行器设计与工程、飞行器动力工程等专业。</p>
</div>
</div>
</div>
</div>
</div>
<div class="w1236 degree-pd160">
<div class="school-tit ">
<p class="titp">"海归团队指导德国高中留学
</p>
<p class="titp">境内境外双重保障</p>
<p class="text">学生在德国高中内会有1-2名班主任24小时全程监护。SID驻德团队持续跟进学生在德学习和生活情况让家长时刻把握孩子新动态。</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 class="imgW" src="/imgs/public/hga.png" alt="">
<p class="text">境外服务及入学流程</p>
</div>
</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 class="school-apply-con school-apply-conClickb">
<div class="list">
<p class="titp onBer">STEP1</p>
<p class="text">前往语言寄宿学校</p>
</div>
<div class="list">
<p class="titp onBer">STEP4</p>
<p class="text">收到语言学校+德国高中双录取</p>
</div>
<div class="list">
<p class="titp onBer">STEP2</p>
<p class="text">交付申请材料,准备必要的德语翻译件</p>
</div>
<div class="list">
<p class="titp onBer">STEP5</p>
<p class="text">办理签证,行前指导</p>
</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>
</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>
<a href="" class="apply-btn">
<img src="/imgs/gou.png" alt="">
<p>立即开启咨询</p>
</a>
</div>
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
</div>
</div>
<div class="footer-con w1236">
<div class="one">
<a href=""><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>成都总部</p>
<p class="address"> <span>地址:</span> <span>四川·成都·武侯区星狮路511号大合仓A405
乘坐3号线-川藏立交站直达</span> </p>
<p class="date"> <span>电话:</span> 028-61103687</p>
<div class="wx">
<img src="/imgs/public/wx1.png" alt=""><img src="/imgs/public/wx2.png" alt="">
</div>
</div>
<div class="one">
<a href="" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>天津分部</p>
<p class="address"> <span>地址:</span> <span>天津·河西区 马场道59号平安大厦B座21层D单元
地铁1号线小白楼站</span> </p>
<p class="date"> <span>电话:</span>19922577220</p>
<div class="wx">
<img src="/imgs/public/wx3.png" alt=""><img src="/imgs/public/wx4.png" alt="">
</div>
</div>
<div class="two">
<p class="titp">联系我们</p>
<p><span>联络:</span><span>成先生</span></p>
<p><span>邮箱:</span><span>info@sidchina.com</span></p>
<div class="zx">
<a href="">
<div>
<img src="/imgs/wx.png" alt="">
</div>
<p>微信公众号</p>
</a>
<a href="">
<div>
<img src="/imgs/wb.png" alt="">
</div>
<p>微博</p>
</a>
<a href="">
<div>
<img src="/imgs/zh.png" alt="">
</div>
<p>知乎</p>
</a>
<a href="">
<div>
<img src="/imgs/bl.png" alt="">
</div>
<p>Bilibili</p>
</a>
</div>
</div>
</div>
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有 某ICP备xxxxxxxx号</p>
</footer>
<!-- hover 首页 -->
<script>
$(".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>