From b3c74feb24b01c6f1a133e339890cf1ba09673cd Mon Sep 17 00:00:00 2001
From: JEFF <aeelejkl174820@gmail.com>
Date: Mon, 10 Feb 2025 21:31:01 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9html?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Frontend_test/Views/Home/Index.cshtml     | 22 +++++++++++++++++++++-
 Frontend_test/Views/Shared/_Layout.cshtml |  3 ++-
 Frontend_test/wwwroot/css/styles.css      | 15 +++++++++++++++
 3 files changed, 38 insertions(+), 2 deletions(-)

diff --git a/Frontend_test/Views/Home/Index.cshtml b/Frontend_test/Views/Home/Index.cshtml
index 3068998..bdcbdff 100644
--- a/Frontend_test/Views/Home/Index.cshtml
+++ b/Frontend_test/Views/Home/Index.cshtml
@@ -16,7 +16,7 @@
 
     <section id="about">
         <h2>About Me</h2>
-        <p>姓名：彭賢恩</p>
+        <p>Name：彭賢恩 (Jeff)</p>
         <p>Cellphone：0972253074</p>
         <p>E-mail：aeelejkl174820@gmail.com</p>
     </section>
@@ -53,5 +53,25 @@
         </ul>
     </section>
 
+    <section id="program-language">
+        <h2>Program Language</h2>
+        <div class="progress-container">
+            <div class="progress-item">
+                <span>C/C#</span>
+                <div class="progress-bar" style="width: 40%;">40%</div>
+            </div>
+            <div class="progress-item">
+                <span>Python</span>
+                <div class="progress-bar" style="width: 60%;">60%</div>
+            </div>
+            <div class="progress-item">
+                <span>JavaScript</span>
+                <div class="progress-bar" style="width: 20%;">20%</div>
+            </div>
+        </div>
+    </section>
+
+
+
 </body>
 </html>
diff --git a/Frontend_test/Views/Shared/_Layout.cshtml b/Frontend_test/Views/Shared/_Layout.cshtml
index 0cd8e1f..a232fde 100644
--- a/Frontend_test/Views/Shared/_Layout.cshtml
+++ b/Frontend_test/Views/Shared/_Layout.cshtml
@@ -29,6 +29,7 @@
                     @* <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>
+                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#program-language">program-language</a></li>
                     <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#interests">Interests</a></li>
                     <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#awards">Awards</a></li>
                 </ul>
@@ -43,7 +44,7 @@
 
     <footer class="border-top footer text-muted">
         <div class="container">
-            &copy; 2025 - Frontend_test - <a asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
+            @* &copy; 2025 - Frontend_test - <a asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a> *@
         </div>
     </footer>
     <script src="~/lib/jquery/dist/jquery.min.js"></script>
diff --git a/Frontend_test/wwwroot/css/styles.css b/Frontend_test/wwwroot/css/styles.css
index eb020f5..5a6e055 100644
--- a/Frontend_test/wwwroot/css/styles.css
+++ b/Frontend_test/wwwroot/css/styles.css
@@ -11003,4 +11003,19 @@ section.resume-section .resume-section-content {
     padding: 10px;
     border-radius: 5px;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+}
+.progress-container {
+    margin-top: 20px;
+}
+
+.progress-item {
+    margin-bottom: 10px;
+}
+
+.progress-bar {
+    background: #007bff;
+    color: white;
+    padding: 5px 10px;
+    border-radius: 10px;
+    font-weight: bold;
 }
\ No newline at end of file