<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<title>Free CSS template Collect from www.Cssmoban.com</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="css/images/favicon.ico?cb=1" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--[if IE 6]>
<link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" />
<![endif]-->
<link rel="stylesheet" href="js/fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.1.js"></script>
<script type="text/javascript" src="js/jquery-func.js"></script>
</head>
<body>
<!-- Shell -->
<div id="shell">
<!-- Header -->
<div id="header" class="big-box">
<div class="bg-bottom">
<!-- Logo -->
<h1 id="logo"><a href="#">Blogger</a></h1>
<!-- /Logo -->
<!-- Search -->
<div id="search">
<form action="#" method="post">
<fieldset>
<input type="text" name="string" value="" class="field" />
<input type="submit" value="SEARCH" class="submit" />
</fieldset>
</form>
</div>
<!-- /Search -->
<div class="cl"> </div>
</div>
</div>
<!-- /Header -->
<!-- Navigation -->
<div id="navigation">
<ul>
<li><a href="#" class="active"><span>home</span></a></li>
<li><a href="#"><span>about</span></a></li>
<li><a href="#"><span>services</span></a></li>
<li><a href="#"><span>projects</span></a></li>
<li><a href="#"><span>blog</span></a></li>
<li><a href="#"><span>contact</span></a></li>
</ul>
<div class="cl"> </div>
</div>
<!-- /Navigation -->
<!-- Main -->
<div id="main" class="big-box">
<div class="bg-top">
<div class="bg-bottom">
<!-- Big Slider -->
<div id="big-slider" class="slider">
<!-- Slider Holder -->
<div class="slider-holder">
<ul>
<!-- Slide -->
<li>
<div class="image">
<img src="css/images/big-slide-1.jpg" alt="" />
</div>
<div class="data">
<h2>Lorem ipsum dolor sit amet, consectetur adipisc- ing elit.</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet lacus at metus accumsan porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ligula ut dui adipiscing commodo.</p>
<p>Cras aliquet tellus sed dolor aliquet condimentum. Quisque in ligula orci … <a href="#">read more</a></p>
</div>
</li>
<!-- Slide -->
<!-- Slide -->
<li>
<div class="image">
<img src="css/images/big-slide-1.jpg" alt="" />
</div>
<div class="data">
<h2>Lorem ipsum dolor sit amet, consectetur adipisc- ing elit.</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet lacus at metus accumsan porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ligula ut dui adipiscing commodo.</p>
<p>Cras aliquet tellus sed dolor aliquet condimentum. Quisque in ligula orci … <a href="#">read more</a></p>
</div>
</li>
<!-- Slide -->
<!-- Slide -->
<li>
<div class="image">
<img src="css/images/big-slide-1.jpg" alt="" />
</div>
<div class="data">
<h2>Lorem ipsum dolor sit amet, consectetur adipisc- ing elit.</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet lacus at metus accumsan porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ligula ut dui adipiscing commodo.</p>
<p>Cras aliquet tellus sed dolor aliquet condimentum. Quisque in ligula orci … <a href="#">read more</a></p>
</div>
</li>
<!-- Slide -->
</ul>
<div class="cl"> </div>
</div>
<!-- Slider Holder -->
<!-- Slider Link -->
<a href="#" class="slider-link">View</a>
<!-- /Slider Link -->
</div>
<!-- /Big Slider -->
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" title="网站模板">网站模板</a></div>
<!-- Top Text Block -->
<div id="top" class="text-block">
<!-- Content -->
<div id="content" class="box">
<h3>Nulla tellus tempus magna. </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellen- tesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Aliquam ac congue nunc. Mauris a tortor ut massa egestas tempus. </p>
<p>Cras aliquet tellus sed dolor aliquet condimentum. Quisque in ligula orci … <a href="#">read more</a></p>
</div>
<!-- Content -->
<!-- Box -->
<div class="box last">
<h3>Consectetur elit</h3>
<p>Aliquam ac congue nunc. Mauris a tortor ut massa egestas tempus. Pellentesque tincidunt fermentum diam sagittis ullamcorper.</p>
<p>Cras aliquet tellus sed dolor aliquet condimentum … <a href="#">read more</a></p>
</div>
<!-- /Box -->
<div class="cl"> </div>
</div>
<!-- /Top Text Block -->
<!-- Small Slider -->
<div id="small-slider" class="slider">
<!-- Sldier Headings -->
<div class="slider-head">
<h4>Whats HOT this week</h4>
<div class="categories">
<a href="#" class="active">Events</a>
<a href="#">News</a>
<a href="#">Interviews</a>
<a href="#">Opinions</a>
</div>
<div class="cl"> </div>
</div>
<!-- /Slider Headings -->
<!-- Slider Holder -->
<div class="slider-holder">
<ul>
<li>
<a href="css/images/big-slide-1.jpg" rel="small-slider">
<span> </span>
<img src="css/images/small-slider-1.jpg" alt="" />
</a>
</li>
<li>
<a href="css/images/big-slide-1.jpg" rel="small-slider">
<span> </span>
<img src="css/images/small-slider-2.jpg" alt="" />
</a>
</li>
<li>
<a href="css/images/big-slide-1.jpg" rel="small-slider">
<span> </span>
<img src="css/images/small-slider-3.jpg" alt="" />
</a>
</li>
<li>
<a href="css/images/big-slide-1.jpg" rel="small-slider">
<span> </span>
<img src="css/images/small-slider-4.jpg" alt="" />
</a>
</li>
<li>
<a href="css/images/big-slide-1.jpg" rel="small-slider">
<span> </span>
<img src="css/images/small-slider-5.jpg" alt="" />
</a>
</li>
<li>
<a href="css/images/big-slide-1.jpg" rel="small-slider">
<span> </span>
<img src="css/images/small-slider-6.jpg" alt="" />
</a>
</li>
<li>
<a href="css/images/big-slide-1.jpg" rel="small-slider">
<span> </span>
<img src="css/images/small-slider-7.jpg" alt="" />
</a>
</li>
<li>
<a href="css/images/big-slide-1.jpg" rel="small-slider">
<span> </span>
<img src="css/images/small-slider-1.jpg" alt="" />
个人博客网站html+css源码
2星 需积分: 44 64 浏览量
2018-08-22
21:23:16
上传
评论 19
收藏 187KB ZIP 举报 
博客网站.zip （54个子文件） 
博客网站 cctp_5_blogger 
index.html 11KB js 
jquery-func.js 511B fancybox 
fancy_shadow_ne.png 347B fancy_title_right.png 506B fancy_close.png 1KB jquery.easing-1.3.pack.js 7KB
blank.gif 43B fancy_loading.png 10KB fancybox-y.png 176B fancy_shadow_n.png 106B fancy_nav_left.png 1KB jquery.mousewheel-3.0.2.pack.js 1KB fancy_shadow_e.png 107B fancybox.png 15KB fancy_shadow_sw.png 340B fancy_nav_right.png 1KB fancy_shadow_s.png 111B jquery.fancybox-1.3.1.js 27KB fancy_title_main.png 96B jquery.fancybox-1.3.1.css 8KB jquery.fancybox-1.3.1.pack.js 14KB fancybox-x.png 203B fancy_title_left.png 503B fancy_shadow_se.png 352B fancy_title_over.png 70B fancy_shadow_nw.png 324B fancy_shadow_w.png 103B jquery-1.4.2.min.js 71KB jquery.jcarousel.js 29KB css images big-box-bottom.gif 324B small-slider-next.gif 121B
small-slider-2.jpg 6KB navigation-active.gif 2KB small-slider-4.jpg 5KB big-slide-1.jpg 45KB big-box-top.gif 249B small-slider-prev.gif 122B favicon.ico 1KB slider-link.png 222B small-slider-3.jpg 4KB big-slider-prev.png 428B small-slider-7.jpg 5KB small-slider-magnifier.png 1KB small-slider-5.jpg 5KB logo.gif 6KB big-slider-next.png 382B big-box-middle.gif 123B submit.gif 515B small-slider-6.jpg 3KB small-slider-1.jpg 6KB navigation-dd-arrow.gif 96B navigation-active-dropdown.gif 2KB ie6.css 527B style.css 7KB资源评论
xczzmn2023-12-26内容是英语的，就一个首页，文件倒是全的
小智解说2022-10-23没什么用，里面页面就一个，太初级
