Build A Personal Portfolio Webpage
Build A Personal Portfolio Webpage
<!DOCTYPE html>
<html lan="en">
<head>
<meta charset="utf-8">
<title>My Portfolio</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>My Portfolio</h1>
<nav id="navbar" style="position: fixed;
top: 7%; right: 7">
<ul>
<li><a href="#about">About</a></li>
<li><a href="#work">Work</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section id="welcome-section">
<h1>About Me</h1>
<p>Here's some information about me and my background.</p>
</section>
<section id="projects">
<h2>My projects</h2>
<ul>
<li>
<h3 class="project-tile">Project 1</h3>
<p>A brief description of project 1 and its key features.</p>
<a href="https://codepen.io/freeCodeCamp/full/qRZeGZ"
target="_blank">View project</a>
</li>
<li>
<h3>Project 2</h3>
<p>A brief description of project 2 and its key features.</p>
<a href="https://codepen.io/freeCodeCamp/full/zNqgVx"
target="_blank">View project</a>
</li>
</ul>
</section>
<section id="contact">
<a id="profile-link" href="https://www.freecodecamp.org/mariothecoder"
target="_blank"><h4>Contact Me</h4></a>
</form>
</section>
</main>
<footer>Copyright © My Name</footer>
</body>
</html>
** end of undefined **
** start of undefined **
@media {
#contact {
font-weight: bold;
}
}
** end of undefined **