<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/slider.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
</head>
<body>
<div class="container">
<div class="header">
<!-- Slider -->
<div class="slider">
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<img src="images/2.jpg" data-thumb="images/2.jpg" alt="" />
<img src="images/1.jpg" data-thumb="images/1.jpg" alt="" />
<img src="images/3.jpg" data-thumb="images/3.jpg" alt="" />
<img src="images/4.jpg" data-thumb="images/4.jpg" alt=""/>
</div>
</div>
<div class="header_desc">
<div class="logo">
<a href="index.html"><img src="images/log.png" alt="" /></a>
</div>
</div>
</div>
<!--- End Slider --->
<div class="header-bottom">
<div class="top-nav">
<span class="menu"><img src="images/menu.png" alt=""> </span>
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="#">reviews</a></li>
<li><a href="#">Albums</a></li>
<li><a href="#">Blog</a></li>
<div class="clearfix"></div>
</ul>
<script>
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(500, function(){
});
});
</script>
</div>
<div class="social-icons">
<ul class="social">
<li><a href="#" ><i> </i> </a></li>
<li><a href="#" ><i class="rss"></i></a></li>
<li><a href="#" ><i class="twitter"></i></a></li>
<li><a href="#"><i class="dribble"></i></a></li>
<div class="clearfix"></div>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!---->
<div class="content-bottom">
<div class="col-md-8">
<div class="content-grid">
<h3><a href="about.html">查看详情请点击下面标题:</h3>
<p>Aliquam mattis varius dolor, id adipiscing metus.</p>
</div>
<div class="col-md-6 grid-top">
<video width="320" height="240" controls="controls">
<source src="../韩成龙-2125829115-网站规划/video/1.mp4">
</video>
<p >Proin lobortis erat sed metus interdum vel is all si aliquetsil purus cursus. Sed lacus erat bibnioum in rutrumriCurabitur condimentum erat non i sed.Sed ultrices posere mauris nec volutpat. ve asl luctus id libero.Suspendis alelri interdum poatill aliquet. Nunc molestie felis quis turis fringilla alryjhl tincunt. Nulla facilisi. Sed ac imperdiet sem.</p>
</div>
<div class="col-md-6 grid-middle">
<ul>
<li><a href="../电子商务-力到家旗舰店 (48)/audio/万能青年旅店 - 杀死那个石家庄人 (Live).mp3"><i> </i>失落沙洲 </a></li>
<li><a href="#"><i> </i>Vestibulum vitae lorem</a></li>
<li><a href="#"><i> </i>augue turpis varius orci</a></li>
<li><a href="#"><i> </i>Sed ultrices posere</a></li>
<li><a href="#"><i> </i>Phasellus in urna</a></li>
<li><a href="#"><i> </i>Vestibulum vitae lorem</a></li>
<li><a href="#"><i> </i>augue turpis varius orci</a></li>
<li><a href="#"><i> </i>Sed ultrices posere</a></li>
<li><a href="#"><i> </i>Vestibulum vitae lorem</a></li>
<li><a href="#"><i> </i>augue turpis varius orci</a></li>
<li><a href="#"><i> </i>Sed ultrices posere</a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 sap">
<!---->
<div class="cur-right">
<h3>Curabitur egestas</h3>
<div class="product">
<a href="#" class="fashion"><img class="img-responsive " src="images/pic.jpg" alt=""></a>
<div class="grid-product">
<p>Phasellus scelerisque enim eget eros accumsan eget ullamco</p>
<a href="#" class="more-info">More Info <i> </i></a>
</div>
<div class="clearfix"> </div>
</div>
<div class="product">
<a href="#" class="fashion"><img class="img-responsive " src="images/pic1.jpg" alt=""></a>
<div class="grid-product">
<p>Phasellus scelerisque enim eget eros accumsan eget ullamco</p>
<a href="#" class="more-info">More Info <i> </i></a>
</div>
<div class="clearfix"> </div>
</div>
<div class="product">
<a href="#" class="fashion"><img class="img-responsive" src="images/pic2.jpg" alt=""></a>
<div class="grid-product">
<p>Phasellus scelerisque enim eget eros accumsan eget ullamco</p>
<a href="#" class="more-info">More Info <i> </i></a>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="container">
<div class="copy">
<p >作者:韩成龙 时间:2022.12-2022.12.19 Company:YIN Yue Zhi Jia
</div>
</div>
</body>
</html>