<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>原神wiki站</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery-3.6.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<style>
body {
background-image: url("img/背景.jpg");
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.larger-font {
font-size: 18px;
color: #333333;
}
.red {
background-color: red;
color: white;
}
.title {
margin-top: 35%;
}
@media (max-width: 768px) {
.title {
margin-top: 5%;
/* 在窄屏幕下调整上边距 */
}
}
@media (max-width: 1200px) {
.title {
margin-top: 5%;
/* 在窄屏幕下调整上边距 */
}
}
/* .scrollable-content {
height: 1000px;
} */
.scrollable-content {
background-color: rgba(255, 255, 255, 0.7);
/* 添加半透明背景颜色 */
padding: 50px;
margin-top: 50px;
/* 添加上边距，使内容与背景分开 */
height: 1000px;
/* 设置内容高度，使其可以滚动 */
}
#footer {
background-color: #f1f1f1;
padding: 10px;
text-align: center;
font-size: 12px;
color: #888;
}
.image {
width: 50%;
height: auto;
}
#countdown {
font-size: 36px;
margin-top: 20px;
font-size: 36px;
margin-top: 20px;
margin-right: 420px;
background-color: rgba(0, 255, 255, 0.5);
}
</style>
</head>
<body>
<div id="logo"><img src="img/logo.png" style="width: 200px; height: 100px;"></div>
<!-- 导航栏 -->
<div class="container">
<nav class="navbar navbar-inverse ">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<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">原神Wiki</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<!-- <li class="active"><a href="#">尘世七国<span class="sr-only">(current)</span></a></li> -->
<li><a href="juese.html">角色</a></li>
<li><a href="wuqi.html">武器</a></li>
<li><a href="gonglue.html">攻略</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
aria-haspopup="true" aria-expanded="false">尘世七国<span class="caret"></span></a>
<ul class="dropdown-menu">
<li class="disabled"><a href="#">蒙德</a></li>
<li class="disabled"><a href="#">璃月</a></li>
<li><a href="daoqi.html">稻妻</a></li>
<li class="disabled"><a href="#">须弥</a></li>
<li role="separator" class="divider"></li>
<li class="disabled"><a>未开放</a></li>
<li class="disabled"><a href="#">枫丹</a></li>
<li class="disabled"><a href="#">穆纳塔</a></li>
<li class="disabled"><a href="#">至冬</a></li>
<li role="separator" class="divider"></li>
<li class="disabled"><a href="#">坎瑞亚</a></li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control" placeholder="在Wiki中搜索">
</div>
<button type="submit" class="btn btn-default">搜索</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="zhuce.html" class="glyphicon glyphicon-user" role="button" aria-haspopup="true"
aria-expanded="false"></a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="glyphicon glyphicon-th-list" data-toggle="dropdown" role="button"
aria-haspopup="true" aria-expanded="false"></a>
<ul class="dropdown-menu">
<li><a href="#">相关网站</a></li>
<li><a href="#">原神官网</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">联系我们</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<!-- -->
<div class="container scrollable-content">
<!-- 轮播图 -->
<div class="container col-lg-7 col-md-7 col-xs-7 col-xs-7" id="myCarousel">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="img/1.jpg">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="img/2.jpg">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="img/3.jpg">
<div class="carousel-caption">
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button"
data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button"
data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
</div>
<!-- -->
<div class="col-lg-5 col-md-5">
<h3><a href="https://www.bilibili.com/video/BV1kS4y1T7kK?p=1" target="_blank">《原神》剧情PV -「神女劈观」<span
class="badge red">hot！！！</span></a></h3>
<p class="larger-font">道仙缘奇谈，物是人非，疏却千丝怨愁。
歌巾帼英姿，再添新话，重入万家灯火。
<cite>CV：云堇念白&唱段——杨扬</cite>
</p>
<h3><a href="https://www.bilibili.com/video/BV1hD4y1X7Rm/?spm_id_from=333.337.search-card.all.click&vd_source=1fce1d7fbd67ef715cb280740ba2812e target="
_blank">《原神》角色演示 -「钟离：听书人」<span class="badge red">hot！！！</span></a></h3>
<p class="larger-font">《璃月春秋》散场之后，听书人站在绘有山河的画屏前，不知是否在期待昔日的回响。
但屏风上的图画只会沉默，因为那已是三千年前的往事了。
</p>
</div>
<!-- -->
<div class="title">
<h1><span><a href="#">八重神子阵容搭配详细攻略</a></span></h1>
<h2>站场激化（主C）</h2>
<p class="larger-font">这个配队本质是刻皇激化队的一个变种。3.0版本后，雷系迎来了一次极大的提升，虽然刻晴和菲谢尔大口吃肉喝汤，可惜对于神子来说也……</p>
</div>
<div class="container">
<h1 class="text-center style=" text-align: left; margin-left: 10px;">本期复刻角色</h1>
<div class="row">
<div class="col-xs-3">
<img src="img/84px-枫原万叶.png" alt="Image 1" class="image">
</div>
原神wiki网站.7z （57个子文件） 
原神wiki网站 
shouye.html 10KB zhuce.html 1KB wuqi 
mgdxazk35nyu792h4s1w8qikz11djjt.png 49KB 2c93huro1qmcsasdxh7fdpm9zhv1obt.png 52KB lpb3rsmenks3ej8qccdsmizgsf05amz.png 54KB kjxqr03u3o59vqhd06q1dkr9udn4bzk.png 50KB 0nj68wmrj4lq5qo83ijiknlxrgjb2s3.png 49KB 9j2dbvbocavnm3ztyfmmw1y1cjxwz85.png 60KB i5smc85ma234uzd3jzx3u9onhy28i94.png 51KB o2trbbsyf2kvcxuegwi8xvb0xfl2kmk.png 81KB 7l0lp1uvwkjmj8g04eg59xy7nqhrgyd.png 54KB 5nqr8ib8lef2mjjoccgsuej6y5ggd8y.png 57KB daoqi.html 9KB js 
bootstrap.js 74KB npm.js 484B jquery-3.6.4.min.js 88KB bootstrap.min.js 39KB gonglue.html 4KB img 84px-枫原万叶.png 15KB
2.jpg 1.28MB 3.png 3.68MB 84px-瑶瑶.png 17KB logo.png 167KB 鶴觀島.jpg 71KB 1.jpg 2.25MB 背景.jpg 334KB 11.png 2.49MB 鸣神岛.jpg 83KB 5.jpg 1.39MB 84px-香菱.png 13KB 清籟島.jpg 69KB 万叶图片.png 4.51MB daoqi.png 58KB 海祇島.jpg 87KB 标题图片.png 1.41MB 84px-鹿野院平藏.png 15KB 3.jpg 1.84MB 神女劈观.png 1.94MB 4.jpg 2.08MB css bootstrap-theme.min.css.map 74KB bootstrap.min.css 119KB bootstrap-theme.css.map 47KB bootstrap-theme.css 25KB bootstrap.css.map 382KB bootstrap.css 143KB bootstrap-theme.min.css 23KB bootstrap.min.css.map 528KB denglu.html 1KB juese.html 7KB vidio 
daoqi .mp4 81.74MB 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 zhucezhanghu.html 2KB wuqi.html 8KB资源评论
cczzk
- 粉丝: 0
- 资源: 1
最新资源
- 【多智能体控制】基于matlab自适应领导者与追随者动态规划仿真【含Matlab源码 8003期】.mp4
- 压合半自动组装线体工程图机械结构设计图纸和其它技术资料和技术方案非常好100%好用.zip
- 移动式液压伸缩提升机工程图机械结构设计图纸和其它技术资料和技术方案非常好100%好用.zip
- sgg慕尚花坊项目代码
- 折弯激光焊接设备工程图机械结构设计图纸和其它技术资料和技术方案非常好100%好用.zip
- 已生产的插针机工程图机械结构设计图纸和其它技术资料和技术方案非常好100%好用.zip
- 纸盒成型机工程图机械结构设计图纸和其它技术资料和技术方案非常好100%好用.zip
- 智能仓库穿梭车工程图机械结构设计图纸和其它技术资料和技术方案非常好100%好用.zip
- 纸盒六面包膜机覆膜机工程图机械结构设计图纸和其它技术资料和技术方案非常好100%好用.zip
- 自动Mylar贴合机工程图机械结构设计图纸和其它技术资料和技术方案非常好100%好用.zip
- 自动裁切机工程图机械结构设计图纸和其它技术资料和技术方案非常好100%好用.zip
- 自动调节双轴变位机单边基座工程图机械结构设计图纸和其它技术资料和技术方案非常好100%好用.zip
- 自动裁布机工程图机械结构设计图纸和其它技术资料和技术方案非常好100%好用.zip
- 自动焊管机工程图机械结构设计图纸和其它技术资料和技术方案非常好100%好用.zip
- 自制点胶系统工程图机械结构设计图纸和其它技术资料和技术方案非常好100%好用.zip
- 自动覆膜设备工程图机械结构设计图纸和其它技术资料和技术方案非常好100%好用.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
