|
4 | 4 | <meta charset="UTF-8" /> |
5 | 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
6 | 6 | <title>Portfolio</title> |
7 | | - <link rel="stylesheet" href="/static/style.css" /> |
| 7 | + <link rel="stylesheet" href="./static/style.css" /> |
| 8 | + <link rel="icon" href="./static/logo.png" type="image/png" /> |
8 | 9 | </head> |
9 | 10 | <body> |
10 | 11 | <header> |
11 | | - <h1>Welcome to My Portfolio</h1> |
| 12 | + <img |
| 13 | + src="./static/logo.png" |
| 14 | + alt="Logo" |
| 15 | + style="height: 50px; vertical-align: middle" |
| 16 | + /> |
| 17 | + <h1 style="display: inline; margin-left: 10px"> |
| 18 | + Welcome to My Portfolio |
| 19 | + </h1> |
12 | 20 | </header> |
| 21 | + <nav> |
| 22 | + <a href="#about">About Me</a> |
| 23 | + <a href="#projects">Projects</a> |
| 24 | + <a href="#contact">Contact</a> |
| 25 | + </nav> |
13 | 26 | <main> |
14 | | - <section> |
| 27 | + <sectionid="about"> |
15 | 28 | <h2>About Me</h2> |
16 | 29 | <p>This is a brief description about me.</p> |
17 | 30 | </section> |
18 | | - <section> |
| 31 | + <sectionid="projects"> |
19 | 32 | <h2>Projects</h2> |
20 | | - <p>Details of my projects will go here.</p> |
| 33 | + <div class="project-card"> |
| 34 | + <h3>Project 1</h3> |
| 35 | + <p>Details of my first project.</p> |
| 36 | + </div> |
| 37 | + <div class="project-card"> |
| 38 | + <h3>Project 2</h3> |
| 39 | + <p>Details of my second project.</p> |
| 40 | + </div> |
| 41 | + <!-- Add more project cards as needed --> |
| 42 | + </section> |
| 43 | + <section id="contact"> |
| 44 | + <h2>Contact</h2> |
| 45 | + <p> |
| 46 | + You can contact me at |
| 47 | + <a href="mailto:example@example.com">example@example.com</a>. |
| 48 | + </p> |
21 | 49 | </section> |
22 | 50 | </main> |
| 51 | + <footer> |
| 52 | + <p>© 2025 My Portfolio</p> |
| 53 | + </footer> |
23 | 54 | </body> |
24 | 55 | </html> |
0 commit comments