Premium Only Content

Learn HTML & CSS: 2-Hour Portfolio Website Tutorial (2024)
Learn HTML and CSS quickly with this hands-on crash course! In just 2 hours, you'll build a modern and responsive portfolio website from scratch. No boring theory – just practical, real-world experience that will get you coding confidently. Perfect for beginners and a great refresher for experienced developers.
Free Web Developers Community and Courses: https://www.skool.com/web-dev-mastery
Designer's Profile: https://www.figma.com/@elias_dev
Resources
- VSCode Setup: https://youtu.be/VWCI1ct02hY
- Design Link: https://www.figma.com/community/file/1164933568884615740/portfolio?searchSessionId=lwnsxv2d-v96nfiicdri
- HTML Documentation: https://developer.mozilla.org/en-US/docs/Web/HTML
- CSS Documentation: https://developer.mozilla.org/en-US/docs/Web/CSS
- Responsive Design: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design
- Source Code: https://github.com/hayk-simonyan/portfolio-website
🔖 Sections
0:00 Introduction
1:12 HTML Essentials
3:49 CSS Essentials
7:43 Figma Basics
12:03 Project Setup
14:03 Creating the Navbar
30:09 Main Section
42:45 Quote Section & Social Links
57:52 Projects Section
1:15:15 Skills & About Sections
1:33:24 Contacts & Footer
1:51:40 Responsive Design
1:56:20 Using Media Queries & Breakpoints
2:06:58 Making our Portfolio Responsive
2:15:41 Responsive Design for Tablets
2:20:25 Recap
-
LIVE
SpartakusLIVE
5 hours ago#1 All-American HERO delivers JUSTICE and LIBERTY to the streets of Verdansk
980 watching -
LIVE
IsaacButterfield
5 hours agoAustralia Bans Kanye & Trump To Host UFC At The White House
164 watching -
1:58:26
JustPearlyThings
5 hours agoModern Women Are Saying NO To Independence Day | Pearl Daily
101K62 -
1:43:32
Barry Cunningham
4 hours agoTHE PRESIDENT TRUMP WHITE HOUSE FIREWORKS DISPLAY AND INTERVIEW WITH GENERAL MICHAEL FLYNN
32.7K20 -
31:54
Iggy Azalea
1 hour ago $0.07 earnedPlaying a lil blackjack on my casino, Mother.land
18.1K9 -
25:45
Scary Mysteries
17 hours agoThe Alphabet Murders: Rochester’s Eerie Triple Tragedy
2.38K4 -
12:59
Machete Gaming
2 days agoI HATED FC25… But Then I Tried THIS
1.26K1 -
VapinGamers
3 hours ago $0.01 earnedFortnite Tourney Practice with DJSkids24 - Trying to Get Gouder Like My Spelling - !rumbot
3.55K1 -
LIVE
ZWOGs
9 hours ago🔴LIVE IN 1440p! - Splitgate 2, Fortnite Practice, VR Games, and More! - Come Hang Out!
139 watching -
3:13:15
Akademiks
4 hours agoDAY AFTER THE DIDDY TRIAL!
21.2K2