第二次作业-模仿实现主流网页
马云：https://gitee.com/peng_1314/codes/qcwi6n9omhfkj825tbvs156
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1">
<meta name="keywords" content="唱吧一个手机K歌神器"/>
<meta name="description" content="唱吧可以随时随地唱歌，实现你的音乐梦。"/>
<link rel="stylesheet" href="//cb.cdn.changbaimg.com/css/officialwebsite/reset.min.css" type="text/css" />
<link href="//cb.cdn.changbaimg.com/css/officialwebsite/home.min.css?ver=1.0.4" rel="stylesheet" />
<title>我的音乐梦</title>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?c2108cecb893efe72408d1a73fd53c01";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body>
<div class="public-bg-color overflow-hidden">
<link href="//cb.cdn.changbaimg.com/css/officialwebsite/common.min.css?ver=1.0.8" rel="stylesheet" />
<div class="public-area public-nav min-pc-width clearfix">
<a href="http://changba.com"><img src="//dn-changba.qbox.me/images/officialwebsite/logo.png" class="public-logo" alt="personal KTV" /></a>x
<div class="right">
<a href="javascript:;" class="public-nav-current public-nav-link">first</a>
<a href="https://changba.com/now/stars/index.html" class="public-nav-link" style="margin-left: 25px;">个人秀</a>
<a href="http://changba.com/now/membercenter.php" class="public-nav-link" style="margin-left: 25px;">充会员啦</a>
<a href="http://changba.com/payment/recharge.php" class="public-nav-link" style="margin-left: 25px;">充金币啦</a>
<a href="http://changba.com/now/banzou/list.php" class="public-nav-link" style="margin-left: 25px;">分享歌曲</a>
<a href="/now/zhibo/zhibo.php" class="public-nav-link" style="margin-left: 25px;">开直播啦</a>
<a href="https://changba.com/now/musicianPage/musicianIndex.php" class="public-nav-link" style="margin-left: 25px;">MUSICIAN</a>
<a href="https://changba.com/now/joinus.php" class="public-nav-link" style="margin-left: 25px;">JOIN US</a>
</div>
</div>
<div class="home-download-container public-area">
<img src="//cb.cdn.changbaimg.com/assets/images/wap/member-center/ktvNew.png?v=bddec87848" class="home-download-ktv" alt="我的音乐梦" />
<a href="#home-download" class="home-download-link">DOWNLOAD</a>
</div>
<div class="home-display-container public-area">
<img src="//cb.cdn.changbaimg.com/images/officialwebsite/index/top1.png?ver=1.0.2" class="home-display-img home-display-img1" alt="唱吧App" />
<img src="//cb.cdn.changbaimg.com/images/officialwebsite/index/top2.png?ver=1.0.2" class="home-display-img home-display-img2" alt="唱吧App" />
<img src="//cb.cdn.changbaimg.com/images/officialwebsite/index/top3.png?ver=1.0.3" class="home-display-img home-display-img3" alt="唱吧App" />
<img src="//cb.cdn.changbaimg.com/images/officialwebsite/index/top4.png?ver=1.0.2" class="home-display-img home-display-img4" alt="唱吧App" />
<img src="//cb.cdn.changbaimg.com/images/officialwebsite/index/top5.png?ver=1.0.2" class="home-display-img home-display-img5" alt="唱吧App" />
</div>
</div>
<ul class="public-area home-feature-ul">
<li class="home-feature-li">
<img src="//cb.cdn.changbaimg.com/images/officialwebsite/index/display1.jpg?ver=1.0.0" alt="我的音乐梦" />
<div class="home-feature-description">我的音乐梦</div>
</li>
<li class="home-feature-li">
<img src="//cb.cdn.changbaimg.com/images/officialwebsite/index/display2.jpg?ver=1.0.0" alt="独一无二的伴奏" />
<div class="home-feature-description">独一无二的伴奏</div>
</li>
<li class="home-feature-li">
<img src="//cb.cdn.changbaimg.com/images/officialwebsite/index/display3.jpg?ver=1.0.0" alt="最牛小伙伴" />
<div class="home-feature-description">最牛小伙伴</div>
</li>
<li class="home-feature-li">
<img src="//cb.cdn.changbaimg.com/images/officialwebsite/index/display4.jpg?ver=1.0.0" alt="周边兴趣群组" />
<div class="home-feature-description">周边兴趣群组</div>
</li>
<li class="home-feature-li home-feature-place-li"></li>
</ul>
</div>
<script type="text/javascript" src="//cb.cdn.changbaimg.com/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="//cb.cdn.changbaimg.com/js/widget/jquery.ui.widget.min.js"></script>
<script src="//cb.cdn.changbaimg.com/js/officialwebsite/home.min.js?ver=1.0.9"></script>
</body>
</html>
