tangyi
/
SID
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
SID/htmls/media.html

407 lines
17 KiB
HTML
Raw Permalink Normal View History

学德
2021-11-30 10:33:20 +00:00
<!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>
<!-- 头部导航 -->
修改
2021-12-06 16:40:02 +00:00
<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="/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/search.html">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</a>
<a class="logo-top" href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
<p></p>
<p></p>
<p></p>
</div>
</nav>
</div>
</header>
修改
2021-12-06 17:11:16 +00:00
<script>
let navClickT = true
$(".navClick").on("click", () => {
if (navClickT) {
$(".header .nav ul").css("display", "flex")
$(".navClick").addClass("tr90")
navClickT = !navClickT
} else {
$(".header .nav ul").css("display", "none")
$(".navClick").removeClass("tr90")
navClickT = !navClickT
}
})
if( $(window).width() < 1025 ){
$(".media-on").prev().attr("href","javascript:;")
$(".media-on").prev().on("click",(e)=>{
console.log(123);
e.stopPropagation();
})
}
</script>
学德
2021-11-30 10:33:20 +00:00
修改
2021-12-06 16:40:02 +00:00
<div class="media-con-imgTop">
学德
2021-11-30 10:33:20 +00:00
<img src="/imgs/mber.png" alt="">
</div>
<div class="media-main w1236">
<div class="media-tit">
<p class="titp">更专业、更全面的德国留学新动态</p>
<p class="text">SID专注德国留学，在微信公众号、知乎、Bilibili、微博已覆盖超过10万+留德受众</p>
</div>
<div class="nav-A">
<a href="">首页</a>><a href="">媒体</a>
</div>
<div class="media-swiper">
<div class="media-swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="media-swiper-con">
<img class="imgW" src="/imgs/public/mbera.png" alt="">
<div>
<p class="date">2021-10-10</p>
<p class="text">德国留学必看：2021德国WIWO高校排名</p>
<p class="text">【快速版】</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="media-swiper-con">
<img class="imgW" src="/imgs/public/mbera.png" alt="">
<div>
<p class="date">2021-10-10</p>
<p class="text">德国留学必看：2021德国WIWO高校排名</p>
<p class="text">【快速版】</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="media-swiper-con">
<img class="imgW" src="/imgs/public/mbera.png" alt="">
<div>
<p class="date">2021-10-10</p>
<p class="text">德国留学必看：2021德国WIWO高校排名</p>
<p class="text">【快速版】</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="media-swiper-con">
<img class="imgW" src="/imgs/public/mbera.png" alt="">
<div>
<p class="date">2021-10-10</p>
<p class="text">德国留学必看：2021德国WIWO高校排名</p>
<p class="text">【快速版】</p>
</div>
</div>
</div>
</div>
<div class="media-swiper-pagination"></div>
</div>
</div>
<div class="title">
<p>视频</p>
<a href="">全部 ><img src="" alt=""></a>
</div>
<div class="media-video">
<div class="media-video-w">
<div class="list">
<div class="list-img">
<img class="imgW" src="/imgs/public/1.png" alt="">
</div>
<div class="list-text">
响应式
2021-12-04 06:18:52 +00:00
<p class="text clips3">德国留学必看：2021德国WIWO高校排名【快速版】</p>
学德
2021-11-30 10:33:20 +00:00
<p class="date">2021-10-10</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img class="imgW" src="/imgs/public/1.png" alt="">
</div>
<div class="list-text">
响应式
2021-12-04 06:18:52 +00:00
<p class="text clips3">德国留学必看：2021德国WIWO高校排名【快速版】</p>
学德
2021-11-30 10:33:20 +00:00
<p class="date">2021-10-10</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img class="imgW" src="/imgs/public/1.png" alt="">
</div>
<div class="list-text">
响应式
2021-12-04 06:18:52 +00:00
<p class="text clips3">德国留学必看：2021德国WIWO高校排名【快速版】</p>
学德
2021-11-30 10:33:20 +00:00
<p class="date">2021-10-10</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img class="imgW" src="/imgs/public/1.png" alt="">
</div>
<div class="list-text">
响应式
2021-12-04 06:18:52 +00:00
<p class="text clips3">德国留学必看：2021德国WIWO高校排名【快速版】</p>
学德
2021-11-30 10:33:20 +00:00
<p class="date">2021-10-10</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img class="imgW" src="/imgs/public/1.png" alt="">
</div>
<div class="list-text">
响应式
2021-12-04 06:18:52 +00:00
<p class="text clips3">德国留学必看：2021德国WIWO高校排名【快速版】</p>
学德
2021-11-30 10:33:20 +00:00
<p class="date">2021-10-10</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img class="imgW" src="/imgs/public/1.png" alt="">
</div>
<div class="list-text">
响应式
2021-12-04 06:18:52 +00:00
<p class="text clips3">德国留学必看：2021德国WIWO高校排名【快速版】</p>
学德
2021-11-30 10:33:20 +00:00
<p class="date">2021-10-10</p>
</div>
</div>
</div>
</div>
<div class="title">
<p>最新</p>
</div>
<div class="latest-top">
<div class="latest-top-con">
响应式
2021-12-04 06:18:52 +00:00
<p class="text clips1">这里写最新信息的内容这里写最新信息这里写最新信息的内容...</p>
<p class="text clips1">这里写最新信息的内容这里写最新信息这里写最新信息的内容</p>
学德
2021-11-30 10:33:20 +00:00
<a href="">了解更多</a>
</div>
</div>
响应式
2021-12-04 06:18:52 +00:00
学德
2021-11-30 10:33:20 +00:00
<div class="latest-con">
<div class="latest-con-w">
<div class="list">
<div class="list-img">
<img class="imgW" src="/imgs/public/1.png" alt="">
</div>
<div class="list-text">
响应式
2021-12-04 06:18:52 +00:00
<p class="text clips3">德国留学必看：2021德国WIWO高校排名【快速版】</p>
学德
2021-11-30 10:33:20 +00:00
<p class="date">2021-10-10</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img class="imgW" src="/imgs/public/1.png" alt="">
</div>
<div class="list-text">
响应式
2021-12-04 06:18:52 +00:00
<p class="text clips3">德国留学必看：2021德国WIWO高校排名【快速版】</p>
学德
2021-11-30 10:33:20 +00:00
<p class="date">2021-10-10</p>
</div>
</div>
<div class="list-a">
<img src="" class="imgW" alt="">
<div>
<p class="date">2021-10-10</p>
响应式
2021-12-04 06:18:52 +00:00
<p class="text clips2">这里写最新信息的内容这里写最新信息这里写最新信息的内容...</p>
学德
2021-11-30 10:33:20 +00:00
</div>
</div>
<div class="list">
<div class="list-img">
<img class="imgW" src="/imgs/public/1.png" alt="">
</div>
<div class="list-text">
响应式
2021-12-04 06:18:52 +00:00
<p class="text clips3">德国留学必看：2021德国WIWO高校排名【快速版】</p>
学德
2021-11-30 10:33:20 +00:00
<p class="date">2021-10-10</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img class="imgW" src="/imgs/public/1.png" alt="">
</div>
<div class="list-text">
响应式
2021-12-04 06:18:52 +00:00
<p class="text clips3">德国留学必看：2021德国WIWO高校排名【快速版】</p>
学德
2021-11-30 10:33:20 +00:00
<p class="date">2021-10-10</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img class="imgW" src="/imgs/public/1.png" alt="">
</div>
<div class="list-text">
响应式
2021-12-04 06:18:52 +00:00
<p class="text clips3">德国留学必看：2021德国WIWO高校排名【快速版】</p>
学德
2021-11-30 10:33:20 +00:00
<p class="date">2021-10-10</p>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
修改
2021-12-05 15:16:39 +00:00
<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>
学德
2021-11-30 10:33:20 +00:00
</div>
</div>
修改
2021-12-05 15:16:39 +00:00
学德
2021-11-30 10:33:20 +00:00
<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>
修改
2021-12-05 15:16:39 +00:00
学德
2021-11-30 10:33:20 +00:00
<div class="one">
修改
2021-12-05 15:16:39 +00:00
<a href="" class="placeholder" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
学德
2021-11-30 10:33:20 +00:00
<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>
修改
2021-12-05 15:16:39 +00:00
学德
2021-11-30 10:33:20 +00:00
<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>
修改
2021-12-05 15:16:39 +00:00
学德
2021-11-30 10:33:20 +00:00
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有  某ICP备xxxxxxxx号</p>
修改
2021-12-05 15:16:39 +00:00
学德
2021-11-30 10:33:20 +00:00
</footer>
修改
2021-12-05 15:16:39 +00:00
<div class="suspension">
<a>
<img src="/imgs/public/iocn.png" alt="">
</a>
<a>
<img src="/imgs/public/icon2.png" alt="">
<p class="tel">
028-61103687
</p>
</a>
<a>
<img src="/imgs/public/iocn1.png" alt="">
<div class="wxber">
<img class="imgW" src="/imgs/public/wx1.png" alt="">
</div>
</a>
<a>
<img src="/imgs/public/icon3.png" alt="">
</a>
</div>
学德
2021-11-30 10:33:20 +00:00
<script>
var mySwiper = new Swiper('.media-swiper-container', {
修改
2021-12-05 15:24:01 +00:00
autoplay:true, loop: true, // 循环模式选项
学德
2021-11-30 10:33:20 +00:00
pagination: {
el: '.media-swiper-pagination',
},
})
</script>
</body>
</html>