Skip to content

TheRJHub/Rj_quote_generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Rj Aesthetic Quote Generator

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.

✨ Features

  • 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

🚀 Getting Started

1. Clone or Download

Download the project or copy the files into your folder.

2. Open the Project

Simply open index.html in your browser.


🖥️ How It Works

  • 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

📜 Code Overview

HTML

  • Structure for the card, dropdown, and button
  • Links to CSS and JS files

CSS

  • Gradient background animation
  • Glassmorphism card
  • Styling for quotes, dropdown, and button

JavaScript

  • Stores different categories of quotes
  • Generates a random one on button click ---Feel free to ask for improvements or additions!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors