<!DOCTYPE html>
<html lang="ur">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
text-align: center;
}
.quote-container {
margin: 20px auto;
padding: 20px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.quote {
font-size: 24px;
color: #333;
line-height: 1.5;
}
</style>
</head>
<body>
<div class="quote-container">
<p class="quote" id="quote"></p>
</div>
<script>
const hazratAliQuotes = [
"جو لوگ اخلاقی طور پر بے عیب ہوتے ہیں، وہ آسمانی پردے کی طرح ہیں۔",
"عقل منصف کی پہچان ہے، اور جو چیز عدل سے علیل ہوتی ہے، وہ منصف کے باعث علیل نہیں ہوتی۔",
// Add more quotes here.
];
// Randomly select a quote from the array.
const randomQuote = hazratAliQuotes[Math.floor(Math.random() * hazratAliQuotes.length)];
// Display the quote on the webpage.
const quoteElement = document.getElementById("quote");
quoteElement.textContent = randomQuote;
</script>
</body>
</html>
Random Urdu Quote Generator
Click the button below to generate a quote.