diff --git a/index.html b/index.html index 6a09c3c..721a61b 100644 --- a/index.html +++ b/index.html @@ -1,37 +1,508 @@ + - - + + + Your Name · Frontend Dev | 個人品牌網站 + + + - - - + +
+ + +
+ +
+
+
+

Building Digital Experiences
That Matter.

+

我是 [您的名字],一名專注於使用者體驗的前端工程師。
善於運用現代化技術解決複雜問題,打造高效能且易用的網頁應用程式。

+ 瀏覽作品集 + +
+

給開發者的提示:
這是 Hero 區的占位內容。

+

之後會用 Section SDD 的 Prompt 產生正式文案與版面,請把新的 section 程式碼整段貼在 SECTION:HERO-START 與 + END 兩個註解中間,完全取代現在這一區。

+
+ +
+ 筆電螢幕上顯示著程式碼,背景是簡約的辦公桌 +
+
+
+
+
+
+

關於我

+ +
+
+

+ 您好!我目前是一名全職前端工程師,熱衷於探索 React 與 Vue + 生態系的最新技術。除了日常開發,我也投入時間進行技術教學與接案工作。我擅長將複雜的設計需求轉化為像素完美(Pixel-perfect)且高效能的網頁介面。 +

+

+ 我相信技術是為了解決問題而存在。我擁有跨領域的協作背景,這養成了我「重視溝通」與「換位思考」的工作風格。我喜歡把複雜的技術概念拆解成清晰易懂的語言,確保團隊成員與客戶都能對專案目標有一致的理解。 +

+ +
    +
  • 具備現代化前端架構設計能力,注重程式碼可維護性
  • +
  • 擅長跨部門溝通,能有效橋接設計與工程思維
  • +
  • 熱愛分享與教學,能協助團隊新人快速上手
  • +
+ + +
+ +
+ 一位專注於編寫程式碼的軟體工程師,雙手在筆記型電腦鍵盤上操作 +
+
+
+
+
+
+

核心技能

+ +
+

這裡是 Skills 區的占位內容。

+

未來會放置:

+
    +
  • 前端技術棧 (HTML/CSS/JS/React/Vue)
  • +
  • 後端與工具 (Node.js/Git/Docker)
  • +
  • 軟實力 (溝通/專案管理)
  • +
+
+

之後會用 Section SDD 的 Prompt 產生新的 section,請把新的 section 程式碼整段貼在 SECTION:SKILLS-START + 與 END 兩個註解中間,完全取代現在這一區。

+
+
+
+
+
+

精選作品

+ +
+

這裡是 Projects 區的占位內容。

+

未來會展示:

+
    +
  • 專案截圖卡片
  • +
  • 技術說明與功能亮點
  • +
  • Live Demo 與 GitHub 連結
  • +
+
+

之後會用 Section SDD 的 Prompt 產生新的 section,請把新的 section 程式碼整段貼在 + SECTION:PROJECTS-START 與 END 兩個註解中間,完全取代現在這一區。

+
+ +
+ 網站介面設計草圖 + 正在編寫程式碼的筆電畫面 +
+
+
+
+
+

聯絡我

+ +
+

這裡是 Contact 區的占位內容。

+

未來會放置:

+
    +
  • Email 連結
  • +
  • 社群媒體連結 (LinkedIn, GitHub)
  • +
  • 簡單的聯絡表單 (若是靜態網站則引導至 Email)
  • +
+
+

之後會用 Section SDD 的 Prompt 產生新的 section,請把新的 section 程式碼整段貼在 + SECTION:CONTACT-START 與 END 兩個註解中間,完全取代現在這一區。

+
+ +
+ 發送 Email 給我 + +
+
+
+
+ + +
+ + \ No newline at end of file