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
Sur cette page du site, vous pouvez voir la vidéo en ligne 🔥 Create a Responsive Personal Website using HTML, CSS and Javascript durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur FRONTRU 10 février 2022, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 5,338 fois et il a aimé 205 téléspectateurs. Bon visionnage!