|
2 | 2 | <html lang="en"> |
3 | 3 | <head> |
4 | 4 | <meta charset="UTF-8"> |
5 | | - <title>Skills - My Portfolio</title> |
| 5 | + <title>Home - My Portfolio</title> |
6 | 6 | <!-- Link to your CSS file --> |
7 | 7 | <link rel="stylesheet" href="style.css"> |
8 | | - <!-- Font Awesome for icons --> |
| 8 | + <!-- Link to Font Awesome for icons --> |
9 | 9 | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"> |
10 | 10 | </head> |
11 | 11 | <body> |
12 | | - <!-- Navigation Bar --> |
13 | | - <nav class="navbar"> |
14 | | - <ul> |
15 | | - <li><a href="index.html"><i class="fas fa-home"></i> Home</a></li> |
16 | | - <li><a href="about.html"><i class="fas fa-user"></i> About</a></li> |
17 | | - <li><a href="skills.html"><i class="fas fa-code"></i> Skills</a></li> |
18 | | - <li><a href="projects.html"><i class="fas fa-folder-open"></i> Projects</a></li> |
19 | | - <li><a href="contacts.html"><i class="fas fa-envelope"></i> Contacts</a></li> |
20 | | - </ul> |
21 | | - </nav> |
22 | | - |
23 | | - <!-- Skills Content --> |
24 | | - <section class="skills"> |
25 | | - <h2>My Skills</h2> |
26 | | - <ul> |
27 | | - <!-- Each skill has an icon from Font Awesome --> |
28 | | - <li><i class="fab fa-html5"></i> HTML</li> |
29 | | - <li><i class="fab fa-css3-alt"></i> CSS</li> |
30 | | - <li><i class="fas fa-code"></i> Python</li> |
31 | | - <li> |
32 | | - <i class="fas fa-database"></i> |
33 | | - <i class="fas fa-shield-alt"></i> |
34 | | - Basic Kali Linux (Cybersecurity) |
35 | | - </li> |
36 | | - <li> |
37 | | - <i class="fas fa-coffee"></i> |
38 | | - Object-Oriented Programming (JAVA) |
39 | | - </li> |
40 | | - <li><i class="fab fa-js"></i> JavaScript (learning soon!)</li> |
41 | | - </ul> |
42 | | - </section> |
43 | | - |
| 12 | + <!-- Main content wrapper --> |
| 13 | + <div class="content"> |
| 14 | + <!-- Navigation Bar --> |
| 15 | + <nav class="navbar"> |
| 16 | + <ul> |
| 17 | + <li><a href="index.html"><i class="fas fa-home"></i> Home</a></li> |
| 18 | + <li><a href="about.html"><i class="fas fa-user"></i> About</a></li> |
| 19 | + <li><a href="skills.html"><i class="fas fa-code"></i> Skills</a></li> |
| 20 | + <li><a href="projects.html"><i class="fas fa-folder-open"></i> Projects</a></li> |
| 21 | + <li><a href="contacts.html"><i class="fas fa-envelope"></i> Contacts</a></li> |
| 22 | + </ul> |
| 23 | + </nav> |
| 24 | + <!-- Hero Section --> |
| 25 | + <header class="hero"> |
| 26 | + <h1>Welcome to My Portfolio</h1> |
| 27 | + <h2>Zifeng Huang</h2> <!-- Your name --> |
| 28 | + <p>Future Web Developer | Student | Tech Enthusiast | Computer and Cybersecurity Engineering Major</p> |
| 29 | + </header> |
| 30 | + </div> |
44 | 31 | <!-- Footer --> |
45 | 32 | <footer class="footer"> |
46 | 33 | © 2025 Zifeng Huang. All rights reserved. |
|
0 commit comments