<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
<title>张乘源</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.min.css" >
<style>
.bq1{
position: relative;
left: 60px;
}
#bq2{
position: relative;
left: 330px;
}
#dl{
position: relative;
right: 10px;
}
#db{
position: relative;
top: 50px;
}
#db1{
position: relative;
top: 30px;
}
#beijing{
width: 100%;
height: 100%;
margin: auto;
background-image: url(img/5.jpg);
background-size: cover;
}
#aaa{
position: relative;
top: 30px;
}
#aab{
position: relative;
left:0px;
}
#db2{
position: relative;
top: 65px;
}
</style>
</head>
<body>
<div id="beijing">
<div id="db" class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<div class="carousel slide" id="carousel-719607">
<ol class="carousel-indicators">
<li data-slide-to="0" data-target="#carousel-719607">
</li>
<li data-slide-to="1" data-target="#carousel-719607">
</li>
<li data-slide-to="2" data-target="#carousel-719607" class="active">
</li>
</ol>
<div class="carousel-inner">
<div class="item">
<img alt="" src="img/1.jpg" />
</div>
<div class="item">
<img alt="" src="img/2.jpg" />
</div>
<div class="item active">
<img alt="" src="img/3.jpg" />
</div>
</div> <a class="left carousel-control" href="#carousel-719607" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-719607" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div>
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" style="color: #c9302c" href="#">LPL</a>
</div>
<div style="background: #262626" class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="bq1" class="active">
<a href="#">首页</a>
</li>
<li class="bq1">
<a href="#">直播</a>
</li>
<li class="bq1">
<a href="#">赛程</a>
</li>
<li class="bq1">
<a href="#">战队</a>
</li>
<li class="dropdown">
<a href="#" class="bq1" class="dropdown-toggle" data-toggle="dropdown">其他<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a href="#">周边</a>
</li>
<li>
<a href="#">售票</a>
</li>
<li>
<a href="#">视频</a>
</li>
</li>
<li>
<a href="#">数据</a>
</li>
<li class="divider">
</li>
<li>
<a href="#">加入我们</a>
</li>
</ul>
</li>
</ul>
<form id="bq2" class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control" />
</div> <button type="submit" class="btn btn-default">搜索</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<a id="dl"style="color: #d9534f" href="#">登录</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div id="db1" class="row clearfix">
<div class="col-md-6 column">
<div class="jumbotron">
<h1>
英雄联盟职业联赛(LPL)
</h1>
<p>
是中国最高级别的英雄联盟职业比赛,同时也是中国赛区通往每年英雄联盟季中冠军赛和英雄联盟全球总决赛的唯一渠道。每年由春季赛和夏季赛组成,每赛季分为常规赛与季后赛两部分。英雄联盟职业联赛的春季赛冠军会代表LPL赛区参加每年5月的英雄联盟季中冠军赛。夏季赛冠军将作为LPL赛区的一号种子直接保送英雄联盟全球总决赛,全年积分最高的队伍将作为二号种子晋级全球总决赛,顺位之下的四支积分最高的队伍进行预选赛,获胜的队伍将作为三号种子和四号种子获得最后的全球总决赛门票。
</p>
<p>
<a class="btn btn-primary btn-large" href="#">了解更多</a>
</p>
</div>
</div>
<div class="col-md-6 column">
<div class="row">
<div class="col-md-4">
<div class="thumbnail">
<img alt="300x200" src="img/rng.jpg" />
<div class="caption">
<h3>
ROYAL NEVER GIVE UP
</h3>
<p>
RNG电子竞技俱乐部前身为皇族电子竞技俱乐部成立于2012年5月,取得3次MSI季中冠军赛冠军
,取得2次英雄联盟全球总决赛亚军.2022年5月29日,《英雄联盟》季中赛决赛,RNG战胜T1捧回
《英雄联盟》MSI奖杯,缔造MSI首个三冠传奇。<br/><br/><br/><br/><br/><br/>
</p>
<p>
<a class="btn btn-primary" href="#">详情</a>
</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
近几年毕业设计和毕业答辩的要求和难度不断提升,传统的毕业项目缺少创新和亮点,往往达不到毕业答辩的要求,这几年教育机构专门针对各大院校毕业设计进行培训指导,衍生出很多届优秀学员的毕业项目,为了让广大同学都可以顺利通过答辩,我作为过来人给大家准备了一些资料,同学们可以互相参考,我建议大家是要有自己的想法来重构项目,而不是照搬抄袭。近几年毕业设计和毕业答辩的要求和难度不断提升,传统的毕业项目缺少创新和亮点,往往达不到毕业答辩的要求,这几年教育机构专门针对各大院校毕业设计进行培训指导,衍生出很多届优秀学员的毕业项目,为了让广大同学都可以顺利通过答辩,我作为过来人给大家准备了一些资料,同学们可以互相参考,我建议大家是要有自己的想法来重构项目,而不是照搬抄袭。近几年毕业设计和毕业答辩的要求和难度不断提升,传统的毕业项目缺少创新和亮点,往往达不到毕业答辩的要求,这几年教育机构专门针对各大院校毕业设计进行培训指导,衍生出很多届优秀学员的毕业项目,为了让广大同学都可以顺利通过答辩,我作为过来人给大家准备了一些资料,同学们可以互相参考,我建议大家是要有自己的想法来重构项目,而不是照搬抄袭。
资源推荐
资源详情
资源评论
收起资源包目录
前端项目3.zip (30个子文件)
项目.html 19KB
js
html5shiv.min.js 3KB
bootstrap.js 68KB
npm.js 484B
bootstrap.min.js 36KB
respond.min.js 6KB
jquery.js 268KB
img
广告.png 112KB
2.jpg 672KB
fpx.jpg 25KB
6.jpg 161KB
1.jpg 646KB
egd.jpg 29KB
5.jpg 10.36MB
3.jpg 670KB
7.jpg 125KB
rng.jpg 13KB
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
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
共 30 条
- 1
资源评论
诚信赢天下
- 粉丝: 2971
- 资源: 102
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功