This incrementing counter has been made using HTML, CSS and JavaScript.
-
Updated
Jun 6, 2022 - HTML
This incrementing counter has been made using HTML, CSS and JavaScript.
This scroll animation has been made using HTML, CSS and JS. The elements move into the screen from the right and the left side of the screen alternatively.
Day 1 - Expanding Cards using HTML, CSS, JS. Created with CodeSandbox
This project has been made using HTML, CSS and JS. This project is different from the other projects because it invloves a third party API.
Day-47 Testimonial Box Switcher. Created with CodeSandbox
I have created a rotating navigator using HTML, CSS and JS which can be used in various projects to show or hide the navigation bar.
Hidden Search Widget project inspired by Brad Traversy.
50 Projects in 50 Days - HTML, CSS, and JavaScript
This animated navigator has been created using HTML, CSS and JavaScript. It can be used in webpages as a navigation bar and the user can modify it according to their requirements.
This blurry loading feature has been created using HTML, CSS and JS. I have used it with a background image but it can be used with any image
I have created a Split Landing Page using HTML, CSS and JavaScript. The content can be changed as per the user requirement. When one part of the screen is hovered on, it expands.
Learn intermediate HTML and CSS with 50 projects in 50 days
This login page has been created using HTML, CSS and JS and the main function of JS in this page is executing the Wave Animation Effect. This effect can be used according to the users' requirement.
I have created progress steps or progress bar, whatever you wish to call it. It can be used in major projects in shopping carts, payment gateways or in filling up forms.
This FAQ page has been develped using HTML, CSS and JS. The icons have been imported using Font Awesome.
This Hidden Search Widget has been made using HTML, CSS and JS. When the search icon is clicked, the search bar expands and when it is clicked again, the search bar collapses.
These are my own implementations for the 50 Projects in 50 Days course, link for original course code and live demo: https://github.com/bradtraversy/50projects50days
Add a description, image, and links to the 50days50projects topic page so that developers can more easily learn about it.
To associate your repository with the 50days50projects topic, visit your repo's landing page and select "manage topics."