Responsive Personal Portfolio Website Using HTML CSS And JavaScript | Dark/Light Mode
Responsive Personal Portfolio Website Using HTML CSS And JavaScript | Dark/Light Mode
π 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
β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β
π¨βπ» Start project from scratch
https://github.com/bedimcode/responsive-portfolio-website-Alexa
π Download (files + images)
β Click on the GitHub link
β Click the green button (code)
β Click Download ZIP
β Extract the project to the desired location
πAssets
Icons: https://iconscout.com/unicons
Fonts: https://fonts.google.com/
JS Functions: https://github.com/bedimcode/responsive-website-restaurant/blob/main/assets/js/main.js
Swiper: https://swiperjs.com/ (Check recent update)
Remove the background: https://www.remove.bg/
HSL color: https://www.w3schools.com/colors/colors_hsl.asp
Blob Generator: https://www.blobmaker.app/
π§ Send emails (Not sponsored)
Follow the documentation to send emails through the form, you can choose any of these services.
https://www.emailjs.com/
https://getform.io/
β± Timestamps
0:00 Intro
5:52 Project Setup
7:46 Variables Css
12:16 Reset HTML & Reusable CSS
14:09 Layout
14:33 Header & Nav Menu
26:12 Home
35:47 Buttons
38:16 About
43:15 Skills
59:04 Qualification
1:12:29 Services
1:26:42 Portfolio
1:38:07 Project In Mind
1:41:42 Testimonial
1:49:40 Contactme
1:56:40 Footer
2:02:21 Scroll Sections Active Link
2:03:47 Change Background Header
2:04:38 Scroll Up
2:07:42 Dark/Light Theme
2:11:56 Scroll Bar
2:14:07 Media Queries
β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β
πΈ Images
https://www.pexels.com/es-es/@marcelo-chagas-861665
π¬ Any questions about the project send a DM to Facebook (Bedimcode)
β I answer at 6:00 PM (PerΓΊ time)
β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β
βοΈ Support me
https://www.buymeacoffee.com/bedimcode
π Support me by PayPal
https://ko-fi.com/bedimcode
π Thanks for watching!
Make sure to like + Subscribe For More! β€
β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β
π΅ 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 it is not to your liking, you can listen to 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 es de tu agrado, puedes escuchar tu mΓΊsica favorita y disfrutar del video, saludos y Γ©xitos.
#responsiveportfolio #portfoliowebsite #bedimcode