DEV Community

Cover image for Portfolio Website Design with HTML & JavaScript
Aniket
Aniket

Posted on

6 1 1 1 1

Portfolio Website Design with HTML & JavaScript

Portfolio Landing Page by Code Savvy

Hello Dear Developers, In this post we'll create a Portfolio Page design using HTML, CSS & Some of the Powerful JavaScript Animations from GSAP Library.

Please Watch Below Full Video Tutorial

If you want to skip the tutorial and want to grab the source code, follow below given Repo link :
Repository Link

⏱ Outline

  • 0:00 - Intro
  • 0:34 - Structure
  • 4:21 - Setting CSS
  • 4:48 - Wrapper
  • 5:05 - Left Menu
  • 5:20 - Logo
  • 6:04 - Social Icons
  • 7:34 - Nav
  • 8:58 - Large Text
  • 9:36 - Red Box
  • 10:27 - See Photos
  • 11:01 - Desc Content
  • 13:08 - Slide
  • 13:30 - Overlay
  • 14:26 - Navbar Links JS
  • 15:11 - TweenMax (GSAP) Animations

👍 Thanks for watching!

Happy Coding :)

SurveyJS custom survey software

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more

Top comments (0)