{% extends "base.html" %}
{% block title %}Home{% endblock %}
{% block home_active %}active{% endblock %}
{% block main %}
<div class="container-fluid bg-dark text-light text-center">
  <hr class="my-0">
  <div class="pt-4 pb-2">
    <h1 class="display-1">Langley</h1>
    <span class="fst-italic">The Village by The Sea</span>
    <p>Founded in 1891</p>
  </div>
</div>
<div class="container-md mt-2 text-end">
  <iframe
    src="https://www.openstreetmap.org/export/embed.html?bbox=-127.02392578125001%2C46.32796494040748%2C-117.79541015625001%2C49.688954878870305&amp;layer=mapnik&amp;marker=48.035855735787315%2C-122.40966796875"
    style="height: 50vh; width: 100%;"
  ></iframe>
    <a href="https://www.openstreetmap.org/?mlat=48.036&amp;mlon=-122.410#map=8/48.036/-122.410"><small>View Larger Map</small></a>
</div>
{% endblock %}