115 lines
4.1 KiB
HTML
115 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
<link rel="stylesheet" href="http://at.alicdn.com/t/font_3359132_0ieicnv9yoqi.css">
|
|
<link rel="stylesheet" href="./css/clear.css">
|
|
<link rel="stylesheet" href="./css/public.css">
|
|
<link rel="stylesheet" href="./css/index.css">
|
|
</head>
|
|
<body>
|
|
<div class="header">
|
|
<div class="center">
|
|
<div class="logo left">
|
|
<img class="left" src="https://h5static.kuwo.cn/www/kw-www/img/logo.7bf8751.png" alt="">
|
|
<ul class="left">
|
|
<li class="active">
|
|
<a href="">发现音乐</a>
|
|
</li>
|
|
<li>
|
|
<a href="">下载客户端</a>
|
|
</li>
|
|
<li>
|
|
<a href="">音乐现场</a>
|
|
</li>
|
|
<li>
|
|
<a href="">VIP会员</a>
|
|
</li>
|
|
<li>
|
|
<a href="">酷我畅听</a>
|
|
</li>
|
|
<li>
|
|
<a href="">酷我耳机</a>
|
|
</li>
|
|
<li>
|
|
<a href="">更多</a>
|
|
<div class="menu">
|
|
<div class="item">
|
|
<a href="">更多音乐人</a>
|
|
</div>
|
|
<div class="item">
|
|
<a href="">HIFI音乐</a>
|
|
</div>
|
|
<div class="item">
|
|
<a href="">主播创造中心</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="search right">
|
|
<div class="search_wrap left relative">
|
|
<i class="iconfont icon-sousuo_o absolute"></i>
|
|
<input type="text" placeholder="搜索音乐/MV/歌单/歌手">
|
|
</div>
|
|
<div class="logo_text left">登录 / 注册</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content">
|
|
<div class="sub_nav">
|
|
<div class="center">
|
|
<ul>
|
|
<li class="active">
|
|
<a href="">推荐</a>
|
|
</li>
|
|
<li>
|
|
<a href="">排行榜</a>
|
|
</li>
|
|
<li>
|
|
<a href="">歌手</a>
|
|
</li>
|
|
<li>
|
|
<a href="">歌单</a>
|
|
</li>
|
|
<li>
|
|
<a href="">MV</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="banner">
|
|
<div class="center relative">
|
|
<img src="https://kwimg1.kuwo.cn/star/upload/93/93/1635395354301_.png" alt="">
|
|
<i class="absolute iconfont icon-htmal5icon39"></i>
|
|
<i class="absolute iconfont icon-htmal5icon39-copy"></i>
|
|
<ul class="absolute">
|
|
<li>
|
|
<i class="iconfont icon-sousuo_o"></i>
|
|
<span>下载PC版</span>
|
|
</li>
|
|
<li>
|
|
<i class="iconfont icon-sousuo_o"></i>
|
|
<span>下载PC版</span>
|
|
</li>
|
|
<li>
|
|
<i class="iconfont icon-sousuo_o"></i>
|
|
<span>下载PC版</span>
|
|
</li>
|
|
<li>
|
|
<i class="iconfont icon-sousuo_o"></i>
|
|
<span>下载PC版</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer"></div>
|
|
</body>
|
|
</html> |