專案範例 A
+占位說明：專案摘要、使用技術與連結。
+
+
+ 
+ 示意：前端工程師形象照（Unsplash）
+
+
+
+
+
+ 個人品牌網站骨架 — 前端工程師（範例）
++ 這裡是 Hero 區的占位內容：一句話自我介紹（例如：「我是一位專注於前端工程與 UI 實作的工程師」）， + 顯示核心職稱與行動呼籲（瀏覽作品集、下載履歷等）。 +
+ +
+ 查看作品集
+ 下載履歷（Email）
+
+
+ + 提示給開發者：之後會用 Section SDD 的 Prompt 產生正式文案與版面，請把新的 section 程式碼整段貼回來取代這一區（完全取代 SECTION:HERO-START 與 SECTION:HERO-END 之間的內容）。 +
+
+
+
+
+
+
+ 關於我（之後會用 Section SDD 替換）
++ 這裡目前是 About 區的占位內容，簡短描述個人背景與工作重點。 +
++ 提示給開發者：之後會用 Section SDD 的 Prompt 產生新的 section，請把新的 section 程式碼整段貼在這兩個註解中間，完全取代現在這一區。 +
+
+ 
+
+
+ 示意圖（Unsplash）
+
+
+ 技能（占位）
+這裡目前是 Skills 區的占位內容。未來會放技能標籤、熟悉的技術堆疊與摘要說明。
+ +
+ HTML
+ CSS
+ Vue.js
+ Django
+ RWD
+
+
+ + 提示給開發者：之後會用 Section SDD 的 Prompt 產生新的 section，請把新的 section 程式碼整段貼在這兩個註解中間，完全取代現在這一區。 +
+
+
+ 作品集（占位）
+這裡目前是 Projects 區的占位內容。會放上專案卡片、簡短說明與連結（例如 GitHub）等資訊。
+ +
+
+
+
+
+
+
+
+
+
+
+ 專案範例 B
+占位說明：專案摘要、使用技術與連結。
+專案範例 C
+占位說明：專案摘要、使用技術與連結。
++ 提示給開發者：之後會用 Section SDD 的 Prompt 產生新的 section，請把新的 section 程式碼整段貼在這兩個註解中間，完全取代現在這一區。 +
+
+
+ 聯絡我（占位）
+這裡目前是 Contact 區的占位內容。會放上 Email、電話、社群與下載履歷連結。
+ +
+
+
+
+ 📧
+ hello@example.com
+
+
+ 📞
+ +886 900 000 000
+
+
+ 🔗
+ GitHub / yourname
+
+
+ 🔗
+ LinkedIn / yourname
+
+ + 提示給開發者：之後會用 Section SDD 的 Prompt 產生新的 section，請把新的 section 程式碼整段貼在這兩個註解中間，完全取代現在這一區。 +
+