<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>爱宠之家</title>
<link href="css/1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<header>
<nav>
<div class="logo"><img src="images/logo.png" width="283" height="142" /></div>
<div class="nav_font">
</nav>
<div class="content1">
<img src="images/zy_dog.png" width="600" height="300" class="zy_dog"/>
<article>
<section>
<h2>Peace <span style="color:#963">& </span> Love</h2>
<p class="h_font">自成立以来，本公司一直秉承保护动物的原则，让更多的流浪狗过上幸福的生活</p>
</section>
</article>
</div>
</header>
<div id="content">
<div class="c1">
<div><img src="images/zhu7.jpg" width="100%" height="500" /></div>
<div>
<span class="content_font2">关于</span>
<p class="content_font3">Masagni dolores eoquie voluptaquisquam estqui dolorem ipsumquia dolor sitamnetase adipiscquam eiuse. Basmodi temporant, ut laboreas dolore magnam aliquam kuytase uaeraquis autem vel eum iure reprehend.Unicmquam eius, Basmodi temurer sehsMunim nostrum exercitationem untarseam. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters
Masagni dolores eoquie voluptaquisquam estqui dolorem
Ipsumquia dolor sitamnetase adipiscquam eiuse
Basmodi temporant, ut laboreas dolore magnam aliquam
Masagni dolores eoquie voluptaquisquam estqui dolorem</p>
</div>
</div>
<div class="c2">
<div>Upcoming Events</div>
<div>
<img src="images/zhu1.jpg" width="300" height="250" />
<p>西伯利亚雪橇犬</p>
<div class="content_font1">
6/6/2019<br />
Masagni dolores eoquie voluptaquisquam estqui dolorem ipsumquia dolor sitamnetase adipiscquam eiuse.
</div>
</div>
<div>
<img src="images/zhu2.jpg" width="300" height="250" />
<p>贵宾犬</p>
<div class="content_font1">
6/6/2019<br />
Masagni dolores eoquie voluptaquisquam estqui dolorem ipsumquia dolor sitamnetase adipiscquam eiuse.
</div>
</div>
<div>
<img src="images/zhu3.jpg" width="300" height="250" />
<p>秋田犬</p>
<div class="content_font1">
6/6/2019<br />
Masagni dolores eoquie voluptaquisquam estqui dolorem ipsumquia dolor sitamnetase adipiscquam eiuse.
</div>
</div>
<div>
<img src="images/zhu4.jpg" width="300" height="250" />
<p>边境牧羊犬</p>
<div class="content_font1">
6/6/2019<br />
Masagni dolores eoquie voluptaquisquam estqui dolorem ipsumquia dolor sitamnetase adipiscquam eiuse.
</div>
</div>
<div>
<img src="images/zhu5.jpg" width="300" height="250" />
<p>博美犬</p>
<div class="content_font1">
6/6/2019<br />
Masagni dolores eoquie voluptaquisquam estqui dolorem ipsumquia dolor sitamnetase adipiscquam eiuse.
</div>
</div>
<div>
<img src="images/zhu6.jpg" width="300" height="250" />
<p>柴犬</p>
<div class="content_font1">
6/6/2019<br />
Masagni dolores eoquie voluptaquisquam estqui dolorem ipsumquia dolor sitamnetase adipiscquam eiuse.
</div>
</div>
</div>
</div>
<footer>
<div class="foot1">
<section>
<p class="foot_nav">Navigation</p>
<p><a target="_blank" class="foot_font">home</a></p>
<p><a target="_blank" class="foot_font">About us</a></p>
<p><a target="_blank" class="foot_font">Gallery</a></p>
<p><a target="_blank" class="foot_font">Join us</a></p>
<p><a target="_blank" class="foot_font">Register</a></p>
</section>
</div>
<div class="foot2">
<p class="foot_nav">Follow Us</p>
<p><a href="#"><img src="images/foot1.PNG" width="50" height="50" /></a></p>
<p><a href="#"><img src="images/foot3.PNG" width="50" height="50" /></a></p>
<p><a href="#"><img src="images/foot4.PNG" width="50" height="50" /></a></p>
</div>
<div class="foot3">
<p class="foot_nav">Loction</p>
<p class="foot_font2">Company Name</p>
<p class="foot_font2">gddm</p>
<p class="foot_font2">13666666666</p>
</div>
</footer>
<div class="about">From@18rj6 Learning makes me happy.com</div>
</body>
</html>
网页设计作业-学生作品-爱宠之家-官网.rar
需积分: 0 54 浏览量
2023-04-01
16:07:15
上传
评论
收藏 597KB RAR 举报
学生作品-爱宠之家-官网.rar （18个子文件） 
学生作品-爱宠之家-官网 
1.html 5KB css 
1.css 9KB images 
foot3.PNG 2KB
zhu6.jpg 7KB zy_dog.png 101KB logo.png 7KB foot1.PNG 821B foot4.PNG 1KB zhu1.jpg 8KB zhu7.jpg 98KB zhu4.jpg 7KB header1.jpg 37KB foot2.PNG 763B zhu3.jpg 7KB backgroud.jpg 477KB zhu2.jpg 7KB zhu5.jpg 8KB foot.png 4KB资源评论
