SID/htmls/media.html

407 lines
17 KiB
HTML
Raw Permalink 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">
<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>
<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>
<div class="media-con-imgTop">
<img src="/imgs/mber.png" alt="">
</div>
<div class="media-main w1236">
<div class="media-tit">
<p class="titp">更专业、更全面的德国留学新动态</p>
<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">
<p class="text clips3">德国留学必看2021德国WIWO高校排名【快速版】</p>
<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">
<p class="text clips3">德国留学必看2021德国WIWO高校排名【快速版】</p>
<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">
<p class="text clips3">德国留学必看2021德国WIWO高校排名【快速版】</p>
<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">
<p class="text clips3">德国留学必看2021德国WIWO高校排名【快速版】</p>
<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">
<p class="text clips3">德国留学必看2021德国WIWO高校排名【快速版】</p>
<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">
<p class="text clips3">德国留学必看2021德国WIWO高校排名【快速版】</p>
<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">
<p class="text clips1">这里写最新信息的内容这里写最新信息这里写最新信息的内容...</p>
<p class="text clips1">这里写最新信息的内容这里写最新信息这里写最新信息的内容</p>
<a href="">了解更多</a>
</div>
</div>
<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">
<p class="text clips3">德国留学必看2021德国WIWO高校排名【快速版】</p>
<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">
<p class="text clips3">德国留学必看2021德国WIWO高校排名【快速版】</p>
<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>
<p class="text clips2">这里写最新信息的内容这里写最新信息这里写最新信息的内容...</p>
</div>
</div>
<div class="list">
<div class="list-img">
<img class="imgW" src="/imgs/public/1.png" alt="">
</div>
<div class="list-text">
<p class="text clips3">德国留学必看2021德国WIWO高校排名【快速版】</p>
<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">
<p class="text clips3">德国留学必看2021德国WIWO高校排名【快速版】</p>
<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">
<p class="text clips3">德国留学必看2021德国WIWO高校排名【快速版】</p>
<p class="date">2021-10-10</p>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<a class="li" href="/htmls/link.html">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
</div>
</div>
<div class="footer-con w1236">
<div class="one">
<a href=""><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>成都总部</p>
<p class="address"> <span>地址:</span> <span>四川·成都·武侯区星狮路511号大合仓A405
乘坐3号线-川藏立交站直达</span> </p>
<p class="date"> <span>电话:</span> 028-61103687</p>
<div class="wx">
<img src="/imgs/public/wx1.png" alt=""><img src="/imgs/public/wx2.png" alt="">
</div>
</div>
<div class="one">
<a href="" class="placeholder" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>天津分部</p>
<p class="address"> <span>地址:</span> <span>天津·河西区 马场道59号平安大厦B座21层D单元
地铁1号线小白楼站</span> </p>
<p class="date"> <span>电话:</span>19922577220</p>
<div class="wx">
<img src="/imgs/public/wx3.png" alt=""><img src="/imgs/public/wx4.png" alt="">
</div>
</div>
<div class="two">
<p class="titp">联系我们</p>
<p><span>联络:</span><span>成先生</span></p>
<p><span>邮箱:</span><span>info@sidchina.com</span></p>
<div class="zx">
<a href="">
<div>
<img src="/imgs/wx.png" alt="">
</div>
<p>微信公众号</p>
</a>
<a href="">
<div>
<img src="/imgs/wb.png" alt="">
</div>
<p>微博</p>
</a>
<a href="">
<div>
<img src="/imgs/zh.png" alt="">
</div>
<p>知乎</p>
</a>
<a href="">
<div>
<img src="/imgs/bl.png" alt="">
</div>
<p>Bilibili</p>
</a>
</div>
</div>
</div>
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有 某ICP备xxxxxxxx号</p>
</footer>
<div class="suspension">
<a>
<img src="/imgs/public/iocn.png" alt="">
</a>
<a>
<img src="/imgs/public/icon2.png" alt="">
<p class="tel">
028-61103687
</p>
</a>
<a>
<img src="/imgs/public/iocn1.png" alt="">
<div class="wxber">
<img class="imgW" src="/imgs/public/wx1.png" alt="">
</div>
</a>
<a>
<img src="/imgs/public/icon3.png" alt="">
</a>
</div>
<script>
var mySwiper = new Swiper('.media-swiper-container', {
autoplay:true, loop: true, // 循环模式选项
pagination: {
el: '.media-swiper-pagination',
},
})
</script>
</body>
</html>