-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.html
83 lines (69 loc) · 4.57 KB
/
main.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
<!DOCTYPE HTML>
<html>
<head>
<title>web prog</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/main.css" />
<style>
body{
background-image:url('http://mortgagemastersqueensland.com.au/wp-content/uploads/2017/06/PartyBackground70.jpg');
}
</style>
</head>
<body>
<!-- Header -->
<header id="header">
<h1 style="font-family:consolas;font-size:180%;"><a href="#">JR Music!</font></a></h1>
<a href="#menu"></a>
</header>
<!-- Nav -->
<nav id="menu">
<ul class="links"><a href="http://140.138.155.226/~s1081517/web/mid-project/%e4%b8%bb%e9%a0%81.html.html"><font face="consolas,微軟正黑體"><b>Home</b></font></a></li>
<li><a href="http://140.138.155.226/~s1081517/web/mid-project/%e8%b3%bc%e7%a5%a8%e8%b3%87%e8%a8%8a2.html"><font face="微軟正黑體"><b>購票資訊</b></font></a></li>
<li><a href="http://140.138.155.226/~s1081517/web/mid-project/%e5%85%ac%e5%8f%b8%e4%bb%8b%e7%b4%b92.html.html"><font face="微軟正黑體"><b>公司介紹</b></font></a></li>
<li><a href="http://140.138.155.226/~s1081517/web/mid-project/%e4%ba%ba%e5%93%a1%e4%bb%8b%e7%b4%b92.html.html"><font face="微軟正黑體"><b>聯絡我們</b></font></a></li>
<li><a href="http://140.138.155.226/~s1081517/web/mid-project/%e6%84%8f%e8%a6%8b%e5%96%ae.html.html"><font face="微軟正黑體"><b>意見回覆</b></font></a></li>
<li><a href="http://140.138.155.226/~s1081517/web/mid-project/%e8%a1%8c%e4%ba%8b%e6%9b%86.html.html"><font face="微軟正黑體"><b>行事曆</b></font></a></li>
<li><a href="http://140.138.155.226/~s1081517/web/mid-project/%e8%b2%a1%e5%8b%99%e5%a0%b1%e8%a1%a8.html.html"><font face="微軟正黑體"><b>財務報表</b></font></a></li>
</ul>
</nav>
<section id="banner">
<div class="inner">
<header>
<h1 style="font-family:consolas,微軟正黑體; font-size:400%;"><b>Welcome to JR Music!<br>全球最大售票串流平台</b></h1>
<p style="font-family:consolas; font-size:180%;color:lightyellow;">"You can't touch music, but music can touch you."</p>
</header>
<a href="#main" class="button big alt scrolly"><p style="font-family:consolas;font-size:130;">Find Out More</p></a>
</div>
</section>
<div id="main">
<!-- One -->
<section class="wrapper style1">
<div class="inner">
<header class="align-center">
<p style="font-size:140%;font-family:微軟正黑體;">"一直以來，他都是一個人獨活。<br>儘管眼前來往穿行的雲朵，輕易讓人們將狹小的片場，誤認成沒有邊界的天空。
<br>巴別塔裡不只一個房間，分分秒秒都在生成宇宙。<br><br>掃描過後仍在變色的手寫字，連續不斷的快門，從徘迴頭頂的烏雲棉絮裡抽長出來的人間經文，跟著吐露而來的後遺症，乾嘔、熱汗、嘶吼，
傷風雷雨般，降落成每一首歌，從無到有。<br><br>另一種獨活。<br>是從無聲到被聽見的，從被聽見到被曲解的，從被曲解以後，一切豐美、善意與想像逐漸傾圮，唯有擁擠的幻夢從廢墟裡誕生。
<br><br>如果有一場演唱會。<br>準備被忘記，防備被忘記。<br>無人可預示的星站記事，修改著過去，修改著未來。<br><br>
我們只在當下的存在裡相遇，只因彼此的牽引，暫居在太空的太空裡。<br><br>太空人的手髒髒黑黑的，<br>習慣冰冷的他，卻多麼想緊抱著你。<br><br>
一見一忘，再忘再見。<br>水鏡的倒影裡，一隻蜂鳥忽明忽滅，<br>他會如何開始歌唱呢？" <b>--吳青峰《太空備忘記》巡迴演唱會</b></p>
</header>
<hr size="10">
<div class="copyright" align=center>
<ul class="icons">
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon fa-snapchat"><span class="label">Snapchat</span></a></li>
</ul>
© <p style="font-size:100%;font-family:微軟正黑體;">JR!Music 國際售票平台</p>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>