宠物领养网站的一个主页面资源
<!DOCTYPE html> <html lang="en"> <head> <title>宠物领养中心</title> <meta charset="utf-8"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/slider.css"> <script src="js/jquery.js"></script> <script src="js/jquery-migrate-1.1.1.js"></script> <script src="js/jquery.easing.1.3.js"></script> <!--轮播控制器插件--> <script src="js/tms-0.4.1.js"></script> <!--实现返回顶部插件--> <script src="js/jquery.ui.totop.js"></script> <script> //插件实现轮播控制器 $(window).load(function() { $('.slider')._TMS ({ show:0, pauseOnHover:false, prevBu:'.prev', nextBu:'.next', playBu:false, duration:800, preset:'fade', pagination:true,//'.pagination',true,'<ul></ul>' pagNums:false, slideshow:8000, numStatus:false, banners:true, waitBannerAnimation:false, progressBar:false }) }); //回到网页顶部的效果 jQuery(document).ready(function() { $().UItoTop({ easingType: 'easeOutQuart' }); }); </script> </head> <body class="page1"> <!--header--> <header> <div class="container_12"> <div class="grid_12"> <h1><a href="index.html"><img src="images/favicon.png" ></a> </h1> <div class="menu_block"> <nav> <ul class="sf-menu"> <li class="current"><a href="#">主页</a></li> <li class="with_p"><a href="#">关于宠物</a> <li class="with_ul"><a href="#">关于我们</a> <ul> <li><a href="#">评价</a></li> <li><a href="#">存档</a></li> </ul> </li> <li><a href="#">服务</a></li> <li><a href="#">日志</a></li> <li><a href="#">联系我们</a></li> </ul> </nav> <div class="clear"></div> </div> <div class="clear"></div> </div> </div> </header> <!--轮播--> <div class="top_block"> <div class="slider-relative"> <div class="slider-block"> <div class="slider"> <ul class="items"> <li><img src="images/slide2.jpg" alt=""> <div class="banner">它们的<span>世界</span>里全部都是<i>你</i><p>而你的世界却有千千万万个它</p</div> </li> <li><img src="images/slide1.jpg" alt=""> <div class="banner">给它们一个<span>家</span>和<i>一些爱</i><p>他们便会还你灿烂的笑容</p</div> </li> <li><img src="images/slide.jpg" alt=""> <div class="banner">它们需要你的<span>爱</span>和<i>关心</i><p>让他们开心是一件很容易的事</p</div> </li> </ul> </div> </div> </div> </div> <!--before-sheep--> <div class="page1_block"> <div class="container_12"> <div class="grid_6"> <h2>欢迎来到我们的网站</h2><br> <img src="images/page1_img5.jpg" alt="" class="img_inner fleft"> <div class="extra_wrapper style1"><p class="text1"> <a href="#" rel="nofollow">点击这里</a></p> 你了解你的宠物吗？ </div> <div class="clear"></div> 在历史学家眼里，1914年爆发的那场战争，创造了许多世界纪录：席卷欧亚大陆的第一场世界大战，同时让三个帝国崩溃，第一场真正意义上的现代化战争，以及“参战”动物种类和数量都最多的战争。关于最后一点，美国《大西洋月刊》在其制作的“一战百年特辑”中，特别刊登了一组“一战中的动物们”的照片。数以百万计的马、驴、狗、猫、鸽子、骆驼、考拉、大象等被派往战场。其中，流浪狗斯达比的经历最为醒目：糊里糊涂被迫参军，屡屡立下战功，从流浪犬酷炫变身为美国英雄，成为一战中唯一一条被授予中士军衔的狗，被载入史册。<br> <a href="#" class="btn">More</a> </div> <div class="grid_5 prefix_1"> <h2 class="ic1">最新消息</h2> <ul class="list"> <li> <span> <time datetime="2018-01-01">8月<span>27日</span></time> </span> <div class="extra_wrapper"> <div class="col1"><a href="#">臭蛋儿爱看热闹</a> <time datetime="2018-01-01">2018.8.27</time> </div> 臭蛋儿是我见过的最爱看热闹的兔，话又说回来，它是我唯一的兔，我也没有别的兔子可以比较。就拿今天来说吧。我一早起来决定把这几年旅行收集的票据和卡片整理整理。没一会儿，臭蛋儿就发觉今天不同于往日，颠颠地跑过来，在我脚前面站起身，仰着脑袋使劲往... </div> </li> <li> <span class="cnt"> <time datetime="2018-01-01">8月<span>28日</span></time> </span> <div class="extra_wrapper"> <div class="col1"><a href="#">爷爷和毛毛的美好时光</a> <time datetime="2018-01-01">2018.8.28</time> </div> 毛毛对于我们家来说，是个特殊的存在。领养毛毛那天，我与爷爷走在大街上，看见一个耍猴人在用鞭子抽打一只毛发杂乱的小猴子。 </div> </li> </ul> </div> </div> </div> <!--after-sheep--> <div class="content page1"> <div class="container_12"> <div class="grid_12"> <!--<a href="#" class="next"></a><a href="#" class="prev"></a>--> <h2>想收养这些宠物吗？</h2> </div> <div class="clear"></div> <ul class="pet"> <li class="grid_4"> <img src="images/carousel1_img1.jpg" alt="" class="img_inner fleft"> <div class="extra_wrapper pad1"> <p class="col2"><a href="#">小猫猫寻找合适的主人</a></p> 给小猫找主人，已经有一个多月了，可以吃一点饭饭和狗粮了。欢迎有爱心的人士，可以来看狗。 </div> </li> <li class="grid_4"> <img src="images/carousel1_img2.jpg" alt="" class="img_inner fleft"> <div class="extra_wrapper pad1"> <p class="col2"><a href="#">一只小鹦鹉</a></p> 由于主人没有时间照顾，希望赠送爱心人士领养，有意向者可以联系我。 </div> </li> <li class="grid_4"> <img src="images/carousel1_img3.jpg" alt="" class="img_inner fleft"> <div class="extra_wrapper pad1"> <p class="col2"><a href="#">找靠谱爱狗人士收养</a></p> 爱狗人士收养我家可乐已经是2015年6月20日出生的，领养她的时候也就三个月大。 </div> </li> <li class="grid_4"> <img src="images/carousel1_img4.jpg" alt="" class="img_inner fleft"> <div class="extra_wrapper pad1"> <p class="col2"><a href="#">两只小狗寻找主人</a></p>
相关知识
电子宠物网站资源
宠物网站页面如何设计
小动物领养网站/宠物救助网站
宠物猫俱乐部网站模板里面包含8个子页面，适合宠物爱好者网站模板下载 .rar下载
学院类简单html页面资源
[附源码]java毕业设计宠物狗领养网站
jsp宠物领养网站h9t0e
宠物猫俱乐部网站模板里面包含8个子页面，适合宠物爱好者网站模板资源
jsp宠物领养网站qtr62
springboot宠物领养网站 LW PPT
网址: 宠物领养网站的一个主页面资源 https://m.mcbbbk.com/newsview486000.html
| 上一篇: 安卓动物购物领养社区 领养app |
下一篇: 免费领养狗狗 |
