<!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 (123个子文件)
style.css 19KB
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_full8.jpg 321KB
featured_full3.jpg 200KB
featured_full5.jpg 194KB
featured_full1.jpg 179KB
slide2.jpg 156KB
slide6.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
featured8.jpg 44KB
featured1.jpg 33KB
footer_mask.jpg 27KB
featured5.jpg 24KB
map.jpg 19KB
featured9.jpg 18KB
featured2.jpg 16KB
featured3.jpg 16KB
featured7.jpg 15KB
featured4.jpg 15KB
featured6.jpg 14KB
staffmember.jpg 10KB
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
close_btn.png 1KB
readmorebutton.png 1KB
next.png 1KB
prev.png 1KB
youtube_32.png 1KB
b_l.png 1KB
t_r.png 1KB
b_r.png 1KB
t_l.png 1KB
twitter_32.png 1KB
textarea_form.png 1011B
link_out.png 1008B
link_out_h.png 1008B
c_r.png 984B
b_c.png 984B
c_l.png 984B
共 123 条
- 1
- 2
资源评论
Q_97095639
- 粉丝: 380
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功