Page 317 - Web Applications (803) Class 12
P. 317
PROJECT 9
Random Quote Generator using HTML, CSS and JavaScript.
File1: Index.html
<html lang=”en”>
<head>
<title>Random Quote Generator</title>
<link rel=”stylesheet” href=”styles.css”>
</head>
<body>
<div class=”container”>
<div id=”quote-box”>
<p id=”quote”>This is a random quote.</p>
<p id=”author”>- Author</p>
<button id=”new-quote”>New Quote</button>
</div>
</div>
<script src=”Pscript.js”></script>
</body>
</html>
File2: styles.css
body {
font-family: Garamond, sans-serif;
background: url(‘Image1.jpg’) center center fixed;
background-size: cover;
color: #fff;
text-align: center;
}
.container {
Projects 315

