{% extends "base.html" %}
{% load staticfiles %}
{%block page-content%}

<!-- Top menu -->
<nav class="navbar navbar-dark fixed-top navbar-expand-md navbar-no-bg">
  <div class="container">
    <a class="navbar-brand" href="index.html">Anna & Dan</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
  </div>
</nav>

<div class="our-story-container section-container section-container-gray-bg" id="our-story">
  <div class="container">
    <div class="row">
      <div class="col-12 col-lg-7 our-story-box wow fadeInLeft">
        <div class="our-story-box-text">
          <h3>Thank you for RSVP-ing!</h3>
            {% if attending %}
          <p class="medium-paragraph">Thank you for RSVP-ing! We can't wait to see you at our wedding <i class="fas fa-heart"></i></p>
        <p>The ceremony will take place on October 20, 2019. It begin at 2pm at St. Ann's Church in Peabody (<a href="https://goo.gl/maps/Rb2oaYKVbEb5qvtQA">140 Lynn St, Peabody, MA</a>) with the reception following at 4pm at the Hellenic Community Center in Ipswich: <a href="https://goo.gl/maps/6vtU3wm1ynPK5ajv8">117 County Rd, Ipswich, MA</a>.</p>
        <p>Add the events to your calendar with <a href="{% static 'files/Anna__Dans_Wedding_Schedule.ics' %}">this ICS file</a>, which can be imported into any kind of calendar.</p>
            {% else %}
               <p>Sorry we'll miss you, but we hope to catch up with you soon!</p>
            {% endif %}
        </div>
      </div>
      <div class="col-12 col-lg-5 our-story-box wow fadeInUp">
        <div class="our-story-box-img">
          <img src="{% static 'img/about.jpg' %}" alt="Anna and Dan sitting and looking into each other's eyes" data-at2x="{% static 'img/about.jpg' %}">
        </div>
      </div>
    </div>
  </div>
</div>
{%endblock%}