<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Home</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<!--script-->
<script src="js/jquery.chocolat.js"></script>
<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen" charset="utf-8">
<!--light-box-files-->
<script type="text/javascript" charset="utf-8">
$(function() {
$('.news-grid-left a').Chocolat();
});
</script>
<!--script-->
<!-- menu -->
<link href="css/component.css" rel="stylesheet" type="text/css" />
<!-- //menu -->
<link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
</head>
<body class="cbp-spmenu-push">
<div class="adcenter"><script src="http://www.cssmoban.com/include/new/ggad2_728x90.js"></script></div>
<!-- header -->
<div class="header">
<div class="container">
<div class="top-nav">
<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s2">
<h3>导航</h3>
<ul>
<li><a href="index.jsp">主页</a></li>
<li><a href="about.jsp">音乐专区</a></li>
<li><a href="services.jsp">文章社区</a></li>
<li><a href="typo.jsp">个人中心</a></li>
<li><a href="http://www.qq.com/" class="scroll">联系我们</a></li>
</ul>
<p>© 2016 爱分享社区 <a href="index.asp/"></a></p>
<ul class="social-i">
<li><a href="http://www.qq.com/" class="facebook"> </a></li>
<li><a href="http://www.baidu.com/" class="twitter"> </a></li>
<li><a href="http://www.alibaba.com/" class="g"> </a></li>
<li><a href="http://www.163.com/" class="in"> </a></li>
</ul>
</nav>
<div class="main buttonset">
<!-- Class "cbp-spmenu-open" gets applied to menu and "cbp-spmenu-push-toleft" or "cbp-spmenu-push-toright" to the body -->
<button id="showRightPush"><img src="images/menu.png" alt=""/></button>
<!--<span class="menu"></span>-->
</div>
<!-- Classie - class helper functions by @desandro https://github.com/desandro/classie -->
<script src="js/classie.js"></script>
<script>
var menuRight = document.getElementById( 'cbp-spmenu-s2' ),
showRightPush = document.getElementById( 'showRightPush' ),
body = document.body;
showRightPush.onclick = function() {
classie.toggle( this, 'active' );
classie.toggle( body, 'cbp-spmenu-push-toleft' );
classie.toggle( menuRight, 'cbp-spmenu-open' );
disableOther( 'showRightPush' );
};
function disableOther( button ) {
if( button !== 'showRightPush' ) {
classie.toggle( showRightPush, 'disabled' );
}
}
</script>
</div>
<div class="logo">
<a href="index.jsp">爱分享社区 </a>
</div>
<div class="search">
<% if(session.getAttribute("username")!=null){
out.print(session.getAttribute("username").toString()); %>
<a href ="exit.jsp">退出</a>
<a href ="usermanage.jsp">用户管理</a>
<a href ="articlemanage.jsp">文章管理</a>
<a href ="commentmanage.jsp">评论管理</a>
<%
} else{
%>
<a href ="userlogin.jsp">登录</a>
<a href ="typo.jsp">注册</a>
<% } %>
</div>
<!-- search-scripts -->
<script src="js/classie.js"></script>
<script src="js/uisearch.js"></script>
<script>
new UISearch( document.getElementById( 'sb-search' ) );
</script>
<!-- //search-scripts -->
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //header -->
<div class="copyrights">友情连接 <a href="http://music.163.com" >网易云音乐</a></div>
<!-- banner -->
<div class="banner">
<section class="slider">
<div class="flexslider">
<ul class="slides">
<li>
<div class="banner1">
<div class="container">
<div class="banner-info">
<h1>我们的音乐就是要色彩斑斓 <span></span></h1>
</div>
</div>
</div>
</li>
<li>
<div class="banner2">
<div class="container">
<div class="banner-info">
<p></p>
<h1>支持周杰伦 </h1>
</div>
</div>
</div>
</li>
<li>
<div class="banner3">
<div class="container">
<div class="banner-info">
<h1>见素抱朴<span>不忘初心</span></h1>
</div>
</div>
</div>
</li>
</ul>
</div>
</section>
<!--FlexSlider-->
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script defer src="js/jquery.flexslider.js"></script>
<script type="text/javascript">
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
<!--End-slider-script-->
</div>
<!-- //banner -->
<!-- welcome -->
<div class="welcome">
<div class="container">
<h3>welcome</h3>
<div class="dot">
<span class="glyphicon glyphicon-option-horizontal" aria-hidden="true"></span>
</div>
<div class="welcome-grid">
<div class="col-md-6 welcome-grid-left">
<img src="images/jaychou.jpg" alt=" " class="img-responsive" />
</div>
<div class="col-md-6 welcome-grid-right">
<div class="welcome-grid-right-grid">
<div class="welcome-grid-right-gridl">
<span class="glyphicon glyphicon-user" aria-hidden="true"></span>
</div>
<div class="welcome-grid-right-gridr">
<p>Welcome <span>欢迎来到爱分享社区</span></p>
</div>
<div class="clearfix"> </div>
</div>
<div class="welcome-grid-right-grid">
<div class="welcome-grid-right-gridl">
<span class="glyphicon glyphicon-music" aria-hidden="true"></span>
</div>
<div class="welcome-grid-right-gridr">
<p>Music <span>音乐分享</span></p>
</div>
<div class="clearfix"> </div>
</div>
<div class="welcome-grid-right-grid">
<div class="welcome-grid-right-gridl">
<span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
</div>
<div class="welcome-grid-right-gridr">
<p>Albums <span>美图分享</span></p>
</div>
<div class="clearfix"> </div>
</div>
<div class="welcome-grid-right-grid">
<div class="welcome-grid-right-gridl">
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
</div>
<div class="welcome-grid-right-gridr">
<p>Comment <span>欢迎评论！</span></p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="clearfix"> </div>
</div>
<p class="who"> 我们的目标是：我分享，我快乐！我索取，我自豪！本论坛的口号是：将免费进行到底！变废为宝，物通天下！</p>
</div>
</div>
<!-- //welcome -->
<!-- news -->
<div class="news">
<div class="container">
<h3>Events</h3>
<div class="dot mes">
<span class="glyphicon glyphicon-option-horizontal" aria-hidden="true"></span>
</div>
<div class="news-grids">
<div class="col-md-4 news-grid">
<div class="col-xs-7 news-grid-left">
<a href="images/18.jpg" rel="title" class="b-link-stripe b-animate-go thickbox">
<img src="images/18.jpg" alt=" " class="img-responsive" />
</a>
</div>
<div class="col-xs-5 news-grid-right">
<p>27th <span>November</span><label>2016</label></p>
</div>
<div class="clearfix"> </div>
<p class="fault">入驻歌手：陈奕迅</p>
<div class="more mre">
<a href="single.html"></a>
</div>
</div>
<div class="col-md-4 news-grid">
<div class="col-xs-7 news-grid-left">
<a href="images/16.jpg" rel="title" class="b-link-stripe b-animate-go thickbox">
<img src="images/16.jpg" alt=" " class="img-responsive" />
</a>
</div>
<div class="col-xs-5 news-grid-right">
<p>29th <span>July</span><label>2016</label></p>
</div>
<div class="clearfix"> </div>
<p class="fault">入驻歌手：贾斯汀比伯</p>
<div class="more mre">
<a href="single.html"></a>
</div>
</div>
<div class="col-md-4 news-grid">
<div class="col-xs-7 news-grid-left">
<a href="images/17.jpg" rel="title" class="b-link-stripe b-animate-go thickbox">
<img src="images/17.jpg" alt=" " class="img-responsive" />
</a>
</div>
<div class="col-xs-5 news-grid-right">
<p>31st <span>July</span><label>2016</label></p>
</div>
<div class="clearfix"> </div>
<p class="fault">入驻歌手：泰勒斯威夫特</p>
<div class="more mre">
<a href="single.html"></a>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //news -->
<!-- contact -->
<div id="mail" class="contact">
<div class="container">
<div class="contact-grids">
<div class="col-md-3 contact-grid">
<h3>联系我们</h3>
<div class="dot">
<span class="glyphicon glyphicon-option-horizontal" aria-hidden="true"></span>
</div>
<ul>
<li class="dot"><i class="glyphicon glyphicon-map-marker" aria-hidden="true"></i>地址：常州市<span>常州大学武进校区</span></li>
<li class="Phone"><i class="glyphicon glyphicon-phone" aria-hidden="true"></i>15061952710</li>
<li class="mail"><i class="glyphicon glyphicon-envelope" aria-hidden="true"></i><a href="http://baidu.com" class="mail">280971337@qq.com</a></li>
</ul>
</div>
<div class="col-md-4 contact-grid">
<h3>欢迎建议</h3>
<div class="dot">
<span class="glyphicon glyphicon-option-horizontal" aria-hidden="true"></span>
</div>
<form>
<input type="text" value="Name" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Name';}" required="">
<input type="email" value="Email" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Email';}" required="">
<input type="text" value="Telephone" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Telephone';}" required="">
<textarea type="text" οnfοcus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Message...';}" required="">备注...</textarea>
<input type="submit" value="Send" >
</form>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //contact -->
<!-- footer -->
<div class="footer">
<!-- container -->
<div class="container">
<div class="footer-top">
<div class="footer-grids">
<div class="col-md-3 footer-logo">
<a href="index.html">爱分享社区</a>
</div>
<div class="col-md-3 f-address">
<h5>Address</h5>
<ul>
<li>QQ:280971337</li>
<li>常州大学计算机141</li>
<li>Telephone: 15061952710</li>
<li>E-mail : <a href="mailto:example@email.com">Example@mail.com</a></li>
</ul></div>
<div class="col-md-6 f-address f-contact">
<h5>Subscribe Here</h5>
<form>
<input type="text" placeholder="Email address" required="">
<input type="submit" value="Subscribe">
</form>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //container -->
<div class="footer-bottom">
<div class="copyright">
<p>Copyright © 2016.常州大学计算机141All rights reserved. <a href="index.jsp" target="_blank" title="爱分享社区">爱分享社区</a> - 法律声明： <a href="index.jsp" title="网页模板" target="_blank">版权所有，盗版必究</a></p>
</div>
</div>
</div>
<!-- //footer -->
</body>
</html>
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
