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
   312   313   314   315   316   317   318   319   320   321   322