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
Icons: https://iconscout.com/unicons
Fonts: https://fonts.google.com/
GitHub: https://github.com/bedimcode
Swiper: https://swiperjs.com/
Remove the background: https://www.remove.bg/
HSL color: https://www.w3schools.com/colors/colors_hsl.asp
Blob Generator: https://www.blobmaker.app/

👨‍💻 Start project from scratch
https://github.com/bedimcode/responsive-portfolio-website-Alexa

☝ 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!
https://www.youtube.com/c/Bedimcode

❤ Get template
https://www.buymeacoffee.com/bedimcode/e/31360

❤ Get template by PayPal
https://ko-fi.com/s/263d6ed77a

⏱ 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
https://www.buymeacoffee.com/bedimcode

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

📷 Original Images Of Marcelo Chagas
https://www.pexels.com/es-es/@marcelo-chagas-861665

🎵 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

source

Leave a Reply