diff --git a/greeting_game.html b/greeting_game.html
index 975a33cbc59d433d0180227b2ae3cf4d4024cfec..3c4d7ad91d233528a58691f8a22c00f17de7ce80 100644
--- a/greeting_game.html
+++ b/greeting_game.html
@@ -1,70 +1,95 @@
<!DOCTYPE html>
<html lang="en">
-<head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Sixth Sense</title>
- <!-- bootstrap core css -->
- <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
- <!-- fonts style -->
- <link href="https://fonts.googleapis.com/css?family=Poppins:400,700|Raleway:400,600&display=swap" rel="stylesheet">
- <!-- font awesome stylesheet -->
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
- <!-- Custom styles for this template -->
- <link href="css/style.css" rel="stylesheet" />
- <!-- responsive style -->
- <link href="css/responsive.css" rel="stylesheet" />
- <!-- activity.css -->
- <link rel="stylesheet" href="css/activity_page.css">
-</head>
-<body>
-<div class="top_container">
- <!-- header section starts -->
- <header class="header_section">
- <div class="container">
- <nav class="navbar navbar-expand-lg custom_nav-container ">
- <a class="navbar-brand" href="index.html">
- <span>
- Sixth Sense
- </span>
- </a>
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
- aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
- <span class="navbar-toggler-icon"></span>
- </button>
- <div class="collapse navbar-collapse" id="navbarSupportedContent">
- <div class="d-flex ml-auto flex-column flex-lg-row align-items-center">
- <ul class="navbar-nav ">
- <li class="nav-item active">
- <a class="nav-link" href="index.html"> Home <span class="sr-only">(current)</span></a>
- </li>
- </ul>
+ <head>
+ <meta charset="UTF-8" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <title>Sixth Sense</title>
+ <link rel="icon" href="logo.PNG" type="image/png" />
+
+ <!-- Bootstrap core CSS -->
+ <link rel="stylesheet" type="text/css" href="bootstrap.css" />
+
+ <!-- Fonts -->
+ <link
+ href="https://fonts.googleapis.com/css?family=Poppins:400,700|Raleway:400,600&display=swap"
+ rel="stylesheet"
+ />
+
+ <!-- Font Awesome stylesheet -->
+ <link
+ rel="stylesheet"
+ href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"
+ />
+
+ <!-- Custom styles -->
+ <link href="style.css" rel="stylesheet" />
+
+ <!-- Responsive style -->
+ <link href="css/responsive.css" rel="stylesheet" />
+
+ <!-- Activity CSS -->
+ <link rel="stylesheet" href="css/activity_page.css" />
+ </head>
+ <body>
+ <div class="top_container">
+ <!-- Header section starts -->
+ <header class="header_section">
+ <div class="container">
+ <nav class="navbar navbar-expand-lg custom_nav-container">
+ <a class="navbar-brand" href="main.html">
+ <span>Sixth Sense</span>
+ </a>
+ <button
+ class="navbar-toggler"
+ type="button"
+ data-toggle="collapse"
+ data-target="#navbarSupportedContent"
+ aria-controls="navbarSupportedContent"
+ aria-expanded="false"
+ aria-label="Toggle navigation"
+ >
+ <span class="navbar-toggler-icon"></span>
+ </button>
+ <div class="collapse navbar-collapse" id="navbarSupportedContent">
+ <div
+ class="d-flex ml-auto flex-column flex-lg-row align-items-center"
+ >
+ <ul class="navbar-nav">
+ <li class="nav-item active">
+ <a class="nav-link" href="main.html"
+ >Home <span class="sr-only">(current)</span></a
+ >
+ </li>
+ </ul>
+ </div>
</div>
- </nav>
- </div>
- </header>
+ </nav>
+ </div>
+ </header>
+
+ <!-- Game section -->
<div id="game">
- <h4> Words for Expression</h4>
+ <h4>Words for Expression</h4>
<div id="cards">
- <div class="card " data-answer="1">Hello</div>
- <div class="card " data-answer="2">Please</div>
- <div class="card " data-answer="3">Thank you</div>
- <div class="card " data-answer="4">Sorry</div>
- <div class="card" data-answer="5">All Done</div>
+ <div class="card" data-answer="1">Hello</div>
+ <div class="card" data-answer="2">Please</div>
+ <div class="card" data-answer="3">Thank you</div>
+ <div class="card" data-answer="4">Sorry</div>
+ <div class="card" data-answer="5">All Done</div>
</div>
- </h4>Words to Pronoucation </h4>
+ <h4>Words to Pronunciation</h4>
<div id="answers">
- <div class="answer " data-answer="1">HE llo</div>
- <div class="answer " data-answer="2">Pho Le</div>
- <div class="answer " data-answer="3">Thanh du</div>
- <div class="answer" data-answer="4">So ri</div>
- <div class="answer" data-answer="5">Ai don</div>
+ <div class="answer" data-answer="1">HEH-LOH</div>
+ <div class="answer" data-answer="2">PLEEZ</div>
+ <div class="answer" data-answer="3">THANK YOO</div>
+ <div class="answer" data-answer="4">SORE-EE</div>
+ <div class="answer" data-answer="5">AWL DUHN</div>
</div>
</div>
- <div id="message"></div>
- <div id="message"></div>
- <script src="game.js"></script>
+ <div id="message"></div>
+ <script src="game.js"></script>
+ </div>
</body>
- </html>
+</html>