Responsive Personal Portfolio Website Using HTML CSS And JavaScript | Dark/Light Mode

Responsive Personal Portfolio Website Using HTML CSS And JavaScript | Dark/Light Mode

📁 Assets
Remove the background:
HSL color:
Blob Generator:

👨‍💻 Start project from scratch

☝ Download the project base files on GitHub
– Click on the GitHub link
– Click the green Code button
– Download ZIP
– Save and extract where you prefer

🔔 Subscribe For More!

❤ Get template

❤ Get template by PayPal

⏱ Timestamps
0:00 Intro
5:52 Project Setup
7:46 Variables Css
12:16 Reset Html
13:27 Reusable Css Classes
14:09 Layout
14:33 Header & Nav Menu
26:12 Home
35:47 Buttons
38:16 About
43:15 Skills
59:04 Qualification
01:12:29 Services
01:26:42 Portfolio
01:38:07 Project In Mind
01:41:42 Testimonial
01:49:40 Contactme
01:56:40 Footer
02:02:21 Scroll Sections Active Link
02:03:47 Change Background Header
02:04:38 Scroll Up
02:07:42 Dark/Light Theme
02:11:56 Scroll Bar
02:14:07 Media Queries

Center image within blob
X: horizontal, Y: vertical

Attribute to insert image
Change the svg attribute xlink:href=”” to href=””

📬 Any questions about the project send a DM to Facebook (Bedimcode)
⌚ I answer at 6:00 PM (Perú time)

☕️ Support me, buy me a coffee

👍 Thanks for watching!
Make sure to like + Subscribe For More! ❤

📷 Original Images Of Marcelo Chagas

🎵 Music
✔️ Description English
Folks, the video had a copyright claim on the music, that’s why I removed it. But insert music from YouTube Library every 5 minutes of the video. If you don’t like it, you can put on your favorite music and enjoy the video, greetings and successes.

✔️- Descripción Español
Amigos, el video tenía una reclamación de derechos de autor sobre la música, por eso lo removí. Pero inserte música de la Biblioteca de YouTube cada 5 minutos del video. Si no te gusta, puedes poner tu música favorita y disfrutar del video, saludos y éxitos

#responsiveportfolio #portfoliowebsite #bedimcode


Leave a Reply