<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Metamorphosis Design Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="lib/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="lib/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="lib/jquery.coda-slider-2.0.js"></script>
<!-- Initialize each slider on the page. Each slider must have a unique id -->
<script type="text/javascript">
$().ready(function() {
$('#coda-slider-2').codaSlider({
autoSlide: true,
autoSlideInterval: 6000,
autoSlideStopWhenClicked: true
});
});
</script>
<!-- End JavaScript -->
<!-- Pirobox setup and styles -->
<script type="text/javascript" src="lib/pirobox.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$().piroBox({
my_speed: 400, //animation speed
bg_alpha: 0.1, //background opacity
slideShow : false, // true == slideshow on, false == slideshow off
slideSpeed : 4, //slideshow duration in seconds(3 to 6 Recommended)
close_all : '.piro_close,.piro_overlay'// add class .piro_overlay(with comma)if you want overlay click close piroBox
});
});
</script>
<link href="images/style.css" rel="stylesheet" type="text/css" />
<!-- Pirobox setup and styles end-->
</head>
<body>
<div id="main_bg">
<div id="main">
<!-- header -->
<div id="header">
<div id="logo">
<a href="#">metamorph_sunbeam</a>
<h2><a href="http://www.metamorphozis.com/" id="metamorph">Design by Metamorphosis Design</a></h2>
</div>
<div id="buttons">
<a href="index.html" class="but" title="">Home</a><div class="but_razd"></div>
<a href="blog.html" class="but" title="">Blog</a><div class="but_razd"></div>
<a href="gallery.html" class="but" title="">Gallery</a><div class="but_razd"></div>
<a href="about_us.html" class="but" title="">About us</a><div class="but_razd"></div>
<a href="contact_us.html" class="but" title="">Contact us</a>
</div>
</div><div class="inner_copy"><div class="inner_copy">Find <a href="http://www.designfloat.com/" title="web design news">web design news at designfloat.com </a> </div></div>
<!-- / header -->
<div class="top">
<div class="top_text">
<div class="coda-slider-wrapper">
<div class="coda-slider preload" id="coda-slider-2">
<div class="panel">
<div class="panel-wrapper">
<div class="my_header"><img src="images/img11.jpg" width="430" height="278" class="top_img" alt="" />
<h1>Lorem Ipsum Dolor</h1>
Maecenas pellentesque ipsum ac erat imperdiet vitae scelerisque tellus sodales. Suspendisse rutrum faucibus leo eget tristique. Mauris pretium scelerisque est ut faucibus. Sed feugiat eleifend justo ut porttitor. Donec vitae purus ut felis venenatis aliquet. Integer egestas rhoncus quam ut placerat. In hac habitasse platea dictumst. Sed porttitor purus eget ligula vehicula vel viverra justo placerat. Maecenas faucibus pharetra nibh vitae vehicula. Maecenas lacus metus, porta sit amet dapibus in, euismod sit amet massa. Phasellus ac tortor at quam varius lacinia.
<div class="read_l"><a href="gallery.html">read more</a></div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-wrapper">
<div class="my_header">
<div class="scroll_left"><img src="images/scroll2.jpg" class="top_img" alt="" /></div>
<div class="scroll_right">
<div class="scroll_left_inside"><h1>First Title</h1>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Sed tristique nunc ut libero</a></li>
<li><a href="#">Fusce sed turpis felis</a></li>
<li><a href="#">Maecenas aliquet purus</a></li>
<li><a href="#">Duis quis est sem</a></li>
<li><a href="#">Morbi non leo ut risus</a></li>
<li><a href="#">Integer posuere diam sem</a></li>
<li><a href="#">Maecenas a nisl sem</a></li>
</ul>
</div>
<div class="scroll_right_inside">
<h1>Second Title</h1>
<ul>
<li><a href="#">Phasellus at mauris est</a></li>
<li><a href="#">Donec et arcu sapien</a></li>
<li><a href="#">Nulla eget velit leo</a></li>
<li><a href="#">Praesent lacinia felis </a></li>
<li><a href="#">Pellentesque imperdiet sodales</a></li>
<li><a href="#">Cras tempor tortor at justo</a></li>
<li><a href="#">Duis et purus quis lorem </a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-wrapper">
<div class="my_header"><img src="images/scroll4.jpg" class="top_img" alt="" />
<h1>Suspendisse quis nibh purus, a laoreet ante.</h1>
In interdum lectus eget diam vehicula eu feugiat leo bibendum. Donec enim erat, dictum eu consectetur vitae, commodo eu nibh. Quisque in diam risus. Etiam gravida varius elit ac dignissim. Donec vitae volutpat ipsum. Vivamus porttitor, nulla vitae pulvinar congue, magna tortor ullamcorper justo, sed rutrum nulla lacus sed risus. Vivamus facilisis, ante in scelerisque fringilla, justo lorem imperdiet nulla, a laoreet mi turpis vel mi.
<div class="read_l"><a href="gallery.html">read more</a></div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-wrapper">
<div class="my_header">
<div class="scroll_left"><img src="images/scroll3.jpg" class="top_img" alt="" /></div>
<div class="scroll_right">
<p><a href="">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a><br/>
Nam justo odio, congue id fermentum sit amet, placerat sed nibh. Vestibulum pharetra nibh eu magna accumsan tristique. Sed ac velit urna, venenatis vulputate purus. </p>
<div class="read_l"><a href="gallery.html">read more</a></div>
<p><a href="">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a><br/>
Nam justo odio, congue id fermentum sit amet, placerat sed nibh. Vestibulum pharetra nibh eu magna accumsan tristique. Sed ac velit urna, venenatis vulputate purus. </p>
<div class="read_l"><a href="gallery.html">read more</a></div>
</div>
</div>
</div>
</div>
</div><!-- .coda-slider -->
</div>
</div>
</div>
<!-- content -->
<div class="cont_top"></div>
<div id="content">
<div id="cont_razd">
<div id="right">
<h1>Latest News</h1>
<span class="span_dat">Apr. 11, 2010</span><img src="images/img14.jpg" class="img_l" alt="" /><br/>
<span class="span_cont">Suspendisse rutrum interdum lacinia.</span><div style="height:5px"></div>
Suspendisse tempus aliquet elit sit amet pellentesque. Donec iaculis pulvinar mauris, ac vulputate justo pretium quis.
<div class="read_l"><a href="#">read more</a></div>
<span class="span_dat">Apr. 10, 2010</span><br/>
<span class="span_cont">Duis a molestie massa.</span><div style="height:5px"></div>
Nullam imperdiet vulputate volutpat. Nunc consectetur mattis accumsan. Etiam
<div class="read_l"><a href="#">read more</a></div>
</div>
<div id="left">
<h1>Welcome to our Website</h1>
<div class="text">
<img src="images/img12.jpg" class="img_l" width="200" height="133" alt="" /> <span class="span_cont">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ut elit elit. </span><br/>
Nam scelerisque, neque eget tempus convallis, velit turpis vestibulum lacus, vitae consectetur ante dolor quis lorem. <br/>
<img src="images/fish1.gif" alt="" />Mauris massa diam, ornare vel ultrices eget, vulputate dictum dui. Class aptent taciti sociosqu ad l
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
18种经典网站模板 (2000个子文件)
shuju.asp 1.61MB
Admin_Class_Product.asp 55KB
Function.asp 50KB
Admin_Skin.asp 32KB
HrDemandAccept.asp 30KB
SysProduct.asp 29KB
VerifyCode.asp 25KB
VerifyCode.asp 25KB
CompHonor.asp 23KB
fig.asp 22KB
khl.asp 21KB
ProductShow.asp 21KB
upload.asp 21KB
CompVisualize2.asp 21KB
CompVisualize.asp 21KB
HrDemand.asp 21KB
Index.asp 20KB
SCon.asp 19KB
NewsClass.asp 18KB
Shownews.asp 17KB
Products.asp 17KB
editor.asp 17KB
Product.asp 17KB
Aboutus.asp 15KB
admin_code_menu.asp 14KB
CompVisualizeBig.asp 14KB
CompHonorBig.asp 14KB
Function.asp 12KB
SysDown.asp 12KB
Md5.asp 11KB
md5.asp 11KB
LeftTree.asp 10KB
Ubbcode.asp 10KB
News_Manage.asp 9KB
ProductCheck.asp 9KB
browse.asp 8KB
ProductSave.asp 8KB
Admin_HrManage.asp 8KB
ProductSave2.asp 8KB
SelectDate.asp 8KB
SouthidcUbb.asp 8KB
ProductModify.asp 8KB
Sysadmin_view.asp 7KB
ProductManage.asp 7KB
admin_code_product.asp 7KB
ProductAdd.asp 7KB
Help.asp 6KB
News_modi.asp 6KB
Admin_UploadFileManage.asp 6KB
Login.asp 6KB
Admin_HrDemandEdit.asp 6KB
News_add.asp 6KB
Admin_HrDemandAdd.asp 6KB
Admin_Feedback.asp 6KB
AdminShownews.asp 5KB
Admin_CompVisualize.asp 5KB
Admin_Honor.asp 5KB
Admin_Manage.asp 5KB
upfile_class.asp 5KB
Upf_Pro.asp 5KB
Up_Pho.asp 5KB
Table.asp 5KB
Admin_HrDemand.asp 5KB
Admin_CompVisualizeEdit.asp 5KB
Admin_FeedbackAdd.asp 5KB
NewsType.asp 5KB
upfileclass.asp 4KB
News_save.asp 4KB
HrPolicy.asp 4KB
News_ClassAddSmall.asp 4KB
Selcolor.asp 4KB
Newscase.asp 4KB
ClassAddSmall.asp 4KB
Newscase2.asp 4KB
News_ClassManage.asp 4KB
Admin_CompVisualizeAdd.asp 4KB
AdminAboutus.asp 4KB
ClassManage.asp 4KB
News_ClassModifyBig.asp 4KB
News_ClassModifySmall.asp 4KB
Admin_ManageEdit.asp 4KB
Admin_DataBackup.asp 3KB
Admin_ChkLogin.asp 3KB
ClassModifyBig.asp 3KB
Admin_HonorEdit.asp 3KB
Error.ASP 3KB
ClassModifySmall.asp 3KB
AdminAboutusModify.asp 3KB
Image.asp 3KB
Admin_HonorAdd.asp 3KB
Admin_FeedbackRe.asp 3KB
AdminAboutusAdd.asp 3KB
News_ClassAddBig.asp 3KB
Check_Sql.asp 3KB
Admin_FeedbackEdit.asp 3KB
Head.asp 3KB
Admin_editAffiche.asp 3KB
ClassAddBig.asp 3KB
fig.asp 3KB
FeedbackSave.asp 3KB
共 2000 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
fwhua2000
- 粉丝: 2
- 资源: 7
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
前往页