My HTML Projects

Here are my completed projects from the course by Brad Traversy:

• Expanding Cards

  This project involves building expanding cards with background images, headings, and transitions using HTML, CSS, and JavaScript.

• Progress Steps

  This project involves building progress steps, similar to those seen in multi-level forms and shopping carts, using buttons to control the steps. A progress bar that starts at one and advances as each step is completed.

• Rotating Navigation Animation

  This project involves creating a responsive navigation menu that rotates the container and displays navigation items from the side when a navigation icon is clicked. The icon changes between open and close states and rotates to show the close button.

• Hidden Search Widget

  This project involves creating a hidden search widget that expands and contracts when a search icon is clicked, using JavaScript events to activate a transition for the input width and button position.

• Blurry Loading

  This project involves creating a blurry loading page or image that gradually comes into focus as the loading percentage increases from 0% to 100%.

• Scroll Animation

  This project involves creating a scroll animation using CSS transitions and JavaScript to trigger the appearance and disappearance of content blocks as the user scrolls down the page, adding a smooth and engaging effect to website UI.

• Split Landing Page

  In this project involves creating a split landing page for ice cream and pudding with a background image, overlay, and hover effect using CSS and JavaScript.