restaurant.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="description" content="A Udacity project for the Mobile Web Specialist Nanodegree.">
  <link rel="stylesheet" src="//normalize-css.googlecode.com/svn/trunk/normalize.css">
  <link rel="stylesheet" href="css/styles.css">
  <link rel="manifest" href="manifest.json">
  <meta name="theme-color" content="#3397db">
  <title>Restaurant Info</title>
</head>

<body class="inside">

  <header>
    <nav>
      <h1><a tabindex="1" href="/">Restaurant Reviews</a></h1>
    </nav>
    <ul id="breadcrumb" aria-label="Breadcrumb">
      <li><a tabindex="2" href="/">Home</a></li>
    </ul>
  </header>

  <main>
    <section id="map-container">
      <div id="map" aria-label="Map" role="application"></div>
    </section>
    <section id="restaurant-container">
      <h2 id="restaurant-name"></h1>
      <img id="restaurant-img">
      <p id="restaurant-cuisine"></p>
      <p id="restaurant-address"></p>
      <table id="restaurant-hours"></table>
    </section>
    <section id="reviews-container">
      <ul id="reviews-list"></ul>
    </section>
  </main>

  <script type="application/javascript" src="js/idb.min.js"></script>
  <script type="text/javascript" src="js/dbhelper.js"></script>
  <script type="text/javascript" src="js/moment.min.js"></script>
  <script type="text/javascript" src="js/restaurant_info.js"></script>
  <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDp77MECNszH4CVgH_C4DHSucM-bTxqKUs&libraries=places&callback=initMap"></script>

  <footer>
    Copyright © 2018 <a tabindex="2" href="/"><strong>Restaurant Reviews</strong></a> All Rights Reserved.
  </footer>

</body>

</html>