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

Опубликовано: 08 Май 2023
на канале: Open Source Coding
2,001
54

👋 Welcome to my channel!

🌟 In this video tutorial, I'll show you how to build a stunning personal portfolio website using HTML, CSS, and JavaScript. I'll also be using the Fontawesome and Isotope libraries to enhance the look and functionality of the site. Follow along and create your own impressive portfolio website today!

Download Starter Files:
https://github.com/opensource-coding/...
Or get complete source code on my Patreon down below!

=================================

👉 Subscribe to my channel to stay up-to-date with the latest web development content.
Don't forget to hit the notification bell to be notified of new uploads!
   / @opensourcecoding  

=================================

💻 Want access to all the source codes and more support?
Become my supporter on Patreon and get exclusive benefits.
Follow the link to check it out:   / opensourcecoding  

=================================

👉 If you have any problems or questions,
Join my Discord channel where I'll be happy to help:
  / discord  

=================================

👥 You can also follow me on social media to stay connected and get updates:
GitHub: https://github.com/opensource-coding
Facebook:   / opensourcecoding  

=================================

🙋‍♀️ Have a tutorial request or need an explanation on a particular topic?
Leave a comment and let me know. I'd love to hear from you and make content that meets your needs.

=================================

Thank you for watching, and I look forward to helping you on your web development journey! 🚀

00:00 Portfolio Website Overview
02:31 Setting up HTML And CSS file
02:47 Make Header Section HTML CSS
27:03 Make Responsive Header CSS
39:20 Hero Section HTML CSS
55:38 Responsive Hero Section HTML CSS
01:00:36 About Section HTML CSS
01:00:36 Responsive About Section HTML CSS
01:27:58 Services Section HTML CSS
01:41:08 Experties Section HTML CSS
01:49:45 Portfolio Section HTML CSS
02:04:10 Responsive Portfolio Section HTML CSS
02:04:10 Isotope Gallery Setup Portfolio Section
02:11:10 Contact Form Section HTML CSS
02:20:32 Contact Form Validation Setup
02:25:38 Footer HTML CSS
02:41:15 Footer Copyright Area HTML CSS
02:46:40 Theme Settings Options
03:05:07 Dark Mode Website HTML CSS


#WebDevelopment #WebDevelopmentTutorial #HTML #CSS #JavaScript #MERNStack #MEANStack #LAMPStack #BackendDevelopment #FrontendDevelopment #CodingTutorials #OpenSourceCoding #LearnToCode #ProgrammingTips #CodeNewbie #CodeCommunity #GitHub #Patreon #SocialMedia #SubscribeToMyChannel #NotificationBell #TutorialRequest #ExplanationVideo #ProgrammingEducation


Смотрите видео Personal Portfolio Website Using HTML CSS And JavaScript | Responsive Website with Dark/Light Mode онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Open Source Coding 08 Май 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 2,00 раз и оно понравилось 5 людям.