index.html


<!doctype html>
<html>
<head>
    <title>Example Domain</title>

    <meta charset="utf-8" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link href="style.css" rel="stylesheet" />
</head>

<body>
   
   <div class="container">
      <div class="search-area">
          <form method="post">
                <input id="search" class="search" type="text" autocomplete="off">
                <span class="tooltiptext">Drag me, Please!!!</span>
                <div id="cross" class="cross"></div>
                <div class="random"><a href="https://en.wikipedia.org/wiki/Special:Random" target="_blank">click me for random search</a></div>
            </form>
      </div>
        
      <div id="result-area">
        <div id="show-results"></div>      
      </div>       
      
   </div>
    
    
    
    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <script src="bower_components/jquery-ui/jquery-ui.min.js"></script>
    <script src="app.js"> </script>
</body>
</html>