Quote of the Day
تفاصيل العمل
Quote Generator
A simple, interactive web app that displays random motivational quotes with a clean Bootstrap interface
Features
Random Quote Generation
Click the "Generate" button to get a new quote from a curated collection of famous sayings.
Clean Design
Dark theme with bold typography
Responsive layout (works on mobile/desktop)
Smooth animations using Bootstrap
Customizable
Easily add new quotes to the quoteContent array in script.js.
Technologies Used
HTML5/CSS3
Bootstrap 5 (for styling and responsiveness)
JavaScript (for dynamic content generation)
Randomization algorithm (Math.random())
How It Works
User clicks the "Generate" button
JavaScript randomly selects a quote from the array
The new quote and author appear in the display area
Setup Instructions
Clone the repository
Open index.html in your browser
Click "Generate" to see random quotes
Customization Ideas
Add more quotes to the quoteContent array
Change the color scheme in style.css
Add sound effects when generating quotes
Implement a share button to post quotes on social media
Demo