<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta name="viewport" content="initial-scale=1, maximum-scale=1" />
<meta name="viewport" content="width=device-width" />
<title>I Folio A Responsive HTML5 Template</title>
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/layout.css" />
<link rel="stylesheet" type="text/css" href="css/jqueryslidemenu.css" />
<link rel="stylesheet" type="text/css" href="css/widget.css" />
<link rel="stylesheet" type="text/css" href="css/blog.css" />
<link rel="stylesheet" type="text/css" href="css/flexslider.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="css/responsive.css" />
<link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Open+Sans:300,400,500,600,700' rel='stylesheet' type='text/css' />
<script type="text/javascript" src="js/jquery-1.8.1.js"></script>
<script type="text/javascript" src="js/jqueryslidemenu.js"></script>
<script type="text/javascript" src="js/jquery.flexslider.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script type="text/javascript">
//portfolio flex slider
jQuery(document).ready(function(){
jQuery('.flexslider').flexslider();
directionNav:true
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<body>
<!-- Header Start -->
<section id="header_wrap">
<nav id="myslidemenu" class="jqueryslidemenu clearfix">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="portfolio.html">Portfolio</a>
<ul>
<li><a href="portfolio_3col.html">Portfolio 3</a></li>
<li><a href="portfolio_2col.html">Portfolio 2</a></li>
<li><a href="portfolio_sidebar.html">Portfolio Sidebar</a></li>
</ul>
</li>
<li><a class="active" href="blog.html">Blog</a></li>
<li><a href="typography.html">Typography</a>
<ul>
<li><a href="elements.html">Elements</a></li>
<li><a href="columns.html">Columns</a></li>
<li><a href="pricing_table.html">Pricing Table</a></li>
</ul>
</li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
</section>
<!-- Header End -->
<!-- Logo Start -->
<figure><a href="index.html"><img src="images/logo.png" alt="img" /></a></figure>
<!-- Logo End -->
<div id="triangle-up"></div>
<!-- Content Start -->
<section id="content_wrap">
<article>
<div class="sub_header">
<h2>Blog</h2>
<form class="searchform" method="get" role="search" />
<input class="s" type="text" onblur="if(this.value=='') this.value='Site Search'" onfocus="if(this.value =='Site Search' ) this.value=''" value="Site Search" />
<input class="searchsubmit" type="submit" value="" />
<a onclick="document.getElementById('search-form').submit()"></a>
</form>
</div>
<!-- Blog Start -->
<div class="two_third">
<div class="blog_post">
<div class="thumb_img">
<img src="images/post.png" alt="img" />
</div>
<div class="description">
<h4>Pulvinar ipsum ultricies fringilla</h4>
<div class="metabox">
<span class="post_date"><a href="#">14, Jan, 2012</a></span>
<span class="post_by"><a href="#">By Admin</a></span>
<span class="meta_category"><a href="#">News</a></span>
<span class="comments"><a href="#">Comments</a></span>
</div>
</div>
<img src="images/blog_img_1.jpg" alt="img" />
<p>In hac habitasse platea dictumst. Aliquam in est leo. Aliquam ut urna pulvinar ipsum
ultricies fringilla et sed magna. Duis faucibus lorem at eros cursus fermentum. Vivamus
a nisl vel magna tincidunt sodales ac imperdiet arcu. Proin blandit cursus blandit.Duis faucibus lorem at eros cursus fermentum. Vivamus
a nisl vel magna tincidunt sodales ac imperdiet arcu. Proin blandit cursus blandit.Duis faucibus lorem at eros cursus fermentum. Vivamus
a nisl vel magna tincidunt sodales ac imperdiet arcu. Proin blandit cursus blandit. Etiam
porttitor dapibus turpis a congue. </p>
<a class="button" href="#">Read More</a>
</div>
<div class="blog_post">
<div class="thumb_img">
<img src="images/video.png" alt="img" />
</div>
<div class="description">
<h4>Duis faucibus lorem at eros cursus</h4>
<div class="metabox">
<span class="post_date"><a href="#">14, Jan, 2012</a></span>
<span class="post_by"><a href="#">By Admin</a></span>
<span class="meta_category"><a href="#">News</a></span>
<span class="comments"><a href="#">Comments</a></span>
</div>
</div>
<iframe src="http://player.vimeo.com/video/1084537" width="100%" height="325" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
<p>In hac habitasse platea dictumst. Aliquam in est leo. Aliquam ut urna pulvinar ipsum
ultricies fringilla et sed magna. Duis faucibus lorem at eros cursus fermentum. Vivamus
a nisl vel magna tincidunt sodales ac imperdiet arcu. Proin blandit cursus blandit.Duis faucibus lorem at eros cursus fermentum. Vivamus
a nisl vel magna tincidunt sodales ac imperdiet arcu. Proin blandit cursus blandit.Duis faucibus lorem at eros cursus fermentum. Vivamus
a nisl vel magna tincidunt sodales ac imperdiet arcu. Proin blandit cursus blandit. Etiam
porttitor dapibus turpis a congue. </p>
<a class="button" href="#">Read More</a>
</div>
<div class="blog_post">
<div class="thumb_img">
<img src="images/gallery.png" alt="img" />
</div>
<div class="description">
<h4>Tincidunt sodales ac imperdiet arcu</h4>
<div class="metabox">
<span class="post_date"><a href="#">14, Jan, 2012</a></span>
<span class="post_by"><a href="#">By Admin</a></span>
<span class="meta_category"><a href="#">News</a></span>
<span class="comments"><a href="#">Comments</a></span>
</div>
</div>
<div class="clear"></div>
<div class="flexslider">
<ul class="slides">
<li>
<img src="images/blog_img_1.jpg" alt="img" />
</li>
<li>
<img src="images/blog_img_2.jpg" alt="img" />
</li>
<li>
<img src="images/blog_img_3.jpg" alt="img" />
</li>
</ul>
</div>
<p>In hac habitasse platea dictumst. Aliquam in est leo. Aliquam ut urna pulvinar ipsum
ultricies fringilla et sed magna. Duis faucibus lorem at eros cursus fermentum. Vivamus
a nisl vel magna tincidunt sodales ac imperdiet arcu. Proin blandit cursus blandit.Duis faucibus lorem at eros cursus fermentum. Vivamus
a nisl vel magna tincidunt sodales ac imperdiet arcu. Proin blandit cursus blandit.Duis faucibus lor
橙色简洁扁平化设计响应式html5模板_橙色 简洁 扁平化 设计 企业 菜单 画册设计 网站建设 整站 响应式 htm.rar （158个子文件） 
style.css 11KB elements.css 8KB pricing_table.css 5KB flexslider.css 5KB responsive.css 4KB portfolio.css 3KB caroufredsel.css 2KB quicksand.css 2KB jqueryslidemenu.css 2KB blog.css 2KB layout.css 1KB widget.css 960B hoverdir.css 868B reset.css 536B
blog.html 17KB portfolio_sidebar.html 15KB pricing_table.html 14KB portfolio.html 14KB typography.html 13KB index.html 13KB columns.html 12KB elements.html 12KB portfolio_3col.html 12KB about.html 11KB portfolio_2col.html 11KB contact.html 10KB portfolio_single_sd_page_1.html 9KB portfolio_single_3col_page_1.html 9KB portfolio_single_page_1.html 9KB portfolio_single_3col_page_4.html 9KB portfolio_single_sd_page_4.html 9KB portfolio_single_2col_page_1.html 9KB portfolio_single_page_4.html 9KB portfolio_single_2col_page_4.html 9KB portfolio_single_3col_page_5.html 9KB portfolio_single_sd_page_5.html 9KB portfolio_single_page_5.html 9KB portfolio_single_3col_page_3.html 9KB portfolio_single_sd_page_3.html 9KB portfolio_single_2col_page_5.html 9KB portfolio_single_sd_page_2.html 9KB portfolio_single_3col_page_2.html 9KB portfolio_single_page_3.html 9KB portfolio_single_2col_page_3.html 9KB portfolio_single_page_2.html 9KB portfolio_single_2col_page_2.html 9KB
portfolio_single_img_3.jpg 34KB portfolio_2col_img_3.jpg 24KB blog_img_1.jpg 23KB flex_img_1.jpg 18KB blog_img_3.jpg 14KB portfolio_2col_img_1.jpg 14KB flex_img_2.jpg 12KB portfolio_single_img_4.jpg 12KB portfolio_2col_img_6.jpg 11KB portfolio_3col_img_3.jpg 11KB flex_img_3.jpg 11KB portfolio_img_3.jpg 11KB portfolio_2col_img_5.jpg 10KB portfolio_3col_img_7.jpg 10KB blog_img_2.jpg 9KB portfolio_img_7.jpg 9KB portfolio_3col_img_1.jpg 8KB image_alignment.jpg 8KB portfolio_img_1.jpg 8KB portfolio_sd_img_3.jpg 8KB portfolio_2col_img_2.jpg 8KB portfolio_3col_img_9.jpg 7KB portfolio_3col_img_6.jpg 7KB portfolio_2col_img_4.jpg 7KB portfolio_img_10.jpg 6KB portfolio_img_12.jpg 6KB portfolio_3col_img_5.jpg 6KB portfolio_sd_img_1.jpg 6KB portfolio_sd_img_7.jpg 6KB portfolio_img_6.jpg 6KB portfolio_img_5.jpg 6KB portfolio_img_11.jpg 6KB portfolio_img_9.jpg 6KB portfolio_3col_img_8.jpg 5KB portfolio_img_8.jpg 5KB portfolio_sd_img_6.jpg 5KB portfolio_sd_img_5.jpg 5KB portfolio_sd_img_9.jpg 5KB portfolio_3col_img_4.jpg 5KB portfolio_img_4.jpg 4KB portfolio_3col_img_2.jpg 4KB portfolio_img_2.jpg 4KB portfolio_sd_img_8.jpg 4KB portfolio_sd_img_2.jpg 3KB portfolio_sd_img_4.jpg 3KB popular_post_img_3.jpg 1KB flickr_img_1.jpg 1KB flickr_img_3.jpg 1KB flickr_img_4.jpg 1KB flickr_img_2.jpg 1KB flickr_img_7.jpg 1KB flickr_img_5.jpg 1KB flickr_img_6.jpg 1KB flickr_img_8.jpg 1KB共 158 条
- 1
- 2
资源评论
icwx_7550592
- 粉丝: 21
- 资源: 7162
最新资源
- weixin071汽车预约维修系统+ssm(文档+源码)_kaic
- weixin072会议发布与预约系统的设计与开发+ssm(文档+源码)_kaic
- weixin073智慧旅游平台开发微信小程序+ssm(文档+源码)_kaic
- weixin074儿童预防接种预约微信小程序+springboot(文档+源码)_kaic
- weixin076亿家旺生鲜云订单零售系统的设计与实现+ssm(文档+源码)_kaic
- weixin075家政服务管理系统+ssm(文档+源码)_kaic
- Python数据科学中Pandas的数据处理核心功能与高级应用解析
- 基于PLECS采用坐标反变换和锁相环的三相逆变器PWM开环控制示例
- Pandas 的安装部署方法以及基本操作介绍
- HCIA-AI课程及试验
- 光伏发电功率预测数据集.zip
- 信息系统项目中人力资源与成本管理的最佳实践及其应用
- electron-v22.3.27-linux-loong64.zip
- Windows时间计算器
- TMC5240步进电机驱动芯片原理图
- 基于Matlab实现语音识别算法（源码+数据）.rar
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
