SID/htmls/search.html

235 lines
10 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 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>