<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<!-- 页面整体 -->
<div class="page">
<!-- 头部位置 -->
<div class="header">
<ul>
<li><a href="#">登录</a></li>
<li><a href="#">兑换</a></li>
</ul>
</div>
<!-- 导航栏部分 -->
<div class="nav">
<div class="nav_left">
<ul>
<li><a href="#" class="game">游戏</a></li>
<li><a href="#">社区</a></li>
<li><a href="#">商品</a></li>
<li><a href="#">支持</a></li>
</ul>
</div>
<div class="nav_center">
<a href="#"><img src="img/logo-minecraft.svg" alt=""></a>
</div>
<div class="nav_right">
<a href="#">获取 MINECRAFT</a>
</div>
</div>
<!-- 内容部分 -->
<div class="content">
<div class="download">
<h1>欢迎来到 MINECRAFT</h1>
<p>新游戏、新更新、新畅玩方式应有尽有，快来加入最大的游戏社区之<br />一，今天就开启创作之旅吧！</p>
<div>
<a href="#">获取 MINECRAFT</a>
</div>
</div>
</div>
<!-- 更多游戏部分 -->
<div class="more">
<div class="more_game">
<h2>探索 MINECRAFT 游戏</h2>
<div class="box">
<div class="box_left">
<a href="#">←</a>
</div>
<div class="game first">
<img src="img/Games_Subnav_Minecraft-228x350.jpg" alt="">
<div class="mes1">
<a href="#">MINECRAFT</a>
<p>探索自己独一无二的世界，挺过黑<br />夜，并创建您能想象的一切！</p>
</div>
</div>
<div class="game">
<img src="img/Games_Subnav_Dungeona-228x350.jpg" alt="">
<div class="mes2">
<a href="#">MINECRAFT DUNGEONS</a>
<p>发现一款以经典地牢爬虫为灵感来<br />源的全新动作冒险游戏！</p>
</div>
</div>
<div class="game last">
<img src="img/MC_Education_KeyArt_650x1000-final.jpg" alt="">
<div class="mes3">
<a href="#">MINECRAFT 教育版</a>
<p>一个基于游戏的学习平台，支持来<br />自100多个国家/地区的成千上万<br />名教育工作者！</p>
</div>
</div>
<div class="box_right">
<a href="#">→</a>
</div>
</div>
</div>
</div>
<!-- 最新消息部分 -->
<div class="news">
<h1>最新消息</h1>
<div class="new_content">
<div class="new_left">
<a href="#">←</a>
</div>
<div class="new1">
<img src="img/java_realms_june_440x250.jpg" alt="">
<div class="link">
<a href="#">NEW ON REALMS:<br /> HARDCORE PARKOUR</a>
</div>
</div>
<div class="new2">
<img src="img/Xbox_Minecraft_WildUpdate_Main_.Net_440x250.jpg" alt="">
<div class="link">
<a href="#">THE WILD UPDATE IS<br />COMING</a>
<p>Experience the greater outdoors on<br /> june 7</p>
</div>
</div>
<div class="new3">
<img src="img/Minecraft_Yr1_NET_440x250.jpg" alt="">
<div class="link">
<a href="#">FAN FAVOURITES:YEAR 1</a>
</div>
</div>
<div class="new_right">
<a href="#">→</a>
</div>
</div>
</div>
<!-- 其他部分 -->
<div class="another">
<div class="black"></div>
<div class="more1">
<img src="img/Xbox_Minecraft_MarketPlace_5YearAnniversary_.Net_600x360.jpg" alt="">
<h1>庆祝商城 5 周年！</h1>
<p>在 5 月 24 日和 7 月 12 日之间，尽情探索粉丝最爱的五周年庆典，<br />邂逅最热门商城
最低0.47元/天 解锁文章
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
