Skip to content

⚽ A web project to elevate my animation skills! ✨ Featuring a responsive layout, BEM structure, and iframe video insertion. Watch as keyframe animations bring life to a JavaScript countdown timer, with animated circle dots that spin in style! ⏳

Notifications You must be signed in to change notification settings

IliaKani/EURO-2024

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎨 Animation Skills Project

Welcome to the Animation Skills Project! This project is designed to enhance your skills in working with animations, fonts, and frames.

✨ Features

  • 📂 BEM File Structure: Organized file structure following the BEM (Block, Element, Modifier) methodology.
  • 🎥 Video Insertion: Seamless video embedding using iframes.
  • 🎞️ Keyframe Animations: Smooth and engaging animations created with CSS keyframes.
  • Countdown Timer: A dynamic countdown timer implemented in JavaScript.

🚀 Usage

To run the project, open the index.html file in your web browser. This will load the project and display the animations, fonts, frames, and countdown timer.

⏱️ Countdown Timer

The project includes a JavaScript file that implements a countdown timer. The timer calculates the time remaining until a specified end date and updates the display every second. It also features animations for circle dots that rotate at different speeds depending on the unit of time they represent.

📁 File Structure

The project follows the BEM (Block, Element, Modifier) methodology for organizing files.

🤝 Contributing

We welcome contributions to the project! If you have any ideas, suggestions, or bug reports, please open an issue or submit a pull request.

📜 License

This project is licensed under the MIT License. See the LICENSE file for more details.

About

⚽ A web project to elevate my animation skills! ✨ Featuring a responsive layout, BEM structure, and iframe video insertion. Watch as keyframe animations bring life to a JavaScript countdown timer, with animated circle dots that spin in style! ⏳

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published