Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Anime Universe: Recommender & More</title> | |
| <link rel="stylesheet" href="styles.css"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <header> | |
| <h1>Anime Universe</h1> | |
| <nav> | |
| <ul> | |
| <li><a href="#recommender">Recommender</a></li> | |
| <li><a href="#quote-generator">Quote Generator</a></li> | |
| <li><a href="#character-quiz">Character Quiz</a></li> | |
| </ul> | |
| </nav> | |
| </header> | |
| <main> | |
| <section id="recommender"> | |
| <h2>Anime Recommender</h2> | |
| <div id="animeList"></div> | |
| <div id="genreList"></div> | |
| <button id="recommendBtn">Get Recommendations</button> | |
| <button id="randomBtn">I'm Feeling Lucky</button> | |
| <div id="recommendations"></div> | |
| </section> | |
| <section id="quote-generator"> | |
| <h2>Anime Quote of the Day</h2> | |
| <div id="quoteContainer" class="quote-container"> | |
| <p id="quoteText"></p> | |
| <p id="quoteAuthor"></p> | |
| </div> | |
| <button id="newQuoteBtn">New Quote</button> | |
| </section> | |
| <section id="character-quiz"> | |
| <h2>Which Anime Character Are You?</h2> | |
| <div id="quizContainer"> | |
| <p id="quizQuestion"></p> | |
| <div id="quizOptions"></div> | |
| </div> | |
| <button id="nextQuestionBtn" style="display: none;">Next Question</button> | |
| <p id="quizResult" style="display: none;"></p> | |
| <button id="restartQuizBtn" style="display: none;">Restart Quiz</button> | |
| </section> | |
| </main> | |
| <footer> | |
| <p>©DHRUV'S SIGHT</p> | |
| </footer> | |
| </div> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> | |