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
En esta página del sitio puede ver el video en línea 🔥 Create a Responsive Personal Website using HTML, CSS and Javascript de Duración hora minuto segunda en buena calidad , que subió el usuario FRONTRU 10 febrero 2022, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 5,338 veces y le gustó 205 a los espectadores. Disfruta viendo!