Objects

<div class="listing-grid">
  {% for item in listings %}
    <a class="card" href="{{ item.url }}">
      {% if item.first_photo %}
        <img src="{{ item.first_photo | image_url: width: 800 }}"
             alt="{{ item.address }}, {{ item.city }}" loading="lazy">
      {% endif %}
      <span class="price">{{ item.price | money }}</span>
      <span class="address">{{ item.address }}</span>
      {% if item.sold %}<span class="badge">Sold</span>{% endif %}
      <span class="meta">{{ item.beds }} bed · {{ item.baths }} bath
        {%- if item.sqft %} · {{ item.sqft }} sq ft{% endif %}</span>
    </a>
  {% endfor %}
</div>

{% assign recent = site.posts | slice: 0, 3 %}
{% for post in recent %}
  <a href="{{ post.url | safe_url | escape }}">
    <h3>{{ post.title | escape }}</h3>
    <p>{{ post.meta_description | escape }}</p>
    <time>{{ post.published_on | escape }}</time>
  </a>
{% endfor %}

{% form 'valuation' %}
  <select name="area" aria-label="Your neighbourhood">
    {% for area in site.areas %}
      <option value="{{ area | escape }}">{{ area | escape }}</option>
    {% endfor %}
  </select>
  <label>Street address<input type="text" name="address" autocomplete="street-address" required></label>
  <label>Email<input type="email" name="email" autocomplete="email" required></label>
  <button type="submit">What's it worth?</button>
{% endform %}

{% for area in site.area_links %}
  <a href="{{ area.url | safe_url | escape }}">{{ area.name | escape }}</a>
{% endfor %}

{% for item in site.nav %}
  <a href="{{ item.url }}"
     {% if item.url == current_path %}class="active"{% endif %}
     {% if item.new_tab %}target="_blank" rel="noopener"{% endif %}>
    {{ item.label }}
  </a>
{% endfor %}