A simple, clean, and aesthetic web project that displays random quotes based on a selected category. The UI features soft gradients, glassmorphism, and a smooth, modern layout.
- Beautiful pastel gradient background
- Glassmorphism quote card
- Big, bold, centered quotes
- Dropdown to choose quote category
- Random quote on each button click
- Fully responsive layout
Download the project or copy the files into your folder.
Simply open index.html in your browser.
- You choose a category (Motivation, Education, Love, Life)
- Clicking the Show Quote button generates a random quote from that category
- Quote appears in large, bold text centered inside a frosted-glass card
- Structure for the card, dropdown, and button
- Links to CSS and JS files
- Gradient background animation
- Glassmorphism card
- Styling for quotes, dropdown, and button
- Stores different categories of quotes
- Generates a random one on button click ---Feel free to ask for improvements or additions!