<section>
    <aside>
      <div class="container-fluid card" id="blogpostcontainer">
        {%include collapsing-sidebar.html %}
      </div>
    </aside>
      <div class="container">
      <h1 id="blogtitle">{{ page.title }}</h1>
      <hr>
      <p>Posted on {{ page.date | date: "%B %d, %Y" }}</p>
      {% if page.image %}
      <img class="img-reponsive" src="{{ page.image }}" alt="{{ page.image }}"><hr>
      {% endif %}
      <hr>
      {% if page.lead %}
      <p class="lead">{{ page.lead }}</p>
      {% endif %}
      {{ page.content }}
      <hr>
      {% if site.comments %}
      {% include comments.html %}
      {% endif %}
      {% if page.previous %}
      <span class="previous-link">
        <a rel="prev" href="{{ page.previous.url }}">Previous</a>
      </span>
      {% endif %}
      {% if page.next %}
      <span class="next-link pull-right">
        <a rel="next" href="{{ page.next.url }}">Next</a>
      </span>
      {% endif %}
      <hr>
    </div>
  </div>
</section>