<html>
<head>
<title>cats</title>
<link href="css/index.css" rel="stylesheet">
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<div id="all">
<div id="navigate">
<ul>
<li class="n"><a class="line" href="son/lian.html">联系我们</a></li>
<li class="n"><a class="line" href="son/help.html">帮助 </a></li>
<li class="n"><a class="line"href="son/maijiaxiu.html">买家秀</a></li>
<li class="n"><a class="line"href="son/maoshe.html">猫舍</a></li>
<li class="n"><a class="line"href="son/moban.html">喵星人</a></li>
<li class="n"><a class="line"href="index.html">首页</a></li>
</ul>
</div>
<div id="logo"><img src="images/yjf.1.png" width="147.2" height="110"/>
</div>
<div id="banner">
<div id="img">
<img src="images/yjf.7.jpg" width="1270" height="445" />
</div>
</div>
<div id="content"></div>
<section id="Moka">
<div class="container">
<div class="center">
<h2>Moka指南</h2>
<hr>
<p class="lead">
"Moka宠物俱乐部,喵星人的家。"<br>
"我们有来自各个猫舍的品种,猫舍为我们提供的猫咪安全有保障,铲屎官们放心了,详情请点击<a class="miao"href="#">喵星人→</a><br>
Moka每天更新买家秀hahaha。"
</p>
</div>
<div class="row">
<div class="Mokas">
<div class="col-md-4 col-sm-6">
<div class="moka-wrap">
<i class="fa fa-laptop">
<a href="son/maoshe.html"><img class="yuan"src="images/yjf.14.jpg" width="130" height="130"/></a>
</i>
<h2>猫舍</h2>
<h3>
"来自各个猫舍的猫咪安全有保障。"
</h3>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class ="moka-wrap">
<i class="fa fa-code">
<a href="son/moban.html"><img class="yuan"src="images/yjf.15.jpg" width="130" height="130"/></a>
</i>
<h2>喵星人</h2>
<h3>"各种品种乖巧可爱猫咪"</h3>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="moka-wrap">
<i class="fa fa-bullhorn">
<a href="./son/miaoxiu.html"><img class="yuan"src="images/yjf.17.jpg" width="130" height="130"/></a>
</i>
<h2>喵星秀</h2>
<h3>
"乖巧可爱美丽调皮萌帅气喵星"
</h3>
</div>
</div>
</div>
</div>
</div>
</section>
<div id="fade_focus">
<div class="loading">Loading...<br /><img src="images/yjf.18.gif"></div>
<ul class="ul">
<li><img src="images/yjf.11.jpg" width="1270" height="360" /></li>
<li><img src="images/yjf.12.jpg" width="1270" height="360" /></li>
<li><img src="images/yjf.19.jpg" width="1270" height="360" /></li>
<li><img src="images/yjf.13.jpg" width="1270" height="360" /></li>
</ul></class>
</div>
<section id="recent-works">
<div id="container">
<div class="center">
<h2>Moka喵星秀</h2>
<hr class="xian"></class>
<p class="lead">
"Moka PetsHouse对品种一直严格要求 疫苗证书都是安全有保障的
让每只喵星人找到归宿 每只猫都有自己独特的地方 它的生命中只有你一个 请珍惜与它相处
<br>他喜欢玩喜欢吃 喜欢在你忙碌的时候要求你歇会 喜欢你跟他说话 虽然他听不懂你的语言 但是他记得你的声音 你难过的时候他会认真的哄你 安静的躺在你怀里 <br>就算什么都没有了 他一直都在"
</div>
<div id="zheng"></div>
<div class="case-content">
<div class="case-item">
<div class="ih-item circle effect1">
<a href="index.html">
<div class="spinner"></div>
<div class="img"><img src="images/yjf.21.jpg" ></div>
<div class="info">
<div class="info-back">
<h3>Moka <br>PetsHouse</h3>
<p>我们的自信之作</p>
</div>
</div>
</a>
</div>
</div>
<div class="case-item">
<div class="ih-item circle effect1">
<a href="index.html">
<div class="spinner"></div>
<div class="img"><img src="images/yjf.27.jpg" ></div>
<div class="info">
<div class="info-back">
<h3>Moka <br>PetsHouse</h3>
<p>我们的自信之作</p>
</div>
</div>
</a>
</div>
</div>
<div class="case-item">
<div class="ih-item circle effect1">
<a href="index.html">
<div class="spinner"></div>
<div class="img"><img src="images/yjf.23.jpg" ></div>
<div class="info">
<div class="info-back">
<h3>Moka <br>PetsHouse</h3>
<p>我们的自信之作</p>
</div>
</div>
</a>
</div>
</div>
<div class="case-item">
<div class="ih-item circle effect1">
<a href="index.html">
<div class="spinner"></div>
<div class="img"><img src="images/yjf.22.jpg" ></div>
<div class="info">
<div class="info-back">
<h3>Moka <br>PetsHouse</h3>
<p>我们的自信之作</p>
</div>
</div>
</a>
</div>
</div>
<div class="case-item">
<div class="ih-item circle effect1">
<a href="index.html">
<div class="spinner"></div>
<div class="img"><img src="images/yjf.16.jpg" ></div>
<div class="info">
<div class="info-back">
<h3>Welcome <br>Moka</h3>
<p>PetsHouse</p>
</div>
</div>
</a>
</div>
</div>
<div class="case-item">
<div class="ih-item circle effect1">
<a href="index.html">
<div class="spinner"></div>
<div class="img"><img src="images/yjf.24.jpg" ></div>
<div class="info">
<div class="info-back">
<h3>Moka <br>PetsHouse</h3>
<p>我们的自信之作</p>
</div>
</div>
</a>
</div>
</div>
<div class="case-item">
<div class="ih-item circle effect1">
<a href="index.html">
<div class="spinner"></div>
<div class="img"><img src="images/yjf.25.jpg" ></div>
<div class="info">
<div class="info-back">
<h3>Moka <br>PetsHouse</h3>
<p>我们的自信之作</p>
</div>
</div>
</a>
</div>
</div>
<div class="case-item">
<div class="ih-item circle effect1">
<a href="index.html">
<div class="spinner"></div>
<div class="img"><img src="images/yjf.26.jpg" ></div>
<div class="info">
<div class="info-back">
<h3>Moka <br>PetsHouse</h3>
<p>我们的自信之作</p>
</div>
</div>
</a>
</div>
</div>
<div class="case-item">
<div class="ih-item circle effect1">
<a href="index.html">
<div class="spinner"></div>
<div class="img"><img src="images/yjf.17.jpg" ></div>
<div class="info">
<div class="info-back">
<h3>Moka <br>PetsHouse</h3>
<p>我们的自信之作</p>
</div>
</div>
</a>
</div>
</div>
</div>
</section>
<div id="content3">
<div class="container">
<div class="center">
<h2>Moka喵星人