Building a Personal Profile Website


Your first real project is a personal profile website.

This website introduces you, your skills, and your goals to the world.

Why a Personal Profile Website Matters

A personal website:

  • Shows who you are
  • Displays your skills
  • Builds your online presence

What This Project Will Include

Your profile website will have:

  •  A home section
  • An about section
  • A skills section
  • A contact section

Step 1: Create the Project Structure

Create a new folder for your project.

Inside it, create:

  • One HTML file
  • One images folder

This simple structure is enough to start your first project.

Step 2: Add Basic Page Content

Open index.html and add your main sections:

  • Name
  • Short introduction
  • Skills
  • Contact details

This creates the foundation of your personal website.

Step 3: Add Your Photo

A profile photo makes your website feel personal and professional.

Always include alt text for accessibility and professionalism.

Step 4: Keep It Simple

Do not try to make it perfect.

Your goal is to create a clean and clear first project.

Why This Project Matters for Jobs

Recruiters love to see real projects.

A personal website shows initiative and passion.

Practice Task

Create your own personal profile website with:

  • Your name
  • A short bio
  • At least three skills
  • One contact method

What You Will Learn Next

In the next lesson, you will build a professional business landing page.