diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000000000000000000000000000000000000..d0d9c7ed986309f43c1a5ba54f6131821f607731 --- /dev/null +++ b/public/index.html @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Trivia Game</title> + <link rel="stylesheet" href="style.css"> +</head> +<body> + <main class="main"> + <header class="header"> + <a href="#" class="logo">Welcome to the Trivia Game</a> + <nav class="navbar"> + <a href="#">Home</a> + <a href="#">About</a> + <a href="#">Leaderboards</a> + </nav> + </header> + + <section class="home"> + <div class="home-content"> + <h1>Trivia Game</h1> + <p>Select your options and click Play</p> + <button class="start-button" id="startGame">Play</button> + </div> + </section> + + <section id="gameArea" style="display:none;"> + <h2 id="question">Question will appear here</h2> + <div id="options">Options will appear here</div> + <p id="score">Score: 0</p> + <button id="nextQuestion" style="display:none;">Next Question</button> + </section> + </main> + <script src="/socket.io/socket.io.js"></script> + <script src="script.js"></script> +</body> +</html>