<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Free CSS template</title>
<meta name="description" content="Your description">
<meta name="keywords" content="Your keywords">
<meta name="author" content="Your name">
<link rel="stylesheet" href="styles.css">
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/script.js"></script>
</head>
<body>
<!-- Header -->
<header>
<div class="t_name"><a href="#" class="logo">metamorph_bigbang</a></div>
<div class="nav">
<ul class="my_menu">
<li class="current"><a href="index.html">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</div>
<div class="clear"></div>
</header>
<!-- Slider -->
<div class="slider-container">
<div class="slider-box">
<div class="inner">
<div class="ind-top">
<div class="mp-slider">
<section>
<div class="row-1">
First Company Slogan
</div>
<div class="row-2">
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam feugiat, libero ac rhoncus aliquam, sem arcu varius nunc, a mollis massa dolor interdum lectus.
</div>
</section>
<section>
<div class="row-1">
Second Company Slogan
</div>
<div class="row-2">
Fusce molestie orci in felis imperdiet tincidunt id sit amet turpis. Aliquam tincidunt elit non dolor <br /><br /> Facilisis eget mattis neque pulvinar. Integer euismod odio a purus auctor at consectetur risus ultricies.
</div>
</section>
<section>
<div class="row-1">
Third Company Slogan
</div>
<div class="row-2">
Morbi sit amet nibh eget lorem elementum dapibus sit amet pulvinar erat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<br /><br />
Sed eu augue ut lectus egestas ultricies. Sed euismod vehicula orci, id vehicula lorem dictum nec. Suspendisse adipiscing aliquam massa non bibendum. Cras id urna in lectus vestibulum porttitor.
</div>
</section>
</div>
<div class="mp-slider-controls">
<a class="mp-slider-prev"></a>
<a class="mp-slider-next"></a>
</div>
</div>
</div>
</div>
</div>
<!-- Content -->
<section id="content">
<div class="container_12">
<div class="inner_copyright">Collect from <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a></div>
<div class="wrapper">
<article class="grid_4">
<h3 class="main-head">Welcome</h3>
<p>
Lorem ipsum dolor sit amet, consec tetuer adipi scing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. </p>
<p class="p1">
Morbi nunc odio, gravida at, cursus nec.Duis ultri cies phare tra magna. Donec accumsan male suada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermen tum dictum magna. Sed laoreet aliquam </p>
<a href="more.html" class="button">Read More</a> </article>
<article class="grid_4">
<h3 class="main-head">Popular Services</h3>
<ul class="list-1">
<li><a href="#">Morbi nunc odio, gravida at</a></li>
<li><a href="#">Duis ultri cies phare tra magn</a></li>
<li><a href="#">Donec accumsan male suada orci</a></li>
<li><a href="#">Donec sit amet eros</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer</a></li>
<li><a href="#">Mauris fermen tum dictum magna</a></li>
</ul>
<a href="more.html" class="button">Read More</a> </article>
<article class="grid_4">
<h3 class="main-head">Latest News</h3>
<dl class="def-list-1">
<dt>
Posted: Jan 15, 2013 </dt>
<dd>
<a href="#" class="link">Lorem ipsum dolor sit amet, consec tetuer adipi scing elit. Praesent vestibulum molestie</a> </dd>
<dt>
Posted: Jan 15, 2013 </dt>
<dd>
<a href="#" class="link">Lorem ipsum dolor sit amet, consec tetuer adipi scing elit. Praesent vestibulum molestie</a> </dd>
</dl>
<a href="more.html" class="button">Read More</a> </article>
</div>
</div>
</section>
<!-- Footer -->
<footer>
Company Name Here © 2013 <br />
<!-- Do not remove -->Design by <a href="#" title="Website Templates">Website Templates</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a><!-- end -->
</footer>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。
资源推荐
资源详情
资源评论
收起资源包目录
七色幻彩大气的幻灯片html5网站模板5558_网站开发模板含源代码(css+html+js+图样).zip (13个子文件)
tp0_bigbang
big.jpg 42KB
js
jquery-1.7.1.min.js 90KB
jquery.cycle.all.min.js 31KB
script.js 1KB
index.html 6KB
images
sub-nav-bg.png 229B
slider-controls.png 2KB
body-bg.gif 45B
slider-container-tail.gif 469B
slider-box-bg.jpg 70KB
heading-bg.png 115B
s.jpg 24KB
styles.css 13KB
共 13 条
- 1
资源评论
CyMylive.
- 粉丝: 6610
- 资源: 3万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功