<!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>Business Website, Free CSS Template</title>
<meta name="keywords" content="free templates, Business Website, Free CSS Template, CSS, HTML" />
<meta name="description" content="Business Template is a free css template provided from moobnn.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<link href="css/jquery.ennui.contentslider.css" rel="stylesheet" type="text/css" media="screen,projection" />
<script language="javascript" type="text/javascript">
function clearText(field)
{
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
</head>
<body>
<div id="templatemo_header_wrapper">
<div id="templatemo_header">
<div id="site_logo"></div>
</div> <!-- end of header -->
</div> <!-- end of header wrapper -->
<div id="templatemo_menu_wrapper">
<div id="templatemo_menu">
<ul>
<li><a href="#" class="current">Home</a></li>
<li><a href="#">Web Design</a></li>
<li><a href="http://www.moobnn.com" target="_parent">Templates</a></li>
<li><a href="#">About</a></li>
<li><a href="#" class="last">Contact Us</a></li>
</ul>
</div> <!-- end of menu -->
</div> <!-- end of menu wrapper -->
<div id="tempatemo_content_wrapper">
<div id="templatemo_content">
<div class="recent_projects">
<div class="project_slideshow">
<div id="one" class="contentslider">
<div class="cs_wrapper">
<div class="cs_slider">
<div class="cs_article">
<a href="#">
<img src="images/templatemo_image_01.jpg" alt="Screenshot 1" />
</a>
</div><!-- End cs_article -->
<div class="cs_article">
<a href="#">
<img src="images/templatemo_image_02.jpg" alt="Screenshot 2" />
</a>
</div><!-- End cs_article -->
<div class="cs_article">
<a href="#">
<img src="images/templatemo_image_03.jpg" alt="Screenshot 3" />
</a>
</div><!-- End cs_article -->
<div class="cs_article">
<a href="#">
<img src="images/templatemo_image_04.jpg" alt="Screenshot 4" />
</a>
</div><!-- End cs_article -->
</div><!-- End cs_slider -->
</div><!-- End cs_wrapper -->
</div><!-- End contentslider -->
<!-- Site JavaScript -->
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.ennui.contentslider.js"></script>
<script type="text/javascript">
$(function() {
$('#one').ContentSlider({
width : '530px',
height : '200px',
speed : 800,
/* easing : 'easeInOutExpo' */
/* easing : 'easeOutQuad' */
easing : 'easeInOutBack'
});
});
</script>
<script src="js/jquery.chili-2.2.js" type="text/javascript"></script>
<script src="js/chili/recipes.js" type="text/javascript"></script>
</div>
<div class="project_content">
<div class="header_03">Our Projects</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac dui non tellus auctor convallis. Cras facilisis venenatis fermentum.</p>
<div class="button_01"><a href="#">Read more</a></div>
</div>
</div>
<div id="content_panel">
<div id="column_w610">
<div class="header_01">Welcome to our WEBSITE!</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non rutrum arcu. Vestibulum ornare dolor eget leo placerat sed tincidunt dolor interdum. Ut congue lacus vitae augue mattis non dictum arcu pharetra. Nulla facilisi. Proin leo nisi, porta id accumsan ac, mattis in nulla. <a href="#">Nullam non urna eros</a>.</p>
<div class="section_01">
<div class="top"></div>
<p>Curabitur ut urna vel purus imperdiet vulputate. Fusce eget metus ac lectus bibendum placerat. Praesent scelerisque, metus sit amet pulvinar tempor, eros ligula tristique massa, sed posuere ante nisl eu tellus. Nullam vitae iaculis magna. Aenean ante lorem, vestibulum eu lacinia rhoncus, eleifend a felis.</p>
<div class="bottom"></div>
</div>
<p>Nunc fringilla congue congue. In blandit nisl sit amet diam consectetur eleifend. Nunc eget felis nisl, sodales facilisis erat. Vestibulum nec lacus sem, ac ullamcorper tortor. Nullam eleifend, arcu nec iaculis dapibus, urna metus dictum lectus, vel elementum enim felis vel odio.</p>
<ul class="list_with_icon">
<li>Integer tempor, libero quis laoreet dapibus, quam mauris hendrerit urna, vel feugiat dolor lectus non velit. Fusce at nisl libero, ac fringilla risus.</li>
<li>Proin non velit nec enim volutpat euismod. Phasellus lorem velit, porttitor non iaculis in, euismod a metus. Nullam orci odio, dignissim a egestas ac, <a href="#">sollicitudin in quam</a>.</li>
</ul>
</div> <!-- end of column w610 -->
<div id="column_w290">
<div class="header_02">News and Events</div>
<div class="news_section">
<div class="news_date">
29 <span> OCT</span>
</div>
<div class="news_content">
<div class="header_05"><a href="#">Lorem ipsum dolor sit</a></div>
<p>Lorem ipsum dolor sit amet, cons ect etur adipiscing elit. Vestibu lum ac dui non tellus auctor.</p>
</div>
<div class="cleaner"></div>
</div>
<div class="news_section">
<div class="news_date">
28 <span> OCT</span>
</div>
<div class="news_content">
<div class="header_05"><a href="#">Nam dictum pellentesque</a></div>
<p>Nam ultricies cursus enim, non aliquet orci lacinia ac. Etiam lobortis adipiscing convallis. </p>
</div>
<div class="cleaner"></div>
</div>
<div class="news_section">
<div class="news_date">
棕色标准个人博客模板_棕色标准个人博客jqueryweb20导航头部.rar
需积分: 0 55 浏览量
2023-09-12
08:40:47
上传
评论
收藏 106KB RAR 举报
Q_97095639
- 粉丝: 377
- 资源: 1万+