Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Build a Simple Portfolio Website Using HTML & CSS
Rating: 4.5 out of 5(7 ratings)
501 students

Build a Simple Portfolio Website Using HTML & CSS

Learn how to create and style your first personal website using beginner-friendly HTML and CSS – no experience needed!
Last updated 7/2025
English

What you'll learn

  • Structure a complete webpage using semantic HTML elements
  • Style text, images, and layouts with modern CSS
  • Create a clean, responsive layout using Flexbox
  • Link sections and pages using anchor (<a>) tags
  • Add images, icons, and buttons to enhance user experience
  • Apply beginner-friendly color palettes and typography
  • Host your portfolio website for free using GitHub Pages
  • Build and publish a simple, professional personal portfolio from scratch

Course content

9 sections55 lectures1h 41m total length
  • Welcome to the Course3:15
  • What You Will Build2:25
  • Why You Should Build A Portfolio4:02
  • What is HTML?4:23
  • What is CSS?3:04
  • HTML & CSS: Hello World5:16
  • HTML & CSS Validation (Video)2:33

    Files to test in the Validator

  • HTML, CSS, and Responsive Web Design Resources4:03
  • Course Links0:47

Requirements

  • No prior web development experience required
  • A modern web browser (Chrome, Firefox, etc.)
  • A simple code editor (e.g., VS Code, Notepad++, or Atom)
  • A willingness to learn by doing and build a real web page

Description

Launch Your Web Development Journey - in under two hours!!

In this beginner-focused class, you’ll learn how to build a clean, responsive portfolio website using only HTML and CSS – no frameworks or prior experience required!

Whether you’re a coding newbie or an aspiring web developer, this short course gives you practical, hands-on experience creating a personal site to showcase your projects or resume. You’ll gain confidence writing real code and understanding how websites are built from the ground up.

In This Course, You'll Learn:

  • How to structure a webpage using semantic HTML

  • How to style your site with modern CSS (colors, fonts, layout)

  • How to use Flexbox for a responsive design

  • How to link sections and pages using anchor tags

  • How to host your portfolio for free with GitHub Pages

  • How to apply basic design principles to make your site stand out

By the end, you'll have a live portfolio you can share with employers, clients, or friends – plus a strong foundation to build on.


This course is perfect for:

  • Absolute beginners

  • Students building their first web project

  • Creatives and freelancers who want a simple site

  • Anyone exploring front-end web development

Start building your online presence today - in under two hours!

Who this course is for:

  • Absolute beginners who want to learn HTML & CSS quickly
  • Students or job seekers who need a simple online portfolio
  • Freelancers and creatives (designers, writers, photographers) looking to showcase their work
  • Anyone curious about how websites are made – no prior experience needed
  • Teachers or instructors who want a beginner-friendly example to share
  • Hobbyists who want to create a personal website in under an hour