web_static/7-index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <title>AirBnB clone</title>
    <link rel="icon" href="images/icon.png">
    <link rel="stylesheet" href="styles/4-common.css">
    <link rel="stylesheet" href="styles/3-header.css">
    <link rel="stylesheet" href="styles/3-footer.css">
    <link rel="stylesheet" href="styles/6-filters.css">
    <link rel="stylesheet" href="styles/7-places.css">
</head>
  <body>
    <header>
    </header>
    <div class="container">
      <section class="filters">
        <button>Search</button>
        <div class="locations">
            <h3>States</h3>
            <h4>California, Arizona...</h4>
            <ul class="popover">
                <li><h2>Virginia</h2></li>
		<li>
                  <ul>
                    <li>Richmond</li>
                    <li>Fairfax</li>
                  </ul>
                </li>
		<li><h2>New York</h2></li>
		<li>
                  <ul>
                    <li>New York City</li>
                    <li>Manhattan</li>
                    <li>Brooklyn</li>
                  </ul>
		</li>
                <li><h2>New Jersey</h2></li>
		<li>
                  <ul>
                    <li>Edison</li>
                    <li>Hoboken</li>
                  </ul>
		</li>
            </ul>
        </div>
        <div class="amenities">
            <h3>Amenities</h3>
            <h4>Internet, Kitchen...</h4>
            <ul class="popover">
                <li>Hot tub</li>
                <li>Pool</li>
                <li>Gym</li>
                <li>Continental breakfast</li>
                <li>Daycare</li>
            </ul>
        </div>
      </section>
      <section class="places">
        <h1>Places</h1>
        <article>
            <h2>Becky's House</h2>
        </article>
        <article>
            <h2>China</h2>
        </article>
        <article>
            <h2>Couch</h2>
        </article>
      </section>
    </div>
    <footer>
      <p>Holberton School</p>
    </footer>
  </body>
</html>