<!DOCTYPE HTML>
<html>
<head>
<title>About</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script src="js/script.js" type="text/javascript"> </script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
});
});
</script>
<!--light box-->
<script src="js/superfish.js"></script>
<script type="text/javascript" src="js/jquery.lightbox.js"></script>
<link rel="stylesheet" type="text/css" href="css/lightbox.css" media="screen">
<script type="text/javascript">
$(function() {
$('.gallery a').lightBox();
});
</script>
</head>
<body>
<div class="header">
<div class="header-top">
<div class="wrap">
<div class="logo">
<h1><a href="index.html">Doggy</a></h1>
</div>
<div class="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li class="active"><a href="about.html">About</a></li>
<li class=""><a href="services.html">Services</a></li>
<li class=""><a href="gallery.html">Gallery</a></li>
<li class=""><a href="contact.html">Contact</a></li>
</ul>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="header-bottom">
<div class="wrap">
<div class="section group example">
<div class="col_1_of_header span_1_of_header">
<img src="images/banner1.jpg" alt=""/>
</div>
<div class="col_1_of_header span_1_of_header">
<h3>Lorem Ipsum is simply dummy</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
<button class="btn1 btn-1 btn-1a">Read More</button>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div class="main">
<div class="top-box">
<div class="wrap">
<div class="content-top">
<div class="about-top">
<div class="col_1_of_2 span_1_of_2">
<h4>Advantages</h4>
<ul class="grid_no">
<li class="grid_1">
<div class="count">1</div>
<div class="extra_wrapper">
<div class="text2"><a href="#">Fusce euismod consequat ante. Lorem ipsum dolor sit amet.</a></div>
<span class="text1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed</span>
</div>
<div class="clear"></div>
</li>
<li class="grid_1">
<div class="count">2</div>
<div class="extra_wrapper">
<div class="text2"><a href="#">Fusce euismod consequat ante. Lorem ipsum dolor sit amet.</a></div>
<span class="text1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed</span>
</div>
<div class="clear"></div>
</li>
<li class="grid_1">
<div class="count">3</div>
<div class="extra_wrapper">
<div class="text2"><a href="#">Fusce euismod consequat ante. Lorem ipsum dolor sit amet.</a></div>
<span class="text1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed</span>
</div>
<div class="clear"></div>
</li>
</ul>
</div>
<div class="col_1_of_2 span_1_of_2">
<h4>A few words about us</h4>
<div class="about-desc">
<p class="desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore </p>
<span class="desc1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</span>
<div class="more">
<a href="#" class="btn">read more</a>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="section group example">
<div class="col_1_of_2 span_1_of_2">
<div class="clearfix block-4">
<div class="grid_6">
<div class="box-4 clearfix">
<img src="images/pic11.jpg" alt="" class="img-ind">
<div class="extra-wrap">
<div class="inside">
<h3>Lorem ipsum:</h3>
<div><span class="quote"></span><a href="#" class="a-hov">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet magna aliquam erat magna</a>”</div>
<span class="arrow"></span>
</div>
</div>
</div>
</div>
<div class="grid_6">
<div class="box-4 clearfix">
<img src="images/pic12.jpg" alt="" class="img-ind">
<div class="extra-wrap">
<div class="inside">
<h3>Lorem ipsum:</h3>
<div><span class="quote"></span><a href="#" class="a-hov">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet magna aliquam erat magna</a>”</div>
<span class="arrow"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col_1_of_2 span_1_of_2">
<div class="clearfix block-4">
<div class="grid_6">
<div class="box-4 clearfix">
<img src="images/pic13.jpg" alt="" class="img-ind">
<div class="extra-wrap">
<div class="inside">
<h3>Lorem ipsum:</h3>
<div><span class="quote"></span><a href="#" class="a-hov">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet magna aliquam erat magna</a>”</div>
<span class="arrow"></span>
</div>
</div>
</div>
</div>
<div class="grid_6">
<div class="box-4 clearfix">
<img src="images/pic14.jpg" alt="" class="img-ind">
<div class="extra-wrap">
<div class="inside">
<h3>Lorem ipsum:</h3>
<div><span class="quote"></span><a href="#" class="a-hov">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet magna aliquam erat magna</a>”</div>
HTML5+CSS+JS宠物精品网页模板 大学生期末大作业 Web前端网页制作
需积分: 5 175 浏览量
2024-04-30
09:01:08
上传
评论
收藏 825KB RAR 举报
034.rar （55个子文件） 
034 js 
ios-orientationchange-fix.js 2KB jquery.swipebox.min.js 7KB easing.js 5KB superfish.js 7KB move-top.js 1KB jquery.lightbox.js 20KB jquery.mixitup.min.js 14KB script.js 612B css style.css 30KB swipebox.css 4KB lightbox.css 2KB
services.html 13KB index.html 12KB contact.html 6KB about.html 16KB images 
pic12.jpg 8KB pic5.jpg 14KB pic6.jpg 13KB pic.jpg 31KB
tw.png 4KB t-pic4.jpg 82KB pic10.jpg 15KB g+.png 4KB pic8.jpg 16KB pic9.jpg 13KB t-pic5.jpg 52KB zoom.png 3KB quote.png 1KB t-pic8.jpg 59KB
list-arrow.gif 304B home.png 3KB pic4.jpg 20KB bg1.jpg 8KB phone.png 3KB top-move.png 3KB pic2.jpg 41KB t-pic9.jpg 53KB pic3.jpg 17KB fb.png 3KB pic1.jpg 36KB t-pic3.jpg 55KB banner1.jpg 32KB t-pic7.jpg 65KB t-pic10.jpg 59KB pic11.jpg 8KB rss.png 4KB t-pic6.jpg 55KB icons.png 299B pic7.jpg 16KB pic13.jpg 8KB pic14.jpg 10KB arrow-1.png 4KB loader.gif 300B comment.png 5KB gallery.html 13KB资源评论
