<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The Wall - moobnn.com</title>
<meta name="keywords" content="the wall, moobnn.com, css templates, CSS, HTML" />
<meta name="description" content="The Wall is a free website template provided from moobnn.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Language" content="en-us" />
<meta name="author" content="Niall Doherty" />
<script src="js/jquery-1.2.1.pack.js" type="text/javascript"></script>
<script src="js/jquery-easing.1.2.pack.js" type="text/javascript"></script>
<script src="js/jquery-easing-compatibility.1.2.pack.js" type="text/javascript"></script>
<script src="js/coda-slider.1.1.1.pack.js" type="text/javascript"></script>
<!--
The CSS. You can of course have this in an external .css file if you like.
Please note that not all these styles may be necessary for your use of Coda-Slider, so feel free to take out what you don't need.
-->
<!-- Initialize each slider on the page. Each slider must have a unique id -->
<script type="text/javascript">
jQuery(window).bind("load", function() {
jQuery("div#slider1").codaSlider()
// jQuery("div#slider2").codaSlider()
// etc, etc. Beware of cross-linking difficulties if using multiple sliders on one page.
});
</script>
</head>
<body>
<div id="templatemo_site_title_bar_wrapper">
<div id="templatemo_site_title_bar">
<div id="site_title">
<h1><a href="http://www.moobnn.com" target="_parent">
<img src="images/logo.png" alt="css templates" />
<span>网站模板</span>
</a></h1>
</div>
<div id="twitter"><a href="#"></a></div>
</div> <!-- end of templatemo_site_title_bar -->
</div> <!-- end of templatemo_site_title_bar_wrapper -->
<div id="templatemo_content_wrapper">
<div id="templatemo_content">
<!-- start of slider -->
<div class="slider-wrap">
<div id="slider1" class="csw">
<div class="panelContainer">
<div class="panel" title="Home">
<div class="wrapper">
<h2>Welcome to our Website!</h2>
<div class="image_wrapper fl_image">
<img src="images/templatemo_image_01.jpg" alt="image"/>
</div>
<p class="em_text">This Free CSS Template is provided by <a href="http://www.moobnn.com" target="_parent">moobnn.com.</a> You may use this template in your websites. Credit goes to <a href="http://www.ndoherty.com" target="_blank">Niall Doherty</a> for Coda-Slider.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer enim metus, convallis id semper vel, posuere ac dui. Integer vestibulum, elit non lobortis sodales, dui nibh imperdiet turpis, id lobortis enim turpis eget ante. Donec non magna nunc. Donec ultricies fermentum sapien in facilisis.</p>
<div class="cleaner_h40"></div>
<div class="section_w320 fl">
<img class="fl" src="images/portfolio.png" alt="portfolio" />
<div class="w320_content">
<h3>Services</h3>
<p>Donec ultricies fermentum sapien in facilisis.</p>
<div class="cleaner"></div>
<div class="button_01"><a href="#2" class="cross-link">Details</a></div>
</div>
</div>
<div class="section_w320 fr">
<img class="fl" src="images/aboutme.png" alt="portfolio" />
<div class="w320_content">
<h3>Portfolio</h3>
<p>Integer egestas nibh eget neque ornare tempor.</p>
<div class="cleaner"></div>
<div class="button_01"><a href="#3" class="cross-link" >View All</a></div>
</div>
</div>
<div class="cleaner_h20"></div>
<p><a href="#5" class="cross-link" title="Go to Page 5">« Previous</a> | <a href="#2" class="cross-link" title="Go to Page 2">Next »</a></p>
</div>
</div>
<div class="panel" title="Services">
<div class="wrapper">
<h2>Services</h2>
<p class="em_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis tortor ut velit suscipit lobortis. Quisque nec massa sapien, nec semper mi. Cras tincidunt posuere tortor vitae blandit.</p>
<p>Sed in libero risus, eu pulvinar elit. Nunc tempor mauris ut turpis fringilla vestibulum. Nullam sit amet enim in velit volutpat hendrerit at vitae urna. Nulla facilisi. Nam vitae dolor vitae felis consectetur sollicitudin nec a augue. In in orci purus. Suspendisse id odio sem.</p>
<ul class="service_list">
<li>Aliquam luctus lobortis sapien, sed faucibus lorem ultricies eget. Integer vitae lacus sit amet sapien tristique laoreet.</li>
<li>Phasellus leo mauris, interdum eu congue laoreet, faucibus nec massa. Nunc quis libero sapien, ac luctus velit. </li>
<li>Maecenas ultricies, erat dictum accumsan fringilla, dui felis venenatis lorem, et pellentesque urna nunc at nisl. Nulla rutrum suscipit metus eget venenatis.</li>
<li>Curabitur a auctor ipsum. Cras id odio urna. Maecenas id sapien est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</li>
</ul>
<div class="cleaner_h20"></div>
<p><a href="#1" class="cross-link" title="Go to Page 1">« Previous</a> | <a href="#3" class="cross-link" title="Go to Page 3">Next »</a></p>
</div>
</div>
<div class="panel" title="Portfolio">
<div class="wrapper">
<h2>Portfolio</h2>
<div class="portfolio_box margin_r50">
<h3>Project #1</h3>
<div class="port_img">
<a href="http://www.moobnn.com/preview/templatemo_154_toy_addict" target="_blank"><img src="images/templatemo_image_02.jpg" alt="project 1" /></a>
</div>
<p>Nunc quis libero sapien, ac luctus.</p>
<div class="cleaner"></div>
</div>
<div class="portfolio_box margin_r50">
<h3>Project #2</h3>
<div class="port_img">
<a href="http://www.moobnn.com/preview/templatemo_131_game" target="_blank"><img src="images/templatemo_image_03.jpg" alt="project 2" /></a>
</div>
<p>Maecenas id sapien est.</p>
<div class="cleaner"></div>
</div>
<div class="portfolio_box">
<h3>Project #3</h3>