In this project, we'll explore incorporating a background video for websites, featuring a title and a button to pause and play the video. We'll use Font Awesome to obtain power and play icons and obtain free background videos from the internet. Upon page refresh, a pre-loader displays before the website fully loads. We'll acquire free pre-loaders and use JavaScript to display them before the website fully loads. Once both the video and website are loaded, the pre-loader disappears.
Continue your learning journey with these handpicked projects that share similar concepts and technologies
In this project, we are going to create an age calculator. As you can see from the final version of the project, we have a container here with the title age calculator with an input of a date. If we click on the date input, we can choose the date of our birthday. For example, if we choose a date in in 2022 and if we click now on Calculate Age, you can see the age is calculated based on this date and saying your age is 21 years old.
View project%202.webp?alt=media&token=7ffdb0b5-c934-43e2-a7a1-029e283cce6f)
In this project, you will learn how to build a testimonial slider using HTML, CSS and JavaScript. We use a timer to change the sliders automatically and also we have added a bountiful animation showing the slides.
View project
In this project, our aim is to build a modern tip calculator. The project's primary interface comprises a container labeled "Tip Calculator" with two input fields: one for the bill amount and the other for the tip percentage. The tip calculator has a modern design that is styled using CSS. We utilized JavaScript to obtain the values of the two input fields and calculate the total amount based on these values.
View project