作品 A（占位）
+短描述：此為占位卡片，日後請以 Section SDD 產生完整作品卡片。
+
+
+
+
+
+
+
+ Your Name · Frontend Dev
++ 這裡是個人品牌網站的主視覺區（Hero）。未來會放一句話自我介紹、職稱（例如 Frontend Developer）與主要行動呼籲（瀏覽作品集、下載履歷）。 +
+之後會用 Section SDD 的 Prompt 產生正式文案與版面，請把新的 section 程式碼整段貼回來，完全取代這一區。
+ +
+ 查看作品集
+ 聯絡我（Email）
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ 關於我（之後會用 Section SDD 替換）
+這裡目前是 About 區的占位內容，會簡短說明個人背景、專長領域與職涯重點。
+之後會用 Section SDD 的 Prompt 產生新的 section，請把新的 section 程式碼整段貼在 <!-- SECTION:ABOUT-START --> 與 <!-- SECTION:ABOUT-END --> 這兩個註解中間，完全取代現在這一區。
+
+
+ 技能（暫留占位）
+這裡目前放技能清單的占位內容（例如 HTML、CSS、RWD、Accessibility、React 等）。
+
+ HTML
+ CSS
+ RWD
+ Accessibility
+ React
+ 版本控制 Git
+
+ 之後會用 Section SDD 的 Prompt 產生新的 section，請把新的 section 程式碼整段貼在 <!-- SECTION:SKILLS-START --> 與 <!-- SECTION:SKILLS-END --> 這兩個註解中間，完全取代現在這一區。
+
+
+ 作品集（占位）
+這裡會顯示主要作品卡片：每個卡片包含縮圖、標題、簡短描述與連結（GitHub / Demo）。目前為占位卡片。
+ +
+
+
+
+
+
+
+
+ 作品 B（占位）
+短描述：此為占位卡片，日後請以 Section SDD 產生完整作品卡片。
+之後會用 Section SDD 的 Prompt 產生新的 section，請把新的 section 程式碼整段貼在 <!-- SECTION:PROJECTS-START --> 與 <!-- SECTION:PROJECTS-END --> 這兩個註解中間，完全取代現在這一區。
+
+
+ 聯絡我（占位）
+歡迎使用下列方式聯絡：Email / 電話 / GitHub / LinkedIn。實際表單或互動元件可於後續 Section SDD 加入（注意：本檔案禁止 JavaScript）。
+ +
+
+
+
+ Email：
+ hello@example.com
+
+
+ 電話：
+ +886 900 000 000
+
+
+ GitHub：
+ github.com/yourname
+
+
+ LinkedIn：
+ linkedin.com/in/yourname
+
+ 之後會用 Section SDD 的 Prompt 產生新的 section，請把新的 section 程式碼整段貼在 <!-- SECTION:CONTACT-START --> 與 <!-- SECTION:CONTACT-END --> 這兩個註解中間，完全取代現在這一區。
+