Scribd
Upload
21K views2 pages

Build A Personal Portfolio Webpage

build-a-personal-portfolio-webpage

Uploaded by

kay needham
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
21K views2 pages

Build A Personal Portfolio Webpage

build-a-personal-portfolio-webpage

Uploaded by

kay needham
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

** start of undefined **

<!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 **

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy