Responsive Mini Portfolio Website Design Using HTML CSS & JavaScript

How to make a responsive personal mini portfolio website design using HTML, CSS, and JavaScript. With a user profile card style. Along with css animations and dark light theme. Developed first with the Mobile First methodology, then for desktop.

⏱ Timestamps
0:00 Intro Responsive Mini Portfolio
2:03 Project Setup
4:08 Variables CSS
6:21 Reset HTML & Reusable CSS Classes
08:06 Header Profile
26:13 Filters tabs
27:08 Projects
36:24 Skills
00:50:10 Footer
00:51:15 Scroll Bar
00:52:32 Dark/Light Theme
00:58:58 Breakpoints
01:07:45 ScrollReveal Animation
01:11:07 Change Color To Project
01:13:40 Final Project

Support this project
https://www.buymeacoffee.com/bedimcode/e/65191 

📁 Assets 
Icons: https://remixicon.com/ 
Fonts: https://fonts.google.com/ 
GitHub: https://github.com/bedimcode/responsive-watches-website 
ScrollReveal: https://scrollrevealjs.org/ 
Dopely colors: https://colors.dopely.top/color-pedia 

Source code : https://github.com/bedimcode/responsive-mini-portfolio 

How to download the project
- Click on the GitHub link
- Click the green button (code)
- Click Download ZIP
- Extract the project to the desired location

Start project from scratch
https://github.com/bedimcode/responsive-mini-portfolio/tree/project-from-scratch 

🔔 Subscribe: https://www.youtube.com/c/Bedimcode 

#html #css #javascript 

What is GEEK

Buddha Community

Responsive Personal Portfolio Website Using HTML CSS and JavaScript

Tutorial: https://youtu.be/9DDiorNZiyw

#create a portfolio website with html css javascript #personal portfolio complete website using only html css javascript #responsive portfolio website html css javascript #responsive personal portfolio website #portfolio website #responsive website

Responsive Personal Portfolio Website HTML CSS and JavaScript

Demo: https://cutt.ly/TvxhH2T

#portfolio website html css #personal portfolio website tutorial #portfolio website #responsive personal portfolio website #portfolio website html css javascript #responsive portfolio website html css javascript

RESPONSIVE Personal PORTFOLIO Website HTML CSS And JAVASCRIPT

https://youtu.be/J8g9gyzhEoM

#responsive website using html5 and css3 #portfolio website #one page personal website html css #portfolio website design in html css #css responsive website design #responsive website html css

Responsive Personal Portfolio Website using HTML CSS & JavaScript

https://youtu.be/CHQvM4oS7ww

#responsive website using html5 and css3 #responsive website html css #portfolio website #portfolio website design in html css #complete responsive website in html css javascript #one page personal website

Create a Personal Portfolio Website Using HTML CSS and JavaScript

Demo Click Here: https://cutt.ly/2vFKuxe

#portfolio website html css #personal website html css #personal portfolio website #how to create a complete peronal portfolio website #responsive portfolio website html css #responsive personal portfolio website html css