Personal Portfolio Webpage - Build a Personal Portfolio Webpage

HTML-CSS
1

Tell us what’s happening:

When creating a portfolio, did you guys link your projects to the portfolio form the past projects to get the HTML/CSS cert? if so, how do you link those projects?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" type="text/css" href="styles.css">
	<title class="project-file"></title>
</head>
<body>
	<!--START NAV-->
<nav id="navbar" class="nav">
	<ul class="nav-list">
		<li> 
			<a href="welcome-section">About</a>
		</li>
		<li>
			<a href="projects">Work</a>
		</li>
		<li>
			<a href="contact">Contact</a>
		</li>
	</ul>
</nav>
<!--END NAV-->
<!--START WELCOME SECTION-->
<section id="projects" class="projects-title">
	<h2 projects-section-header>My Projects</h2>
</section>
</body>
</html>

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:109.0) Gecko/20100101 Firefox/115.0

Challenge Information:

Personal Portfolio Webpage - Build a Personal Portfolio Webpage

2

To link projects you can use the anchor element then in the href attribute place the link that directs to the real project.

<a href="project link">Project one</a>

This is the first step, you can use the project images so that when a user clicks on the image it redirects them to the actual project, to do this you’ll need to nest the project image in an anchor element.

<a href='project link'> Project one
    <img  src='project image link'>
</a>
1 Like
3

thanks. I appreciate you.