-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
136 lines (129 loc) · 5.57 KB
/
index.html
File metadata and controls
136 lines (129 loc) · 5.57 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> かわいいエロの冷鸟 - 血之伯爵</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">
<!-- Stylesheet
================================================== -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- Header -->
<header id="header">
<div class="intro" style="background: url(img/intro-bg.jpg) no-repeat center top; background-size: cover;">
<div class="container">
<div class="row">
<div class="intro-text">
<h1>Hello, 我是<span class="name">冷鸟鸟</span></h1>
<p>miku ha tenshi da</p>
<a href="#about" class="btn btn-default btn-lg page-scroll">了解更多</a> </div>
</div>
</div>
</div>
</header>
<!-- Navigation -->
<div id="nav">
<nav class="navbar navbar-custom">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse"> <i class="fa fa-bars"></i> </button>
<a class="navbar-brand page-scroll" href="#page-top">かわいいエロの冷鸟</a> </div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden"> <a href="#page-top"></a> </li>
<li> <a class="page-scroll" href="#about">关于我</a> </li>
<li> <a class="page-scroll" href="#contact">联系我</a> </li>
</ul>
</div>
</div>
</nav>
</div>
<!-- About Section -->
<div id="about">
<div class="container">
<div class="section-title text-center center">
<h2>关于我</h2>
<hr>
</div>
<div class="row">
<div class="col-md-12 text-center"><img src="img/about.jpg" class="img-responsive"></div>
<div class="col-md-8 col-md-offset-2">
<div class="about-text">
<p>冷鸟鸟，来自血之领域，出生于五百万年前<br/>
爱好二次元，Minecraft（生存都市)，游戏<br/>
年龄: <s>24岁，是学生</s> 3岁!!</p>
<p class="text-center"><a class="btn btn-primary" href="http://wpa.qq.com/msgrd?v=3&uin=2649406963&site=qq&menu=yes"><i class="fa fa-qq"></i> 加我好友!</a></p>
</div>
</div>
</div>
</div>
</div>
<!-- Contact Section -->
<div id="contact" class="text-center" style="background: url(img/contact_bg.jpg) no-repeat center top">
<div class="container">
<div class="section-title center">
<h2>联系我</h2>
<hr>
</div>
<div class="col-md-8 col-md-offset-2">
<div class="col-md-4">
<a href="http://www.pds.ink/home.php?mod=space&uid=53">
<img src="https://i.loli.net/2020/01/30/AVSkptlxrhi94Of.png" class="fa fa-2x"></img>
<p>生存都市个人主页</p>
</a>
</div>
<div class="col-md-4">
<a href="https://space.bilibili.com/176272024/">
<img src="https://i.loli.net/2020/01/30/KapSwFkh27XQWi8.png" class="fa fa-2x"></img>
<p>哔哩哔哩主页</p>
</a>
</div>
<div class="col-md-4">
<a href="http://wpa.qq.com/msgrd?v=3&uin=2649406963&site=qq&menu=yes">
<img src="https://i.loli.net/2020/01/30/IOhY8roLtXnQNec.png" class="fa fa-2x"></img>
<p>加我QQ</p>
</a>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div id="footer">
<div class="container text-center">
<div class="fnav">
<p>Copyright © 2020 cold_bird</p>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery.1.11.1.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/SmoothScroll.js"></script>
<script type="text/javascript" src="js/easypiechart.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.isotope.js"></script>
<script type="text/javascript" src="js/jquery.counterup.js"></script>
<script type="text/javascript" src="js/waypoints.js"></script>
<script type="text/javascript" src="js/jqBootstrapValidation.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>