修改html

This commit is contained in:
JEFF 2025-02-10 21:31:01 +08:00
parent 8f372d185f
commit b3c74feb24
3 changed files with 38 additions and 2 deletions

View File

@ -16,7 +16,7 @@
<section id="about">
<h2>About Me</h2>
<p>姓名:彭賢恩</p>
<p>Name彭賢恩 (Jeff)</p>
<p>Cellphone0972253074</p>
<p>E-mailaeelejkl174820@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>

View File

@ -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>

View File

@ -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;
}