Responsive Personal Portfolio Website With Dark Light Mode | HTML SCSS/SASS & JavaScript [Video]

Responsive Personal Portfolio Website With Dark Light Mode | HTML SCSS/SASS & JavaScript

Source Code – https://bit.ly/3PtGagm

In this YouTube tutorial, we’ll dive into the step-by-step process of creating a modern and responsive personal portfolio website. Learn how to implement a sleek design with both dark and light modes to enhance user experience. The tutorial will cover essential web development languages such as HTML, SCSS/SASS for styling, and JavaScript for interactivity. Join us on this coding journey to elevate your portfolio and showcase your skills in style!

Typed JS – https://github.com/mattboldt/typed.js
Font Awesome CDN – https://cdnjs.com/libraries/font-awesome

1. Animated Login Form
https://www.youtube.com/watch?v=o6qg_VjAxkU&t=9s

2. Glassmorphism Analog Clock
https://www.youtube.com/watch?v=aa0YUVbZqMg&t=3s

3. Glassmorphism Registration Form
https://www.youtube.com/watch?v=cEXcJ7Gb8y4&t=575s

4. Animated Search Bar
https://www.youtube.com/watch?v=fgr8GjaM6OE

5. Animated Menu Toggle Button
https://www.youtube.com/watch?v=njdJTadsfRk&t=2s

#personalportfolio #portfoliowebsite #website #darklight #darkmode #darklightmode #responsivepersonalportfolio #responsivedesign #responsive #responsivewebsite #responsivewebdesign #html5 #html #htmlcss #css #css3 #scss #sass #scssoftware #javascript #website #frontend #webdevelopment #development #responsibility #mediaquery