更新页面
This commit is contained in:
hanasaki-misaki
138
index.html
138
index.html
@@ -17,11 +17,19 @@
|
||||
</head>
|
||||
|
||||
<body class="mdui-theme-primary-indigo mdui-theme-accent-blue mdui-loaded" id="p-d">
|
||||
<!-- loading start -->
|
||||
<div id="">
|
||||
<span></span>
|
||||
</div>
|
||||
<!-- loading end -->
|
||||
<div class="home-bodg"></div>
|
||||
|
||||
<div>
|
||||
<!--PC toolbar-->
|
||||
<div class="mdui-hidden-lok-down">
|
||||
<div class="mdui-progress">
|
||||
<div class="mdui-progress-indeterminate"></div>
|
||||
</div>
|
||||
<div class="mdui-toolbar mdui-toolbarb">
|
||||
<a href="/index.html">
|
||||
<div class="mdui-valign animate__animated animate__fadeInLeft">
|
||||
@@ -45,6 +53,9 @@
|
||||
<a href="./contact.html" class="mdui-ripple ">
|
||||
<label>联系/contact</label>
|
||||
</a>
|
||||
<a href="./message.html" class="mdui-ripple ">
|
||||
<label>寄语/message</label>
|
||||
</a>
|
||||
<div class="mdui-tab-indicator"></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -96,75 +107,83 @@
|
||||
</ol>
|
||||
<div class="carousel-inner" style="border-radius: 15px;">
|
||||
<div class="carousel-item active">
|
||||
<img src="https://img-cdn-cos.lolicon.team/1/2023/03/14/1x64107d5d0a8e0.webp/all70"
|
||||
class="d-block w-100" alt="...">
|
||||
<img src="https://img-cdn-cos.lolicon.team/1/2023/03/17/1x641476241d7cc.webp/all70" class="d-block w-100" alt="...">
|
||||
<div class="carousel-caption d-none d-md-block">
|
||||
<h5 style="color: black;"><strong>Akatsuki - Word</strong></h5>
|
||||
<p style="color: black;"><strong>人类从来没有资格评定好坏，所谓对错会随着时间所变动.</strong></p>
|
||||
<h5 style="color: #fff;"><strong>Akatsuki - Word</strong></h5>
|
||||
<p style="color: #fff;"><strong>人类从来没有资格评定好坏，所谓对错会随着时间所变动.</strong></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="https://img-cdn-cos.lolicon.team/1/2023/03/14/1x64107d3d4501c.webp/all70"
|
||||
class="d-block w-100" alt="...">
|
||||
<img src="https://img-cdn-cos.lolicon.team/1/2023/03/17/1x641476217ac41.webp/all70" class="d-block w-100" alt="...">
|
||||
<div class="carousel-caption d-none d-md-block">
|
||||
<h5 style="color: black;"><strong>Akatsuki - Word</strong></h5>
|
||||
<p style="color: black;"><strong>生活的意义是享受当下，活出精彩人生</strong></p>
|
||||
<h5 style="color: #fff;"><strong>Akatsuki - Word</strong></h5>
|
||||
<p style="color: #fff;"><strong>生活的意义是享受当下，活出精彩人生</strong></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="https://img-cdn-cos.lolicon.team/1/2023/03/14/1x64107d2bd6872.webp/all70"
|
||||
class="d-block w-100" alt="...">
|
||||
<img src="https://img-cdn-cos.lolicon.team/1/2023/03/17/1x6414761e6fb95.webp/all70" class="d-block w-100" alt="...">
|
||||
<div class="carousel-caption d-none d-md-block">
|
||||
<h5 style="color: black;"><strong>Akatsuki - Word</strong></h5>
|
||||
<p style="color: black;"><strong>我只活在当下，欣赏眼前的风景</strong></p>
|
||||
<h5 style="color: #fff;"><strong>Akatsuki - Word</strong></h5>
|
||||
<p style="color: #fff;"><strong>我只活在当下，欣赏眼前的风景</strong></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="carousel-control-prev" type="button" data-target="#carouselExampleCaptions"
|
||||
data-slide="prev">
|
||||
<button class="carousel-control-prev" type="button" data-target="#carouselExampleCaptions" data-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="sr-only">Previous</span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-target="#carouselExampleCaptions"
|
||||
data-slide="next">
|
||||
<button class="carousel-control-next" type="button" data-target="#carouselExampleCaptions" data-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="sr-only">Next</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="c-inner">
|
||||
<div class="mdui-grid-tile animate__animated animate__fadeInLeft">
|
||||
<a href="javascript:;"><img src="https://img-cdn-cos.lolicon.team/IMG/2/2023/02/27/f04bc30c81d915d5737be92d51b698f0.jpg/wp70"/></a>
|
||||
<div class="mdui-grid-tile-actions">
|
||||
<div class="mdui-grid-tile-text">
|
||||
<div class="mdui-grid-tile-title">No Pay</div>
|
||||
<div class="mdui-grid-tile-subtitle"><i class="mdui-icon material-icons">grid_on</i>永远不会收取费用</div>
|
||||
</div>
|
||||
<div class="wow animate__animated animate__bounceIn slow mdui-shadow-24 mdui-ripple mdui-ripple-white">
|
||||
<h2>冰浮岛</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mdui-grid-tile animate__animated animate__fadeInDown">
|
||||
<a href="javascript:;"><img src="https://img-cdn-cos.lolicon.team/IMG/2/2023/02/27/7deacef6bf53fd727bc92cc75d7edf4e.jpg/wp70"/></a>
|
||||
<div class="mdui-grid-tile-actions">
|
||||
<div class="mdui-grid-tile-text">
|
||||
<div class="mdui-grid-tile-title">Server</div>
|
||||
<div class="mdui-grid-tile-subtitle"><i class="mdui-icon material-icons">grid_on</i>灌水服务器长期运行</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mdui-grid-tile animate__animated animate__fadeInRight">
|
||||
<a href="javascript:;"><img src="https://img-cdn-cos.lolicon.team/IMG/2/2023/02/27/f9ade14f4e96052c8fee02b61b3d55ba.jpg/wp70"/></a>
|
||||
<div class="mdui-grid-tile-actions">
|
||||
<div class="mdui-grid-tile-text">
|
||||
<div class="mdui-grid-tile-title">Happy house</div>
|
||||
<div class="mdui-grid-tile-subtitle"><i class="mdui-icon material-icons">grid_on</i>学生上班族的快乐屋</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 我们的特点 -->
|
||||
<div class="wow animate__animated animate__fadeInUp c-scl" data-wow-delay="200ms">
|
||||
<h2 class="c-secttl">Our Features</h2>
|
||||
</div>
|
||||
|
||||
<div class="c-inner">
|
||||
<div class="mdui-ripple mdui-grid-tile wow animate__animated animate__fadeInLeft" data-wow-delay="300ms" >
|
||||
<img class="mdui-img-fluid" src="https://img-cdn-cos.lolicon.team/IMG/2/2023/02/27/f04bc30c81d915d5737be92d51b698f0.jpg/wp70" />
|
||||
<div class="mdui-grid-tile-actions">
|
||||
<div class="mdui-grid-tile-text">
|
||||
<div class="mdui-grid-tile-title">No Pay</div>
|
||||
<div class="mdui-grid-tile-subtitle"><i class="mdui-icon material-icons">grid_on</i>永远不会收取费用
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mdui-ripple mdui-grid-tile wow animate__animated animate__fadeInDown" data-wow-delay="500ms" >
|
||||
<img class="mdui-img-fluid" src="https://img-cdn-cos.lolicon.team/IMG/2/2023/02/27/7deacef6bf53fd727bc92cc75d7edf4e.jpg/wp70" />
|
||||
<div class="mdui-grid-tile-actions">
|
||||
<div class="mdui-grid-tile-text">
|
||||
<div class="mdui-grid-tile-title">Server</div>
|
||||
<div class="mdui-grid-tile-subtitle"><i class="mdui-icon material-icons">grid_on</i>灌水服务器长期运行
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mdui-ripple mdui-grid-tile wow animate__animated animate__fadeInRight" data-wow-delay="700ms" >
|
||||
<img class="mdui-img-fluid" src="https://img-cdn-cos.lolicon.team/IMG/2/2023/02/27/f9ade14f4e96052c8fee02b61b3d55ba.jpg/wp70" />
|
||||
<div class="mdui-grid-tile-actions">
|
||||
<div class="mdui-grid-tile-text">
|
||||
<div class="mdui-grid-tile-title">Happy house</div>
|
||||
<div class="mdui-grid-tile-subtitle"><i class="mdui-icon material-icons">grid_on</i>学生上班族的快乐屋
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wow animate__animated animate__bounceIn slow-two mdui-shadow-24 mdui-ripple mdui-ripple-white c-scl ">
|
||||
<h2>冰浮岛</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--mobile text-->
|
||||
<div class="mdui-hidden-sm-up zhe " style="height:100%;width: 100%;">
|
||||
<div style="width: 90%;height:100vh" class="mdui-center">
|
||||
@@ -191,7 +210,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<footer id="copyright">
|
||||
<div class="div-height mdui-valign" style="border-radius: 15px 15px 0px 0px;">
|
||||
@@ -203,13 +222,28 @@
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
|
||||
<script src="Static\mdui-v1.0.1\js\mdui.min.js"></script>
|
||||
<script src="Static\mdui-v1.0.1\js\WOW.js"></script>
|
||||
<script src="Static\bootstrap-4.6.2-dist\js\bootstrap.min.js"></script>
|
||||
|
||||
<script src="https://npm.akass.cn/jquery@3.6.4/dist/jquery.min.js"></script>
|
||||
<script src="Static\mdui-v1.0.1\js\wow.js" type="text/javascript"></script>
|
||||
<script src="Static\mdui-v1.0.1\js\mdui.min.js" type="text/javascript"></script>
|
||||
<script src="Static\mdui-v1.0.1\js\wow.min.js" type="text/javascript"></script>
|
||||
<script src="Static\bootstrap-4.6.2-dist\js\bootstrap.min.js" type="text/javascript"></script>
|
||||
<script>
|
||||
// 初始化 WOW.js
|
||||
new WOW().init();
|
||||
</script>
|
||||
|
||||
<script>
|
||||
// 3秒后关闭loading动画
|
||||
// $(document).ready(function () {
|
||||
// $('body').css({overflow: 'hidden'});
|
||||
// setTimeout(function () {
|
||||
// $('body').css({overflow: 'auto'});
|
||||
// $('#loading').fadeOut();
|
||||
// }, 3000);
|
||||
// });
|
||||
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user