<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>萌宠之家</title>
<!-- 引入bootstrap样式 -->
<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css" />
<!-- 引入图标库 标签页的logo-->
<link rel="shortcut icon" href="img/002-small.ico" type="image/x-icon" />
<!-- 引入外部进入的CSS样式 -->
<link rel="stylesheet" href="css/index.css">
<!-- 引入js脚本 -->
<script src="lib/jquery/jquery.js"></script>
<!-- 引入bootstrap的js插件 -->
<script src="lib/bootstrap/js/bootstrap.js"></script>
<!-- 悬停效果 -->
<link rel='stylesheet' href='css/css.css'>
<link rel="stylesheet" href="css/style.css">
<!-- 脚本文件 -->
<script src="js/index.js"></script>
</head>
<body>
<!-- 头部 -->
<header id="lk_header">
<nav class="navbar navbar-default navbar-static-top navbar-lk" style="background-color: #ffc822;">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#lk_nav" aria-expanded="false">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="" class="navbar-brand">
<!-- logo图片 -->
<img src="img/002.png" alt="标题" width="180" />
</a>
</div>
<div class="collapse navbar-collapse" id="lk_nav">
<ul class="nav navbar-nav">
<li class="active"><a href="javascript:;"><strong>社区首页</strong></a></li>
<li><a href="javascript:;"><strong>机构介绍</strong></a></li>
<li><a href="javascript:;"><strong>社区动态</strong></a></li>
<li><a href="javascript:;"><strong>宠物保护</strong></a></li>
<li><a href="javascript:;"><strong>志愿服务</strong></a></li>
<li><a href="javascript:;"><strong>联系我们</strong></a></li>
</ul>
<ul class="nav navbar-nav navbar-right hidden-sm hidden-xs">
<li><a href="#"><i class="icon-phone"><strong>个人中心</strong></i></a></li>
<li>
<a href="#" role="button" class="text-muted" style="margin-left: 10px;" data-toggle="modal"
data-target="#lk_login"><strong>立即登录</strong></a>
</li>
</div>
</ul>
</div>
</div>
</nav>
</header>
<!-- 巨幕 -->
<style>
.jumbotron{
background: url(img/巨幕.jpg) no-repeat center;
}
</style>
<section>
<div class="jumbotron">
<h2 align="center"><strong>欢 迎 来 到 </strong><br /><p></p>
<div style="color: red;">❤</div></h2>
<h1 align="center"><strong>萌宠之家</strong></h1>
<p></p><br />
<p style="text-align: center;"><a class="btn btn-primary btn-lg" href="#" role="button"
style="background-color: #ffc822; ">快来参观更多吧~~</a></p>
</div>
</section>
<!-- 悬停图 -->
<main >猫咪</main>
<script src="js/script.js"></script>
<a href="" style="display:none;"></a>
<!-- 关于我们 -->
<section id="lk_about" class="hidden-xs hidden-sm">
<!-- 标题 -->
<div class="title text-center">
<h1 ><strong style="color: #FFFFFF;">关于我们</strong></h1>
<img src="img/star.png" alt="" class="img-responsive" style="margin:0 auto;" >
</div>
<!-- 主要内容 -->
<div class="container" >
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-7">
<div class="container-fluid" style="height: 600px;"><br />
<p class="text-muted" style="color: #f3f3f3;">
<strong>萌宠之家是一个关爱宠物de成长的社区，服务于宠物，是一个推崇“善待宠物，拒绝虐待小动物”的宠物社区。
萌宠之家收养了很多流浪的动物，定期会有志愿服务，给宠物洗澡护理，捕捉社区流浪小动物，治疗小动物。
萌宠之家遍布全国15个省份，形成了250个宠物社区。萌宠之家明星云集，包括猫德教育专家兰兰，培育鸡
崽专家凤凤和狗狗训练专家大日，专家团队悉心打造六大管理体系，全力助力萌宠成长。
</strong>
</p>
<br />
<img src="img/关于我们.png" alt="宠物" class="img-rounded img-responsive" >
</div>
</div>
<div class="col-md-4">
<img src="img/关于我们3.jpg" alt="宠物" class="img-rounded img-responsive">
<br /><br /><img src="img/star.png" ><img src="img/star.png" ><img src="img/star.png" ><img src="img/star.png" ><img src="img/star.png" ><br /><br /><br />
<img src="img/关于我们2.jpg" alt="核" class="img-rounded img-responsive">
</div>
</div>
</div>
</section>
<!-- 专栏 -->
<section id="lk_product">
<div class="container">
<div class="role">
<!-- 头部~~标题等 -->
<div style="overflow: auto;">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#product1" aria-controls="home"
role="tab" data-toggle="tab"><strong>萌宠专栏</strong></a>
</li>
<li role="presentation" >
<a href="#product6" aria-controls="home"
role="tab" data-toggle="tab"><strong>娱乐专栏</strong></a>
</li>
<li role="presentation" >
<a href="#product4" aria-controls="home"
role="tab" data-toggle="tab"><strong>公益专栏</strong></a>
</li>
<li role="presentation" >
<a href="#product5" aria-controls="home"
role="tab" data-toggle="tab"><strong>就医专栏</strong></a>
</li>
<li role="presentation" >
<a href="#product2" aria-controls="home"
role="tab" data-toggle="tab"><strong>民大专栏</strong></a>
</li>
<li role="presentation" >
<a href="#product3" aria-controls="home"
role="tab" data-toggle="tab"><strong>领养专栏</strong></a>
</li>
<li role="presentation" >
<a href="#product0" aria-controls="home"
role="tab" data-toggle="tab"><strong>宠物用品</strong></a>
</li>
<li class="pull-right hidden-sm hidden-xs">
<a href="http://www.magpet.cn/" ><strong>其他</strong></a>
</li>
</ul>
</div>
<!-- 展示的内容(tab-content声明要写内容)~~#：锚点 -->
<div class="tab-content">
<div id="product1" role="tabpanel" class="tab-pane fade in active">
<div class="container">
<div class="row">
<div class="col-md-8 pd-left">
<!-- 第一部分 -->
<div id="pd_one_1" class="media">
<div class="media-left" >
<a href="#">
<img src="img/萌宠之家.jpg" width="150"/>
</a>
</div>
<div class="media-body text-muted" style="padding-top: 100px;">
<h4 class="media-heading">更多资讯欢迎</h4>
<h3 class="media-heading">关注<strong>萌宠之家</strong></h3>
</div>
<div class="media-body text-muted" style="padding-top: 5px;">
<img src="./img/weixin-h.png" width="60"/>
<br /><br />
<h4 class="media-heading"><strong>微信扫码</strong>即可获得更多</h4>
</div>
</div>
<!-- 第二部分 -->
<ol id="pd_one_2" class="breadcrumb lead" >
<li><a href="https://699pic.com/tupian/chongwu.html" style="color: #FFBE18;">萌 宠 大 片</a></li>
<li><a href="https://www.jd.com/chanpin/124842.html" style="color: #F76334;">萌 宠 玩 具</a></li>
<li><a href="http://www.360doc.com/content/15/0519/20/25440929_471
【毕业设计课程设计答辩】萌宠之家.zip （156个子文件） 
bootstrap.css 143KB bootstrap.css 143KB bootstrap.min.css 119KB bootstrap.min.css 118KB bootstrap-theme.css 26KB bootstrap-theme.css 25KB bootstrap-theme.min.css 23KB bootstrap-theme.min.css 23KB css.css 11KB style.css 6KB index.css 5KB css2.css 2KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.eot 20KB lk.eot 3KB
index.html 26KB 002-small.ico 4KB
01-01.jpg 3.78MB 01-02.jpg 3.78MB 关于我们3.jpg 3.3MB 巨幕.jpg 918KB 06-02.jpg 804KB miao.jpg 723KB 05-02.jpg 688KB 03-02.jpg 680KB 04-02.jpg 381KB 02-02.jpg 289KB 3.jpg 264KB reg.jpg 149KB 03-01.jpg 131KB 06-01.jpg 115KB 05-01.jpg 108KB 关于我们2.jpg 100KB 04-01.jpg 90KB 02-01.jpg 69KB slide_03_2000x410.jpg.jpg 44KB 002.jpg 38KB 萌宠之家-1.jpg 20KB 萌宠之家.jpg 17KB jquery.js 242KB jquery-3.2.1.min.js 85KB jquery.min.js 82KB bootstrap.js 74KB bootstrap.js 67KB bootstrap.min.js 39KB bootstrap.min.js 36KB html5shiv-printshiv.js 16KB html5shiv.js 10KB respond.matchmedia.addListener.src.js 10KB respond.src.js 8KB respond.matchmedia.addListener.min.js 5KB respond.min.js 4KB html5shiv-printshiv.min.js 4KB html5shiv.min.js 3KB script.js 3KB index.js 758B npm.js 484B npm.js 484B bootstrap.min.css.map 528KB bootstrap.css.map 382KB bootstrap.css.map 380KB jquery.min.map 125KB bootstrap-theme.min.css.map 74KB bootstrap.min.css.map 53KB bootstrap-theme.css.map 47KB bootstrap-theme.css.map 47KB bootstrap-theme.min.css.map 5KB
20190923.mp4 10.76MB
关于我们.png 6.74MB jiuyi.png 1.03MB 萌宠01.png 690KB 关于我们4.png 563KB liulang.png 537KB 2.png 485KB hz003.png 383KB 老板.png 212KB 合作伙伴.png 194KB 驻扎兽医.png 190KB 宠物救援师.png 182KB 宠物摄影师.png 166KB m1.png 162KB 宠物造型师.png 144KB hz001.png 104KB 协会.png 56KB 医院1.png 48KB hz1.png 39KB hz004.png 38KB ft_bg.png 25KB 猫粮.png 16KB 002.png 14KB hz002.png 12KB xinlang-h.png 6KB success.png 5KB log-pwd.png 5KB weixin-h.png 4KB ok_no.png 771B ok_n.png 744B star.png 477B
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.svg 106KB共 156 条
- 1
- 2
资源评论
诚信赢天下
- 粉丝: 3266
最新资源
- 试验小学综合布线工程竣工文档.doc
- 工程风险管理信息化需求方案设计.doc
- 互联时代背景下计算机网络数据安全管理方法探析.docx
- 圈层传播视域下青少年网络舆情的治理机制研究.docx
- 区块链技术来了银行有五种方式应用.docx
- 计算机网络应用基础.doc
- 医院计算机网络规划设计.docx
- “远离网络游戏”主题班会.ppt
- 单片机课程研究设计led流水灯研究设计报告.doc
- 江苏省有线电视网络双向化改造技术实施方案终发文稿.doc
- PLC的电动机顺序起动停止控制设计方案.doc
- 机电传动控制实验台实验项目管理介绍.doc
- 电力工程自动化技术的应用.docx
- 实验三-网络模拟软件的使用(上).doc
- 数字图像修复算法及其实现-(1).doc
- 《中图法》(五版)计算机技术软件工具、工具软件的改进措施.doc
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
