<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>英雄联盟</title>
<link rel="stylesheet" type="text/css" href="static/css/style.css">
<link rel="stylesheet" type="text/css" href="static/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="static/css/imgStyle.css">
</head>
<body>
<header>
<div class="header">
<div class="headeLogin">
<img src="static/picture/logo-public.png">
</div>
<nav class="nav">
<ul>
<li>
<h3>Games</h3>
<p>INFO</p>
</li>
<li>
<h3>Mall</h3>
<p>STORE</p>
</li>
<li>
<h3>Community</h3>
<p>COMMUNITY</p>
</li>
<li>
<h3>website</h3>
<p>ESPORTS</p>
</li>
</ul>
</nav>
<div class="login">
<div class="loginItem">
<i class="fa fa-search"></i>
</div>
<div class="loginItem">
<img src="static/picture/default.png">
</div>
</div>
</div>
<div class="header_con">
<button>View details</button>
</div>
</header>
<section class="tab1">
<!-- 轮播图 -->
<div class="carousel">
<div id="da-slider" class="da-slider">
<div class="da-slide">
<div class="da-img"><img src="static/picture/carousel01.jpeg" alt="image01"></div>
</div>
<div class="da-slide">
<div class="da-img"><img src="static/picture/carousel02.jpeg" alt="image01"></div>
</div>
<div class="da-slide">
<div class="da-img"><img src="static/picture/carousel03.png" alt="image01"></div>
</div>
<div class="da-slide">
<div class="da-img"><img src="static/picture/carousel04.jpeg" alt="image01"></div>
</div>
<nav class="da-arrows">
<span class="da-arrows-prev"></span>
<span class="da-arrows-next"></span>
</nav>
</div>
</div>
<div class="tabItem">
<ul>
<li>all</li>
<li>Notice</li>
<li>match</li>
<li>Strategy</li>
<li>community</li>
</ul>
<div class="tab1Title">
<h2>Strategy of soul fetter</h2>
</div>
<div class="tab1con">
<p class="colorOrg"><button>赛事</button>This project is about the game League of legenda </p>
<p class="colorBlue"><button>赛事</button>This project hopes to attract more game fans</p>
<p class="colorOrg"><button>赛事</button>The UI/UX imitate the style of official website of league of legends</p>
<p class="colorBlue"><button>赛事</button>The “fanart gallery “part</p>
<p class="colorOrg"><button>赛事</button>The”lpl x nike” part</p>
<p class="colorBlue"><button>赛事</button>The “team section” part</p>
</div>
</div>
</section>
<section class="tab2">
<h2 class="tab2Title">Hot events<span>more></span></h2>
<div class="tab2Item">
<div class="tabItem">
<div class="port-1 effect-3">
<div class="image-box">
<img src="static/picture/tab2Item01.jpg">
</div>
<div class="text-desc">
<h3>League of Heroes</h3>
<p>Lol team section: waiting for you</p>
<a href="#" class="btn">Learn more</a>
</div>
</div>
<div class="tab2con">
<p>Lol team section</p>
<span>Long term activities</span>
</div>
</div>
<div class="tabItem">
<div class="port-1 effect-3">
<div class="image-box">
<img src="static/picture/tab2Item02.jpg">
</div>
<div class="text-desc">
<h3>Alliance of Heroes: eternal star monument</h3>
<p>Long term activities</p>
<a href="#" class="btn">Learn more</a>
</div>
</div>
<div class="tab2con">
<p>Alliance of Heroes</p>
<span>Long term activities</span>
</div>
</div>
<div class="tabItem">
<div class="port-1 effect-3">
<div class="image-box">
<img src="static/picture/tab2Item03.jpg">
</div>
<div class="text-desc">
<h3>League of heroes credit sub query</h3>
<p>Long term activities</p>
<a href="#" class="btn">Learn more</a>
</div>
</div>
<div class="tab2con">
<p>League of heroes</p>
<span>Long term activities</span>
</div>
</div>
<div class="tabItem">
<div class="port-1 effect-3">
<div class="image-box">
<img src="static/picture/tab2Item04.jpg">
</div>
<div class="text-desc">
<h3>LPL x Nike co branding Kit</h3>
<p>Long term activities</p>
<a href="#" class="btn">Learn more</a>
</div>
</div>
<div class="tab2con">
<p>LPL x Nike</p>
<span>Long term activities</span>
</div>
</div>
</div>
</section>
<section class="tab3">
<h2 class="tab2Title">Latest video<span>more></span></h2>
<div class="tab3Item">
<div class="tab3Video">
<div class="tab3Left">
<img src="static/picture/tab3_01.jpg">
<video width="100%" height="240" controls="" autoplay="">
<source src="static/file/t3112blcj3l.mp4" type="video/mp4">
Your browser does not support video tags.
</video>
</div>
</div>
<div class="Dow-version">
<div class="tab3Dow">
<div class="tab3DowTtem1">
<video width="100%">
<source src="static/file/btn-download.mp4" type="video/mp4">
Your browser does not support video tags.
</video>
</div>
<div class="tab3DowTtem2">necessary</div>
<div class="tab3DowTtem2">Collection</div>
<div class="tab3DowTtem">Service</div>
<div class="tab3DowTtem">palace</div>
<div class="tab3DowTtem">information</div>
<div class="tab3DowTtem">Service</div>
<div class="tab3DowTtem">palace</div>
<div class="tab3DowTtem">information</div>
<div class="tab3DowTtem">Collection</div>
<div class="tab3DowTtem">Service</div>
</div>
</div>
</div>
</section>
<section class="tab4">
<div class="tab4Item">
<div class="tab4Title">
<h2 class="">Team of the week</h2>
</div>
<div class="renwu">
<div class="renwuItem">
<img src="static/picture/0.png">
<p>TheShy</p>
</div>
Bootstrap响应式明星艺人个人主页网站模板
版权申诉
71 浏览量
2022-07-12
21:54:52
上传
评论 1
收藏 9.42MB RAR 举报
Zp_demo.demohuo.top_85.rar （45个子文件） 
Zp_demo.demohuo.top_85 
index.html 15KB static css 
imgStyle.css 18KB font-awesome.min.css 30KB style.css 9KB image 
tab3bg.png 18KB arrows.png 1KB
header.jpg 204KB picture tab5item07.jpg 17KB tab5item05.jpg 8KB tab5item03.jpg 14KB tab5item01.jpg 18KB tab5item08.jpg 20KB carousel04.jpeg 153KB tab5item04.jpg 14KB 5.png 71KB tab5item06.jpg 14KB tab2Item02.jpg 28KB carousel03.png 423KB default.png 16KB fpx.png 42KB tab2Item04.jpg 42KB logo-public.png 19KB 1.png 65KB RLOT.png 17KB tab2Item01.jpg 49KB jdg.png 18KB carousel01.jpeg 131KB ig.png 20KB 0.png 68KB tab2Item03.jpg 12KB tab3_01.jpg 111KB 4.png 78KB tab5item02.jpg 17KB tes.png 17KB carousel02.jpeg 109KB 3.png 72KB js jquery.cslider.js 7KB jquery-1.10.2.min.js 91KB modernizr.custom.28468.js 7KB file 
t3112blcj3l.mp4 7.06MB btn-download.mp4 198KB font fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB fontawesome-webfont.ttf 162KB资源评论
