<!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_h.png 1008B link_out.png 1008B c_r.png 984B b_c.png 984B c_l.png 984B共 123 条
- 1
- 2
资源评论
Q_97095639
- 粉丝: 386
- 资源: 1万+
最新资源
- LCD1602电子时钟程序
- 西北太平洋热带气旋【灾害风险统计】及【登陆我国次数评估】数据集-1980-2023
- 全球干旱数据集【自校准帕尔默干旱程度指数scPDSI】-190101-202312-0.5x0.5
- 基于Python实现的VAE（变分自编码器）训练算法源代码+使用说明
- 全球干旱数据集【标准化降水蒸发指数SPEI-12】-190101-202312-0.5x0.5
- C语言小游戏-五子棋-详细代码可运行
- 全球干旱数据集【标准化降水蒸发指数SPEI-03】-190101-202312-0.5x0.5
- spring boot aop记录修改前后的值demo
- 全球干旱数据集【标准化降水蒸发指数SPEI-01】-190101-202312-0.5x0.5
- ActiveReports
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
