diff --git a/index.html b/index.html index 6a09c3c..6914733 100644 --- a/index.html +++ b/index.html @@ -1,37 +1,402 @@ - - - - - - - - - - - - - \ No newline at end of file + Your Name · Frontend Dev — 個人品牌網站骨架
+
+ +
+
+
+
+

個人品牌 — 前端工程師的展示骨架

+

這裡是個人網站的主視覺區。簡短一句話自我介紹,說明核心職稱(例如 Frontend Developer)與專長領域。

+

之後會放上行動呼籲(例如:瀏覽作品集、下載履歷)。

+ + + +

+ (開發者提示)之後會用 Section SDD 的 Prompt 產生正式文案與版面,再把整個 section 貼回來取代這一區。請整段貼回來完全取代註解區間內的內容。 +

+
+ +
+ + 在筆電前撰寫程式碼的前端開發者 +
+
+
+
+ + + +
+
+
+
+

關於我(之後會用 Section SDD 替換)

+

這裡目前是 About 區的占位內容,簡短說明個人背景與職務角色(例如:具備 XX 年前端開發經驗、專長 HTML/CSS/React)。

+

之後會用另一個 Prompt 產生正式內容,請把新的 section 程式碼整段貼回來,取代這一區。

+
+ + +
+
+
+ + + +
+
+

技能(占位)

+

這裡目前是 Skills 區的占位內容,將用來展示技術棧、工具與熟悉程度。

+ +
+ HTML / CSS + Responsive Design + Accessibility + React (Placeholder) + 工具:Git、Figma +
+ +

+ (開發者提示)之後會用 Section SDD 產生新的 section,請把新的 section 程式碼整段貼在這兩個註解中間,完全取代現在這一區。 +

+
+
+ + + +
+
+

作品集(占位)

+

此處列出數個作品卡片的占位樣式,未來會放置專案標題、描述、連結與截圖。

+ +
+
+

範例專案 1

+

專案描述(占位):簡短說明專案目的與使用技術。

+
+ +
+

範例專案 2

+

專案描述(占位):簡短說明專案目的與使用技術。

+
+ +
+

範例專案 3

+

專案描述(占位):簡短說明專案目的與使用技術。

+
+
+ +

+ (開發者提示)之後會用 Section SDD 的 Prompt 產生新的 section,請把新的 section 程式碼整段貼回來,取代這一區。 +

+
+
+ + + +
+
+

聯絡我(占位)

+

這裡是聯絡資訊的占位,會放上 Email、電話與社群連結等方式。

+ + + +

+ (開發者提示)之後會用 Section SDD 的 Prompt 產生新的 section,請把新的 section 程式碼整段貼回來,取代這一區。 +

+
+
+ + +
+ + +
\ No newline at end of file