Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Hello, I have a problem, I need to insert my projects, but I don’t understand where to find them and how to insert them

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="styles.css">
   <title>Personal Portfolio</title>
</head>
<body>
   <nav class="navbar" id="navbar">
      <ul class="nav">
         <li><a href="#welcome-section">About</a></li>
         <li><a href="#projects">Work</a></li>
         <li><a href="#contact">Contact</a></li>
      </ul>
   </nav>
   <main>
      <section id="welcome-section">
         <h1>Hey I am Sonik25</h1>
         <p>a web developer</p>
      </section>
      <siction id="projects">
         <div class="project-tile"></div>
         
      </section>
   </main>
</body>
</html>
/* file: styles.css */
body{
  margin:0;
  padding:0;
  background:linear-gradient(#EEE2DC,#EFE2BA);
  font-family:cursive,sans-serif;
}
.navbar{
 display: flex;
justify-content: flex-end;
background-color:#EDC7B7;
z-index:1;
position:sticky;
top: 0;
min-height: 2em;

}
.nav{
  display: flex;
  margin-right:2rem
  
}
.nav>li{
  list-style-type:none;
  padding:10 5 10 5;
  font-size:23px
}
a{
  text-decoration:none;
  color:#AC3B61;
  padding:26 25 26 25;
}
a:hover{
  background-color:#C5CBE3;
  transition:0.4s;
  
}
#welcome-section{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  height: 100vh;
  font-size:25px;
}

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 YaBrowser/23.7.1.1140 Yowser/2.5 Safari/537.36

Challenge: Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Link to the challenge:

You can use a screenshot of your projects and upload them into an image hosting website.
You can then use the link from the website and use it in the image element.

i will try i hope i understood correctly

1 Like

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