<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]><html class="ie ie9" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Mocha Flat Responsive Portfolio</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content=" HTML5 Template">
<meta name="author" content="suitstheme.com">
<!-- jquery -->
<script src="js/jquery.min.js"></script>
<!-- Le styles -->
<link href='http://fonts.googleapis.com/css?family=Lato:400,300,700,400italic,900|Voltaire' rel='stylesheet' type='text/css'>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/main.css" type="text/css">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="img/favicon.ico">
</head>
<body class="body-container">
<!-- header -->
<header id="mocha-head" class="header">
<!-- Background -->
<div class="background-image"></div>
<!-- container -->
<div class="container">
<!-- row1 -->
<div class="row">
<div class="span12">
<div class="logo">
<a href="index.html"><img src="img/logo.png" alt="Mocha"></a>
</div>
<!-- end logo -->
<!-- nav -->
<nav class="menu">
<ul>
<li class="toggle"><a href="#">Menu</a></li>
<li><a href="index.html">Home</a></li>
<li><a href="page.html">About</a></li>
<li><a href="portfolio.html">Portfolio</a>
<ul>
<li><a href="portfolio.html">Portfolio Three Columns</a></li>
<li><a href="portfolio-single.html">Portfolio Single Page</a></li>
</ul>
</li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<!-- end nav -->
</div>
<!-- end span12 -->
</div>
<!-- end row 1-->
<!-- row2 -->
<div class="row">
<div class="span12 teaser">
<h2>Blog</h2>
<p>Blogging about everything web & design</p>
</div>
<!-- end span12 -->
</div>
<!-- end row 2-->
</div>
<!-- end container -->
</header>
<!-- end header -->
<!-- page content -->
<section class="page">
<div class="container">
<div class="row">
<!-- blog -->
<div class="blog-wrapper blog-single-post span8">
<!-- post -->
<div class="post gallery-post">
<!-- post image / gallery -->
<div class="post-image">
<!-- flexslider -->
<div class="flexslider gallery-wrapper">
<ul class="slides">
<li><img src="img/demo/gallery1.png" alt="Gallery Image 1"></li>
<li><img src="img/demo/gallery2.png" alt="Gallery Image 2"></li>
</ul>
</div>
<!-- end flex slider gallery -->
</div>
<!-- end gallery / post image -->
<!-- meta -->
<div class="meta">
<p>Category: <span><a href="#">Technology</a>,<a href="#">Off Topic</a> <span class="dash">/</span> 13 August 2013 <span class="dash">/</span> <a href="#comments">7 Comments</a></span></p>
</div>
<!-- end meta -->
<!-- content -->
<div class="post-content content-section">
<h3><a href="single.html">Everything You Can Do Right Now.</a></h3>
<div class="content">
<p class="light-font">
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim.
</p>
<p>Nam semper lacus eu enim sagittis vitae malesuada libero molestie. Nunc orci risus, iaculis at aliquet vitae, hendrerit at est. Proin quis sapien nec
html5模板-HTML5响应式模版Mocha.zip
版权申诉
28 浏览量
2023-03-15
06:44:34
上传
评论
收藏 9.94MB ZIP 举报
html5模板-HTML5响应式模版Mocha.zip （101个子文件） 
bootstrap.min.css 120KB main.css 69KB bootstrap-responsive.min.css 16KB .DS_Store 6KB
single.html 40KB blog.html 35KB index.html 27KB portfolio-single.html 27KB portfolio.html 26KB page.html 25KB contact.html 19KB jquery.min.js 91KB mediaelement.min.js 69KB jquery.carouFredSel-6.2.1-packed.js 53KB jquery-ui-1.10.3.custom.min.js 29KB jquery.bxslider.min.js 19KB jquery.flexslider-min.js 17KB isotope2.js 16KB isotope.js 16KB custom.js 11KB jflickrfeed.js 2KB
header_bg.png 935KB gallery1.png 821KB slider-1.png 796KB gallery2.png 682KB portfolio3.png 609KB portfolio2.png 534KB blog_post.png 525KB portfolio1.png 508KB single-portfolio2.png 418KB single-portfolio4.png 354KB single-portfolio3.png 349KB single-portfolio8.png 332KB single-portfolio1.png 329KB single-portfolio7.png 317KB single-portfolio6.png 290KB single-portfolio5.png 284KB single-portfolio9.png 272KB map.png 244KB blog_post_image.png 238KB blog1.png 224KB blog2.png 194KB blog3.png 165KB team3.png 131KB team1.png 127KB team2.png 119KB skills.png 40KB work2.png 20KB work4.png 18KB work8.png 18KB work3.png 18KB work7.png 17KB work1.png 17KB work6.png 17KB work5.png 14KB avatar2.png 9KB avatar3.png 9KB avatar1.png 8KB logo.png 5KB rss.png 3KB bg.png 3KB footer_logo.png 2KB lamp.png 723B slider_left_hover.png 649B slider-next-hover.png 638B slider-prev-hover.png 638B slider-next.png 635B slider_left.png 631B play.png 623B slider-prev.png 613B slider_right_hover.png 589B slider_right.png 579B volume.png 481B dribbble.png 476B pinterest.png 430B skype.png 412B select.png 400B volume-muted.png 366B play-small.png 365B portfolio_right.png 338B vimeo.png 333B tumblr.png 317B portfolio_left_hover.png 309B portfolio-nav-left-hover.png 305B portfolio_left.png 301B portfolio_right_hover.png 301B portfolio-nav-right.png 299B portfolio-nav-right-hover.png 298B portfolio-nav-left.png 294B check.png 292B left.png 271B right.png 265B linkedin.png 263B youtube.png 232B twitter.png 223B toggle.png 221B pause.png 217B flickr.png 212B facebook.png 175B portfolio-nav-center-hover.png 173B共 101 条
- 1
- 2
资源评论
