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.
-
Updated
Mar 3, 2022 - HTML
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.
Expanding Cards Animation.
50DaysJsProjects
Day-18 Background Slider. Created with CodeSandbox
Day-38 Mobile Tab Navigation. Created with CodeSandbox
This sound board has been created using HTML, CSS and JS. It plays different types of sounds when a specific button is clicked. I have uploaded the different sounds used in this project.
Day-39 Pwd strength background. Created with CodeSandbox
This project involved using HTML5 audio tags to create a simple sound board. Each audio element is controlled by JavaScript.
This incrementing counter has been made using HTML, CSS and JavaScript.
Sections on a page transition in from alternating sides when scrolling down. The opposite happens when scrolling up the page.
Day-9 Sound Board. Created with CodeSandbox
50 mini web projects using HTML, CSS & JS
This project involves having the entire website rotate when the hamburger icon is clicked and bringing in the navigation on the bottom left. The page shown was recreated from my Etsy Shop, Sadie Bloom Designs.
50 unique mini-projects to sharpen your HTML, CSS & JavaScript skills
Scroll Animation using JQuery.
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.
I have made expanding cards using HTML, CSS and JS. It is a mini-project which can be used in any major project for testimonials, FAQs or whatever you wish to use it for.
Day-6 Scroll Animation made using HTML, CSS, JS. Created with CodeSandbox
This FAQ page has been develped using HTML, CSS and JS. The icons have been imported using Font Awesome.
Add a description, image, and links to the 50projects50days topic page so that developers can more easily learn about it.
To associate your repository with the 50projects50days topic, visit your repo's landing page and select "manage topics."