-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy path5.html
208 lines (203 loc) · 11.6 KB
/
5.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
204
205
206
207
208
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="utf-8">
<title>邱錫勛——民間司法改革基金會</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Link Swiper's CSS -->
<link href="img/favicon.png" rel="shortcut icon" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<meta property="og:title" content="司改友好藝——民間司法改革基金會" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://donate.jrf.org.tw/img/fb.jpg" />
<meta property="og:site_name" content="司改友好藝——民間司法改革基金會" />
<meta property="og:url" content="https://donate.jrf.org.tw/" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="img/fb.jpg" />
<!-- Demo styles -->
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-K67RK6Z');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K67RK6Z"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- menu -->
<div style="margin-bottom: 50px">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark fixed-top bg-dark">
<a class="navbar-brand" href="index.html"><img src="img/logo.png" height="25px"></a>
</nav>
</div>
</div>
<!-- 畫家 -->
<div class="container-fliud gradient-t">
<div class="row justify-content-md-center">
<div class="col-lg-8"><p class="text-center"><img src="img/t5.svg" width="60%"></p>
</div></div>
</div>
<!-- 作家介紹 -->
<div id="info" class="container">
<div class="row justify-content-md-center">
<div class="col-lg-8">
<blockquote>
<p class="lead pb30">
以浮世眾生，詮釋人生的哲思
</p>
</blockquote>
<h1 class="text-center pb30"># 邱錫勛</h1>
<p>1938年生於苗栗通霄，筆名山巴，以「三八」自許，因為只有「三八」的人才有勇氣從事稿費少、風險大的漫畫創作。學生時代在各報章雜誌繪製漫畫、插圖，工讀維生，又因為漫畫創作在從前言論受制的時代處處受限，轉而投入油畫、水墨畫創作。</p>
<p>邱錫勳老師喜愛九份變化多端的迷人景致，認為那是畫家的挑戰，所以常到九份寫生，後來又從九份為了適應多雨的柏油屋頂得到了靈感，開始了柏油畫家這條路，把從前畫漫畫的線條手法轉而運用到油畫上。</p>
<p>他認為從前那個年代是值得重現的，他不願看見九份變成夜市，所以他畫老九份，畫那些採礦歲月，也畫他回憶裡的童年，把那種種歷史保存下來，他說：「一個畫家要記錄的是他活的這一段時間，把這些記憶和變化，用自己的方式記錄下來。」他也多次以浮世眾生為對象，畫面亮麗突出，呈現諷刺、諧趣，對人生的詮釋他總有自身獨到的哲思。</p>
</div>
</div>
</div>
<!-- 回饋方案 -->
<div id="plan" class="container">
<h2 class="mt60 pb30 text-center">作品</h2>
<h4><span class="label">#C</span> 捐款$20,000</h4>
<div class="row">
<div class="col-sm pb30">
<a data-toggle="modal" data-target="#C25">
<img class="img-box" src="img/s/5C25.jpg" width="100%"></a>
<!-- 5C25 -->
<div class="modal fade" id="C25" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel"><span class="label">5C25</span> 雞</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body small">
<ul>
<li>材質：水墨</li>
<li>尺寸：33 X 34 cm</li>
</ul>
<img class="img-box" src="img/5C25.jpg" width="100%">
</div><a class="btn btn-warning" href="https://jrf.neticrm.tw/civicrm/event/register?id=249&reset=1">立刻捐款</a>
</div>
</div>
</div>
<!-- 5C25 end-->
</div>
<div class="col-sm pb30">
<a data-toggle="modal" data-target="#C26">
<img class="img-box" src="img/s/5C26.jpg" width="100%"></a>
<!-- 5C26 -->
<div class="modal fade" id="C26" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel"><span class="label">5C26</span> 鍾馗</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body small">
<ul>
<li>材質：水墨</li>
<li>尺寸：33 X 37 cm</li>
</ul>
<img class="img-box" src="img/5C26.jpg" width="100%">
</div><a class="btn btn-warning" href="https://jrf.neticrm.tw/civicrm/event/register?id=250&reset=1">立刻捐款</a>
</div>
</div>
</div>
<!-- 5C26 end-->
</div>
<div class="col-sm pb30">
<a data-toggle="modal" data-target="#C27">
<img class="img-box" src="img/s/5C27.jpg" width="100%"></a>
<!-- 5C27 -->
<div class="modal fade" id="C27" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel"><span class="label">5C27</span> 達摩</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body small">
<ul>
<li>材質：水墨</li>
<li>尺寸：33 X 37 cm</li>
</ul>
<img class="img-box" src="img/5C27.jpg" width="100%">
</div><a class="btn btn-warning" href="https://jrf.neticrm.tw/civicrm/event/register?id=251&reset=1">立刻捐款</a>
</div>
</div>
</div>
<!-- 5C27 end-->
</div>
<div class="col-sm pb30">
<a data-toggle="modal" data-target="#C28">
<img class="img-box" src="img/s/5C28.jpg" width="100%"></a>
<!-- 5C28 -->
<div class="modal fade" id="C28" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel"><span class="label">5C28</span> 達摩老祖</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body small">
<ul>
<li>材質：水墨/li>
<li>尺寸：33 X 37 cm</li>
</ul>
<img class="img-box" src="img/5C28.jpg" width="100%">
</div><a class="btn btn-warning" href="https://jrf.neticrm.tw/civicrm/event/register?id=252&reset=1">立刻捐款</a>
</div>
</div>
</div>
<!-- 5C28 end-->
</div>
</div>
</div>
<!-- 底 -->
<div class="container-fliud gradient-b">
<div class="row justify-content-md-center">
<div class="col-lg-8">
<h1 id="plan" class="text-center mt60 pb30"> </h1>
</div>
</div>
</div>
<footer>
<div class="row small">
<div class="col-md-4 pb30"><p><a href="https://www.jrf.org.tw/"><img src="img/jrflogo.png"></a></p>
<p>民間司法改革基金會成立於1995年11月。主要工作為法案推動、監督評鑑、個案追蹤與教育推廣。改革的力量必須由下而上，只有經由民間的推力，才能讓改革的夢想成為真實，最終建立人民信賴的司法。</p></div>
<div class="col-md-4">
<h5 class="text-center"><strong>台北辦公室</strong></h5>
<ul>
<li>電話: 02-2523-1178</li>
<li>傳真: 02-2531-9373</li>
<li>E-mail: contact@jrf.org.tw</li>
<li>地址: 10456台北市中山區松江路90巷3號7樓</li>
</ul>
</div>
<div class="col-md-4">
<h5 class="text-center"><strong>台中辦公室</strong></h5>
<ul>
<li>電話: 04-2329-2372</li>
<li>傳真: 04-2329-2370</li>
<li>地址: 40758台中市西屯區臺灣大道2段845號</li>
</ul>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
</body>
</html>