{% extends "layout-2020.html" %}
{% block title %}{{ this.title }}{% endblock %}
{% block subtitle %}{{ this.subtitle }}{% endblock %}

{% block content %}
<div class="container">
  <div class="row mb-5">
    <div class="col-md-4">
      <h3 class="font-weight-normal">{{ this.feature1_title }}</h3>
      <p class="font-weight-normal">{{ this.feature1_text }}</p>
    </div>
    <div class="col-md-4">
      <h3 class="font-weight-normal">{{ this.feature2_title }}</h3>
      <p class="font-weight-normal">{{ this.feature2_text }}</p>
    </div>
    <div class="col-md-4">
      <h3 class="font-weight-normal">{{ this.feature3_title }}</h3>
      <p class="font-weight-normal">{{ this.feature3_text }}</p>
    </div>
  </div>
</div>

<div class="container">
  <div class="row mb-3">
    <div class="col-md-7">
      {{ this.content1_text }}
    </div>
    <div class="col-md-5">
      {% if this.content1_image %}
      <img src="{{ this.content1_image }}" class="img-fluid">
      {% endif %}
    </div>
  </div>
</div>

<div class="container">
  <div class="row mb-3">
    <div class="col-md-4">
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">Offer 1</h5>
          <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
          <a href="#" class="btn btn-primary">Go somewhere</a>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">Offer 2</h5>
          <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
          <a href="#" class="btn btn-primary">Go somewhere</a>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">Offer 3</h5>
          <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
          <a href="#" class="btn btn-primary">Go somewhere</a>
        </div>
      </div>
    </div>
  </div>
</div>

<hr/>

<div class="container">
  <div class="row mb-3">
    <div class="col-md-7">
      {{ this.content2_text }}
    </div>
    <div class="col-md-5">
      {% if this.content2_image %}
      <img src="{{ this.content2_image }}" class="img-fluid">
      {% endif %}
    </div>
  </div>
</div>
{% endblock %}