-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
203 lines (161 loc) · 8.4 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
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
<!DOCTYPE html>
<html lang="zh-tw">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="./favicon.ico">
<title>2014火把聖誕季 2014 Torch Church Christmas Season
</title>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-56745789-1', 'auto');
ga('require', 'linkid', 'linkid.js');
ga('require', 'displayfeatures');
ga('send', 'pageview');
</script>
<!-- Bootstrap core CSS -->
<link href="./css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="./css/torchxmas.css" rel="stylesheet">
</head>
<body>
<!-- Fixed navbar -->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-heade ">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">2014火把聖誕季</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="./1.html" >年度大戲－幸福的滋味</a></li>
<li><a href="./2.html" >兒童劇－黑豹小威的祕密</a></li>
<li><a href="./3.html" >大專時尚派對－黑白配</a></li>
<li><a href="./4.html" >國高吃飽飽－捷運食刻</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<!-- Main component for a primary marketing message or call to action -->
<div class="row">
<div class="col-xs-24 col-sm-24 col-md-24 col-lg-24 phones">
<div class="col-xs-24 col-sm-24 col-md-24 col-lg-24 h_banner">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-24 col-sm-24 col-md-24 col-lg-24 phones" >
<div class="col-xs-24 col-sm-24 col-md-24 col-lg-24 movie">
<iframe class="col-md-offset-6 col-lg-offset-6 col-sm-offset-3 col-xs-24 col-sm-18 col-md-12 col-lg-12 tubeframe" src="//www.youtube.com/embed/5nitHEG7PGs" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-24 col-sm-12 col-md-6 col-lg-6 link_1">
<a href="./1.html">
<img src="./img/20141111_TORCH_taste_of_happiness_640px_150px.jpg" class="linkimg visible-xs" /></a>
<div class="linkinfo">
<a href="./1.html">
<img src="./img/20141111_TORCH_taste_of_happiness_228px_140px.jpg" class="linkimg hidden-xs" /></a>
<div class="infointro">
<span class="hl"><h3>聖誕年度大戲－<br/>幸福的滋味</h3>
<h4>2014 Torch Church Christmas Play <br/>[Taste of Happiness]</h4></span>
<p class="intro">
<br/>
<span class="hl">劇情簡介 | </span>
<br/>
林一翔，一個好兒子、好哥哥、好男友，一個非常不怕麻煩的好人。也是一個隨時打電話都找得到的人。但是當他陷入麻煩的時候，誰來救他呢？<br/>
</p>
</div><!--end of infointro-->
<div class="morebtn">
<a class="btn btn-warning" href="./1.html">瞭解更多 More</a>
</div>
</div><!--end of LinkInfo-->
</div><!--end of Link1-->
<div class="col-xs-24 col-sm-12 col-md-6 col-lg-6 link_2 ">
<a href="./2.html">
<img src="./img/2014-xmas-web_kids-640x150.jpg" class="linkimg visible-xs" /></a>
<div class="linkinfo">
<a href="./2.html">
<img src="./img/2014-xmas-web_kids-228x140.jpg" class="linkimg hidden-xs" />
</a>
<div class="infointro">
<span class="hl"><h3>聖誕兒童劇－
<br/>黑豹小威的祕密</h3>
<h4>2014 Torch Church Christmas Play for Children <br/>[Leopard Xiao-Wei's Secrets]</h4></span>
<p class="intro">
<br/>
<span class="hl">劇情簡介 | </span>
<br/>
黑豹小威這個星期陷入人生最焦慮的狀態！功課非常好的他，考試考壞了。跟媽媽先「借」一下的錢，居然鬧大了！連警察都來家裡調查。最慘的是，他的爸爸媽媽即將出國，要把他和雙胞胎弟弟小風送到他最害怕的黑虎阿姨家借住。眼看成績單簽名交回的時間就快到了，黑豹小威究竟該怎麼辦呢？他的祕密會不會被發現呢？<br/>
</p>
</div>
<div class="morebtn">
<a class="btn btn-warning" href="./2.html">瞭解更多 More</a>
</div>
</div><!--end of LinkInfo-->
</div><!--end of Link2-->
<div class="col-xs-24 col-sm-12 col-md-6 col-lg-6 link_3">
<a href="./3.html">
<img src="./img/2014-xmas-web_Univ-640x150.jpg" class="linkimg visible-xs" />
</a>
<div class="linkinfo">
<a href="./3.html">
<img src="./img/2014-xmas-web_Univ-228x140.jpg" class="linkimg hidden-xs" /></a>
<div class="infointro">
<span class="hl"><h3>大專時尚派對－<br/>黑白配</h3>
<h4> When Black Meets White</h4><br/><br/></span>
<p class="intro">
<span class="hl">活動簡介 | </span>
<br/>
黑與白激盪出的時尚派對，等待盛裝打扮的您一起同樂！<br/>
</p>
</div>
<div class="morebtn">
<a class="btn btn-warning" href="./3.html">瞭解更多 More</a>
</div>
</div><!--end of LinkInfo-->
</div><!--end of Link3-->
<div class="col-xs-24 col-sm-12 col-md-6 col-lg-6 link_4">
<a href="./4.html">
<img src="./img/2014-xmas-web_high-640x150.jpg" class="linkimg visible-xs" />
</a>
<div class="linkinfo">
<a href="./4.html">
<img src="./img/2014-xmas-web_high-228x140.jpg" class="linkimg hidden-xs" />
</a>
<div class="infointro">
<span class="hl"><h3>火把聖誕學生Pre-Party<br/>國高吃飽飽</h3>
<h4>捷運食刻－<br/>捷客的食字路口</h4><br/></span>
<p class="intro">
<span class="hl">活動簡介 | </span>
<br/>
捷運食刻－捷客的食字路口
<br/>搭捷運打工，搭捷運補習，搭捷運約會，「捷運食刻」邀請你一起體驗特別捷運旅程！<br/>
</p> </div>
<div class="morebtn">
<a class="btn btn-warning" href="./4.html">瞭解更多 More</a>
</div><!--/morebtn-->
</div><!--end of LinkInfo-->
</div><!--end of Link4-->
</div><!--end of row-->
</div> <!-- /container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
</body>
</html>