📝 Counter Time – counter-time.html

A simple project that displays random quotes using HTML, CSS, and JavaScript. It shows a new quote every time the user clicks a button. Great for beginners to understand DOM interaction and event handling in JavaScript.

====================
📁 File Structure
====================
counter-time.html         ← Main HTML page  
counter-time.css          ← Styling and layout  
counter-time.js           ← JavaScript logic for random quote display  
bootstrap.min.css        ← Bootstrap CSS framework  
bootstrap.bundle.min.js  ← Bootstrap JS  
icons8-compteur-96.png   ← Icon used in the UI  

====================
🚀 How It Works
====================
1. The user clicks the "Start" button.
2. Counter time is started while user click at "Stop" the counter stopped and return a alert message for displayed the counter time result , number of seconds left.
3. And can you reverse the counter if you click at "Reverse" button.

====================
🔧 Technologies Used
====================
- HTML5  
- CSS3  
- JavaScript (ES6)  
- Bootstrap 5

====================
📦 How to Use
====================
1. Open `counter-time.html` in your browser.
2. Click the button start to generate and view a counter time.
3. You can add a new properties information in the JavaScript file.

====================
📌 Notes
====================
- Can be enhanced by fetching quotes from an external API.
- You can save the last shown quote in LocalStorage or display one on page load.

====================
👤 Author
====================
Abderrahim Khali Ali.