<!DOCTYPE HTML>
<!--
HeavyIndustry: A responsive HTML5 website template collect from 即刻工作室
Released for free under the Creative Commons Attribution 3.0 license
Visit for more great templates or follow us on Twitter @HTML5T
-->
<html>
<head>
<title>HeavyIndustry collect from 即刻工作室</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<noscript>
<link rel="stylesheet" href="css/5grid/core.css" />
<link rel="stylesheet" href="css/5grid/core-desktop.css" />
<link rel="stylesheet" href="css/5grid/core-1200px.css" />
<link rel="stylesheet" href="css/5grid/core-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
<script src="css/5grid/jquery.js"></script>
<script src="css/5grid/init.js?use=mobile,desktop,1000px&mobileUI=1&mobileUI.theme=none"></script>
<!--[if IE 9]><link rel="stylesheet" href="css/style-ie9.css" /><![endif]-->
</head>
<body class="left-sidebar">
<!-- Header -->
<div id="header-wrapper">
<header id="header">
<div class="5grid-layout">
<div class="row">
<div class="5u" id="logo">
<h1><a href="#" class="mobileUI-site-name">HeavyIndustry</a></h1>
<p>collect from 即刻工作室</p>
</div>
<div class="7u" id="menu">
<nav class="mobileUI-site-nav">
<ul>
<li><a href="index.html">Homepage</a></li>
<li><a href="twocolumn1.html">Two Column #1</a></li>
<li class="current_page_item"><a href="twocolumn2.html">Two Column #2</a></li>
<li><a href="onecolumn.html">One Column</a></li>
</ul>
</nav>
</div>
</div>
</div>
</header>
</div>
<!-- Page Wrapper -->
<div id="wrapper" class="5grid-layout">
<!-- Page Content -->
<div id="page" class="row">
<!-- Sidebar Area -->
<div id="sidebar" class="4u">
<!-- Sidebar Section 1 -->
<section id="box1">
<!-- Two Column Content Area -->
<div class="5grid">
<div class="row">
<div class="6u">
<section>
<h2>Nulla eleifend</h2>
<ul class="style4">
<li class="first"><a href="#">Maecenas luctus sapien</a></li>
<li><a href="#">Etiam rhoncus volutpat erat</a></li>
<li><a href="#">Donec dictum metus sapien</a></li>
<li><a href="#">Integer gravida quis urna</a></li>
<li><a href="#">Etiam rhoncus volutpat erat</a></li>
<li><a href="#">Donec dictum metus sapien</a></li>
</ul>
</section>
</div>
<div class="6u">
<section>
<h2>Nulla eleifend</h2>
<ul class="style4">
<li class="first"><a href="#">Maecenas luctus sapien</a></li>
<li><a href="#">Etiam rhoncus volutpat erat</a></li>
<li><a href="#">Donec dictum metus sapien</a></li>
<li><a href="#">Integer gravida quis urna</a></li>
<li><a href="#">Donec dictum metus sapien</a></li>
<li><a href="#">Integer gravida quis urna</a></li>
</ul>
</section>
</div>
</div>
</div>
<!-- Two Column Content Area Ends Here -->
</section>
<!-- Sidebar Section 2 -->
<section id="box2">
<h2>Ipsum Consequat</h2>
<ul class="style2">
<li class="first">
<p><a href="#"><img src="images/pics07.jpg" alt="">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum. </a></p>
</li>
<li>
<p><a href="#"><img src="images/pics08.jpg" alt="">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum. </a></p>
</li>
<li>
<p><a href="#"><img src="images/pics09.jpg" alt="">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum. </a></p>
</li>
<li>
<p><a href="#"><img src="images/pics10.jpg" alt="">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum. </a></p>
</li>
</ul>
<p><a href="#" class="button"><span>Read More</span></a></p>
</section>
<section id="box3">
<h2>Tristique eleifend</h2>
<p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>
<ul class="style3">
<li class="first">
<p><span class="date"><a href="#">20012.10.25</a></span><span class="heading-title">Etiam posuere augue</span></p>
<p><a href="#">Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. </a></p>
</li>
<li>
<p><span class="date"><a href="#">20012.10.25</a></span><span class="heading-title">Etiam posuere augue</span></p>
<p><a href="#">Quisque dictum. Integer nisl risus, sagittis elementum congue, nibh. Suspendisse dictum porta lectus. </a></p>
</li>
</ul>
</section>
</div>
<!-- Content Area -->
<div id="content" class="8u mobileUI-main-content">
<!-- Main Content Area -->
<section>
<h2>Praesent mattis condimentum</h2>
<p><a href="#"><img src="images/pic02.png" alt=""></a></p>
<p>Pellentesque pede. Donec pulvinar ullamcorper metus. In eu odio at lectus pulvinar mollis. Vestibulum sem magna, elementum ut, vestibulum eu, facilisis quis, arcu. Mauris a dolor. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed blandit. Phasellus pellentesque, ante nec iaculis dapibus, eros justo auctor lectus, a lobortis lorem mauris quis nunc. Praesent pellentesque facilisis elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In hac habitasse platea dictumst. Nullam id ante eget dui vulputate aliquam. Pellentesque erat erat, tincidunt in, eleifend accumsan, malesuada eget, augue. Suspendisse sit amet tellus in eros bibendum condimentum. Vestibulum suscipit volutpat nulla. Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper, ligula enim ornare nibh, quis laoreet eros quam eget ante. Quisque eleifend. Phasellus tempor vehicula justo. Aliquam lacinia metus ut elit.</p>
<p>Quisque eleifend. Phasellus tempor vehicula justo. Aliquam lacinia metus ut elit. Suspendisse iaculis mauris nec lorem. Donec leo. Vivamus fermentum nibh in augue. Praesent a lacus at urna congue rutrum. Nulla enim eros, porttitor eu, tempus id, varius non, nibh. Duis enim nulla, luctus eu, dapibus lacinia, venenatis id, quam. Vestibulum imperdiet, magna nec eleifend rutrum, nunc lectus vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat. Vestibulum pellentesque, justo mollis pretium suscipit, justo nulla blandit libero, in blandit augue justo quis nisl. Fusce mattis viverra elit. Fusce quis tortor. Pellentesque pede. Donec pulvinar ullamcorper metus. In eu odio at lectus pulvinar mollis. Vestibulum sem magna, elementum ut, vestibulum eu, facilisis quis, arcu. Mauris a dolor. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed blandit. Phasellus pellentesque, ante nec iaculis dapibus, eros justo auctor lectus, a lobortis lorem mauris quis nunc. Praesent pellentesque facilisis elit.</p>
<p>Pellentesque pede. Donec pulvinar ullamcorper metus. In eu odio at lectus pulvinar mollis. Vestibulum sem magna, elementum ut, vestibulum eu, facilisis quis, arcu. Mauris a dolor. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed blandit. Phase
H1025_html手机网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （32个子文件） 
H1025 
twocolumn1.html 11KB twocolumn2.html 11KB css 
style.css 7KB 5grid mobileUI-flat.css 2KB core.css 6KB core-noscript.css 3KB core-1000px.css 415B mobileUI-modern.css 4KB html5shiv.js 2KB init.js 23KB core-1200px.css 415B jquery.js 91KB core-fluid.css 394B core-mobile.css 1KB mobileUI-beveled.css 4KB core-desktop.css 2KB style-1000px.css 525B style-desktop.css 2KB style-mobile.css 3KB images 
header-wrapper-bg.png 15KB nav-opener.png 243B bullet-icon.png 213B
main-bg.jpg 15KB index.html 10KB onecolumn.html 8KB images pics08.jpg 13KB pics09.jpg 12KB pics07.jpg 13KB pics01.jpg 124KB pics02.jpg 84KB
spacer.gif 43B pics10.jpg 12KB资源评论
