🔥 Create a Responsive Personal Website using HTML, CSS and Javascript

Опубликовано: 16 Март 2026
на канале: FRONTRU
5,338
205

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