-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
181 lines (167 loc) · 6.51 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
175
176
177
178
179
180
181
<!DOCTYPE HTML>
<!--
www.lsenyu.cn 森语
-->
<html>
<head>
<title>ChaTongXue</title>
<meta name="keywords" content="ChaTongXue">
<meta name="description" content="ChaTongXue ">
<meta name="baidu-site-verification" content="codeva-hKoCNww7IY" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body class="landing">
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1 id="logo"><a href="/">BD3QCK</a></h1>
<nav id="nav">
<ul>
<li><a href="https://space.bilibili.com/518404054">Bilibili</a></li>
<li><a href="https://blog.chatongxue.top/QSL.html">QSL</a>
<li><a href="https://www.youtube.com/MKDR258">YouTube</a></li>
<li><a href="https://twitch.tv/cr400bf5034">Twitch</a></li>
<li><a href="https://ifdian.net/a/bd3qck">iFDian</a></li>
<li><a href="https://blog.chatongxue.top" target="_blank" class="button special">Blog</a></li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="content">
<header>
<h2>ChaTongXue</h2>
<p>太想进部，无限进步。<br />
一蓑烟雨任平生。</p>
</header>
<span class="image"><img src="images/head_portrait.jpg" alt="P1" /></span>
</div>
<a href="#one" class="goto-next scrolly">Next</a>
</section>
<!-- One -->
<section id="one" class="spotlight style1 bottom">
<span class="image fit main"><img src="images/pic001.jpg" alt="关于我" /></span>
<div class="content">
<div class="container">
<div class="row">
<div class="4u 12u$(medium)">
<header>
<h2>关于我</h2>
<p>游戏区UP主，专注于Minecraft，Python学习中，永远的18岁。</p>
</header>
</div>
<div class="4u 12u$(medium)">
<p>Bilibili是主战场，YouTube是用户名没收回来的，Twitch是打开OBS就崩了的。
<br />国内视频出现在优酷就是被盗了。
<br /><del>真有人会去盗？</del>
</p>
</div>
<div class="4u$ 12u$(medium)">
<p>关于频道
<br />成立于2020年4月（中国标准时间），
<br />以Minecraft为工作重点，致力于为个平台用户带来良好的观看体验。
<br />考虑过后期机械飞升直接VTuber出道。
</p>
</div>
</div>
</div>
</div>
<a href="#two" class="goto-next scrolly">Next</a>
</section>
<!-- Two -->
<section id="two" class="spotlight style2 right">
<span class="image fit main"><img src="images/pic002.jpg" alt="" /></span>
<div class="content">
<header>
<h2>Bilibili</h2>
<p>你所热爱的，就是你的生活</p>
</header>
<p>
梦开始的地方！
<br />哔哩哔哩 (゜-゜)つロ 干杯~
<ul class="actions">
<li><a href="http://space.bilibili.com/518404054" class="button">前往上单</a></li>
</ul>
</div>
<a href="#three" class="goto-next scrolly">Next</a>
</section>
<!-- Three -->
<section id="three" class="spotlight style3 left">
<span class="image fit main bottom"><img src="images/pic003.jpg" alt="" /></span>
<div class="content">
<header>
<h2>博客</h2>
<p>Twitch崩了所以放这个吧</p>
</header>
<p>有人想听碎碎念？</p>
<ul class="actions">
<li><a href="https://blog.chatongxue.top" target="_blank" class="button">碎碎念</a></li>
</ul>
</div>
<a href="#four" class="goto-next scrolly">Next</a>
</section>
<!-- Four -->
<section id="four" class="wrapper style1 special fade-up">
<div class="container">
<header class="major">
<h2>社群</h2>
<p>大！舞！台！</p>
</header>
<div class="box alt">
<div class="row uniform">
<section class="4u 6u(medium) 12u$(xsmall)">
<span class="icon alt major fa-area-chart"></span>
<h3>QQ群:地铁西直门站</h3>
<p><a href="https://qm.qq.com/cgi-bin/qm/qr?k=shIBlVszAakrLiBu0FjNRrWhD_1DFUNU&jump_from=webapi&authKey=jH2030ylmlaHrwdrakSSAXMHC394WJ5cF+6X7CrZNzEOO3HBKZDo8ULKHRmo4Kmo" height="92" width="92">点击加群</a>
<br />百米冲刺，您的不二首选。</p>
</section>
<section class="4u 6u$(medium) 12u$(xsmall)">
<span class="icon alt major fa-comment"></span>
<h3>TG Group:广州车务段</h3>
<p><a href="https://t.me/+o3FWSUwYoVUwMTBl">Click to Join</a>
<br />以抢钱为宗旨，待旅客如孙子。</p>
</section>
<section class="4u$ 6u(medium) 12u$(xsmall)">
<span class="icon alt major fa-flask"></span>
<h3>广告位出租</h3>
<p>有意请详洽，联系方式见下方。</p>
</section>
</footer>
</div>
</section>
<!-- Five -->
<section id="five" class="wrapper style2 special fade">
<div class="container">
<header>
<h2>联系方式</h2>
<p>老板来商单！大佬来联动！</p>
</header>
</div>
<p>邮箱 : [email protected]</p>
<p>QQ : 2862761067</p>
<p>WeChat : bfchen6 (Bradford CHEN)</p>
<p>Telegram : @chatongxue</p>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<!--<li><a href="#" class="icon alt fa-twitter"><span class="label">Twitter</span></a></li>-->
</ul>
<ul class="copyright">
<li>© ChaTongXue </li><li>Design: <a href="http://www.lsenyu.cn">Night</a></li><li><a href="https://icp.gov.moe/?keyword=20228514">萌ICP备20228514号</a></li>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>