Personal Portfolio Webpage - Build a Personal Portfolio Webpage

How do I obtain links to my previous certification project works on freeCodeCamp?
I have completed all four certification projects and submitted them, but I can’t find any link on the certification page or anywhere to embed on the personal portfolio am working on now. Please help.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>My Portfolio</title>
  <link rel="stylesheet" href="styles.css">
 </head>
 <body>
<main>
  <div class="navbar" id="navbar">
  <a href="#contact">Contact</a>
  <a href="#work">Work</a>
  <a href="#about">About</a>
</div>
<section id="welcome-section">
<h1>
  <div class="container">
        <div class="main">Hi, I am Vincent</div>
        <div class="sub">a web developer</div>
    </div>
    </h1>
</section>

<section id="projects">
  <h2>These are some of my projects</h2>
 <div class="project-tile">
  <a href="project_page.html" target="_blank">
    <img src="project_preview.jpg" alt="Project Preview">
  </a>
</div>
    
<div class="project-tile">
  <a href="project_page.html" target="_blank">
    <img src="project_preview.jpg" alt="Project Preview">
  </a>
</div>

<div class="project-tile">
  <a href="project_page.html" target="_blank">
    <img src="project_preview.jpg" alt="Project Preview">
  </a>
</div>

<div class="project-tile">
  <a href="project_page.html" target="_blank">
    <img src="project_preview.jpg" alt="Project Preview">
  </a>
</div>
</section>

<section id="work-together">
<h1>
  <div class="container">
        <div class="main">Lets us work together</div>
        <div class="sub">What time are you free</div>
    </div>
    </h1>
 <a id="profile-link" href="https://github.com/your-username" target="_blank">Visit my GitHub profile</a>
</section>






</main>
  </body> 
  
/* file: styles.css */
<style>
    /* CSS code specific to this example */
    body {
      margin: 0;
      padding: 0;
    }


    .navbar {
  background-color: #333;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 98.9%;
  z-index: 9999;
}

.navbar a {
  float: right;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.navbar a:hover {
  background-color: #ddd;
  color: black;
}

    
    #welcome-section {
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: lightblue;
      
      
      
    }

    #projects {
      height: 100vh;
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: center;
      background-color: pink;
    }

.project-tile {
  width: 50%;
  padding: 10px;
  box-sizing: border-box;
}

h2 {
  width: 100%;
  text-align: center;
  margin-top: 150px;
}
   
    
 #work-together {
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #E3E4FA;
        
    }


#profile-link {
  display: inline-block;
  padding: 10px;
  background-color: #333;
  color: #fff;
  text-decoration: none;
  border-radius: px;
}

#profile-link:hover {
  background-color: #555;
}


    


Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

Challenge: Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Link to the challenge:

1 Like

As far as I know, you can’t link to them. I would suggest you host them on a free host like Netlify. Or use something like Codepen.

It is part of the fun anyway to try and host your site on the web for the first time. I would suggest taking it as a learning experience.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.