Skip to content

Commit

Permalink
- 簡化了首頁的「關於」部分，只保留核心介紹和主要技能概述
Browse files Browse the repository at this point in the history 
- 創建了專門的 about 頁面，包含完整的個人介紹、經歷時間線和詳細的技能說明
- 在 about 頁面加入了更專業的版面設計和視覺效果
  • Loading branch information
zeroboss2006 committed Feb 24, 2025
1 parent f42a79e commit 974b4be
Show file tree
Hide file tree
Showing 2 changed files with 130 additions and 17 deletions.
120 changes: 120 additions & 0 deletions about/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,120 @@
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>關於我 - ZeroBoss2006</title>
<link rel="stylesheet" href="/assets/css/style.css">
<style>
.about-header {
padding: 6rem 0 3rem;
background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460);
color: white;
text-align: center;
}
.about-title {
font-size: 2.5rem;
margin-bottom: 1.5rem;
}
.about-content {
max-width: 1200px;
margin: 0 auto;
padding: 4rem 1rem;
}
.profile-section {
margin-bottom: 4rem;
}
.timeline {
margin: 3rem 0;
padding: 0;
list-style: none;
}
.timeline-item {
position: relative;
padding-left: 2rem;
margin-bottom: 2rem;
border-left: 2px solid #0f3460;
}
.timeline-year {
font-weight: bold;
color: #0f3460;
}
</style>
</head>
<body>
<header class="site-header">
<div class="container">
<nav class="site-nav">
<a href="/" class="site-title">ZeroBoss2006</a>
<ul class="nav-links">
<li><a href="/">首頁</a></li>
<li><a href="/blog">部落格</a></li>
<li><a href="/about" class="active">關於</a></li>
</ul>
</nav>
</div>
</header>

<section class="about-header">
<h1 class="about-title">關於我</h1>
<p>系統部副理 | 資訊技術專家 | 數位創新者</p>
</section>

<section class="about-content">
<div class="profile-section">
<h2>專業簡介</h2>
<p>我是一位資訊技術專家，目前擔任系統部副理，擁有超過12年的 IT 產業經驗。專注於系統整合、網路管理和數位行銷領域，致力於為企業提供全方位的技術解決方案。</p>
</div>

<div class="experience-section">
<h2>專業經歷</h2>
<ul class="timeline">
<li class="timeline-item">
<span class="timeline-year">2012年至今</span>
<h3>系統部副理</h3>
<p>負責 Windows 系統管理、伺服器架構規劃、網路安全維護等工作。專精於 VMware ESXi 虛擬化平台建置、Exchange Server、DNS 伺服器配置等技術領域。</p>
</li>
<li class="timeline-item">
<span class="timeline-year">2020年至今</span>
<h3>數位整合行銷顧問</h3>
<p>提供品牌數位轉型服務，包括品牌形象設計、社群媒體經營、數位廣告投放等全方位服務。</p>
</li>
</ul>
</div>

<div class="skills-section">
<h2>專業技能</h2>
<div class="skills-grid">
<div class="skill-card">
<h3>系統與網路管理</h3>
<p>專精於 Windows 系統管理、VMware ESXi 虛擬化平台建置、Exchange Server、DNS 伺服器配置，以及網路架構規劃與維護。具備資訊安全工程師認證。</p>
</div>
<div class="skill-card">
<h3>數位整合行銷</h3>
<p>提供品牌數位轉型服務，包括品牌形象設計、社群媒體經營、數位廣告投放等。擅長整合線上線下行銷策略，協助企業提升市場競爭力。</p>
</div>
<div class="skill-card">
<h3>多媒體設計製作</h3>
<p>具備專業的平面設計和影片製作能力，提供從企業識別設計到社群媒體內容製作的完整服務。擅長運用各種設計工具創造具有吸引力的視覺內容。</p>
</div>
</div>
</div>

<div class="certification-section">
<h2>專業認證</h2>
<p>取得經濟部產業人才能力鑑定(iPAS)資訊安全工程師初級認證，持續在資訊技術領域精進學習，提升專業能力。</p>
</div>
</section>

<footer class="site-footer">
<div class="footer-content">
<div class="social-links">
<a href="https://github.com/zeroboss2006" target="_blank">GitHub</a>
<a href="#" target="_blank">LinkedIn</a>
<a href="#" target="_blank">Twitter</a>
</div>
<p>&copy; 2024 ZeroBoss2006. All rights reserved.</p>
</div>
</footer>
</body>
</html>
27 changes: 10 additions & 17 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -134,35 +134,28 @@ <h1 class="hero-title">ZeroBoss2006</h1>

<section class="about-section">
<div class="about-content">
<h2>關於我</h2>
<p class="about-intro">我是一位資訊技術專家，目前擔任系統部副理，擁有超過12年的 IT 產業經驗。專注於系統整合、網路管理和數位行銷領域，致力於為企業提供全方位的技術解決方案。</p>

<div class="experience-section">
<h3>專業經歷</h3>
<p>在資訊系統維護與管理方面擁有豐富經驗，專長於 Windows 系統管理、伺服器架構規劃、網路安全維護等領域。同時也涉足數位行銷和多媒體設計，提供全方位的技術服務。</p>
</div>
<h2>歡迎</h2>
<p class="about-intro">歡迎來到我的個人網站。我是一位熱愛技術的資訊工程師，專注於系統整合與數位創新。</p>

<div class="skills-grid">
<div class="skill-card">
<h3>系統與網路管理</h3>
<p>專精於 Windows 系統管理、VMware ESXi 虛擬化平台建置、Exchange Server、DNS 伺服器配置，以及網路架構規劃與維護。具備資訊安全工程師認證。</p>
<h3>系統整合</h3>
<p>專業的系統規劃與整合服務</p>
</div>
<div class="skill-card">
<h3>數位整合行銷</h3>
<p>提供品牌數位轉型服務，包括品牌形象設計、社群媒體經營、數位廣告投放等。擅長整合線上線下行銷策略，協助企業提升市場競爭力。</p>
<h3>數位行銷</h3>
<p>全方位的品牌數位轉型方案</p>
</div>
<div class="skill-card">
<h3>多媒體設計製作</h3>
<p>具備專業的平面設計和影片製作能力，提供從企業識別設計到社群媒體內容製作的完整服務。擅長運用各種設計工具創造具有吸引力的視覺內容。</p>
<h3>創意設計</h3>
<p>視覺設計與多媒體內容製作</p>
</div>
</div>

<div class="achievements-section">
<h3>專業認證</h3>
<p>取得經濟部產業人才能力鑑定(iPAS)資訊安全工程師初級認證，持續在資訊技術領域精進學習，提升專業能力。</p>
<div class="cta-section">
<a href="/about" class="hero-btn">了解更多</a>
</div>
</div>
</div>
</section>

<footer class="site-footer">
Expand Down

0 comments on commit 974b4be

Please sign in to comment.