<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<title>摄影作品线上展览</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
<script type="text/javascript" src="js/html5shiv.min.js" ></script>
<script type="text/javascript" src="js/respond.min.js" ></script>
<style>
.navbar-default{
background-color: #ceffff;
}
.item{
height: 400px;
}
.jumbotron{
background-color: #ceffff;
}
</style>
</head>
<body>
<!--导航条-->
<nav class="navbar navbar-default " role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#example-navbar-collapse">
<span class="sr-only">切换导航</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">我们的第一次摄影展</a>
</div>
<div class="collapse navbar-collapse" id="example-navbar-collapse">
<ul class="nav nav-pills">
<li><a href="#">人物</a></li>
<li><a href="#">风景</a></li>
<li><a href="#">昆虫</a></li>
<li><a href="#">雪山</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
作者 <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><select class="selectpicker show-tick form-control">
<option>史蒂夫(马格南)</option>
<option>薇薇安·迈尔(Vivian Maier)</option>
<option>马丁 · 帕尔</option>
<option>埃拉德·拉斯里</option>
</select></li>
<li><a href="#">史蒂夫(马格南)</a></li>
<li><a href="#">薇薇安·迈尔(Vivian Maier)</a></li>
<li><a href="#">马丁 · 帕尔</a></li>
<li><a href="#"> ······ </a></li>
<li><a href="#">埃拉德·拉斯里</a></li>
</ul>
</li>
<button class="btn btn-primary btn-default navbar-btn navbar-right" data-toggle="modal" data-target="#myModal">
我要投稿
</button>
<!-- 模态框(Modal) -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">
亲爱的大摄影家,如要投稿请按如下步骤:
</h4>
</div>
<div class="modal-body">
1.请认真填写附件中个人信息(我们的审核结果会通过邮件分享给大家)。
2.请仔细回想拍摄照片时的印象(所见所闻所感)
3.将拍摄照片打包成一个压缩包发送至邮箱[email protected],或可按地址邮政快递进行邮寄。
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary" data-dismiss="modal">
知道了
</button>
</div>
</div><!-- /.modal-content -->
</div>
</div>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="jumbotron">
<div id="myCarousel" class="carousel slide">
<!-- 轮播(Carousel)指标 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<!-- 轮播(Carousel)项目 -->
<div class="carousel-inner" id="box">
<div class="item active">
<center><img src="images\人物1.jpg" height="500px" align="center" alt="First slide" ></center>
<div class="carousel-caption">童年 作者:南风知我意</div>
</div>
<div class="item">
<center><img src="images\雪山1.jpg" height="500px" align="center" alt="Second slide"></center>
<div class="carousel-caption">雪山圣境 作者:乘风</div>
</div>
<div class="item">
<center><img src="images\风景2.jpg" height="500px" align="center" alt="Third slide"></center>
<div class="carousel-caption">镜子 作者:晚秋</div>
</div>
<div class="item">
<center><img src="images\昆虫2.jpg" height="500px" align="center" alt="Four slide"></center>
<div class="carousel-caption">生命 作者:知了</div>
</div>
</div>
<!-- 轮播(Carousel)导航 -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="row">
<div class="col-sm-10">
<!--列表开始-->
<div class="row">
<div class="col-lg-4 col-xs-6">
<h3>作品:《浮游》</h3>
<img src="images\浮游.jpg" height="150px" width="200px" >作者:袁铭泽<br>
袁铭泽,毕业于山东师范大学美术学院,现工作生活于济南。影像风格趋向于纪实。
<p>
<button class="btn btn-default">联系他»</button>
</p>
</div>
<div class="col-lg-4 col-xs-6">
<h3>作品:《飞鸟》</h3>
<img src="images\飞鸟.jpg" height="150px" width="200px" >作者:徐巧萍<br>
徐巧萍,笔名兮若,1984年出生,毕业于浙江工业大学,诗人,摄影师,居浙江永康。
<p>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
近几年毕业设计和毕业答辩的要求和难度不断提升,传统的毕业项目缺少创新和亮点,往往达不到毕业答辩的要求,这几年教育机构专门针对各大院校毕业设计进行培训指导,衍生出很多届优秀学员的毕业项目,为了让广大同学都可以顺利通过答辩,我作为过来人给大家准备了一些资料,同学们可以互相参考,我建议大家是要有自己的想法来重构项目,而不是照搬抄袭。近几年毕业设计和毕业答辩的要求和难度不断提升,传统的毕业项目缺少创新和亮点,往往达不到毕业答辩的要求,这几年教育机构专门针对各大院校毕业设计进行培训指导,衍生出很多届优秀学员的毕业项目,为了让广大同学都可以顺利通过答辩,我作为过来人给大家准备了一些资料,同学们可以互相参考,我建议大家是要有自己的想法来重构项目,而不是照搬抄袭。近几年毕业设计和毕业答辩的要求和难度不断提升,传统的毕业项目缺少创新和亮点,往往达不到毕业答辩的要求,这几年教育机构专门针对各大院校毕业设计进行培训指导,衍生出很多届优秀学员的毕业项目,为了让广大同学都可以顺利通过答辩,我作为过来人给大家准备了一些资料,同学们可以互相参考,我建议大家是要有自己的想法来重构项目,而不是照搬抄袭。
资源推荐
资源详情
资源评论
收起资源包目录
前端项目14.zip (77个子文件)
基于css、js、html、bootstrap前端项目
综合排版布局-彭纪莹.html 12KB
js
html5shiv.min.js 3KB
bootstrap.js 68KB
npm.js 484B
bootstrap.min.js 36KB
respond.min.js 6KB
jquery.js 268KB
img
2.jpg 21KB
Thumbs.db 56KB
10.png 7KB
9.png 3KB
download.png 3KB
3.png 1KB
desktop.jpg 34KB
22.jpg 318KB
logo.png 3KB
12.png 1KB
stickup.png 8KB
tablet.jpg 22KB
websafecolors.png 9KB
11.png 2KB
13.png 1KB
6.png 8KB
erweima.png 3KB
phone.jpg 66KB
5.png 20KB
4.png 10KB
11.jpg 62KB
8.png 18KB
unslider.png 1KB
header_img.jpg 86KB
7.png 45KB
3.jpg 33KB
demo.mp4 7.86MB
14.png 3KB
css
bootstrap-theme.min.css.map 25KB
bootstrap.min.css 118KB
bootstrap-theme.css.map 47KB
bootstrap-theme.css 26KB
bootstrap.css.map 380KB
bootstrap.css 143KB
bootstrap-theme.min.css 23KB
bootstrap.min.css.map 529KB
images
slide2.png 8KB
人物1.jpg 21KB
2.jpg 83KB
slide3.png 6KB
风景1.jpg 30KB
赋山水.jpg 115KB
风景3.jpg 13KB
雪山3.jpg 22KB
昆虫4.jpg 7KB
1.jpg 94KB
昆虫2.jpg 13KB
昆虫1.jpg 131KB
人物3.jpg 103KB
成人礼.jpg 366KB
昆虫3.jpg 18KB
新女性.jpg 632KB
雪山2.jpg 20KB
风景2.jpg 30KB
遇见.韶光.jpg 210KB
人物4.jpg 1.63MB
摄影展览.png 2KB
飞鸟.jpg 248KB
雪山1.jpg 22KB
雪山4.jpg 12KB
slide1.png 6KB
3.jpg 106KB
风景4.jpg 31KB
人物2.jpg 15KB
浮游.jpg 3.4MB
fonts
glyphicons-halflings-regular.svg 106KB
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.woff2 18KB
共 77 条
- 1
资源评论
诚信赢天下
- 粉丝: 2971
- 资源: 102
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功