<!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
资源评论
诚信赢天下
- 粉丝: 2959
- 资源: 102
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功