Responsive Portfolio Landing Page Website Design Using HTML and CSS & JavaScript
➟ In this tutorial, I will show you how to create a portfolio landing page step by step using Html, CSS, JavaScript. Portfolio Landing Page Features Banner with navbar and Home Section, About, Portfolio, Skills, Video, Testimonial, Blog, Contact, Footer, and much more.
➥ ➥ ➥ ➥ ➥ ➥➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥
☛ Please like ???? and subscribe to my channel and press the bell icon ???? to get new video updates
➥ ➥ ➥ ➥ ➥ ➥➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥
➟ Download Starter Template: https://drive.google.com/drive/folders/1Gt7PwkD09NF0HvQG1QhO_-FmA4H1QYBO?usp=sharing
➟ Source Code: https://www.patreon.com/EndDev
➥ ➥ ➥ ➥ ➥ ➥➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥
Support Me on Patreon: https://www.patreon.com/EndDev
➥ ➥ ➥ ➥ ➥ ➥➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥
☛ Other Features:
➟ Fully Responsive Layout
➟ Html5, Css3
➟ Vanilla JavaScript
➟ Clean Code
➟ Font Awesome icons
➟ Google Fonts
➟ Created For Web App
☛ Credits:
➟ Images:
➟ Unsplash
➟ Video:
➟ pexels
☛ Fonts:
➟ Google Fonts
➟ font awesome.
➥ ➥ ➥ ➥ ➥ ➥➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥ ➥
Part 1: https://www.youtube.com/watch?v=2Ejo9caObVE&t=1346s
Part 2: https://www.youtube.com/watch?v=_aK-ck3xedk&t=2050s
Part 3 : https://www.youtube.com/watch?v=RX8wfUb3Mog
Part 4: https://www.youtube.com/watch?v=aRy43LCvlqk&t=2233s
Part 5: https://www.youtube.com/watch?v=dvrJHUENoTE&t=1701s
☛ Timestamps
00:00 Intro
00:11 Table Of Content
00:15 Coding Start
00:29 To Top Section
03:54 JS To Top Section
06:41 Slide Navbar
10:34 Settings Box Section
12:07 CSS Settings Box
19:10 JS Settings Box
19:35 JS Open Box
21:39 Change Color
25:03 Add Color in Local Storage
28:08 Fixed Active
30:05 Fixed Active in local Storage
#PortfolioWebsite #PortfolioLandingPage #EndDev