mfs1991/quotation-v01.html at main · bermuda0427/mfs1991 · GitHub

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
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
<!DOCTYPE html>
<html lang="zh-TW">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>內容創作服務報價單</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Microsoft JhengHei', 'Segoe UI', Arial, sans-serif;
            background: white;
            padding: 40px 20px;
            line-height: 1.8;
        }

        .container {
            max-width: 800px;
            margin: 0 auto;
            background: white;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden;
        }

        .header {
            background: white;
            color: #333;
            padding: 40px;
            text-align: center;
            border-bottom: 2px solid #f0f0f0;
        }

        .header h1 {
            font-size: 28px;
            margin-bottom: 10px;
            font-weight: 600;
            color: #1a1a1a;
        }

        .header p {
            font-size: 16px;
            color: #333;
        }

        .content {
            padding: 40px;
        }

        .section {
            margin-bottom: 35px;
        }

        .section-title {
            font-size: 18px;
            color: #1a1a1a;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 1px solid #e0e0e0;
            font-weight: 600;
        }

        .highlight-box {
            background: #f8f9fa;
            border-left: 4px solid #1a1a1a;
            padding: 20px;
            margin: 20px 0;
            border-radius: 4px;
        }

        .highlight-box h3 {
            font-size: 16px;
            color: #1a1a1a;
            margin-bottom: 12px;
            font-weight: 600;
        }

        .highlight-box ul {
            list-style: none;
            padding-left: 0;
            color: #2a2a2a;
            font-size: 14px;
            line-height: 1.8;
        }

        .highlight-box ul li {
            padding: 4px 0;
            padding-left: 20px;
            position: relative;
        }

        .highlight-box ul li:before {
            content: "•";
            position: absolute;
            left: 0;
            color: #555;
        }

        .total-box {
            background: white;
            border: 2px solid #1a1a1a;
            color: #1a1a1a;
            padding: 25px;
            border-radius: 6px;
            text-align: center;
            margin-top: 25px;
        }

        .total-label {
            font-size: 16px;
            margin-bottom: 8px;
            color: #333;
        }

        .total-amount {
            font-size: 36px;
            font-weight: 700;
            letter-spacing: 1px;
            color: #1a1a1a;
        }

        .service-box {
            background: white;
            border: 1px solid #e0e0e0;
            border-radius: 6px;
            padding: 25px;
            margin-bottom: 20px;
        }

        .service-box h3 {
            font-size: 17px;
            color: #1a1a1a;
            margin-bottom: 18px;
            font-weight: 600;
        }

        .service-box ul {
            list-style: none;
            padding-left: 0;
            color: #2a2a2a;
            font-size: 15px;
            line-height: 1.9;
        }

        .service-box ul li {
            padding: 6px 0;
            padding-left: 25px;
            position: relative;
        }

        .service-box ul li:before {
            content: "•";
            position: absolute;
            left: 0;
            color: #555;
        }

        .service-box .subtotal {
            text-align: right;
            margin-top: 15px;
            padding-top: 15px;
            border-top: 1px solid #f0f0f0;
        }

        .service-box .subtotal-label {
            font-size: 16px;
            color: #333;
        }

        .service-box .subtotal-amount {
            font-size: 20px;
            color: #1a1a1a;
            font-weight: 600;
            margin-left: 10px;
        }

        @media print {
            body {
                background: white;
                padding: 0;
            }

            .container {
                box-shadow: none;
                border: none;
            }
        }
    </style>
</head>

<body>
    <div class="container">
        <div class="header">
            <h1>瑞泰網站內容行銷服務報價單</h1>
            <p>專業社群行銷 × 內容優化 × 數據分析方案</p>
        </div>

        <div class="content">
            <div class="highlight-box">
                <h3>🎯 重點推廣方向</h3>
                <ul>
                    <li>長照專欄聚焦在多元陪伴與居家服務的自費推廣</li>
                    <li>瑞泰照護體系粉專：置入長照相關服務、居家服務、多元陪伴行銷</li>
                    <li>瑞泰基金會粉專：含置入引導官網，但不做行銷行為（非營利組織）</li>
                </ul>
            </div>

            <div class="section">
                <h2 class="section-title">每月執行內容</h2>

                <div class="service-box">
                    <h3>瑞泰照護體系粉絲團 Facebook 貼文 × 8篇</h3>
                    <ul>
                        <li>專業長照主題內容撰寫（300-500字）</li>
                        <li>配圖設計建議或圖片素材搭配</li>
                        <li>其中1-2篇可製作為動態影片形式（圖文轉動態視覺）</li>
                        <li>置入行銷：長照相關服務、居家服務、多元陪伴</li>
                        <li>官網連結與 LINE@ 導流置入</li>
                        <li>CTA（行動呼籲）文案設計</li>
                    </ul>
                    <div class="subtotal">
                        <span class="subtotal-label">小計：</span>
                        <span class="subtotal-amount">NT$ 1,600</span>
                    </div>
                </div>

                <div class="service-box">
                    <h3>瑞泰基金會粉絲團 Facebook 貼文 × 8篇</h3>
                    <ul>
                        <li>基金會活動／理念主題內容撰寫（300-500字）</li>
                        <li>配圖設計建議或圖片素材搭配</li>
                        <li>其中1-2篇可製作為動態影片形式（圖文轉動態視覺）</li>
                        <li>官網連結置入引導（非營利組織，不做行銷行為）</li>
                        <li>募款／參與呼籲文案優化</li>
                    </ul>
                    <div class="subtotal">
                        <span class="subtotal-label">小計：</span>
                        <span class="subtotal-amount">NT$ 1,600</span>
                    </div>
                </div>

                <div class="service-box">
                    <h3>長照專欄文章 × 8篇</h3>
                    <ul>
                        <li>從 FB 貼文精選主題深度擴寫（每週2篇）</li>
                        <li>完整文章撰寫（1,200-1,500字）</li>
                        <li>文章配圖設計或圖片影像處理</li>
                        <li>SEO 關鍵字優化與段落結構規劃</li>
                        <li>符合長照產業專業用語與法規用字</li>
                        <li>官網連結與 LINE@ 置入</li>
                        <li>聚焦多元陪伴與居家服務自費推廣</li>
                    </ul>
                    <div class="subtotal">
                        <span class="subtotal-label">小計：</span>
                        <span class="subtotal-amount">NT$ 4,800</span>
                    </div>
                </div>

                <div class="service-box">
                    <h3>數據分析服務</h3>
                    <ul>
                        <li><strong>每週流量分析報告</strong>（×4次）
                            <ul style="margin-top: 8px;">
                                <li>上週流量分析表</li>
                                <li>與上上週數據比較</li>
                                <li>涵蓋：官網 + 長照粉專 + 基金會粉專</li>
                            </ul>
                        </li>
                        <li style="margin-top: 12px;"><strong>每月流量分析報告</strong>
                            <ul style="margin-top: 8px;">
                                <li>月流量分析表及與上月數據比較</li>
                                <li>數據圖表與分析圖呈現</li>
                                <li>文章排名分析與受眾喜好需求分析</li>
                                <li>列出當月所有發表文章標題</li>
                                <li>涵蓋3個平台完整數據</li>
                            </ul>
                        </li>
                    </ul>
                    <div class="subtotal">
                        <span class="subtotal-label">小計：</span>
                        <span class="subtotal-amount">NT$ 4,800</span>
                    </div>
                </div>

                <div class="total-box">
                    <div class="total-label">每月基本服務費用 (含粉專貼文、長照專欄、數據分析)</div>
                    <div class="total-amount">NT$ 12,800</div>
                </div>

                <div style="margin-top: 40px; border-top: 2px dashed #e0e0e0; padding-top: 30px;">
                    <h2 class="section-title" style="border: none; margin-bottom: 25px; color: #555;">➕ 彈性加購 / 補充項目</h2>

                    <div class="service-box" style="background: #fafafa;">
                        <h3>特殊活動專題文章</h3>
                        <ul>
                            <li>當月特殊活動主題內容撰寫</li>
                            <li>活動亮點與重點整理</li>
                            <li>配圖設計建議或圖片素材搭配</li>
                            <li>官網連結與 LINE@ 置入</li>
                        </ul>
                        <div class="subtotal">
                            <span class="subtotal-label">單次費用：</span>
                            <span class="subtotal-amount">NT$ 900</span>
                        </div>
                    </div>

                    <div class="service-box" style="background: #fafafa;">
                        <h3>院區及社區據點活動發文</h3>
                        <ul>
                            <li>依社工提供影片說明，撰寫活動文章</li>
                            <li>影片內容理解與文字轉換</li>
                            <li>活動重點與精彩內容整理</li>
                            <li>配圖設計建議或圖片素材搭配</li>
                            <li>官網連結與 LINE@ 置入</li>
                        </ul>
                        <div class="subtotal">
                            <span class="subtotal-label">單次費用：</span>
                            <span class="subtotal-amount">NT$ 1,200</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="highlight-box">
                <h3>🔗 導入連結資訊</h3>
                <ul>
                    <li><strong>瑞泰照護體系官網：</strong>https://raytai.org.tw/</li>
                    <li><strong>官方LINE@〔瑞泰照護管家〕：</strong>https://line.me/R/ti/p/@624cfdsb</li>
                    <li>待瑞福上架購物網後，將置入行銷推薦連結（健康輔具、營養補充品、環境改善工程）</li>
                </ul>
            </div>
        </div>
    </div>
</body>

</html>