<html>
<script src="inverted-index.js"></script>
<h1>Inverted Index</h1>
Select a JSON file: <input id="filePath" type="file">
<p><input id="createIndexButton" type="button" value="Create Index"></p>
<p><input id="terms"></p>
<p><input id="searchButton" type="button" value="Search"></p>
<pre id="display"></pre>
</body>
</html>
<!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">
    <link rel="stylesheet" href="css/inverted-index.css" type="text/css">
</head>

<body class="body">
    <script src="inverted-index.js"></script>
    <div class="container">
        <header class="row header-bg">
            <h1 class="text-center">Inverted index</h1>
        </header>
    </div>

    <div class="container">
        <section>
            <div class="row">
                <div class="col-md-3">
                    <p>
                    </p>
                    <h3> About this App </h3>
                    <p></p>
                    <p>
                        This Inverted Index allows you to perform quick searches for a number of words. An inverted index consists of a list of all the unique words that appear in any document, and for each word, a list of the documents in which it appears.
                    </p>
                    <hr>
                    <p>
                    </p>
                    <h4> Usage </h4>
                    <p>
                    </p>
                    <p> 1. Upload a valid JSON file </p> <br>
                    <p> 2. Select file to index and use the create index button to generate the index </p> <br>
                    <p> 3. Enter word(s) to search.</p><br>
                    <p></p>
                </div>
                <div class="col-md-8">
                    <div class="col-md-10 left-side">
                        <h2>Upload</h2>
                        <p>Select a file to upload</p>
                        <input class="btn btn-default" id="filePath" type="file" />
                        <hr>
                    </div>

                    <div class=" input-group col-md-8">
                        <button type="button" id="createIndexButton" class="btn btn-info">Create Index</button>
                        <p class="form-control" id="display"> </p>

                    </div>

                    <div class="input-group col-md-8">
                        <input type="text" class="form-control" id="terms" placeholder="Search Here" />
                        <span class="input-group-btn">
                        <button class="btn btn-info" id="searchButton" type="button">
                            <i class="glyphicon glyphicon-search"></i>
                        </button>
                    </span>
                    </div>
                </div>
            </div>

        </section>

    </div>


    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</body>
Change the search button appearance and the order of appearance
Change the search button appearance and the order of appearance
