<!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">
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-2" />
<meta name="description" content="Here you explain what your site is about" />
<meta name="keywords" content="here, you, put, keywords, separated, by ,comas, to, help, web, search, like, google, find, and, index, your, website," />
<title>Survive</title>
<!-- Fav icon -->
<link rel="shortcut icon" href="favicon.ico" />
<!-- Stylesheets -->
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" href="nivo/nivo-slider.css" type="text/css" media="screen" />
<link href="css_pirobox/demo5/style.css" media="screen" title="shadow" rel="stylesheet" type="text/css" />
<!-- jQuery -->
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="nivo/jquery.nivo.slider.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/titt_100-titt_400.font.js" type="text/javascript"></script>
<script src="js/jquery_site_enhanced.js" type="text/javascript"></script>
<script type="text/javascript" src="js/pirobox.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$().piroBox({
my_speed: 300, //animation speed
bg_alpha: 0.5, //background opacity
slideShow : 'true', // true == slideshow on, false == slideshow off
slideSpeed : 3, //slideshow
close_all : '.piro_close' // add class .piro_overlay(with comma)if you want overlay click close piroBox
});
});
</script>
<!--[if lte IE 8]>
<style type="text/css">.blog_page img{width:582px;}</style>
<![endif]-->
</head>
<!-- Body starts -->
<body>
<div class="container_xl">
<div class="top_section">
<!-- Logo -->
<div class="logo"><a href="index.html"><img src="images/logo.png" alt="" /></a></div>
<!-- Search slide-down -->
<div class="search_field">
<!-- Search Input -->
<div id="search_slide">
<form action="#" id="search_form" method="post">
<p><input type="text" name="SearchInput" id="search_input" value="" /></p>
<p><input type="submit" name="SearchSubmit" id="search_submit" value="" /></p>
</form>
</div>
</div>
<!-- Search button -->
<div class="search_click"></div>
<!-- Search Ends -->
<!-- Menus -->
<div class="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#">Features</a>
<ul>
<li><a href="about.html">About Page</a></li>
<li><a href="#">Mainpage Styles</a>
<ul>
<li><a href="index.html">Default Style</a></li>
<li><a href="index_v1.html">Style 2</a></li>
<li><a href="index_v2.html">Style 3</a></li>
<li><a href="index_v3.html">Style 4</a></li>
<li><a href="index_v4.html">Style 5</a></li>
</ul>
</li>
<li><a href="example.html">Typography</a></li>
<li><a href="#">Page Layouts</a>
<ul>
<li><a href="example.html">Full Width</a></li>
<li><a href="two_columns.html">Two columns</a></li>
<li><a href="sidebar_r.html">Sidebar Right</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="blog.html">Blog</a></li>
<li><a href="portfolio.html">Portfolio</a>
<ul>
<li><a href="portfolio2.html">Style 2</a></li>
<li><a href="portfolio3.html">Style 3</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<!-- Menus End -->
</div>
<!-- Top section Ends -->
<!-- Main wrapper -->
<div class="main_wrapper_top margin_10"></div>
<!-- Slogan -->
<div class="slogan">
<h6><a href="#">Survive</a> » <a href="#">blog</a>. » Welcome to the blog.</h6>
</div>
<!-- Slogan Ends -->
<div class="main_wrapper">
<!-- Content starts -->
<div class="content_gradient">
<!-- Left column starts -->
<div class="content_2_columns_left">
<h2>Typography section <strong>1.</strong><span>Images, headings and paragraphs.</span></h2><hr />
<img src="images/about/leaflet10.jpg" class="border_magic float_right" alt="" />
<p><strong>Image with magic-border floated right.</strong> <code>class="border_magic"</code> Curabitur a velum purus. Nam vel risus a elit malesuada dictum. Quisque rutrum neque nec tortor mollis ut vulputate lectus rutrum. Suspendisse non quam enim. Nam elit orci, vestibulum et mattis ullamcorper, venenatis a urna. Donec vel ullamcorper dui. Fusce lacinia sagittis sem, ac viverra risus molestie non. Cras fringilla ultricies feugiat. Donec in velit ligula. Curabitur orci nunc, dictum ac consequat nec, ornare et sem. Morbi hendrerit aliquam tortor, sed convallis sapien bibendum sed. Quisque eleifend, urna sed rutrum ultrices, augue velit mattis sem, in suscipit ante nulla a risus. Maecenas tempor sem sit amet tellus interdum feugiat. </p><p>Morbi neque purus, bibendum et pharetra a, porttitor sed turpis. Etiam rutrum, metus at dapibus porttitor, nibh purus ornare orci, nec tempor enim arcu a velit. Nunc pharetra euismod metus, eu porttitor sapien vestibulum vel. Cras scelerisque metus quis ante consequat ornare. Suspendisse sed nunc sit amet quam lacinia varius non non enim. </p>
<hr />
<img src="images/about/moo07.jpg" class="border_normal float_left" alt="" />
<p><strong>Image with normal-border floated left.</strong> <code>class="border_normal"</code> Duis vitae sapien in nisi iaculis lobortis a et dui. <a href="#">Aliquam sodales sollicitudin</a> magna, a iaculis massa pharetra et. Donec gravida vehicula libero, eu dignissim tellus porttitor at. Etiam vel tortor mi, id elementum ante. Suspendisse potenti. Maecenas convallis metus non risus posuere et aliquet purus suscipit. Quisque eleifend, urna sed rutrum ultrices, augue velit mattis sem, in suscipit ante nulla a risus. Maecenas tempor sem sit amet tellus interdum feugiat. Morbi neque purus, bibendum et pharetra a, porttitor sed turpis. Sed mauris massa, auctor a consectetur eu, rutrum a lectus.</p>
<p>Suspendisse non quam enim. Nam elit orci, vestibulum et mattis ullamcorper, venenatis a urna. Donec vel ullamcorper dui. Fusce lacinia sagittis sem, ac viverra risus molestie non. Cras fringilla ultricies feugiat. Donec in velit ligula. Curabitur orci nunc, dictum ac consequat nec, ornare et sem. Morbi hendrerit aliquam tortor, sed convallis sapien bibendum sed. Quisque eleifend</p>
<hr />
<p><strong>Paragraph with blockquote.</strong> <code><blockquote><p>some text</p></blockquote></code> Morbi neque purus, bibendum et pharetra a, porttitor sed turpis. Etiam rutrum, metus at dapibus porttitor, nibh purus ornare orci, nec tempor enim arcu a velit. Nunc pharetra euismod metus, eu porttitor sapien vestibulum vel. Cras scelerisque metus quis ante consequat ornare. Suspendisse sed nunc sit amet quam lacinia varius non non enim.</p>
<blockquote><p>Cras scelerisque metus quis ante consequat ornare. Suspendisse sed nunc sit amet quam lacinia varius non non enim. Duis vitae sapien in nisi iaculis lobortis a et dui. Aliquam sodales sollicitudin magna, a iaculis massa pharetra et. </p></blockquote>
<p>Curabitur orci nunc, dictum ac consequat nec, ornare et sem. Morbi hendrerit aliquam tortor, sed convallis sapien bibendum sed. Quisque eleifend, urna sed rutrum ultrices, augue velit mattis sem, in suscipit ante nulla a risus. Maecenas tempor sem sit amet tellus interdum feugiat.</p>
<h1>Headline H1 with <small>small</small> and <strong>strong</strong> element.<span>..and sub-heading, a span.</span></h1>
<h2>Head
高光黑色大图幻灯博客整站模板_黑色 幻灯 博客 整站 模板 大图 高光 渐变.rar （139个子文件） 
style.css 19KB style.css 4KB nivo-slider.css 2KB reset.css 647B
tf_125x125_v5.gif 10KB gr_125x125_v2.gif 10KB cc_125x125_v2.gif 9KB aj_125x125_v4.gif 9KB ajax-loader.gif 2KB
sidebar_r.html 16KB example.html 15KB two_columns.html 14KB index_v2.html 13KB index_v3.html 12KB index_v4.html 12KB blog.html 11KB portfolio.html 11KB portfolio2.html 10KB about.html 9KB index.html 9KB portfolio3.html 9KB index_v1.html 9KB contact.html 8KB favicon.ico 894B
featured_full2.jpg 485KB featured_full6.jpg 416KB featured_full6.jpg 416KB featured_full8.jpg 321KB featured_full3.jpg 200KB featured_full3.jpg 200KB featured_full5.jpg 194KB featured_full5.jpg 194KB featured_full1.jpg 179KB featured_full1.jpg 179KB slide2.jpg 156KB slide6.jpg 146KB featured_full4.jpg 146KB featured_full4.jpg 146KB slide3.jpg 138KB slide5.jpg 102KB slide1.jpg 100KB slide4.jpg 97KB featured_full9.jpg 97KB bcg.jpg 85KB test.jpg 70KB test2.jpg 65KB test3.jpg 60KB featured_full7.jpg 49KB featured_full7.jpg 49KB featured8.jpg 44KB featured1.jpg 40KB featured1.jpg 33KB featured5.jpg 33KB footer_mask.jpg 27KB featured4.jpg 25KB featured5.jpg 24KB featured7.jpg 21KB featured3.jpg 19KB map.jpg 19KB featured9.jpg 18KB featured6.jpg 17KB featured2.jpg 16KB featured3.jpg 16KB featured7.jpg 15KB featured4.jpg 15KB featured6.jpg 14KB staffmember.jpg 10KB featured1.jpg 9KB featured2.jpg 7KB featured3.jpg 7KB moo07.jpg 6KB leaflet10.jpg 5KB titt_100-titt_400.font.js 142KB jquery-1.4.2.min.js 70KB cufon-yui.js 18KB jquery.nivo.slider.js 15KB pirobox.min.js 10KB jquery_site_enhanced.js 3KB
featured3.png 15KB featured1.png 12KB arrows.png 8KB slider.png 8KB featured2.png 7KB dropdown.png 6KB logo.png 5KB information.png 5KB confirmation.png 5KB error.png 4KB warning.png 4KB main_wrapper_top_under.png 4KB main_wrapper_top.png 4KB menu-left.png 3KB contact.png 2KB search-field.png 2KB search-button.png 2KB main_wrapper_footer.png 2KB close_btn_h.png 2KB prev_h.png 1KB next_h.png 1KB rss_32.png 1KB共 139 条
- 1
- 2
资源评论
紫微前端
- 粉丝: 4490
- 资源: 871
最新资源
- 2025继续教育公需课必修课试题（含答案）.pptx
- 2025健康知识竞赛题库（含答案）.pptx
- 2025继续教育考试题（含答案）.pptx
- 公司中高层管理人员薪酬管理方案.doc
- 公司董事、高级管理人员薪酬考核制度.doc
- 高管人员薪酬方案.doc
- 高管薪酬管理制度.doc
- 高管薪酬设计方案.doc
- 中高层管理人员薪酬管理制度.doc
- 远大公司高层薪酬制度.doc
- 南航高管薪酬管理制度.docx
- 高级管理人员年薪制管理办法.docx
- 委派子公司高管绩效薪酬制度.docx
- 高管人员薪酬与绩效考核管理制度.docx
- 2025交管12123学法减分试题库（含参考答案）.pptx
- 2025计算机网络技术考试题（含答案）.doc
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
