From 3d352feef2908d317112bbe6a2350c02b45cbda1 Mon Sep 17 00:00:00 2001
From: JEFF <aeelejkl174820@gmail.com>
Date: Tue, 11 Feb 2025 20:51:40 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E7=B6=B2=E7=AB=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Frontend_test/Views/Home/Index.cshtml | 46 +++++++++++++++++++--------
 1 file changed, 32 insertions(+), 14 deletions(-)

diff --git a/Frontend_test/Views/Home/Index.cshtml b/Frontend_test/Views/Home/Index.cshtml
index e282885..c896547 100644
--- a/Frontend_test/Views/Home/Index.cshtml
+++ b/Frontend_test/Views/Home/Index.cshtml
@@ -56,26 +56,44 @@
     </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>
+        <!-- Programming Languages -->
+        <h2>program-language</h2>
+        <div class="row my-4">
+            <!-- C -->
+            <h4 class="col-md-2 prog-lang">C</h4>
+            <div class="col-md-4 mb-4 mb-md-0 d-flex flex-column justify-content-center">
+                <div class="progress">
+                    <div class="progress-bar progress-bar-striped progress-bar-animated bg-danger" role="progressbar"
+                         aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
+                        C語言好難 (40%)
+                    </div>
+                </div>
             </div>
-            <div class="progress-item">
-                <span>Python</span>
-                <div class="progress-bar" style="width: 60%;">60%</div>
+
+            <!-- C# -->
+            <h4 class="col-md-2 prog-lang">C#</h4>
+            <div class="col-md-4 mb-4 mb-md-0 d-flex flex-column justify-content-center">
+                <div class="progress">
+                    <div class="progress-bar progress-bar-striped progress-bar--animated bg-danger" role="progressbar" aria-valuenow="40"
+                         aria-valuemin="0" aria-valuemax="100" style="width: 40%">
+                        窩還在學 (40%)
+                    </div>
+                </div>
             </div>
-            <div class="progress-item">
-                <span>JavaScript</span>
-                <div class="progress-bar" style="width: 20%;">20%</div>
+
+            <!-- Python -->
+            <h4 class="col-md-2 prog-lang">Python</h4>
+            <div class="col-md-4 mb-4 mb-md-0 d-flex flex-column justify-content-center">
+                <div class="progress">
+                    <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar"
+                         aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%">
+                        GPT救救我 (50%)
+                    </div>
+                </div>
             </div>
         </div>
     </section>
 
-    <style>
-        
-    </style>
 
 </body>
 </html>