<!doctype html>
<head>
<meta charset="UTF-8">
<title>Cat template - Home</title>
<link rel="icon" href="images/favicon.gif" type="image/x-icon"/>
<!--[if lt IE 9]>
<script src="http//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="shortcut icon" href="images/favicon.gif" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="css/styles.css"/>
<script src="https//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="js/slides.min.jquery.js"></script>
<script>
$(function(){
$('#slides').slides({
preload: true,
preloadImage: 'images/loading.gif',
play: 5000,
pause: 2500,
hoverPause: true
});
});
</script>
</head>
<body>
<!--start container-->
<div id="container">
<!--start header-->
<header>
<!--start logo-->
<a href="#" id="logo"><img src="images/logo.png" width="262" height="133" alt="logo"/></a>
<!--end logo-->
<!--start menu-->
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<!--end menu-->
<!--end header-->
</header>
<!--start intro-->
<section id="intro">
<div id="slides">
<div class="slides_container">
<img src="images/banner1.jpg" width="960" height="300" alt="baner">
<img src="images/banner2.jpg" width="960" height="300" alt="baner">
<img src="images/banner3.jpg" width="960" height="300" alt="baner">
</div>
</div>
</section>
<!--end intro-->
<!--start holder-->
<div class="holder_content1">
<section class="group5">
<h1>Welcome</h1>
<article>
<h2>Douglas Adams:
One of the problems of taking things apart and seeing how they work - supposing you're trying to find out how a cat works--you take that cat apart to see how it works, what you've got in your hands is a non-working cat. The cat wasn't a sort of clunky mechanism that was susceptible to our available tools of analysis.
</h2>
</article>
</section>
</div>
<!--end holder-->
<!--start holder-->
<div class="holder_content">
<section class="group1">
<h3>I am watching...</h3>
<a class="photo_hover3" href="#"><img src="images/picture2.jpg" width="190" height="126" alt="picture" /></a>
<p>Cats don't like change without their consent.
Cats can be cooperative when something feels good, which, to a cat, is the way everything is supposed to feel as much of the time as possible.
The cat is a creature of most refined and subtle perceptions naturally. </p>
<a href=""><span class="button">Read more</span></a>
</section>
<section class="group2">
<h3>I am thinking...</h3>
<a class="photo_hover3" href="#"><img src="images/picture3.jpg" width="190" height="126" alt="picture" /></a>
<p>There are people who reshape the world by force or argument, but the cat just lies there, dozing; and the world quietly reshapes itself to suit his comfort and convenience.</p>
<a href=""><span class="button">Read more</span></a>
</section>
<section class="group3">
<h3>I am resting...</h3>
<a class="photo_hover3" href="#"><img src="images/picture1.jpg" width="190" height="126" alt="picture" /></a>
<p>The thing about cats,
As you may find,
Is that no one knows
What they have in mind. </p>
<a href=""><span class="button">Read more</span></a>
</section>
<section class="group4">
<h3>And purr sleeping..</h3>
<a class="photo_hover3" href="#"><img src="images/picture4.jpg" width="190" height="126" alt="picture" /></a>
<p>Cats have always been associated with the Moon. Like the Moon, they come to life at night, escaping from humanity and wandering over housetops with their eyes beaming out through the darkness.
</p>
<a href=""><span class="button">Read more</span></a>
</section>
</div>
<!--end holder-->
<!--start holder-->
<div class="holder_content2">
<section class="group6">
<h3>Fernand Mery quote</h3>
<a class="photo_hover3" href="#"><img src="images/picture5.jpg" width="190" height="105" alt="picture" /></a>
<p>With the qualities of cleanliness, affection, patience, dignity, and courage that cats have, how many of us, I ask you, would be capable of becoming cats?
God made the cat in order that man might have the pleasure of caressing the lion. </p>
<p>Are cats lazy? Well, more power to them if they are. Which one of us has not entertained the dream of doing just as he likes, when and how he likes, and as much as he likes? </p>
<p>The cat is magical and the bringer of good luck. - Indian </p>
</section>
</div>
<!--end holder-->
</div>
<!--end container-->
<!--start footer-->
<footer>
<div class="container">
<aside class="footer_left">
<h4>Hello hello
<span>Lorem ipsum dolor sit amet</span>
<span>Lorem ipsum dolor sit amet</span>
</h4>
</aside>
<aside class="footer_left">
<h4>Bla bla
<span>Lorem ipsum dolor sit amet</span>
<span>Lorem ipsum dolor sit amet</span>
</h4>
</aside>
<aside class="footer_left">
<h4>Purr purr
<span>Lorem ipsum dolor sit amet</span>
<span>Lorem ipsum dolor sit amet</span>
</h4>
</aside>
<img src="images/cat_paw_prints.png" width="300" height="300" alt="contact" class="picture_footer"/>
<div id="FooterTwo"> © 2011 cats template </div>
<div id="FooterTree"> Valid html5 / design and code by <a href="http//www.marijazaric.com"><span style="color:#999999;text-decoration:underline">marija zaric - creative simplicity</span></a> </div>
</div>
</footer>
<!--end footer-->
<!-- Free template distributed by http//freehtml5templates.com -->
</body></html>
前端静态模板-黑红猫咪-学生作业毕设实训素材.zip
版权申诉
161 浏览量
2022-04-07
22:09:48
上传
评论
收藏 2.21MB ZIP 举报
芝麻粒儿
- 粉丝: 6w+
- 资源: 2万+
最新资源
- 电子系统设计与创新实践作品:脉宽调制(PWM)控制器
- ASC X9 TR 34-2019 preview
- 基于Python+Django+MySQL+Redis实现的医院挂号系统
- PLC类-Inoproshop软件入门-Inoproshop软件整体框架及功能介绍
- 一步到位:SystemView 通信仿真软件安装教程
- 基于python+redis+rabbitmq搭建一个简单的秒杀系统
- 利用类模板和函数模板实现师生信息管理.zip
- 大数据-常用组件原理-大数据培训
- Python学习资料&项目源码-天气应用程序
- PostgreSQL JDBC 驱动包,最新的基于 jdk 1.6 的 jdbc 驱动包
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈