<!DOCTYPE HTML>
<html>
<head>
<title>Ex Machina</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>
<div id="header-wrapper">
<header id="header">
<div class="5grid-layout">
<div class="row">
<div class="4u" id="logo">
<h1><a href="#" class="mobileUI-site-name">Ex Machina</a></h1>
</div>
<div class="8u" id="menu">
<nav class="mobileUI-site-nav">
<ul>
<li><a href="index.html">Homepage</a></li>
<li><a href="threecolumn.html">Three Column</a></li>
<li class="current_page_item"><a href="twocolumn1.html">Two Column #1</a></li>
<li><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>
<div id="wrapper">
<div id="page">
<div class="5grid-layout">
<div class="row">
<div class="9u mobileUI-main-content" id="content">
<section>
<div class="post">
<h2>Two Column #1</h2>
<p class="subtitle">Augue praesent a lacus at urna congue rutrum</p>
<p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl. Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum. Aenean lectus lorem, imperdiet at, ultrices eget, ornare et, wisi. Pellentesque adipiscing purus ac magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. 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. </p>
<p> </p>
<p>Donec condimentum, urna non molestie semper, ligula enim ornare nibh, quis laoreet eros quam eget ante. Aliquam libero. Vivamus nisl nibh, iaculis vitae, viverra sit amet, ullamcorper vitae, turpis. Aliquam erat volutpat. Vestibulum dui sem, pulvinar sed, imperdiet nec, iaculis nec, leo. Fusce odio. Etiam arcu dui, faucibus eget, placerat vel, sodales eget, orci. Donec ornare neque ac sem. Mauris aliquet. Aliquam sem leo, vulputate sed, convallis at, ultricies quis, justo. Donec nonummy magna quis risus. 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. In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.</p>
<p> </p>
<p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl. Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum. Aenean lectus lorem, imperdiet at, ultrices eget, ornare et, wisi. Pellentesque adipiscing purus ac magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. 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.
In hac habitasse platea dictumst. Nullam id ante eget dui vulputate aliquam. Pellentesque erat erat, tincidunt in, eleifend accumsan, malesuada eget, augue. In hac habitasse platea dictumst. Nullam id ante eget dui vulputate aliquam. Pellentesque erat erat, tincidunt in, eleifend accumsan, malesuada eget, augue.
</p>
</div>
</section>
</div>
<div class="3u" id="sidebar2">
<section>
<div class="sbox1">
<h2>Nulla luctus eleifend</h2>
<ul class="style1">
<li class="first"><a href="#">Maecenas luctus lectus at sapien</a></li>
<li><a href="#">Etiam rhoncus volutpat erat</a></li>
<li><a href="#">Donec dictum metus in sapien</a></li>
<li><a href="#">Nulla luctus eleifend purus</a></li>
<li><a href="#">Maecenas luctus lectus at sapien</a></li>
<li><a href="#">Donec dictum metus in sapien</a></li>
</ul>
</div>
</section>
<section>
<h2>Fusce ultrices fringilla</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>
</ul>
</section>
</div>
</div>
</div>
</div>
</div>
<div id="featured-area">
<div class="5grid-layout">
<div class="row divider">
<div class="4u">
<section>
<div class="box-style"> <a href="#"><img src="images/pics04.jpg" alt=""></a>
<h3>Etiam posuere augue</h3>
<p>Donec nonummy magna quis risus. Quisque eleifend. </p>
<p class="button-style2"><a href="#">More</a></p>
</div>
</section>
</div>
<div class="4u">
<section>
<div class="box-style"> <a href="#"><img src="images/pics06.jpg" alt=""></a>
<h3>Etiam posuere augue</h3>
<p>Donec nonummy magna quis risus. Quisque eleifend. </p>
<p class="button-style2"><a href="#">More
灰色木纹背景Html5模板.zip
版权申诉
87 浏览量
2023-03-15
06:47:38
上传
评论
收藏 614KB ZIP 举报
灰色木纹背景Html5模板.zip （54个子文件） 
灰色木纹背景Html5模板 
twocolumn1.html 11KB twocolumn2.html 11KB threecolumn.html 9KB css 
style.css 5KB 5grid mobileUI-flat.css 1013B core.css 6KB core-noscript.css 3KB core-1000px.css 415B html5shiv.js 2KB init.js 17KB core-1200px.css 415B jquery.js 91KB core-fluid.css 394B core-mobile.css 1KB mobileUI-beveled.css 2KB core-desktop.css 2KB style-1000px.css 561B style-desktop.css 5KB style-fluid.css 528B style-mobile.css 5KB images 
img09.png 2KB img06.png 440B img12.png 211B
img01.jpg 138KB img10.png 168B img08.jpg 3KB img03.jpg 2KB img13.jpg 388B img11.jpg 774B img05.png 12KB img02.jpg 1KB
spacer.gif 43B img07.png 17KB img04.png 26KB img12.jpg 721B style-1200px.css 528B index.html 10KB onecolumn.html 10KB images pics08.jpg 3KB pics04.jpg 18KB pics09.jpg 3KB pics07.jpg 3KB pics16.jpg 26KB pics15.jpg 30KB pics13.jpg 27KB pics11.jpg 3KB pics14.jpg 28KB pics12.jpg 3KB pics05.jpg 19KB pics01.jpg 113KB pics06.jpg 15KB spacer.gif 43B pics03.jpg 72KB pics10.jpg 3KB资源评论
