May 1, 2021December 25, 2021 by sameer

Landing Page

A landing page with automatic section highlighting, smooth scrolling and a TOP button.

Viewed on a laptop

Viewed on a device

Key Tech:

Basic HTML Sections
Basic CSS
HTML Navigation Bar
Javascript to scroll to Section

Code Highlights:

Added background colour gradient via CSS

Alternating left and right aligned sections via CSS

Moving circle effects added via CSS

Button Top handling via the visible class.

Showing “TOP” button and scrolling behaviour handling via Javascript.

Leave a Reply Cancel reply