HTML+CSS+JS+JQ+Bootstrap的宠物收养所响应式网页.7z资源-CSDN文库

共56个文件

jpg：22个

js：9个

png：9个

web前端

网站源码

HTML

JavaScript

需积分: 5 153 浏览量 2024-07-10 14:37:37 上传评论收藏 3.94MB 7Z 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML+CSS+JS+JQ+Bootstrap的宠物收养所响应式网页.7z （56个子文件）

【web课设】宠物收养所响应式网页-HTML源码

html

bootstrap.js 68KB

lightbox-plus-jquery.min.js 91KB

responsiveslides.min.js 3KB

SmoothScroll.min.js 13KB

jquery.flexslider.js 40KB

jquery-2.2.3.min.js 84KB

easing.js 5KB

move-top.js 1KB

owl.carousel.js 37KB

css

style.css 43KB

flexslider.css 6KB

owl.carousel.css 8KB

font-awesome.css 37KB

bootstrap.css 143KB

lightbox.css 4KB

index.html 27KB

images

2.jpg 27KB

s5.jpg 385KB

c1.jpg 48KB

prev.png 1KB

puppy.png 662KB

c2.jpg 37KB

g8.jpg 34KB

s6.jpg 40KB

about.jpg 21KB

banner.jpg 347KB

loading.gif 8KB

t3.jpg 17KB

1.png 3KB

p1.png 243KB

next.png 1KB

g7.jpg 36KB

section.jpg 188KB

g6.jpg 455KB

t1.jpg 18KB

move-top.png 3KB

g10.jpg 382KB

g5.jpg 9KB

c3.jpg 47KB

img-sprite.png 3KB

close.png 280B

t2.jpg 19KB

g4.jpg 40KB

s3.jpg 58KB

dog1.png 87KB

s4.jpg 41KB

g1.jpg 41KB

contact.jpg 97KB

fonts

FontAwesome.otf 122KB

glyphicons-halflings-regular.woff 23KB

fontawesome-webfont.eot 75KB

glyphicons-halflings-regular.woff2 18KB

fontawesome-webfont.woff 88KB

fontawesome-webfont.woff2 70KB

fontawesome-webfont.svg 382KB

fontawesome-webfont.ttf 149KB

<!DOCTYPE html> <html lang="zxx"> <head> <title>Pet Shelter an Animals Category Bootstrap Responsive website Template | Home :: w3layouts</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Pet Shelter Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>  <link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all"> <link href="css/style.css" type="text/css" rel="stylesheet" media="all"> <link href="css/font-awesome.css" rel="stylesheet">  <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="all" property="" /> <link rel="stylesheet" href="css/lightbox.css">   <script src="js/jquery-2.2.3.min.js"></script>   <link href="//fonts.googleapis.com/css?family=Righteous" rel="stylesheet"> <link href="//fonts.googleapis.com/css?family=Scada:400,400i,700,700i" rel="stylesheet"> <link href="//fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i" rel="stylesheet">  </head> <body>  <div class="banner">  <div class="header"> <div class="container"> <div class="menu"> <a href="#" class="navicon"></a> <div class="toggle"> <ul class="toggle-menu"> <li><a href="index.html" class="active"> Home</a></li> <li><a href="#about" class="scroll"> About</a></li> <li><a href="#gallery" class="scroll"> Gallery</a></li> <li><a href="#clients" class="scroll">Clients</a></li> <li><a href="#services" class="scroll">Services</a></li> <li><a href="#team" class="scroll">Team</a></li> <li><a href="#contact" class="scroll"> Contact Us</a></li> </ul> </div> </div> <div class="logo"> <h3><a href="index.html">Pet Shelter</a></h3> </div> <div class="clearfix"> </div> </div> </div>   <div class="banner-text"> <div class="container"> <div class="flexslider"> <ul class="slides"> <li> <div class="banner-w3lstext"> <h3>Adopt love</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer gravida mauris non mi gravida.</p> </div> </li> <li> <div class="banner-w3lstext"> <h3>build love</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer gravida mauris non mi gravida.</p> </div> </li> <li> <div class="banner-w3lstext"> <h3>give love</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer gravida mauris non mi gravida.</p> </div> </li> </ul> </div>  <script defer src="js/jquery.flexslider.js"></script> <script type="text/javascript"> $(window).load(function(){ $('.flexslider').flexslider({ animation: "slide", start: function(slider){ $('body').removeClass('loading'); } }); }); </script>  </div> </div>  </div>   <script> $('.navicon').on('click', function (e) { e.preventDefault(); $(this).toggleClass('navicon--active'); $('.toggle').toggleClass('toggle--active'); }); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-36251023-1']); _gaq.push(['_setDomainName', 'jqueryscript.net']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>   <div class="w3ls-about w3ls-section" id="about"> <div class="container"> <h3 class="agileits-title">About us</h3> <div class="w3-agileits-about-grids"> <div class="col-md-6 agile-about-left"> <h2 class="agileits-title">save a pet</h2> <h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eget faucibus est.</h5> <p>Suspendisse auctor urna blandit ultricies maximus. Sed accumsan auctor lacus ac mattis. Mauris at nibh purus. Nullam vulputate, urna id facilisis eleifend, nisl turpis suscipit augue, eget tincidunt velit nunc ut lectus. <span>Phasellus viverra nec augue at iaculis. Nullam scelerisque tincidunt sapien vitae sodales. Sed tristique ut nulla a ultricies. Aliquam sit amet sodales elit, et pellentesque lorem. Praesent quis nibh id arcu porta lobortis.</span> Morbi rutrum ut risus sed hendrerit. Integer laoreet odio nec nisi varius, at scelerisque nisi rhoncus.</p> </div> <div class="col-md-6 agile-about-right"></div> <div class="clearfix"> </div> </div> </div> </div>   <div class=" w3_agileits-adopt"> <div class="col-md-3 w3_agileits-adopt-left"> <img src="images/p1.png" class="img-responsive" alt=""/> </div> <div class="col-md-9 w3_agileits-adopt-right"> <h3 class="w3stitle">A shelter pet wants to meet you</h3> <p>save a life. adopt a shelter pet.</p> <img src="images/puppy.png" class="img-responsive" alt=""/> </div> <div class="clearfix"></div> </div>   <div class="w3ls-section gallery" id="gallery"> <div class="container"> <h3 class="agileits-title">Gallery</h3> <div class="gallery-info"> <div class="col-sm-6 gallery-grids glry-grid1"> <div class="gallery-grids-top"> <a class="b-link-stripe b-animate-go" href="images/g10.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen book It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. "> <img src="images/g10.jpg" class="img-responsive" alt=""/> <div class="b-wrapper"> <span class="b-animate b-from-left"> <i class="fa fa-arrows-alt" aria-hidden="true"></i> </span> </div> </a> </div> </div> <div class="col-sm-6 glry-grid2"> <div class="col-sm-6 col-xs-6 gallery-grids gr1"> <a class="b-link-stripe b-animate-go" href="images/g7.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen book It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. "> <img src="images/g7.jpg" class="img-responsive" alt=""/> <div class="b-wrapper"> <span class="b-animate b-from-left"> <i class="fa fa-arrows-alt" aria-hidden="true"></i> </span> </div> </a> </div> <div class="col-sm-6 col-xs-6 gallery-grids gr3"> <a class="b-link-stripe b-animate-go" href="images/g4.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply du

评论收藏

内容反馈