diff --git a/AUTHORS b/AUTHORS
index 64b26acdc14..207c039d4f7 100644
--- a/AUTHORS
+++ b/AUTHORS
@@ -4,3 +4,6 @@
 Jennifer Huang <133@holbertonschool.com>
 Alexa Orrico <210@holbertonschool.com>
 Joann Vuong <130@holbertonschool.com> 
+Aramis Martinez <7331@holbertonschool.com>
+Angelo Garcia
+Leandro Pagani
\ No newline at end of file
diff --git a/README.md b/README.md
index ae0c24c98f4..cc2f0dfe954 100644
--- a/README.md
+++ b/README.md
@@ -160,5 +160,12 @@ Jhoan Zamora - [Github](https://github.com/jzamora5) / [Twitter](https://twitter
 David Ovalle - [Github](https://github.com/Nukemenonai) / [Twitter](https://twitter.com/disartDave)
 
 Second part of Airbnb: Joann Vuong
+
+Four part of Airbnb: 
+Aramis Martinez
+Angelo Garcia
+Leandro Pagani
+
+
 ## License
 Public Domain. No copy write protection. 
diff --git a/web_dynamic/0-hbnb.py b/web_dynamic/0-hbnb.py
new file mode 100755
index 00000000000..1acab2ce9ea
--- /dev/null
+++ b/web_dynamic/0-hbnb.py
@@ -0,0 +1,49 @@
+#!/usr/bin/python3
+""" Starts a Flash Web Application """
+from models import storage
+from models.state import State
+from models.city import City
+from models.amenity import Amenity
+from models.place import Place
+from os import environ
+from flask import Flask, render_template
+import uuid
+app = Flask(__name__)
+# app.jinja_env.trim_blocks = True
+# app.jinja_env.lstrip_blocks = True
+
+
+@app.teardown_appcontext
+def close_db(error):
+    """ Remove the current SQLAlchemy Session """
+    storage.close()
+
+
+@app.route('/0-hbnb/', strict_slashes=False)
+def hbnb():
+    """ HBNB is alive! """
+    print(storage)
+    states = storage.all(State)
+    print(states)
+    states = sorted(states, key=lambda k: k.name)
+    st_ct = []
+
+    for state in states:
+        st_ct.append([state, sorted(state.cities, key=lambda k: k.name)])
+
+    amenities = storage.all(Amenity).values()
+    amenities = sorted(amenities, key=lambda k: k.name)
+
+    places = storage.all(Place).values()
+    places = sorted(places, key=lambda k: k.name)
+
+    return render_template('0-hbnb.html',
+                           states=st_ct,
+                           amenities=amenities,
+                           places=places,
+                           cache_id=uuid.uuid4())
+
+
+if __name__ == "__main__":
+    """ Main Function """
+    app.run(host='0.0.0.0', port=5000, debug=True)
\ No newline at end of file
diff --git a/web_dynamic/__init__.py b/web_dynamic/__init__.py
new file mode 100755
index 00000000000..e69de29bb2d
diff --git a/web_dynamic/static/images/icon.png b/web_dynamic/static/images/icon.png
new file mode 100644
index 00000000000..93492bb8df2
Binary files /dev/null and b/web_dynamic/static/images/icon.png differ
diff --git a/web_dynamic/static/images/icon_bath.png b/web_dynamic/static/images/icon_bath.png
new file mode 100644
index 00000000000..7a9bfed9d8d
Binary files /dev/null and b/web_dynamic/static/images/icon_bath.png differ
diff --git a/web_dynamic/static/images/icon_bed.png b/web_dynamic/static/images/icon_bed.png
new file mode 100644
index 00000000000..2a632848770
Binary files /dev/null and b/web_dynamic/static/images/icon_bed.png differ
diff --git a/web_dynamic/static/images/icon_group.png b/web_dynamic/static/images/icon_group.png
new file mode 100644
index 00000000000..3e012ab4d5c
Binary files /dev/null and b/web_dynamic/static/images/icon_group.png differ
diff --git a/web_dynamic/static/images/logo.png b/web_dynamic/static/images/logo.png
new file mode 100644
index 00000000000..9b255c95555
Binary files /dev/null and b/web_dynamic/static/images/logo.png differ
diff --git a/web_dynamic/static/styles/3-footer.css b/web_dynamic/static/styles/3-footer.css
new file mode 100644
index 00000000000..2cd4ff05d90
--- /dev/null
+++ b/web_dynamic/static/styles/3-footer.css
@@ -0,0 +1,16 @@
+footer {
+    position: fixed;
+    background: white;
+    height: 60px;
+    width: 100%;
+    bottom: 0;
+    border-top: 1px solid #CCCCCC;
+}
+footer p {
+    position: absolute;
+    text-align: center;
+    top: 10%;
+    bottom: 0;
+    right: 0;
+    left: 0;
+}
diff --git a/web_dynamic/static/styles/3-header.css b/web_dynamic/static/styles/3-header.css
new file mode 100644
index 00000000000..245cac7c980
--- /dev/null
+++ b/web_dynamic/static/styles/3-header.css
@@ -0,0 +1,11 @@
+header {
+    background: white;
+    height: 70px;
+    width: 100%;
+    border-bottom: 1px solid #CCCCCC;
+}
+header .logo {
+    background: url("../images/logo.png") no-repeat;
+    left: 20px;
+    height: 100%;
+}
diff --git a/web_dynamic/static/styles/4-common.css b/web_dynamic/static/styles/4-common.css
new file mode 100644
index 00000000000..46cfc19d1c1
--- /dev/null
+++ b/web_dynamic/static/styles/4-common.css
@@ -0,0 +1,11 @@
+body {
+    margin: 0;
+    padding: 0;
+    color: #484848;
+    font-size: 14px;
+    font-family: Circular,"Helvetica Neue",Helvetica,Arial,sans-serif;
+}
+body .container {
+    max-width: 1000px;
+    margin: 30px auto;
+}
diff --git a/web_dynamic/static/styles/6-filters.css b/web_dynamic/static/styles/6-filters.css
new file mode 100644
index 00000000000..d47107732aa
--- /dev/null
+++ b/web_dynamic/static/styles/6-filters.css
@@ -0,0 +1,103 @@
+.container .filters {
+    position: relative;
+    background: white;
+    height: 70px;
+    width: 100%;
+    border: 1px solid #DDDDDD;
+    border-radius: 4px;
+}
+button {
+    position: absolute;
+    font-size: 18px;
+    background: #FF5A5F;
+    color: #FFFFFF;
+    height: 48px;
+    width: 20%;
+    border-style: none;
+    border-radius: 4px;
+    top: 15%;
+    right: 30px;
+}
+button:hover {
+    opacity: 0.9;
+}
+.filters div {
+    display: inline-grid;
+}
+.filters h2 {
+    margin-left: 15%;
+    margin-top: 0;
+    margin-bottom: 0;
+    font-weight: 600;
+}
+.filters h3 {
+    margin-left: 15%;
+    margin-bottom: 0;
+    font-weight: 600;
+}
+.filters h4 {
+    margin-left: 15%;
+    margin-top: 0;
+    font-weight: 400;
+    font-size: 14px;
+}
+.locations {
+    height: 100%;
+    width: 25%;
+    border-right: 1px solid #DDDDDD;
+}
+.amenities {
+    height: 100%;
+    width: 25%;
+}
+
+.popover {
+    visibility: hidden;
+    width: 100%;
+    border: 1px solid #DDDDDD;
+    border-radius: 4px;
+    background: #FAFAFA;
+    padding-bottom: 15px;
+    height: 300px;
+    overflow-y: scroll;
+    scrollbar-width: none;
+    max-height: 300px;
+}
+
+.popover::-webkit-scrollbar{
+    width: 0px;
+}
+
+.amenities .popover {
+    padding: 10px 0;
+    margin-left: -5px;
+    margin-top: 0%;
+}
+
+.amenities .popover ul{
+    margin: 0px;
+}
+
+.locations .popover {
+    margin-top: 0%;
+}
+.popover ul {
+    list-style-type: none;
+    padding-bottom: 10px;
+    padding-left: 10px;
+}
+.popover ul li{
+    padding: 4px;
+    padding-left: 10px;
+}
+
+.popover ul h2{
+    margin-top: 1.5%;
+    margin-bottom: 5%;
+    margin-left: 0px;
+}
+
+.amenities:hover .popover,
+.locations:hover .popover {
+    visibility: visible;
+}
diff --git a/web_dynamic/static/styles/8-places.css b/web_dynamic/static/styles/8-places.css
new file mode 100644
index 00000000000..9dac66c0d7f
--- /dev/null
+++ b/web_dynamic/static/styles/8-places.css
@@ -0,0 +1,101 @@
+.places {
+    column-count: 2;
+    columns: 30em;
+    justify-content: center;
+    padding: 0 20px;
+    margin-top: 1%;
+    margin-bottom: 8%;
+}
+@media only screen and (max-width: 920px)
+{
+    .places {
+	display: flex;
+	flex-wrap: wrap;
+    }
+}
+
+.placesh1 h1 {
+    width: 100%;
+    margin-right: 400px;
+    text-align: left;
+    font-size: 35px;
+}
+
+.places article {
+    -webkit-column-break-inside: avoid;
+    page-break-inside: avoid;
+    display: inline-block;
+    width: 390px;
+    height: 100%;
+    padding: 20px;
+    margin: 20px;
+    border: 1px solid #FF5A5F;
+    border-radius: 4px;
+}
+.places h2 {
+    font-size: 30px;
+    text-align: center;
+    margin-top: 0;
+}
+.title_box {
+    display: flex;
+    justify-content: space-between;
+    margin-top: -2%;
+}
+
+.title_box h2 {
+    text-align: left;
+    margin: 25px 3% 40px 2%;
+    max-width: 75%;
+    word-wrap: break-word;
+}
+.price_by_night {
+    display: flex;
+    height: 60px;
+    min-width: 60px;
+    font-size: 30px;
+    justify-content: center;
+    align-items: center;
+    color: #FF5A5F;
+    border: 4px solid #FF5A5F;
+    border-radius: 50%;
+    align-items: center;
+    padding: 2.3%;
+}
+
+.information {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 80px;
+    border-top: 1px solid #DDDDDD;
+    border-bottom: 1px solid #DDDDDD;
+    margin-bottom: 5%;
+}
+
+.information div {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    flex-direction: column;
+    height: 65px;
+}
+
+.information .max_guest {
+    background: url("../images/icon_group.png") no-repeat top center;
+    width: 100px;
+}
+
+.information .number_rooms {
+    background: url("../images/icon_bed.png") no-repeat top center;
+    width: 100px;
+}
+
+.information .number_bathrooms {
+    background: url("../images/icon_bath.png") no-repeat top center;
+    width: 100px;
+}
+
+.user {
+  margin-bottom: 1.5%;
+}
diff --git a/web_dynamic/static/styles/w3c_validator.py b/web_dynamic/static/styles/w3c_validator.py
new file mode 100755
index 00000000000..ee9593fce40
--- /dev/null
+++ b/web_dynamic/static/styles/w3c_validator.py
@@ -0,0 +1,123 @@
+#!/usr/bin/python3
+"""
+W3C validator for Holberton School
+
+For HTML and CSS files.
+
+Based on 2 APIs:
+
+- https://validator.w3.org/nu/
+- http://jigsaw.w3.org/css-validator/validator
+
+
+Usage:
+
+Simple file:
+
+```
+./w3c_validator.py index.html
+```
+
+Multiple files:
+
+```
+./w3c_validator.py index.html header.html styles/common.css
+```
+
+All errors are printed in `STDERR`
+
+Return:
+Exit status is the # of errors, 0 on Success
+
+References
+
+https://developer.mozilla.org/en-US/
+
+"""
+import sys
+import requests
+
+
+def __print_stdout(msg):
+    """Print message in STDOUT
+    """
+    sys.stdout.write(msg)
+
+
+def __print_stderr(msg):
+    """Print message in STDERR
+    """
+    sys.stderr.write(msg)
+
+
+def __analyse_html(file_path):
+    """Start analyse of HTML file
+    """
+    h = {'Content-Type': "text/html; charset=utf-8"}
+    d = open(file_path, "rb").read()
+    u = "https://validator.w3.org/nu/?out=json"
+    r = requests.post(u, headers=h, data=d)
+    res = []
+    messages = r.json().get('messages', [])
+    for m in messages:
+        res.append("[{}:{}] {}".format(file_path, m['lastLine'], m['message']))
+    return res
+
+
+def __analyse_css(file_path):
+    """Start analyse of CSS file
+    """
+    d = {'output': "json"}
+    f = {'file': (file_path, open(file_path, 'rb'), 'text/css')}
+    u = "http://jigsaw.w3.org/css-validator/validator"
+    r = requests.post(u, data=d, files=f)
+    res = []
+    errors = r.json().get('cssvalidation', {}).get('errors', [])
+    for e in errors:
+        res.append("[{}:{}] {}".format(file_path, e['line'], e['message']))
+    return res
+
+
+def __analyse(file_path):
+    """Start analyse of a file and print the result
+    """
+    nb_errors = 0
+    try:
+        result = None
+        if file_path.endswith('.css'):
+            result = __analyse_css(file_path)
+        else:
+            result = __analyse_html(file_path)
+
+        if len(result) > 0:
+            for msg in result:
+                __print_stderr("{}\n".format(msg))
+                nb_errors += 1
+        else:
+            __print_stdout("{}: OK\n".format(file_path))
+
+    except Exception as e:
+        __print_stderr("[{}] {}\n".format(e.__class__.__name__, e))
+    return nb_errors
+
+
+def __files_loop():
+    """Loop that analyses for each file from input arguments
+    """
+    nb_errors = 0
+    for file_path in sys.argv[1:]:
+        nb_errors += __analyse(file_path)
+
+    return nb_errors
+
+
+if __name__ == "__main__":
+    """Main
+    """
+    if len(sys.argv) < 2:
+        __print_stderr("usage: w3c_validator.py file1 file2 ...\n")
+        exit(1)
+
+    """execute tests, then exit. Exit status = # of errors (0 on success)
+    """
+    sys.exit(__files_loop())
diff --git a/web_dynamic/templates/0-hbnb.html b/web_dynamic/templates/0-hbnb.html
new file mode 100644
index 00000000000..c810114ca1a
--- /dev/null
+++ b/web_dynamic/templates/0-hbnb.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+		<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='../static/styles/4-common.css', _external=True) }}?cache_id={{ cache_id }}">
+		<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='../static/styles/3-header.css', _external=True) }}?cache_id={{ cache_id }}">
+		<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='../static/styles/3-footer.css', _external=True) }}?cache_id={{ cache_id }}">
+		<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='../static/styles/6-filters.css', _external=True) }}?cache_id={{ cache_id }}">
+		<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='../static/styles/8-places.css', _external=True) }}?cache_id={{ cache_id }}">
+    <link rel="icon" href="../static/images/icon.png" />
+    <title>HBnB</title>
+  </head>
+  <body>
+    <header>
+      <div class="logo"></div>
+    </header>
+    <div class="container">
+      <section class="filters">
+	<div class="locations">
+	  <h3>States</h3>
+	  <h4>&nbsp;</h4>
+	  <div class="popover">
+	    <ul>
+	      {% for state in states %}
+	      <li>
+		<h2>{{ state[0].name }}:</h2>
+		<ul>
+		  {% for city in state[1] %}
+		  <li>{{ city.name }}</li>
+		  {% endfor %}
+		</ul>
+	      </li>
+	      {% endfor %}
+	    </ul>
+	  </div>
+	</div>
+	<div class="amenities">
+	  <h3>Amenities</h3>
+	  <h4>&nbsp;</h4>
+	  <div class="popover">
+	    <ul>
+	      {% for amenity in amenities %}
+	      <li>{{ amenity.name }}</li>
+	      {% endfor %}
+	    </ul>
+	  </div>
+	</div>
+	<button type="button">Search</button>
+      </section>
+      <div class="placesh1"><h1>Places</h1></div>
+      <section class="places">
+	<!-- <h1>Places</h1> -->
+	{% for place in places %}
+	<article>
+	  <div class="title_box">
+	    <h2>{{ place.name }}</h2>
+	    <div class="price_by_night">${{ place.price_by_night }}</div>
+	  </div>
+	  <div class="information">
+	    <div class="max_guest">{{ place.max_guest }} Guest{% if place.max_guest != 1 %}s{% endif %}</div>
+            <div class="number_rooms">{{ place.number_rooms }} Bedroom{% if place.number_rooms != 1 %}s{% endif %}</div>
+            <div class="number_bathrooms">{{ place.number_bathrooms }} Bathroom{% if place.number_bathrooms != 1 %}s{% endif %}</div>
+	  </div>
+	  <div class="user">
+            <b>Owner:</b> {{ place.user.first_name }} {{ place.user.last_name }}
+          </div>
+          <div class="description">
+	    {{ place.description | safe }}
+          </div>
+	</article>
+	{% endfor %}
+      </section>
+    </div>
+    <footer>
+      <p>Holberton School</p>
+    </footer>
+  </body>
+</html>
\ No newline at end of file