diff --git a/src/client/index.html b/src/client/index.html index 724f4d4..c29f1d8 100644 --- a/src/client/index.html +++ b/src/client/index.html @@ -1 +1,74 @@ -html \ No newline at end of file +<!DOCTYPE html> +<html lang="en"> + +<head> + <!-- Required meta tags --> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + + <!-- Bootstrap CSS --> + <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> + <!-- CSS --> + <link href="style.css" rel="stylesheet"> + <title>Uno</title> +</head> + +<body> + + <!-- Header with Navbar --> + <header> + <nav class="navbar navbar-expand-lg navbar-dark"> + <div class="container"> + <!-- Logo --> + <a class="navbar-brand" href="index.html"> + <img src="Assets/images/logo.png" alt="Logo" style="max-height: 70px;"> + </a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" + aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="collapse navbar-collapse" id="navbarNav"> + <ul class="navbar-nav ml-auto"> + <li class="nav-item"> + <a class="nav-link" href="#home">Home</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#userGuide">User Guide</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#aboutUs">About Us</a> + </li> + </ul> + </div> + </div> + </nav> + </header> + + <!-- Main Content with Bootstrap Grid --> + <main class="container d-flex justify-content-center align-items-center"> + <div class="row"> + <div class="col-md-6"> + <button class="btn btn-warning btn-lg" id="button">Start Game</button> + </div> + </div> + </main> + + <!-- Footer --> + <footer class="text-center mt-auto"> + <p>IP_13:Card Recognition for blind people</p> + </footer> + + <!-- Bootstrap JS and jQuery --> + <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> + <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script> + + <!-- jQuery for smooth scrolling --> + <script> + $(document).ready(function () { + //alert("Welcome to Uno!"); + }); + </script> + +</body> + +</html> \ No newline at end of file