diff --git a/greeting.html b/greeting.html
index 7ad6b987a8cffa0ef47324df41883e8bca419e04..93f3ce5b0420b11e2e61ada35e0af81cafd43ded 100644
--- a/greeting.html
+++ b/greeting.html
@@ -1,61 +1,79 @@
<!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" />
- <!-- progress barstle -->
- <link rel="stylesheet" href="css/css-circular-prog-bar.css">
- <!-- fonts style -->
- <link href="https://fonts.googleapis.com/css?family=Poppins:400,700|Raleway:400,600&display=swap" rel="stylesheet">
- <!-- font wesome 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>
+ <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" />
+ <!-- progress barstle -->
+ <link rel="stylesheet" href="css/css-circular-prog-bar.css" />
+ <!-- fonts style -->
+ <link
+ href="https://fonts.googleapis.com/css?family=Poppins:400,700|Raleway:400,600&display=swap"
+ rel="stylesheet"
+ />
+ <!-- font wesome 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="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 strats -->
+ <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>
-</head>
-<body>
-<div class="top_container">
- <!-- header section strats -->
- <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>
+ <div class="screens">
+ <div id="greetingsPronunciation">
+ <button id="pronunciationButton" style="font-size: 40px">
+ Get Started
</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>
</div>
- </header>
-
- <div class="screens">
- <div id="greetingsPronunciation">
- <button id="pronunciationButton" style="font-size: 40px;">Get Started</button>
- </div>
+ <iframe id="signLangIframe" style="display: none"></iframe>
+ <button id="nextButton" style="display: none">Next</button>
+ <script src="words.js"></script>
</div>
- <iframe id="signLangIframe" style="display: none;"></iframe>
- <button id="nextButton" style="display: none;">Next</button>
- <script src="words.js"></script>
-</body>
+ </body>
</html>