<!DOCTYPE HTML>
<html>
<head>
<title>Home</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="Gato Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, 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" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery.min.js"> </script>
<!--webfonts-->
<link href='http://fonts.useso.com/css?family=Raleway:400,100,200,300,500,600,700|Cinzel+Decorative:400,700' rel='stylesheet' type='text/css'>
<!--//webfonts-->
</head>
<body>
<!--start-home-->
<div id="home" class="header">
<div class="header-bottom">
<div class="container">
<div class="logo">
<a href="index.html"><h1>Gat<span>o</span></h1></a>
</div>
<span class="menu"></span>
<div class="top-menu">
<ul>
<nav>
<li><a class="active" href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="404.html">SERVICES</a></li>
<li><a href="portfolio.html">PORTFOLIO</a></li>
<li><a href="#blog" class="scroll">BLOG</a></li>
<li><a href="contact.html">Contact</a></li>
</nav>
</ul>
</div>
<!-- script for menu -->
<script>
$( "span.menu" ).click(function() {
$( ".top-menu" ).slideToggle( "slow", function() {
// Animation complete.
});
});
</script>
<!-- script for menu -->
<div class="clearfix"></div>
</div>
</div>
<div class="banner">
<div class="container">
<ul id="flexiselDemo3">
<li>
<div class="biseller-column">
<a class="lightbox" href="#goofy">
<img src="images/s1.jpg"/>
</a>
<div class="lightbox-target" id="goofy">
<img src="images/s1.jpg"/>
<a class="lightbox-close" href="#"> </a>
<div class="clearfix"> </div>
</div>
</div>
</li>
<li>
<div class="biseller-column">
<a class="lightbox" href="#goofy">
<img src="images/s4.jpg"/>
</a>
<div class="lightbox-target" id="goofy">
<img src="images/s4.jpg"/>
<a class="lightbox-close" href="#"> </a>
<div class="clearfix"> </div>
</div>
</div>
</li>
<li>
<div class="biseller-column">
<a class="lightbox" href="#goofy">
<img src="images/s3.jpg"/>
</a>
<div class="lightbox-target" id="goofy">
<img src="images/s3.jpg"/>
<a class="lightbox-close" href="#"> </a>
<div class="clearfix"> </div>
</div>
</div>
</li>
<li>
<div class="biseller-column">
<a class="lightbox" href="#goofy">
<img src="images/s1.jpg"/>
</a>
<div class="lightbox-target" id="goofy">
<img src="images/s1.jpg"/>
<a class="lightbox-close" href="#"> </a>
<div class="clearfix"> </div>
</div>
</div>
</li>
<li>
<div class="biseller-column">
<a class="lightbox" href="#goofy">
<img src="images/s4.jpg"/>
</a>
<div class="lightbox-target" id="goofy">
<img src="images/s4.jpg"/>
<a class="lightbox-close" href="#"> </a>
<div class="clearfix"> </div>
</div>
</div>
</li>
<li>
<div class="biseller-column">
<a class="lightbox" href="#goofy">
<img src="images/s1.jpg"/>
</a>
<div class="lightbox-target" id="goofy">
<img src="images/s1.jpg"/>
<a class="lightbox-close" href="#"> </a>
<div class="clearfix"> </div>
</div>
</div>
</li>
<li>
<div class="biseller-column">
<a class="lightbox" href="#goofy">
<img src="images/s4.jpg"/>
</a>
<div class="lightbox-target" id="goofy">
<img src="images/s4.jpg"/>
<a class="lightbox-close" href="#"> </a>
<div class="clearfix"> </div>
</div>
</div>
</li>
</ul>
</div>
<script type="text/javascript">
$(window).load(function() {
$("#flexiselDemo3").flexisel({
visibleItems:3,
animationSpeed: 1000,
autoPlay: true,
autoPlaySpeed: 3000,
pauseOnHover: true,
enableResponsiveBreakpoints: true,
responsiveBreakpoints: {
portrait: {
changePoint:480,
visibleItems:3
},
landscape: {
changePoint:640,
visibleItems:3
},
tablet: {
changePoint:768,
visibleItems:3
}
}
});
});
</script>
<script type="text/javascript" src="js/jquery.flexisel.js"></script>
</div>
</div>
<!--about-->
<div class="about">
<div class="container">
<div class="about-head">
<h3>About</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since, Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<div class="cat-info-section">
<div class="cat-info-left">
<img src="images/cat.jpg" alt="" />
</div>
<div class="cat-info-middle">
<h4>cat Info</h4>
</div>
<div class="cat-info-right">
<h3>Lorem Ipsum Simply</h3>
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent </p>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--//about-->
<!--gallery-->
<div class="gallery">
<div class="container">
<div class="gallery-head">
<h3>Adoption For Cats</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since, Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<div class="portfolio-bottom">
<div class="gallery-one">
<div class="col-md-3 gallery-left">
<a href="images/g1.jpg" class=" mask b-link-stripe b-animate-go swipebox" title="Image Title">
<img src="images/g1.jpg" alt="" class="img-responsive zoom-img"/>
</a>
</div>
<div class="col-md-3 gallery-left">
<a href="images/g2.jpg" class=" mask b-link-stripe b-animate-go swipebox" title="Image Title">
<img src="images/g2.jpg" alt="" class="img-responsive zoom-img"/>
</a>
</div>
<div class="col-md-3 gallery-left">
<a href="images/g4.jpg" class=" mask b-link-stripe b-animate-go swipebox" title="Image Title">
<img src="images/g4.jpg" alt="" class="img-responsive zoom-img"/>
</a>
</div>
<div class="col-md-3 gallery-left">
<a href="images/g3.jpg" class=" mask b-link-stripe b-animate-go swipebox" title="Image Title">
<img src="images/g3.jpg" alt="" class="img-responsive zoom-img"/>
</a>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
html5pc静态模板 宠物猫买卖交易网站模板 （含响应式）.zip
版权申诉
99 浏览量
2023-03-11
14:07:46
上传
评论
收藏 995KB ZIP 举报
html5pc静态模板 宠物猫买卖交易网站模板 （含响应式）.zip （41个子文件） 
宠物猫买卖交易网站模板 
portfolio.html 9KB js 
jquery.wmuSlider.js 12KB jquery.swipebox.min.js 7KB jquery.flexisel.js 8KB jquery.min.js 91KB 说明.htm 3KB css style.css 46KB bootstrap.css 118KB swipebox.css 6KB 404.html 5KB index.html 13KB contact.html 7KB about.html 9KB single.html 10KB images 
g3.jpg 31KB f-cats.jpg 43KB g2.jpg 37KB 2.jpg 70KB s1.jpg 40KB s2.jpg 50KB g8.jpg 37KB t3.jpg 30KB
men.png 3KB g7.jpg 31KB g6.jpg 40KB t1.jpg 8KB nav.png 3KB arrows.png 4KB 5.jpg 29KB
icons.svg 1KB move-top.png 3KB g5.jpg 57KB img-sprite.png 4KB t2.jpg 9KB g4.jpg 40KB s3.jpg 37KB 3.jpg 55KB s4.jpg 35KB g1.jpg 47KB single.jpg 155KB cat.jpg 29KB资源评论
金枝玉叶9
- 粉丝: 138
- 资源: 7640
最新资源
- 3479521_1710042575-1.rwmod
- 安装及环境配置UMCM-2023C-ma笔记
- (完整)数据库课程设计餐厅点餐说明书-21ab6d3c8beb172ded630b1c59eef8c75ebf952c.doc
- 2023-04-06-项目笔记 - 第一百五十四阶段 - 4.4.2.152全局变量的作用域-152 -2024.06.04
- 松哥解协议松哥解协议松哥解协议松哥解协议松哥解协议
- 618节日618节日618节日
- tensorflow-gpu-2.9.1-cp37-cp37m-win-amd64.whl
- tensorflow-gpu-2.9.0-cp37-cp37m-win-amd64.whl
- tensorflow-gpu-2.9.0-cp39-cp39-win-amd64.whl
- lcd daimalcd daima
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
