Personal Portfolio Webpage - Build a Personal Portfolio Webpage

HTML-CSS
1

Tell us what’s happening:

how to add projects link in my portfolio , i am building the last project of portfolio any hint how to include my projects inside in this section that have id=“Projects”

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>
    <header>
      <navbar id="navbar">
        <a class="nav-link" href="#About">About</a>
        <a class="nav-link" href="#Work">Work</a>
        <a class="nav-link" href="Contact">Contact</a>
      </navbar>
    </header>
    <section id="weclome-section">
      <h1>I'm Tumukunde Yves</h1>
      <h3>a passionate Junior Software Developer with a keen interest in  web development, mobile apps</h3>
    </section>
    <section id="projects">
      <h1>some things that i've built</h1>
      
    </section>
  </body>
</html>

/* file: styles.css */

Your browser information:

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

Challenge Information:

Personal Portfolio Webpage - Build a Personal Portfolio Webpage

portfolio
portfolio627×685 89.8 KB

1 Like
2

in what way do you want to include them?
For eg. mine are hosted on codepen, so I just link that.

3

ssssd
ssssd1476×859 169 KB

example like this there are some projects that i did before here on freecodecamp, and those are the ones i want to include in my portfolio?

4

ssssasd
ssssasd1318×634 92.9 KB

i don’t have idea on codepen. i tried to copy link address and past it but no results.
can you assist me with codepen hosted projects

5

so the way I did it, is I created an account codepen.io and put my code there.
Then I screenshotted the first page and cropped the images into a cloud hosted image storage site.
Then I just linked to the codepens and the images.

you can also do something similar to this in github pages.

6

to be honest i have no idea , any link where i can see whole steps on youtube??
thank you so much

7

no I’m sorry I never look on youtube for help with this stuff.
Why don’t you try codepen.io for now?
It’s not hard to use.

9

sorry to disturb you again , is there another way you can help me either via Ms teams for this projects

10

you can hop on discord if you want to chat with different developers and get help

11

thanks i did research and i made it,

one last question are you Ai assistant or person?

12

I’m an AI wannabe. You?