-
Notifications
You must be signed in to change notification settings - Fork 0
/
forbestwish.html
162 lines (152 loc) · 7.55 KB
/
forbestwish.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
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>主內 陳游桂蓮 姊妹</title>
<link rel="stylesheet" href="forbestwish.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick-theme.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js" defer></script>
<script src="forbestwish.js" defer></script>
</head>
<body>
<!-- 背景音樂控件 -->
<audio id="background-music" autoplay loop>
<source src="你是我的主.mp3" type="audio/mp3">
您的瀏覽器不支援音訊播放。
</audio>
<header>
<img src="image/logo.png" alt="Logo" class="logo">
<img src="IMG_8207.jpeg" alt="十字架" class="cross-symbol">
<h1>主內 陳游桂蓮 姊妹</h1>
<p class="verse">「耶穌對她說：復活在我，生命也在我。信我的人雖然死了，也必復活；凡活著信我的人必永遠不死。」 - 約翰福音 11:25-26</p>
</header>
<main>
<section class="main-photo-section">
<img id="main-photo" src="IMG_8206.jpeg" alt="追思照片">
<p id="life-story">
主內 陳游桂蓮 姊妹 於2024年8月2日上午八時三十分，蒙主恩召，安息主懷。
追思禮拜將於2024年8月21日於 懷愛館（第二殯儀館）景行樓3F [至仁四廳] 舉行安息禮拜。
誠摯感謝主內弟兄姊妹的慰問，並感謝大家深切祝福。
您的關懷我們銘記在心。候主再臨
</p>
</section>
<div class="motto">永遠在主的慈愛中</div>
<section class="paper-obituary-section">
<h2>訃告正本</h2>
<a href="IMG_7708.jpeg" data-lightbox="paper-obituary" data-title="訃聞紙本">
<img id="paper-obituary" src="IMG_8233.jpeg" alt="訃聞紙本">
</a>
</section>
<section id="timeline">
<h2>追思緬懷</h2>
<div class="VivaTimeline">
<dl>
<dt>2024.08.10</dt>
<dd class="pos-right">
<div class="circ"></div>
<div class="time"></div>
<div class="event">
<div class="events-header"><strong>緬懷</strong></div>
<div class="events-body">
<p>主內 陳游桂蓮 姊妹 於主後二0二四年八月十日，上午八時三十分，蒙主恩召，安息主懷。</p>
</div>
</div>
</dd>
<dt>2024.08.21</dt>
<dd class="pos-left">
<div class="circ"></div>
<div class="time"></div>
<div class="event">
<div class="events-header"><strong>追思禮拜</strong></div>
<div class="events-body">
<p>入殮禮拜：10:20</p>
<p>安息禮拜：10:40</p>
<p>地點：懷愛館(第二殯儀館)景行樓 3F [至仁二廳]</p>
<div class="map-container">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3649.9259345796097!2d121.52077431498408!3d25.020908783975382!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442aa4edff7f4d7%3A0x5b70cf47c55e82b1!2z5b6p5LiL6YOo5oWP!5e0!3m2!1szh-TW!2stw!4v1629441237764!5m2!1szh-TW!2stw"
style="border:0;"
allowfullscreen=""
loading="lazy">
</iframe>
</div>
</div>
</div>
</dd>
</dl>
</div>
</section>
<section id="comments-section">
<h2>追思留言區</h2>
<form id="comment-form">
<label for="comment-name">姓名：</label>
<input type="text" id="comment-name" placeholder="你的名字" required>
<label for="comment-message">留言內容:</label>
<textarea id="comment-message" rows="4" placeholder="你的留言" required></textarea>
<button type="submit">提交留言</button>
</form>
<div id="comments-container">
<!-- 留言區內容將動態插入 -->
</div>
<button id="clear-comments-button" style="display: none;">清除所有留言</button> <!-- 管理員專用 -->
</section>
<section id="donate-flower">
<h2>致贈花籃</h2>
<p>紀念陳游桂蓮女士，致贈花籃。點擊以下鏈接查看和選擇花籃：</p>
<a href="javascript:void(0);" id="show-flower-baskets" class="btn">致贈花籃</a>
<div id="flower-basket-gallery" style="display: none;">
<!-- 花籃選項 -->
<div class="flower-basket-item">
<img src="image/花籃A.JPG" alt="花籃A">
<p class="price">NT$2,500</p>
</div>
<div class="flower-basket-item">
<img src="image/花籃B.JPG" alt="花籃B">
<p class="price">NT$3,000</p>
</div>
<div class="flower-basket-item">
<img src="image/花籃C.JPG" alt="花籃C">
<p class="price">NT$3,500</p>
</div>
<div class="flower-basket-item">
<img src="image/花籃D.JPG" alt="花籃D">
<p class="price">NT$4,000</p>
</div>
<div class="flower-basket-item">
<img src="image/花籃E.JPG" alt="花籃E">
<p class="price">NT$5,000</p>
</div>
<div class="flower-basket-item">
<img src="image/花籃F.JPG" alt="花籃F">
<p class="price">NT$5,500</p>
</div>
<div class="flower-basket-item">
<img src="image/花籃G.JPG" alt="花籃G">
<p class="price">NT$6,000</p>
</div>
<div class="flower-basket-item">
<img src="image/花籃H.JPG" alt="花籃H">
<p class="price">NT$6,500</p>
</div>
</div>
<p><a href="https://line.me/ti/p/TuM5y_Of6I" target="_blank">送上一份最深切的祝福</a></p>
<p>為保持一致性，所有花籃均統一製作與擺放。<br>如需訂購花籃，請點擊 <a href="https://line.me/ti/p/TuM5y_Of6I" target="_blank">這裡</a>。</p>
</section>
</main>
<div class="business-cards">
<img src="image/未命名設計.png" alt="承辦禮儀" class="business-card">
</div>
<footer>
<p>© 2024 祥安生命股份有限公司 版權所有</p>
<p>
承辦禮儀團隊：祥安生命股份有限公司<br>
<a href="https://line.me/ti/p/TuM5y_Of6I" target="_blank">
<img src="image/行.png" alt="聯繫我們Line" style="vertical-align: middle; width: 24px; height: 24px;">
</a>
<a href="tel:+886938179858">聯繫電話：0938 179 858</a>
</p>
</footer>
</body>
</html>