Advertisement
Guest User

Untitled

a guest
Apr 30th, 2017
855
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.34 KB | None | 0 0
  1. <html>
  2. <head>
  3.   <link rel="stylesheet" type="text/css" href="app.css">
  4.   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
  5.   <link rel="stylesheet" href="semantic.min.css">
  6. </head>
  7. <body>
  8.   <div class="ui modal">
  9.   <i class="close icon"></i>
  10.   <div class="content">
  11.     <div class="description">
  12.       <div class="ui header">Failure to match a word in your phrase with a valid type of food. Please try again.</div>
  13.       <p>Some examples are: <br>
  14.       Asian <br>
  15.       American<br>
  16.       Bakery<br>
  17.       Cafe<br>
  18.       Sandwich<br>
  19.       </p>
  20.     </div>
  21.   </div>
  22.   <div class="actions">
  23.     <div class="ui positive right button">
  24.       Try again.
  25.     </div>
  26.   </div>
  27. </div>
  28.  
  29. <div class = "full">
  30.   <div class = "upper">
  31.     <div id = "header">Food Finder</div>
  32.     <div class = "inner1">
  33.       <div class="ui segment speechRect">
  34.         Hello. Simply tell me what type of food you would like and I will show you nearby restaurants. For example, say: "I would like to eat Chinese Food". <br>
  35.         Click the blue microphone to start listening. <br>
  36.         <span class = "access">Please grant this page access to the microphone and your location to fully work.</span>
  37.       </div>
  38.   </div>
  39.   <div class = "inner2">
  40.  
  41.  
  42.     <div class="ui segment speechRect">
  43.       <!-- <div class = "textSpoken"></div> -->
  44.       <div class = "mic">
  45.         <div class = "textSpoken"></div>
  46.         <div class = "buttonMic">
  47.         <button class="ui icon blue button">
  48.           <i class="unmute icon"></i>
  49.         </button>
  50.        </div>
  51.      </div>
  52.     </div>
  53.   </div>
  54. </div>
  55.   <div class = "lower">
  56.     <div class = "tableContainer">
  57.     <table class="ui striped table">
  58.   <thead>
  59.     <tr>
  60.       <th>Locations</th>
  61.     </tr>
  62.  
  63.     <td>
  64.       None.
  65.     </td>
  66.   </thead>
  67.   <tbody>
  68.  
  69.   </tbody>
  70. </table>
  71. </div>
  72. <div class = "mapContainer">
  73.     <div id="map"></div>
  74. </div>
  75.   </div>
  76. </div>
  77.  
  78.  
  79.  
  80. </body>
  81. <script type="data.json" src="data.json"></script>
  82. <script type="text/javascript" src = "app.js">  </script>
  83. <script type="text/javascript" src = "semantic.min.js">  </script>
  84. <!-- <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> -->
  85. <script  async defer src = "https://maps.googleapis.com/maps/api/js?key=AIzaSyA2mFz78ZYyL1rTn8c-Heu-Fu69TlRzqgw"></script>
  86. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement