diff --git a/Frontend_test/Properties/launchSettings.json b/Frontend_test/Properties/launchSettings.json
index 1d4aa13..892fc8d 100644
--- a/Frontend_test/Properties/launchSettings.json
+++ b/Frontend_test/Properties/launchSettings.json
@@ -13,7 +13,16 @@
       "commandName": "Project",
       "dotnetRunMessages": true,
       "launchBrowser": true,
-      "applicationUrl": "http://localhost:5151",
+      "applicationUrl": "http://localhost:5286",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    },
+    "jeff": {
+      "commandName": "Project",
+      "dotnetRunMessages": true,
+      "launchBrowser": true,
+      "applicationUrl": "https://0.0.0.0:7238;http://0.0.0.0:5286",
       "environmentVariables": {
         "ASPNETCORE_ENVIRONMENT": "Development"
       }
@@ -22,7 +31,7 @@
       "commandName": "Project",
       "dotnetRunMessages": true,
       "launchBrowser": true,
-      "applicationUrl": "https://localhost:7238;http://localhost:5151",
+      "applicationUrl": "https://localhost:7238;http://localhost:5286",
       "environmentVariables": {
         "ASPNETCORE_ENVIRONMENT": "Development"
       }
diff --git a/Frontend_test/Views/Home/Index.cshtml b/Frontend_test/Views/Home/Index.cshtml
index bcfd79a..b007a19 100644
--- a/Frontend_test/Views/Home/Index.cshtml
+++ b/Frontend_test/Views/Home/Index.cshtml
@@ -1,8 +1,73 @@
 ﻿@{
-    ViewData["Title"] = "Home Page";
+    ViewData["Title"] = "Jeff";
 }
 
-<div class="text-center">
-    <h1 class="display-4">Welcome</h1>
-    <p>Learn about <a href="https://learn.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
-</div>
+<!DOCTYPE html>
+<html lang="zh-Hant">
+<head>
+    <meta charset="UTF-8">
+    <title>@ViewData["Title"]</title>
+    <link rel="stylesheet" type="text/css" href="css/styles.css" asp-append-version="true">
+</head>
+<body>
+    <div class="text-center">
+        <h1 class="display-4">Welcome</h1>
+    </div>
+
+    <section id="about">
+        <h2>About Me</h2>
+        <p>姓名：彭賢恩</p>
+        <p>Cellphone：0972253074</p>
+        <p>E-mail：aeelejkl174820@gmail.com</p>
+    </section>
+
+    <section id="skills">
+        <h2>Skills</h2>
+        <ul>
+            <li>C#開發經驗</li>
+            <li>HTML/CSS/JavaScript</li>
+            <li>對測試物件的效析與正確推斷</li>
+            <li>AOI系統與機械模式設計</li>
+        </ul>
+    </section>
+
+    <section id="projects">
+        <h2>Projects</h2>
+        <ul>
+            <li>Astra深度相機拍攝並擺檔分析工具</li>
+            <li>Keyence機械刻機變形檢測與VTK 3D資料分析</li>
+            <li>用於平台測試標準化並重複擺檔解決方案</li>
+        </ul>
+    </section>
+
+    <section id="experience">
+        <h2>Experience</h2>
+        <div class="timeline">
+            <div class="timeline-item">
+                <div class="timeline-icon">📅</div>
+                <div class="timeline-content">
+                    <h3>2020-2024</h3>
+                    <h4>虎尾科技大學 自動化工程系 學士</h4>
+                    <li>班級學業總成績第2名</li>
+                    <li>科系學業總成績第8名</li>
+                </div>
+            </div>
+            <div class="timeline-item">
+                <div class="timeline-icon">📅</div>
+                <div class="timeline-content">
+                    <h3>2024-2026</h3>
+                    <h4>雲林科技大學 電機系 碩士</h4>
+                    <p>專事於電機工程與相關研究。</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section id="contact">
+        <h2>Contact</h2>
+        <p>姓名：彭賢恩</p>
+        <p>Cellphone：0972253074</p>
+        <p>E-mail：aeelejkl174820@gmail.com</p>
+    </section>
+</body>
+</html>
diff --git a/Frontend_test/Views/Shared/_Layout.cshtml b/Frontend_test/Views/Shared/_Layout.cshtml
index 650affa..8e18f04 100644
--- a/Frontend_test/Views/Shared/_Layout.cshtml
+++ b/Frontend_test/Views/Shared/_Layout.cshtml
@@ -3,7 +3,7 @@
 <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>@ViewData["Title"] - Frontend_test</title>
+    <title>@ViewData["Title"]_CV</title>
     <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
     <link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
     <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
@@ -20,12 +20,12 @@
         <nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
             <a class="navbar-brand js-scroll-trigger" href="#page-top">
                 <span class="d-block d-lg-none">Clarence Taylor</span>
-                <span class="d-none d-lg-block"><img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="~/assets/img/ben.bmp" alt="..." /></span>
+                <span class="d-none d-lg-block"><img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="~/assets/img/myphoto.jpg" alt="..." /></span>
             </a>
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav">
-                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">About</a></li>
+                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">About</a></li> 
                     <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#experience">Experience</a></li>
                     <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#education">Education</a></li>
                     <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#skills">Skills</a></li>
diff --git a/Frontend_test/appsettings.json b/Frontend_test/appsettings.json
index 10f68b8..4a56bf4 100644
--- a/Frontend_test/appsettings.json
+++ b/Frontend_test/appsettings.json
@@ -5,5 +5,15 @@
       "Microsoft.AspNetCore": "Warning"
     }
   },
-  "AllowedHosts": "*"
+  "AllowedHosts": "*",
+  "Kestrel": {
+    "Endpoints": {
+      "Https": {
+        "Url": "https://0.0.0.0:7238"
+      },
+      "Http": {
+        "Url": "http://0.0.0.0:5286"
+      }
+    }
+  }
 }
diff --git a/Frontend_test/wwwroot/assets/img/myphoto.jpg b/Frontend_test/wwwroot/assets/img/myphoto.jpg
new file mode 100644
index 0000000..3caaf63
Binary files /dev/null and b/Frontend_test/wwwroot/assets/img/myphoto.jpg differ
diff --git a/Frontend_test/wwwroot/css/styles.css b/Frontend_test/wwwroot/css/styles.css
index 454303d..eb020f5 100644
--- a/Frontend_test/wwwroot/css/styles.css
+++ b/Frontend_test/wwwroot/css/styles.css
@@ -10969,4 +10969,38 @@ section.resume-section .resume-section-content {
     padding-top: 5rem;
     padding-bottom: 5rem;
   }
+}
+
+.timeline {
+    border-left: 2px solid #007bff;
+    padding-left: 20px;
+    margin-top: 20px;
+}
+
+.timeline-item {
+    position: relative;
+    margin-bottom: 20px;
+    padding-left: 20px;
+}
+
+.timeline-icon {
+    position: absolute;
+    left: -10px;
+    top: 0;
+    background: #007bff;
+    color: #fff;
+    border-radius: 50%;
+    width: 20px;
+    height: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 12px;
+}
+
+.timeline-content {
+    background: #f8f9fa;
+    padding: 10px;
+    border-radius: 5px;
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }
\ No newline at end of file
