<!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 by ChocoTemplates.com</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="css/images/favicon.ico" />
<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" />
<script src="js/png-fix.js" type="text/javascript" charset="utf-8"></script>
<![endif]-->
<script src="js/jquery-1.4.2.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.jcarousel.js" type="text/javascript" charset="utf-8"></script>
<script src="js/cufon-yui.js" type="text/javascript" charset="utf-8"></script>
<script src="js/Arial.font.js" type="text/javascript" charset="utf-8"></script>
<script src="js/js-func.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- header -->
<div id="header" class="center">
<h1 id="logo" class="notext"><a href="#">Software Company</a></h1>
<div class="cl"> </div>
</div>
<!-- end header -->
<!-- shell -->
<div class="shell">
<!-- slider -->
<div id="slider">
<!-- slider content -->
<div class="content">
<ul>
<li><img src="css/images/slider-image.gif" alt="" class="slide-image" />
<div class="text-container">
<h2>Lorem ipsum dolor sit amet.</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi consectetur ante vel augue egestas ac accumsan nunc sollicitudin. Fusce gravida vehicula neque, vitae fringilla ante aliquet in.</p>
<a href="#" class="btn"><span>read more</span></a>
<div class="cl"> </div>
</div>
<div class="cl"> </div>
</li>
<li><img src="css/images/slider-image.gif" alt="" class="slide-image" />
<div class="text-container">
<h2>Lorem ipsum dolor sit amet.</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi consectetur ante vel augue egestas ac accumsan nunc sollicitudin. Fusce gravida vehicula neque, vitae fringilla ante aliquet in.</p>
<a href="#" class="btn"><span>read more</span></a>
<div class="cl"> </div>
</div>
<div class="cl"> </div>
</li>
<li><img src="css/images/slider-image.gif" alt="" class="slide-image" />
<div class="text-container">
<h2>Lorem ipsum dolor sit amet.</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi consectetur ante vel augue egestas ac accumsan nunc sollicitudin. Fusce gravida vehicula neque, vitae fringilla ante aliquet in.</p>
<a href="#" class="btn"><span>read more</span></a>
<div class="cl"> </div>
</div>
<div class="cl"> </div>
</li>
</ul>
</div>
<!-- end slider content -->
<!-- slider navigation -->
<div class="nav">
<a href="#" id="up" class="notext"> </a>
<a href="#" id="down" class="notext"> </a>
</div>
<!-- end slider navigation -->
</div>
<!-- end slider -->
<!-- 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>Products</span></a></li>
<li><a href="#"><span>Services</span></a></li>
<li><a href="#"><span>Blog</span></a></li>
<li><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- end navigation -->
<!-- main -->
<div id="main">
<!-- content -->
<div id="content" class="left">
<!-- welcome -->
<div class="welcome">
<h2>Welcome</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at lobortis mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec mi nisl, sollicitudin eget hendrerit eu, molestie in odio. Suspendisse quis orci vitae purus scelerisque porttitor sollicitudin porttitor sem.</p>
</div>
<!-- end welcome -->
<!-- news -->
<div class="news">
<!-- news item -->
<div class="news-item">
<span class="news-pointer">1</span>
<div class="news-body">
<h3>Vehicula neque</h3>
<a href="#" class="btn"><span><em>read more</em></span></a>
<div class="cl"> </div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at lobortis mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec mi nisl, sollicitudin eget hendrerit eu, molestie in odio. Suspendisse quis orci vitae purus scelerisque porttitor sollicitudin porttitor sem.</p>
</div>
<div class="cl"> </div>
</div>
<!-- end news item -->
<!-- news item -->
<div class="news-item">
<span class="news-pointer">2</span>
<div class="news-body">
<h3>Primis in faucibus luctus</h3>
<a href="#" class="btn"><span><em>read more</em></span></a>
<div class="cl"> </div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at lobortis mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.</p>
</div>
<div class="cl"> </div>
</div>
<!-- end news item -->
<!-- news item -->
<div class="news-item">
<span class="news-pointer">3</span>
<div class="news-body">
<h3>Nulla lovortis cubilia</h3>
<a href="#" class="btn"><span><em>read more</em></span></a>
<div class="cl"> </div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at lobortis mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec mi nisl, sollicitudin eget hendrerit eu, molestie in odio. Suspendisse quis orci vitae purus scelerisque porttitor sollicitudin porttitor sem.</p>
</div>
<div class="cl"> </div>
</div>
<!-- end news item -->
</div>
<!-- end news -->
</div>
<!-- end content -->
<!-- sidebar -->
<div id="sidebar" class="right">
<!-- blog roll -->
<div class="blog-roll">
<a href="#" class="rss-feed notext"> </a>
<h2>Blog Roll</h2>
<div class="cl"> </div>
<!-- blog roll item -->
<div class="blog-item">
<h4><a href="#">Nulla at lobortis mauris.</a></h4>
<span class="blog-date">23.05.09</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at lobortis mauris.</p>
</div>
<!-- end blog roll item -->
<!-- blog roll item -->
<div class="blog-item">
<h4><a href="#">Ipsum dolor sit</a></h4>
<span class="blog-date">23.05.09</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at lobortis mauris.</p>
</div>
<!-- end blog roll item -->
<!-- blog roll item -->
<div class="blog-item">
<h4><a href="#">Suspedisse quis orci vitae</a></h4>
<span class="blog-date">23.05.09</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at lobortis mauris.</p>
</div>
<!-- end blog roll item -->
</div>
<!-- end blog roll -->
<!-- contact -->
<div class="contact">
<h2>Contact</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at lobortis mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.</p>
</div>
<!-- end contact -->
</div>
<!-- end sidebar -->
<div class="cl"> </div>
</div>
<!-- end main -->
<!-- footer -->
<div id="footer">
<p class="left">
<a href="#">TERMS OF USE<
没有合适的资源?快使用搜索试试~ 我知道了~
网站模板-软件开发动态网页模板-HTML源码.zip
共24个文件
gif:12个
js:6个
png:2个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 119 浏览量
2024-03-24
15:03:57
上传
评论
收藏 122KB ZIP 举报
温馨提示
这套HTML源代码文件是一个完整的网页模板,适用于各种类型的网站。它采用了最新的HTML5和CSS3技术,具有响应式设计,能够适应不同设备的屏幕尺寸。此外,它还包含了丰富的JavaScript插件,可以实现各种复杂的交互效果。这套源代码文件还具有高度的可定制性。您可以根据自己的需求对页面进行布局调整、颜色更改以及内容替换,轻松打造出符合您项目风格的网站。同时,我们的代码结构清晰、注释详细,方便您学习和理解HTML、CSS和JavaScript等前端技术。您可能面临着课程设计、毕业设计等挑战。这套源代码文件将成为您的得力助手,帮助您展示自己的才华和技能。通过使用这套源代码文件,您可以轻松地完成网站搭建任务,为您的课程设计或毕业设计增添亮点。总的来说,这套HTML源代码文件是一个高效、实用、易用的工具,无论你是专业的网页设计师,还是业余的编程爱好者,都值得拥有。
资源推荐
资源详情
资源评论
收起资源包目录
网站模板-软件开发动态网页模板-HTML源码.zip (24个子文件)
网站模板-软件开发动态网页模板-HTML源码
html
js
png-fix.js 7KB
Arial.font.js 23KB
js-func.js 782B
cufon-yui.js 18KB
jquery-1.4.2.js 160KB
jquery.jcarousel.js 31KB
css
style.css 6KB
ie6.css 0B
images
navigation-bg.png 3KB
read-more-btn.gif 2KB
nav-hover.gif 2KB
slider-up.gif 2KB
ico-rss.gif 2KB
ico-btn.gif 1KB
logo.gif 4KB
news-pointer.gif 3KB
bg.gif 2KB
footer-bg.png 1KB
favicon.ico 1KB
slider-image.gif 15KB
slider-nav.gif 2KB
shell-t.gif 7KB
slider-down.gif 743B
index.html 8KB
共 24 条
- 1
资源评论
DTcode7
- 粉丝: 4518
- 资源: 4093
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功