Responsive Personal Portfolio Website Using HTML CSS Javascript from Scratch | Dark/Light Mode

Опубликовано: 23 Октябрь 2024
на канале: dotWebdesign

3,628

113

Hi, in this tutorial video, you will learn how to build professional personal portfolio website with fully responsive design. We only use CSS and Vanilla Javascript to create this responsive personal portfolio website. Beside dark and light mode feature, this website design has modern look of animated circular skills with percentage parameter.

Features for this personal portfolio website:
Left side fixed logo and socials
Beautiful responsive menu
Elegant and professional design
Light and dark mode switch
Animated items on scroll
Circular skills
Latest work gallery
Slider testimonials

Images asset in this tutorial can be downloaded here:
➤ https://drive.google.com/file/d/1Iup7...

Timestamps:
00:00:00 : Intro
00:03:38 : Header Menu
00:19:57 : Menu Javascript
00:26:36 : Hero
00:35:37 : Service
00:42:38 : Skills
00:58:34 : Latest Work
01:01:32 : Portfolio
01:10:08 : Testimonials
01:19:00 : Contact
01:27:52 : Footer
01:28:26 : Dark Mode
01:32:07 : Scroll Animation

⭐ Get in touch
You have a custom design project? Want to re-design or new website design?
contact us at: [email protected]

⭐ If you would like to buy me a coffee, well thank you very much that is mega huge! : https://www.buymeacoffee.com/dotwebde...

❤️ Support us :
   / @dotwebdesigns

Music credit:
Slow Down by LiQWYD   / liqwyd
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: https://bit.ly/3icR1Le
Music promoted by Audio Library    • Slow Down – LiQWYD (No Copyright Music)