<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!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>
<!-- Custom Theme files -->
<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"> <!-- font-awesome icons -->
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="all" property="" />
<link rel="stylesheet" href="css/lightbox.css">
<!-- //Custom Theme files -->
<!-- js -->
<script src="js/jquery-2.2.3.min.js"></script>
<!-- //js -->
<!-- web-fonts -->
<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">
<!-- //web-fonts -->
</head>
<body>
<!-- banner -->
<div class="banner">
<!-- header -->
<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>
<!-- //header -->
<!-- banner-text -->
<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>
<!-- FlexSlider -->
<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>
<!-- End-slider-script -->
</div>
</div>
<!-- //banner-text -->
</div>
<!-- //banner -->
<!-- menu-js -->
<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>
<!-- //menu-js -->
<!-- about -->
<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>
<!-- //about -->
<!-- adopt -->
<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>
<!-- //adopt -->
<!-- gallery -->
<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
没有合适的资源?快使用搜索试试~ 我知道了~
HTML+CSS+JS+JQ+Bootstrap的宠物收养所响应式网页.7z
共56个文件
jpg:22个
js:9个
png:9个
需积分: 5 0 下载量 153 浏览量
2024-07-10
14:37:37
上传
评论
收藏 3.94MB 7Z 举报
温馨提示
释放前端开发的极致潜能,全面掌握HTML、CSS、JavaScript、jQuery与Bootstrap框架的精髓。这份精心整理的资源集合,不仅包含了构建现代网页所需的所有核心组件,还特别注重实战应用,确保您能够迅速将理论知识转化为实际成果。 HTML构建信息架构,CSS塑造视觉风格,JavaScript与jQuery联手打造动态交互,而Bootstrap则以响应式设计为核心,确保网站在任何设备上都能呈现出色的用户体验。源码中详细注释每一个关键点,助力开发者深刻理解代码逻辑与框架机制,加速项目开发进程。 此资源特别适合希望深化前端技能的专业人士,以及渴望从零开始构建高质量网站的初学者。无论目标是打造个人品牌站点,还是开发功能丰富的电子商务平台,这份资源都将为您提供坚实的技术支撑。深入剖析每一行代码,灵活运用框架特性,让您的网站在竞争激烈的数字世界中脱颖而出。拥抱前端技术的最新趋势,迈出构建卓越网站的第一步。
资源推荐
资源详情
资源评论
收起资源包目录
HTML+CSS+JS+JQ+Bootstrap的宠物收养所响应式网页.7z (56个子文件)
【web课设】宠物收养所响应式网页-HTML源码
html
js
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
共 56 条
- 1
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2157
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于MATLAB Simulink的单相全桥逆变器仿真与设计
- 音频软件:Reaper机架
- 基于go-cqhttp的java qq机器人开发框架(源码)
- Python自动办公源码+案例21个+pdf文档,Python操作Excel,合并,筛选,读写,转换,等等
- Cadence元器件库(symbol)
- 知云翻译器, 看文档好用
- 课程设计-S1001-基于STM32的温湿度采集控制系统+设计+报告+原理图+proteus.zip
- Linux命令与shell脚本
- 348JSP047电子商务在线购物商城系统毕业课程源码设计+报告文档
- 富士PLC例程12个,自动换桶,电梯程序,起重机,氧化铝生产线,灯箱程序,氨纶卷挠机
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功