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

{% block content %}
{% if this.description1 %}
<section class="section">
  <div class="container">
    <div class="row mb-3">
      <div class="col-md-12">
        {{ this.description1 }}
      </div>
    </div>
  </div>
</section>
{% endif %}
<section class="section">
  <div class="container">
    <div class="row">
      <div class="col-sm-4 col-lg-4 mb-5 mb-lg-0">
        <div class="featured-box">
          <h3>{{ this.feature1_title }}</h3>
          <p class="text-3">{{ this.feature1_text }}</p>
        </div>
      </div>
      <div class="col-sm-4 col-lg-4 mb-5 mb-lg-0">
        <div class="featured-box">
          <h3>{{ this.feature2_title }}</h3>
          <p class="text-3">{{ this.feature2_text }}</p>
        </div>
      </div>
      <div class="col-sm-4 col-lg-4 mb-5 mb-sm-0">
        <div class="featured-box">
          <h3>{{ this.feature3_title }}</h3>
          <p class="text-3">{{ this.feature3_text }}</p>
      </div>
    </div>
  </div>
</section>

{% if this.description2 %}
<section class="section">
  <div class="container">
    <div class="row mb-3">
      <div class="col-md-12">
        {{ this.description2 }}
      </div>
    </div>
  </div>
</section>
{% endif %}

{% if this.content1_text %}
<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>
{% endif %}

{% if this.description3 %}
<div class="container">
  <div class="row mb-3">
    <div class="col-md-12">
      {{ this.description3 }}
    </div>
  </div>
</div>
{% endif %}
<div class="container">
  <div class="row">
    <div class="col-md-4">
      {% if this.offer1_title and this.offer1_text and this.offer1_link %}
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">{{ this.offer1_title }}</h5>
          <p class="card-text">{{ this.offer1_text }}</p>
          <a href="{{ this.offer1_link }}" class="btn btn-primary btn-sm">Order</a>
        </div>
      </div>
      {% endif %}
    </div>
    <div class="col-md-4">
      {% if this.offer2_title and this.offer2_text and this.offer2_link %}
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">{{ this.offer2_title }}</h5>
          <p class="card-text">{{ this.offer2_text }}</p>
          <a href="{{ this.offer2_link }}" class="btn btn-primary btn-sm">Order</a>
        </div>
      </div>
      {% endif %}
    </div>
    <div class="col-md-4">
      {% if this.offer3_title and this.offer3_text and this.offer3_link %}
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">{{ this.offer3_title }}</h5>
          <p class="card-text">{{ this.offer3_text }}</p>
          <a href="{{ this.offer3_link }}" class="btn btn-primary btn-sm">Order</a>
        </div>
      </div>
      {% endif %}
    </div>
  </div>
  <hr/>
</div>  

{% if this.description4 %}
<section class="section">
  <div class="container">
    <div class="row mb-3">
      <div class="col-md-12">
        {{ this.description4 }}
      </div>
    </div>
  </div>
</section>
{% endif %}

{% if this.content2_text %}
<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>
{% endif %}

{% if this.description5 %}
<div class="container">
  <div class="row mb-3">
    <div class="col-md-12">
      {{ this.description5 }}
    </div>
  </div>
</div>
{% endif %}

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

<div class="container">
  <div class="row mb-3">
    <div class="col-md-4">
      {% if this.offer4_title and this.offer4_text and this.offer4_link %}
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">{{ this.offer4_title }}</h5>
          <p class="card-text">{{ this.offer4_text }}</p>
          <a href="{{ this.offer4_link }}" class="btn btn-primary btn-sm">Order</a>
        </div>
      </div>
      {% endif %}
    </div>
    <div class="col-md-4">
      {% if this.offer5_title and this.offer5_text and this.offer5_link %}
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">{{ this.offer5_title }}</h5>
          <p class="card-text">{{ this.offer5_text }}</p>
          <a href="{{ this.offer5_link }}" class="btn btn-primary btn-sm">Order</a>
        </div>
      </div>
      {% endif %}
    </div>
    <div class="col-md-4">
      {% if this.offer6_title and this.offer6_text and this.offer6_link %}
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">{{ this.offer6_title }}</h5>
          <p class="card-text">{{ this.offer6_text }}</p>
          <a href="{{ this.offer6_link }}" class="btn btn-primary btn-sm">Order</a>
        </div>
      </div>
      {% endif %}
    </div>
  </div>
</div>
<hr/>

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

{% if this.description6 %}
<div class="container">
  <div class="row mb-3">
    <div class="col-md-12">
      {{ this.description6 }}
    </div>
  </div>
</div>
{% endif %}


{% endblock %}