Random Quotes

Developer
Size
2,655 Kb
Views
2,024

How do I make an random quotes?

What is a random quotes? How do you make a random quotes? This script and codes were developed by Sudipta Das on 21 January 2023, Saturday.

Random Quotes Previews

Random Quotes - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Random Quotes</title> <link href='https://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'> <link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <br>
<div class="container titl text-center">Random Quote Generator</div>
<br><br>
<div class="container quote">
<div class="row">
<div class="col-sm-3"></div>
<div class="col-sm-5">
<div class="well text-center"></div>
</div>
</div> </div> <div class="container text-center"> <button class="btn btn-danger gen ">Generate Quote</button>
<button class="btn btn-info"><a href="https://twitter.com" target="_blank">Share on Twitter</a></button> </div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Random Quotes - Script Codes CSS Codes

.well{ height:200px;
width:650px; padding-top:80px;
}
.btn-danger{margin-left:20px;}
a{color:#fff}
a:hover{color:#fff;text-decoration:none;}
.well{font-family: 'Marck Script', cursive;font-size:20px;
margin-left:-30px;}
.titl{font-family: 'PT Serif', serif; font-size:30px; color:#2C3E50;}
.btn, .btn a{ font-family: 'Oswald', sans-serif;
}
body{background-color:#DADFE1}

Random Quotes - Script Codes JS Codes

var aray=[' “Don \'t cry because it\'s over, smile because it happened.” ― Dr. Seuss','“Be yourself; everyone else is already taken.”― Oscar Wilde','“Two things are infinite: the universe and human stupidity; and I\'m not sure about the universe.” ― Albert Einstein','“You know you\'re in love when you can\'t fall asleep because reality is finally better than your dreams.” ― Dr. Seuss','“A room without books is like a body without a soul.” ― Marcus Tullius Cicero','“So many books, so little time.” ― Frank Zappa','“You only live once, but if you do it right, once is enough.” ― Mae West','“Be the change that you wish to see in the world.” ― Mahatma Gandhi' ,'“I am so clever that sometimes I don\'t understand a single word of what I am saying.” ― Oscar Wilde, The Happy Prince and Other Stories','“To be yourself in a world that is constantly trying to make you something else is the greatest accomplishment.” ― Ralph Waldo Emerson']
$(document).ready(function(){
var temp=0;
$('.gen').click(function(){
if(temp>9)
temp=0;
var y=aray[temp];
$('.well').html(y);
temp++;
console.log(temp);
});
})
Random Quotes - Script Codes
Random Quotes - Script Codes
Home Page Home
Developer Sudipta Das
Username sdas13
Uploaded January 21, 2023
Rating 3
Size 2,655 Kb
Views 2,024
Do you need developer help for Random Quotes?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Sudipta Das (sdas13) Script Codes
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!