<!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种经典网站模板 （2092个子文件） 
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共 2092 条
- 1
- 2
- 3
- 4
- 5
- 6
- 21
- 1
- 2
前往页