426
个编辑
更多操作
无编辑摘要
无编辑摘要 |
无编辑摘要 |
||
| 第1行： | 第1行： | ||
== 跨系服务器欢迎您！ | <!DOCTYPE html> | ||
<html lang="en"> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |||
<title>跨系服务器欢迎您！</title> | |||
<style> | |||
body { | |||
font-family: Arial, sans-serif; | |||
background-color: #f4f4f4; | |||
color: #333; | |||
margin: 0; | |||
padding: 0; | |||
} | |||
.container { | |||
width: 80%; | |||
margin: auto; | |||
} | |||
header { | |||
background-color: #005792; | |||
color: #fff; | |||
padding: 20px 0; | |||
text-align: center; | |||
} | |||
header h1 { | |||
margin: 0; | |||
} | |||
.features { | |||
display: flex; | |||
justify-content: space-between; | |||
margin-top: 20px; | |||
} | |||
.feature { | |||
flex-basis: 30%; | |||
background-color: #fff; | |||
padding: 20px; | |||
margin-bottom: 20px; | |||
} | |||
.feature img { | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
.feature h2 { | |||
color: #005792; | |||
} | |||
.specs { | |||
background-color: #005792; | |||
color: #fff; | |||
padding: 20px; | |||
margin-top: 20px; | |||
} | |||
.specs h2 { | |||
color: #fff; | |||
} | |||
.specs ul { | |||
list-style-type: none; | |||
padding: 0; | |||
} | |||
.specs li { | |||
margin-bottom: 10px; | |||
} | |||
.video-container { | |||
position: relative; | |||
padding-bottom: 56.25%; /* 16:9 aspect ratio */ | |||
height: 0; | |||
} | |||
.video-container iframe { | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
height: 100%; | |||
} | |||
@media (max-width: 768px) { | |||
.features { | |||
flex-direction: column; | |||
} | |||
.feature { | |||
margin-bottom: 20px; | |||
} | |||
} | |||
</style> | |||
</head> | |||
<body> | |||
< | <header> | ||
<div class="container"> | |||
<h1>跨系服务器欢迎您！</h1> | |||
</div> | |||
</header> | |||
<div | |||
< | |||
</div | |||
</ | |||
== | <div class="container"> | ||
<section class="features"> | |||
<div class="feature"> | |||
<h2>一个热衷于建造高质量的 Minecraft MTR 服务器</h2> | |||
<p>免费 - 人员完善 - 高创 - 稳定 - 强大支持链</p> | |||
</div> | |||
<div class="feature"> | |||
<h2>新 official website 已经上线！</h2> | |||
<p>This official website除基本内容更新外所有服务均已停止提供，请不要在本official website商店下单，详情请查看QQ群。</p> | |||
</div> | |||
<div class="feature"> | |||
<h2>让你的 Minecraft 生活更丰富！</h2> | |||
<p>创建你自己世界！</p> | |||
<img src="https://user-assets.sxlcdn.com/images/1171405/Fvjus8s8DyduPKCnxCkT7ikuua8-.jpg" alt="Minecraft World"> | |||
</div> | |||
</section> | |||
< | <section class="specs"> | ||
<h2>最低配置</h2> | <h2>最低配置 & 推荐配置</h2> | ||
<ul> | <ul> | ||
<li>CPU:i5 6200u 运行内存：8GB 显卡：gt940mx或1650 存储空间：5GB+</li> | |||
<li>CPU:11THI5+ 运行内存：16GB+ 显卡:2070+ 存储空间：6GB+</li> | |||
</ul> | </ul> | ||
<p>注：由于MCMTR优化较差，在光影下流畅运行需要更强大的电脑，尤其是大站，服务器最大的站12thi912900H不开较低配光影只能30-40帧左右...</p> | <p>注：由于MCMTR优化较差，在光影下流畅运行需要更强大的电脑，尤其是大站，服务器最大的站12thi912900H不开较低配光影只能30-40帧左右...</p> | ||
</ | </section> | ||
== | <section class="video-container"> | ||
<iframe src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> | |||
</section> | |||
<div style=" | <section class="features"> | ||
<div class="feature" style="background-color: #e9e9e9;"> | |||
<h2>手机端</h2> | |||
<ul> | |||
<li>目前仍有bug</li> | <li>目前仍有bug</li> | ||
<li>我们不能保证云电脑是免费的</li> | <li>我们不能保证云电脑是免费的</li> | ||
</ul> | |||
</div> | </div> | ||
<div class="feature" style="background-color: #e9e9e9;"> | |||
<h2>PC端</h2> | |||
<ul> | |||
<div style=" | |||
<li>快捷方便</li> | <li>快捷方便</li> | ||
<li>高创</li> | <li>高创</li> | ||
| 第100行： | 第136行： | ||
<li>好群体</li> | <li>好群体</li> | ||
<li>支持操作系统多</li> | <li>支持操作系统多</li> | ||
</ | </ul> | ||
</div> | |||
</section> | |||
</div> | </div> | ||
</body> | |||
</html> | |||