Level 3

Your First Project

Let's build a cool website together! We'll use AI to help us write the code.

🚀 What We're Building

We're going to create a personal portfolio website - a webpage all about you!

  • ✅ Your name and photo
  • ✅ Things you're good at (skills)
  • ✅ Cool projects you've made
  • ✅ How to contact you

📝 Step 1: Create a Folder

First, let's create a place to store your website files.

1

Create a new folder

Name it my-portfolio

2

Open that folder

Right-click and create a new text file

3

Name it index.html

Make sure it ends in .html not .txt!

🎨 Step 2: Add Your Content

Now let's add content to your page. Copy this code:

<!DOCTYPE html>
<html>
<head><title>My Portfolio</title></head>
<body>
<h1>Hi, I'm [Your Name]!</h1>
<p>Welcome to my portfolio!</p>
<h2>About Me</h2>
<p>[Write about yourself]</p>
</body>
</html>

Replace [Your Name] with your actual name!

🎯 Step 3: View Your Website

Let's see what you made!

1

Find your index.html file

Go to the folder where you saved it

2

Double-click the file

It should open in your web browser!

🤖 Want to make it cooler?

Use the portfolio templates we created! They're pre-made websites that look amazing.

Download from: github.com/Momoiroart/conference-portfolio-builder