-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
174 lines (174 loc) · 9.04 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Hi 你好呀</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="description" content="个人主页,homepage"/>
<meta name="keywords" content="个人主页,homepage"/>
<meta name="author" content="mhzun.top"/>
<!-- Styles -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" href="css/fonts/css/font-awesome.min.css"/>
<link rel="stylesheet" type="text/css" href="css/responsive.css"/>
</head>
<body>
<!--装饰元素图片-->
<img src="images/element_parallax1.png" class="vx" alt="" data-enllax-ratio="0.3" data-enllax-type="foreground"/>
<img src="images/element_parallax2.png" class="vx2" alt="" data-enllax-ratio="-1" data-enllax-type="foreground"/>
<img src="images/element_animation.png" class="vx" alt="" data-enllax-ratio="0.8" data-enllax-type="foreground"/>
<div class="page-loading">
<img src="images/loader.gif" alt=""/>
<span>Skip Loader</span>
</div>
<!--首屏区域-->
<section id="start">
<div class="start_bg double_gap_bottom">
<div class="container fluid">
<div class="row">
<div class="col-xl-12">
<div class="start_sec">
<div class="row justify-content-center align-items-center">
<!--右侧头像区域-->
<div class="col-xl-5 text-center order-last">
<div class="user_img">
<div class="element">
<img src="images/element_square.png" alt=""/>
</div>
<div class="element_circle_yellow">
<img src="images/element_yellow_circle.png" alt=""/>
</div>
<div class="element_circle_pink">
<img src="images/element_pink_circle.png" alt=""/>
</div>
<div class="element_circle_small_pink">
<img src="images/element_pink_circle_small.png" alt=""/>
</div>
<div class="element_square">
<img src="images/element_square_yes.png" alt=""/>
</div>
<div class="element_circle_purple">
<img src="images/element_purple_circle.png" alt=""/>
</div>
<div class="element_line">
<img src="images/line.png" alt=""/>
</div>
<div class="element_circle_gray">
<img src="images/element_gray_circle.png" alt=""/>
</div>
<img src="images/resource/me.jpg" alt=""/>
</div>
</div>
<!--左侧信息区域-->
<div class="col-xl-4 order-first">
<div class="start_intro"><span class="RedTextColor">Hi,我是Mohuanzun</span>
<!--<div class="glitch" data-text="MHZUN">MHZUN</div>-->
<h4><i class="fa fa-connectdevelop"></i>普通的高二牲</h4>
<p>仰望的星空,绘制的像素,翻阅的文字<br>或许都是我们在这趟孤独的时间旅行中,发现的「银河」。</p>
<div class="start_btn">
<a href="#about" title=""
class="theme_btn RedBgShadow mr-4">
<i class="fa fa-smile-o"></i>了解更多
</a>
<a href="https://kisstime.top/" title="" class="theme_btn blank">
<i class="fa PurpleTextColor fa-hand-o-right"></i>添加好友
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--按钮菜单-->
<header class="main-nav">
<div class="container">
<div class="wrapper-menu" id="open-full-screen">
<div class="line-menu half start"></div>
<div class="line-menu"></div>
<div class="line-menu half end"></div>
</div>
<nav>
<ul>
<li><a href="#about" class="RedTextColor" title=""><span>关于</span></a></li>
<li><a href="https://pan.mhzun.top" class="PurpleTextColor" title=""><span>网盘</span></a></li>
<li><a href="https://blog.mhzun.top/" class="SkyBlueTextColor" title=""><span>B站</span></a></li>
<li><a href="https://wiki.mhzun.top" class="PinkTextColor" title=""><span>文档</span></a></li>
<li><a href="https://" class="YellowTextColor" title=""><span>游戏名片</span></a></li>
<li><a href="https://" class="GrayTextColor" title=""><span>联系我</span></a></li>
</ul>
</nav>
</div>
</header>
<!--关于我-->
<section id="about">
<div class="block">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-10">
<div class="about_me_sec">
<div class="element_about_left"><img src="images/element_about_left.png" alt=""/></div>
<div class="element_about_right"><img src="images/element_about_right.png" alt=""/></div>
<div class="heading"><span class="RedTextColor">Mohuanzun</span>
<h1>关于我</h1></div>
<p>
Hi,你好朋友,欢迎来到我的官网。
</p>
<p>点击上面的按钮或右上角菜单里的按钮可以前往对应网站哟!
</p>
<p>
本站域名为(<a style="color: #545454" href="https://mhzun.top" target="_blank">https://mhzun.top/</a>)不要记错喔,
如需使用我的域名来做二级域名可以联系我,但是没备案😥</p>
<p>我的网盘使用的是cloudflare的Frp,由于家里原因无法始终开启电脑,所以会有时打不开,请见谅!
</p>
<p>
回归现实生活,目前我还是一个高二的高中生,平时会有更多时间用在学习上,很多事情不能及时去处理,久点回也是在情理之中的嘛。
向往的理想目标是 <b>「考上一个好一点的二本」</b> 。
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="block no_padding">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-10">
<div class="bottom_line">
<div class="row">
<div class="col-xl-7">
<div class="download_cv_bottom"><span></span>
<a href="https://blog.mhzun.top" target="_blank" class="theme_btn md_btr GrayBgShadow" title="">
<i class="fa fa-long-arrow-down"></i>我的博客
</a>
</div>
</div>
<div class="col-xl-5">
<p>Copyright <a href="https://mhzun.top/">Mohuanzun</a> 2024 ©.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<script src="js/jquery.min.js"></script>
<script src="js/modernizr.js"></script>
<script src="js/script.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/bootstrap.bundle.js"></script>
<script src="js/isotop.js"></script>
<script src="js/poptrox.js"></script>
<script src="js/jquery.jigowatt.js"></script>
<script src="js/enllax.js"></script>
<script src="js/jquery.scroller.js"></script>
<script src="js/jQuery_nav.js"></script>
</body>
</html>