<!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>Free CSS templateCollect from moobnn.com</title>
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<script src="js/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="js/jquery.jcarousel.pack.js" type="text/javascript"></script>
<script src="js/jquery-func.js" type="text/javascript"></script>
</head>
<body>
<div id="page" class="shell">
<!-- Logo + Search + Navigation -->
<div id="top">
<div class="cl"> </div>
<h1 id="logo"><a href="#">MONDAYS</a></h1>
<form action="" method="post" id="search">
<div class="field-holder">
<input type="text" class="field" value="Search" title="Search" />
</div>
<input type="submit" class="button" value="Search" />
<div class="cl"> </div>
</form>
<div class="cl"> </div>
<div id="navigation">
<ul>
<li>
<a href="#" class="active"><span>home</span></a>
<ul>
<li><a href="#">about us</a></li>
<li><a href="#">services</a></li>
<li><a href="#">solutions</a></li>
<li><a href="#">support</a></li>
<li><a href="#">partners</a></li>
<li><a href="#">contact</a></li>
</ul>
</li>
<li>
<a href="#"><span>about us</span></a>
<ul>
<li><a href="#">about us</a></li>
<li><a href="#">services</a></li>
<li><a href="#">solutions</a></li>
<li><a href="#">support</a></li>
<li><a href="#">partners</a></li>
<li><a href="#">contact</a></li>
</ul>
</li>
<li>
<a href="#"><span>services</span></a>
<ul>
<li><a href="#">about us</a></li>
<li><a href="#">services</a></li>
<li><a href="#">solutions</a></li>
<li><a href="#">support</a></li>
<li><a href="#">partners</a></li>
<li><a href="#">contact</a></li>
</ul>
</li>
<li>
<a href="#"><span>solutions</span></a>
<ul>
<li><a href="#">about us</a></li>
<li><a href="#">services</a></li>
<li><a href="#">solutions</a></li>
<li><a href="#">support</a></li>
<li><a href="#">partners</a></li>
<li><a href="#">contact</a></li>
</ul>
</li>
<li>
<a href="#"><span>support</span></a>
<ul>
<li><a href="#">about us</a></li>
<li><a href="#">services</a></li>
<li><a href="#">solutions</a></li>
<li><a href="#">support</a></li>
<li><a href="#">partners</a></li>
<li><a href="#">contact</a></li>
</ul>
</li>
<li>
<a href="#"><span>partners</span></a>
<ul>
<li><a href="#">about us</a></li>
<li><a href="#">services</a></li>
<li><a href="#">solutions</a></li>
<li><a href="#">support</a></li>
<li><a href="#">partners</a></li>
<li><a href="#">contact</a></li>
</ul>
</li>
<li>
<a href="#"><span>contact</span></a>
<ul>
<li><a href="#">about us</a></li>
<li><a href="#">services</a></li>
<li><a href="#">solutions</a></li>
<li><a href="#">support</a></li>
<li><a href="#">partners</a></li>
<li><a href="#">contact</a></li>
</ul>
</li>
</ul>
</div>
</div>
<!-- END Logo + Search + Navigation -->
<!-- Header -->
<div id="header">
<!-- Slider -->
<div id="slider">
<div id="slider-holder">
<ul>
<li>
<div class="slide-info">
<h2 class="notext txt-we-love-mondays">WE LOVE MONDAYS</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare consequat tortor quis porttitor. Aliquam sed fringilla arcu. Maecenas sit amet cursus augue. Donec felis eros, luctus at blandit.</p>
<a href="#" class="button-more">More</a>
</div>
<div class="slide-image">
<img src="css/images/img1.gif" alt="" />
</div>
</li>
<li>
<div class="slide-info">
<h2 class="notext txt-we-love-mondays">WE LOVE MONDAYS</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare consequat tortor quis porttitor. Aliquam sed fringilla arcu. Maecenas sit amet cursus augue. Donec felis eros, luctus at blandit.</p>
<a href="#" class="button-more">More</a>
</div>
<div class="slide-image">
<img src="css/images/img1.gif" alt="" />
</div>
</li>
<li>
<div class="slide-info">
<h2 class="notext txt-we-love-mondays">WE LOVE MONDAYS</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare consequat tortor quis porttitor. Aliquam sed fringilla arcu. Maecenas sit amet cursus augue. Donec felis eros, luctus at blandit.</p>
<a href="#" class="button-more">More</a>
</div>
<div class="slide-image">
<img src="css/images/img1.gif" alt="" />
</div>
</li>
</ul>
</div>
<div class="slider-nav">
<a href="#" class="prev">Previous</a>
<a href="#" class="next">Next</a>
</div>
</div>
<!-- END Slider -->
</div>
<!-- END Header -->
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >Website Template</a></div>
<!-- Main -->
<div id="main">
<!-- Three Column Content -->
<div class="cols three-cols">
<div class="cl"> </div>
<div class="col">
<h2>What is Mondays?</h2>
<h3 class="notext txt-monday-again">MONDAY AGAIN</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare consequat tortor quis porttitor. Aliquam sed fringilla arcu. Maecenas sit amet cursus augue. Donec felis eros, luctus at blandit ac.</p>
<p><a href="#" class="more">Learn more</a></p>
</div>
<div class="col">
<h2>Monday Services</h2>
<h3 class="notext txt-wedothis">WE DO THIS AND THAT....</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare consequat tortor quis porttitor. </p>
<p><a href="#" class="more">Learn more</a></p>
</div>
<div class="col col-last">
<h2>Monday Support</h2>
<h3 class="notext txt-247">24/7 YES REALLY...</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare consequat tortor quis porttitor. Aliquam sed fringilla arcu. Maecenas sit amet cursus augue.</p>
<p><a href="#" class="more">Learn more</a></p>
</div>
<div class="cl"> </div>
</div>
<!-- END Three Column Content -->
<!-- Two Column Content -->
<div class="cols two-cols">
<div class="cl"> </div>
<div class="col">
<h2>Why Mondays?</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare consequat tortor quis porttitor. Aliquam sed fringilla arcu. Maecenas sit amet cursus augue. Donec felis eros, luctus at blandit ac.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare consequat tortor quis porttitor. Aliquam sed fringilla arcu. Maecenas sit amet cursus augue. Donec felis eros, luctus at blandit ac.</p>
<p><a href="#" class="more">Learn more</a></p>
</div>
<div class="col col-last">
<h2>This Solution and That Solution...</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare consequat tortor quis porttitor. Aliquam sed fringilla arcu. Maecenas sit amet cursus augue. Donec felis eros, luctus at blandit ac.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
没有合适的资源?快使用搜索试试~ 我知道了~
淡蓝简洁精爽科技公司企业网站模板_淡蓝色.rar
共23个文件
gif:17个
js:3个
css:1个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 60 浏览量
2023-04-28
08:04:20
上传
评论
收藏 76KB RAR 举报
温馨提示
淡蓝简洁精爽科技公司企业网站模板_淡蓝色 简洁 清爽 科技 互联网 电脑 IT 企业 菜单 官网 维修 咨询 服务
资源推荐
资源详情
资源评论
收起资源包目录
淡蓝简洁精爽科技公司企业网站模板_淡蓝色 简洁 清爽 科技 互联网 电脑 IT 企业 菜单 官网 维修 咨询 服务.rar (23个子文件)
淡蓝简洁精爽科技公司企业网站模板_淡蓝色 简洁 清爽 科技 互联网 电脑 IT 企业 菜单 官网 维修 咨询 服务
cctp_27_mondays
js
jquery-func.js 1KB
jquery.jcarousel.pack.js 9KB
jquery-1.4.1.min.js 69KB
css
style.css 6KB
images
button-next.gif 270B
slider.gif 5KB
footer.gif 448B
logo.gif 2KB
navigation.gif 3KB
txt-247.gif 933B
txt-we-love-mondays.gif 7KB
dd-hover.png 2KB
bg.gif 97B
search-button.gif 734B
search-field.gif 338B
arr.gif 49B
button-prev.gif 275B
button-more.gif 653B
img1.gif 16KB
txt-monday-again.gif 1KB
nav-active.gif 510B
txt-wedothis.gif 1KB
index.html 9KB
共 23 条
- 1
资源评论
紫微前端
- 粉丝: 4283
- 资源: 869
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功