-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
126 lines (120 loc) · 6.03 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Rock+Salt" rel="stylesheet">
<script src="./js/bootstrap.bundle.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<link rel="stylesheet" href="./css/bootstrap.min.css">
<link href="./css/style.css" type="text/css" rel="stylesheet">
<script src="./js/script.js" charset="utf-8"></script>
<title>賦展鋼琴社</title>
</head>
<body>
<div class="top-container">
<div class="navbar">
<a href="index.html"> <img src="./img/index/logo3.png" alt="Logo Icon" id="logo"></a>
<div class="bar">
<a href="index.html" id="home">首頁</a>
<div class="dropdown">
<button class="dropbtn">歷年活動▾</button>
<div class="dropdown-content">
<a href="105first.html">105上-琴流感</a>
<a href="105second.html">105上-琴之憶</a>
<a href="106first.html">106上-琴天鋼</a>
<a href="106second.html">106下-期末發表會</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">幹部介紹▾</button>
<div class="dropdown-content">
<a href="16.html">16屆幹部</a>
<a href="17.html">17屆幹部</a>
</div>
</div>
<a href="FAQ.html">FAQ</a>
<a href="about.html">關於賦展</a>
<a href="playpiano.html">Piano ♪</a>
<a href="aboutus.html">About Us</a>
</div>
</div>
<div class="top-containerPic"></div>
<div class="center">
<span class="club">賦展鋼琴社</span>
<br>
<span class="ntut">NTUT Piano Club.</span>
<br>
<span class="since">~Since 2000~</span>
</div>
</div>
<div id="page">
<div class="second-container ">
<div class="border-upper-left">
<img src="./img/index/dancing.jpg" alt="Dancing Picture" height="395px">
</div>
<div class="border-upper-right">
<img src="./img/index/friendship.jpg" alt="Friendship Picture" height="395px">
</div>
<div class="border-bottom-left clear ">
<img src="./img/index/classic.jpeg " alt="Classic Picture " height="395px">
</div>
<div class="border-bottom-right ">
<img src="./img/index/pop.jpg " alt="Pop Picture " height="395px">
</div>
</div>
<div class="third-container clear">
<div class="first-message">
<div class="title">
<h1><strong>最新消息</strong></h1>
</div>
<hr>
<div class="message-content">
<div class="first-message">
<h2>[2018-4-26] 網站新上架!!!</h2><br>
<p> • 目前有些頁面還在調整中，如有建議也可以向我們提出~</p>
</div>
<hr style="border-top: dotted 3px;" />
<div class="sec-message">
<h2>[2018-4-20] 期末公演要來啦~</h2><br>
<p> • 本學期期末公演即將於5/16在中正館舉行，詳情請鎖定粉絲專頁</p>
</div>
</div>
</div>
</div>
<div class="forth-container">
<div class="video-container">
<div class="upperPart">
<h2 style="color:white; padding:27px;"><strong>最新視頻</strong></h2>
</div>
<div class="bottomPart">
<iframe width="49%" height="350px" src="https://www.youtube.com/embed/6VNnUoskvbE" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen style="float:left;"></iframe>
</iframe>
<iframe width="49%" height="350px" src="https://www.youtube.com/embed/wjdLRNWLWY8" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen style="float:right;"></iframe>
</iframe>
</div>
</div>
<div class="calender-container">
<div class="upperPart">
<h2 style="color:white; padding:27px;"><strong>賦展鋼琴社行事曆</strong></h2>
</div>
<div class="bottomPart">
<iframe src="https://calendar.google.com/calendar/embed?title=%E8%B3%A6%E5%B1%95%E9%8B%BC%E7%90%B4%E7%A4%BE&height=360&wkst=1&bgcolor=%23FFFFFF&src=thianhelee%40gmail.com&color=%2329527A&ctz=Asia%2FTaipei" style=m in-width="auto"
width="100%" height="350px" padding="20px" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</div>
<footer>
<hr style="margin-top:40px" class="clear">
<br>
<h3 style="text-align:center;">更多影片請鎖定下方賦展鋼琴社Youtube頻道以及粉絲專頁之公演直播!!</h3><br>
<div class="inline-block-center">
<a href="https://www.facebook.com/ntutpianoclub"><img src="./img/index/fb.png" alt="Facebook Icon" class="fbicon"></a>
<a href="https://www.youtube.com/user/ntutpianoclub"><img src="./img/index/youtube.png" alt="Youtube Icon" class="youtubeicon"></a>
</div>
<p style="text-align:center; font-size:15px; margin-top:30px; color:#808080;">國立台北科技大學 賦展鋼琴社<br>Ntut Piano Club<br>2018©All rights reserved</p>
</footer>
</div>
</body>
</html>