JSMasterJS
All projects
Beginner project

Portfolio Website

What you'll learn

  • • Semantic HTML
  • • Responsive CSS
  • • Smooth scrolling

Features

  • ✓ Hero section
  • ✓ About, projects, contact sections
  • ✓ Responsive nav

Live demo

Source code

html
<header><nav><a href="#home">Home</a><a href="#about">About</a><a href="#work">Work</a><a href="#contact">Contact</a></nav></header>
<section id="home"><h1>Hi, I'm Aman 👋</h1><p>Front-end developer in the making.</p></section>
<section id="about"><h2>About</h2><p>I build clean, accessible web experiences.</p></section>
<section id="work"><h2>Selected work</h2><ul><li>Calculator</li><li>To-do app</li><li>Weather app</li></ul></section>
<section id="contact"><h2>Contact</h2><p>hello@example.com</p></section>