In this video, I show you how to create a responsive personal website design using HTML, CSS, and JavaScript. Includes a dark/light mode.
🚫 Don't click here: https://bit.ly/3cGrLdg
📁 Assets
Icons: https://boxicons.com/
Fonts: https://fonts.google.com/
Source code: https://bit.ly/3HIwXL8
⏱ Timestamps
00:00 Intro Responsive Personal Website
01:32 Project Setup
02:08 Variables CSS
03:42 Main Styles
04:35 Header
12:43 Intro Section
21:58 Light/Dark Theme Toggle
27:23 Media Queries
36:12 Final Project
Follow me ⤵️
/ frontru3
/ frontru
https://dribbble.com/FRONTRU
☕️ Support me, buy me a coffee
https://www.buymeacoffee.com/frontr
👍 Thanks for watching!
Make sure to like + Subscribe For More!
👀 More Videos
Responsive Card Hover Effect: • Responsive Card Hover Effect using HTML an...
Custom Breadcrumbs: • Custom Breadcrumbs using HTML & CSS
Custom Checkbox: • Custom Checkbox using HTML & CSS
Awesome Link Hover Effect: • Awesome Link Hover Effect using HTML & CSS
Increment and Decrement: • Increment and Decrement using HTML, CSS, a...
#html #css #frontru
responsive website, responsive website html css, responsive website tutorial, create a responsive personal website, responsive personal website, responsive personal website html css javascript, responsive personal html css, personal website html css javascript, how to create a responsive personal website, responsive personal website using html css javascript, personal portfolio website, personal website, html, css, javascript, website with source code, for beginners, FRONTRU