diff --git a/greeting.html b/greeting.html new file mode 100644 index 0000000000000000000000000000000000000000..7ad6b987a8cffa0ef47324df41883e8bca419e04 --- /dev/null +++ b/greeting.html @@ -0,0 +1,61 @@ +<!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> +<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> + + <div class="screens"> + <div id="greetingsPronunciation"> + <button id="pronunciationButton" style="font-size: 40px;">Get Started</button> + </div> + </div> + <iframe id="signLangIframe" style="display: none;"></iframe> + <button id="nextButton" style="display: none;">Next</button> + <script src="words.js"></script> +</body> +</html>