<!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">
棕色标准个人博客模板_棕色 标准 个人 博客 jquery web20 导航 头部.rar
版权申诉
127 浏览量
2021-11-06
12:47:06
上传
评论
收藏 113KB RAR 举报
半抹灯芯
- 粉丝: 54
- 资源: 1075
最新资源
- Python爬取淘宝热卖商品并可视化分析
- 5152单片机proteus仿真和源码将按键次数写入AT24C02再读出并用1602LCD显示
- SE-SSD复现过程(Det3D的安装教程)
- 基于Python的在线学习与推荐系统设计与实现(论文+源码)-kaic
- 串口通过 YMODEM 协议进行文件传输
- 蓝桥杯2024年第十五届省赛真题-前缀总分
- com.qihoo.appstore_300101305-1.apk
- tensorflow-gpu-2.7.1-cp37-cp37m-manylinux2010-x86-64.whl
- tensorflow-2.7.2-cp37-cp37m-manylinux2010-x86-64.whl
- tensorflow-2.7.1-cp39-cp39-manylinux2010-x86-64.whl
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈