-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathperson_intro.html
122 lines (119 loc) · 7.15 KB
/
person_intro.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Home - Brand</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cabin:700">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/3-Columns-Info-Icons.css">
<link rel="stylesheet" href="assets/css/Article-Dual-Column.css">
<link rel="stylesheet" href="assets/css/divider-text-middle.css">
<link rel="stylesheet" href="assets/css/Footer-Basic.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.2.0/aos.css">
<link rel="stylesheet" href="assets/css/Projects-Horizontal.css">
<link rel="stylesheet" href="assets/css/Team-Boxed.css">
</head>
<body id="page-top">
<nav class="navbar navbar-light navbar-expand-md text-primary navbar navbar-expand-lg fixed-top" id="mainNav"
style="color: rgb(181,195,190);background: rgba(171,128,231,0.11);height: 64px;">
<div class="container"><a class="navbar-brand js-scroll-trigger" href="index.html"
style="background: url("assets/img/logo.png") no-repeat;background-size: contain;width: 73px;padding-top: 34;height: 53px;">
</a>
<button data-toggle="collapse" class="navbar-toggler navbar-toggler-right"
data-target="#navbarResponsive" type="button" aria-controls="navbarResponsive" aria-expanded="false"
aria-label="Toggle navigation" value="Menu"><i class="fa fa-bars"></i></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="nav navbar-nav ml-auto">
<li class="nav-item nav-link js-scroll-trigger"><a class="nav-link active js-scroll-trigger"
style="background: rgba(255,255,255,0.3);border-radius: 25px;"
href="person_intro.html">歌手介绍</a></li>
<li class="nav-item nav-link js-scroll-trigger"><a class="nav-link js-scroll-trigger"
href="song_intro.html">歌曲介绍</a></li>
<li class="nav-item nav-link js-scroll-trigger"><a class="nav-link js-scroll-trigger"
href="author.html">网站作者</a></li>
</ul>
</div>
</div>
</nav>
<section id="about" class="content-section text-center" style="height: 720px;">
<div class="container">
<div class="row" style="margin: -49px;">
<div class="col-lg-4 offset-lg-0">
<picture class="flex-grow-0"><img class="img-fluid rubberBand animated"
src="assets/img/sofarsogood.jpg"
style="margin: -11px;padding: 0;height: 326;width: 326px;margin-top: 145px;margin-right: 24px;margin-bottom: 22px;">
</picture>
</div>
<div class="col-lg-8 mx-auto">
<h2 class="text-center" style="width: 682px;height: 57px;margin: 23px;margin-right: 37;">关于烟鬼
</h2>
<p class="text-center text-primary"
style="width: 737;margin: -7px;padding: -3px;margin-right: 48px;">
组合最开始由帕尔和前成员雷特·比克斯勒（Rhett
Bixler）于2012年在纽约市创建。2014年，组合发布了歌曲《#Selfie》，歌曲在《公告牌》百强单曲榜取得了第16名的成绩。2015年10月，组合发布了首张EP《花现神曲（英语：Bouquet
(EP)）》。随后，组合发布的歌曲《Roses》和《Don't Let Me Down》都进入了《公告牌》百强单曲榜前十。
组合与哈尔西合作的歌曲《Closer》更在《公告牌》百强单曲榜获得了冠军，是组合第1支冠军单曲。<br></p>
<p class="text-warning"
style="margin: -7;width: 737;padding: -3px;max-width: 739;margin-right: 48px;"><br>
组合的第2张EP《神曲拼贴（英语：Collage
(EP)）》于2016年11月发行，收录了组合之前发行过的一些单曲。2017年4月，组合的首张录音室专辑《记忆…封存》发行。与酷玩乐队合作的单曲《Something Just like
This》则于2017年2月22日发行。2018年1月17日，组合发布了他们继《记忆…封存》发行以来的首张单曲《Sick Boy（英语：Sick
Boy (song)）》。2月16日，新单曲《You Owe Me（英语：You Owe Me (The Chainsmokers
song)）》发布。在布拉格的一场现场表演中，组合表演了歌曲《Everybody Hates Me》，至今已有20,500,000观看次数2018年3月16日，歌曲正式发行。<br>
</p>
</div>
</div>
</div>
</section>
<section id="download" class="download-section content-section text-center"
style="background-image: url('assets/img/downloads-bg.jpg');height: 626px;padding: 8px;padding-top: 8;padding-bottom: 8;">
<div class="mx-auto" style="position: relative;padding: 0;width: -18;height: 576px;">
<div>
<iframe
src="https://player.bilibili.com/player.html?aid=593363015&bvid=BV1nq4y1C7TK&cid=488983287&page=1&high_quality=1&danmaku=0"
scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="95%"
height="600"> </iframe>
</div>
</div>
</section>
<section id="contact" class="content-section text-center">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2>find the chainsmoker</h2>
<p>你可以在下面这些渠道找到他们最近的动态</p>
<ul class="list-inline banner-social-buttons">
<li class="list-inline-item"> <a class="btn btn-primary btn-lg btn-default"
role="button" href="https://www.weibo.com/u/5928224316" target="_blank"><i
class="fa fa-weibo fa-fw"></i><span class="network-name"> 微博</span></a>
</li>
<li class="list-inline-item"> <a class="btn btn-primary btn-lg btn-default"
role="button" href="https://twitter.com/thechainsmokers" style="width: 120px;"><i
class="fa fa-twitter fa-fw"></i><span class="network-name">推特</span></a></li>
<li class="list-inline-item"> <a class="btn btn-primary btn-lg btn-default"
role="button" href="https://space.bilibili.com/499495201?spm_id_from=333.337.0.0"
style="width: 118px;"><i class="fa fa-video-camera fa-fw"></i><span
class="network-name"> B站</span></a></li>
</ul>
</div>
</div>
</div>
</section>
<footer style="height: 88px;">
<div class="container text-center">
<p>Copyright © jwj1342</p>
</div>
</footer>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.2.0/aos.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<script src="assets/js/grayscale.js"></script>
</body>
</html>