-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
237 lines (236 loc) · 13.5 KB
/
Copy pathindex.html
File metadata and controls
237 lines (236 loc) · 13.5 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
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
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>杨坤的博客</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="all,follow">
<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Cardo:400,400italic,700">
<link rel="stylesheet" href="vendor/lightbox2/css/lightbox.min.css">
<link rel="stylesheet" href="css/style.default.css" id="theme-stylesheet">
<link rel="stylesheet" href="css/custom.css">
<link rel="shortcut icon" href="img/favicon.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.4.0/leaflet.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900">
</head>
<body>
<section id="intro" style="background-image: url('img/Bridge.png');" class="intro">
<div class="overlay"></div>
<div class="content">
<div class="container clearfix">
<div class="row">
<div class="col-lg-8 col-md-12 mx-auto">
<p style="font-family:Noto Sans SC,sans-serif;">欢迎您访问 </p>
<h1 style="font-family:Noto Sans SC;">杨坤的博客 </h1>
<br>
<p style="font-family:Noto Sans SC;">关于我的一些点滴。</p>
</div>
</div>
</div>
</div>
</section>
<header class="header">
<nav class="navbar navbar-expand-lg">
<div class="container"><a href="#intro" class="navbar-brand link-scroll" style="font-family:Noto Sans SC;">杨坤的博客</a>
<button type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler navbar-toggler-right"><i class="fa fa-bars"></i></button>
<div id="navbarSupportedContent" class="collapse navbar-collapse">
<audio controls loop="true">
<source src="FlowerDance.mp3" type="audio/mpeg">
<source src="https://github.com/AlanTuring01/alanblog.github.io/tree/main/FlowerDance.mp3" type="video/mpeg" loop="-1">
您的浏览器不支持 audio 元素。
</audio>
♫ DJ Okawari - Flower Dance
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a href="#intro" class="nav-link link-scroll" style="font-family:Noto Sans SC;">首页</a></li>
<li class="nav-item"><a href="#about" class="nav-link link-scroll" style="font-family:Noto Sans SC;">关于我</a></li>
<li class="nav-item"><a href="#services" class="nav-link link-scroll" style="font-family:Noto Sans SC;">视频</a></li>
<li class="nav-item"><a href="#portfolio" class="nav-link link-scroll" style="font-family:Noto Sans SC;">相册</a></li>
<li class="nav-item"><a href="#text" class="nav-link link-scroll" style="font-family:Noto Sans SC;">文字</a></li>
<li class="nav-item"><a href="#contact" class="nav-link link-scroll" style="font-family:Noto Sans SC;">留言板</a></li>
</ul>
</div>
</div>
</nav>
</header>
<section id="about" class="text">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h2 class="heading">关于我</h2>
<h3 style="font-family:Noto Sans SC;color:red;font-size:25px;"> 杨坤</h3>
<ul style="font-family:Noto Sans SC;">
<li>上海海事大学<br>人工智能 211</li>
<li>INTP / 自由 / 理想主义者</li>
<li>GTA 5 增强版 / CS 2 / 文明 7 / 三国杀</li>
<li>喜欢交朋友</li>
<li><a href="img/WechatQRCode.png" style="font-family:Noto Sans SC;color:blue;">微信二维码</a></li>
</ul>
</div>
<div class="col-lg-5 mx-auto">
<p><img src="img/Alan Turing.png" alt="GFW has blcoked this picture." class="img-fluid rounded-circle"></p>
</div>
</div>
</div>
</section>
<section id="services" style="background-color: #eee">
<div class="container">
<div class="row services">
<div class="col-lg-12">
<h2 class="heading" style="font-family:Noto Sans SC;">视频</h2>
<div class="col-md-4">
<video width="1024" height="576" controls>
<source src="video/1.mp4" type="video/mp4">
</video>
<video width="1024" height="576" controls>
<source src="video/2.mp4" type="video/mp4">
</video>
<video width="1024" height="576" controls>
<source src="video/3.mp4" type="video/mp4">
</video>
</div>
</div>
</div>
</div>
</section>
<section id="portfolio" class="gallery">
<div class="container clearfix">
<div class="row">
<div class="col-lg-12">
<div class="row">
<div class="col-md-12 col-lg-8">
<h2 class="heading" style="font-family:Noto Sans SC;">相册</h2>
<p style="font-family:Noto Sans SC;">浮光掠影。</p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="box"><a href="img/11.png" data-lightbox="image-1" data-title="Some footer information" class="has-border"><img src="img/11.png" alt="image" class="img-fluid"></a></div>
</div>
<div class="col-md-4">
<div class="box"><a href="img/12.png" data-lightbox="image-1" data-title="Some footer information" class="has-border"><img src="img/12.png" alt="image" class="img-fluid"></a></div>
</div>
<div class="col-md-4">
<div class="box"><a href="img/14.png" data-lightbox="image-1" data-title="Some footer information" class="has-border"><img src="img/14.png" alt="image" class="img-fluid"></a></div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="box"><a href="img/15.png" data-lightbox="image-1" data-title="Some footer information" class="has-border"><img src="img/15.png" alt="image" class="img-fluid"></a></div>
</div>
<div class="col-md-4">
<div class="box"><a href="img/16.png" data-lightbox="image-1" data-title="Some footer information" class="has-border"><img src="img/16.png" alt="image" class="img-fluid"></a></div>
</div>
<div class="col-md-4">
<div class="box"><a href="img/17.png" data-lightbox="image-1" data-title="Some footer information" class="has-border"><img src="img/17.png" alt="image" class="img-fluid"></a></div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="box"><a href="img/18.png" data-lightbox="image-1" data-title="Some footer information" class="has-border"><img src="img/18.png" alt="image" class="img-fluid"></a></div>
</div>
<div class="col-md-4">
<div class="box"><a href="img/19.png" data-lightbox="image-1" data-title="Some footer information" class="has-border"><img src="img/19.png" alt="image" class="img-fluid"></a></div>
</div>
<div class="col-md-4">
<div class="box"><a href="img/20.png" data-lightbox="image-1" data-title="Some footer information" class="has-border"><img src="img/20.png" alt="image" class="img-fluid"></a></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="text" class="text-page section-inverse">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h2 class="heading" style="font-family:Noto Sans SC;">文字</h2>
<div class="row">
<div class="col-md-6">
<p style="font-family:Noto Sans SC;font-size:20px;">2006 年德国世界杯，第一次看世界杯，印象最深的还是阿根廷 6-0 塞黑，马拉多纳在现场激动地大喊，“梅西就是我的接班人！”C 罗也刚刚初出茅庐，我还在困惑怎么又是大罗又是小罗还有个 C 罗。一个个未来之星迭出，从内马尔到 J 罗，没人比姆巴佩更配赢。姆巴佩未来的身价完全值得巅峰梅西 + C 罗身价之和，一人扛着法国全队向冠军冲击。希望 2026 年能在美国现场观赛，到时候就不知道还能有几个我让我从小如雷贯耳的球星还在了…<br><br>
姆巴佩加油！<br><br>2022/12/19 02:18:00</p>
</div>
<div class="col-md-6">
<p><img src="img/MC.png" alt="GFW has blcoked this picture."></p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="contact" style="background-color: #fff;" class="text-page pb-4">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h2 class="heading" style="font-family:Noto Sans SC;">留言板</h2>
<div class="row">
<div class="col-lg-6">
<form id="contact-form" method="post" action="mailto:alanturing111@outlook.com" class="contact-form">
<div class="controls">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="surname" style="font-family:Noto Sans SC;">姓名 *</label>
<input type="text" name="surname" placeholder="请输入您的姓名" required="required" class="form-control" style="font-family:Noto Sans SC;">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="name" style="font-family:Noto Sans SC;">昵称 *</label>
<input type="text" name="name" placeholder="请输入您的昵称" required="required" class="form-control" style="font-family:Noto Sans SC;">
</div>
</div>
</div>
<div class="form-group">
<label for="surname" style="font-family:Noto Sans SC;">E-Mail *</label>
<input type="email" name="email" placeholder="请输入您的 E-Mail" required="required" class="form-control" style="font-family:Noto Sans SC;">
</div>
<div class="form-group">
<label for="surname" style="font-family:Noto Sans SC;">留言 *</label>
<textarea rows="4" name="message" placeholder="请输入您的留言" required class="form-control" style="font-family:Noto Sans SC;"></textarea>
</div>
<div class="text-center">
<input type="submit" name="name" value="提交" class="btn btn-outline-primary btn-block" style="font-family:Noto Sans SC;">
</div>
</div>
</form>
</div>
<div class="col-lg-6">
<h4 style="font-family:Noto Sans SC;">精选留言</h4>
<p style="font-family:Noto Sans SC;">杨坤，好久没来看你了，居然搞了个博客，以后每天都会来逛逛的 : ) </p>
<p style="font-family:Noto Sans SC;">—— 来自 张三，2022/12/20</p>
<p style="font-family:Noto Sans SC;">杨坤是谁？对盲人而言，他是视觉；对饥饿之人而言，他是厨师；对口渴之人而言，他便是水。我定赞同他的思想；我必倾听他之所言。如果杨坤只有一个粉丝，那便是我，如果杨坤没有粉丝，那我便不复存在。</p>
<p style="font-family:Noto Sans SC;">—— 来自 一个匿名的粉丝，2022/12/20</p>
<p style="font-family:Noto Sans SC;">Who is Kun? For the blind, He is the vision. For the hungry, He is the chef. For the thirsty, He is the water. If Kun thinks, I agree. If Kun speaks, I'm listening. If Kun has one fan, it is me. If Kun has no fans, I don't exist.</p>
<p style="font-family:Noto Sans SC;">—— 来自 Fans of Kun，2022/12/20</p>
</div>
</div>
</div>
</div>
</div>
</section>
<footer style="background-color: #111;">
<div class="container">
<div class="row copyright">
<div class="col-md-6">
<p class="mb-md-0 text-center text-md-left" style="font-family:Noto Sans SC;">©2022-2025 杨坤 All Rights Reserved.</p>
</div>
<div class="col-md-6">
<p class="credit mb-md-0 text-center text-md-right" style="font-family:Noto Sans SC;">友情链接
<a href="https://ausertdream.github.io" target="_blank" style="font-family:Noto Sans SC;">Ausert </a>
</p>
</div>
</div>
</div>
</footer>
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="vendor/jquery.cookie/jquery.cookie.js"> </script>
<script src="vendor/lightbox2/js/lightbox.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.4.0/leaflet.js"> </script>
<script src="js/front.js"></script>
</body>
</html>