{% extends "industrial/base_industrial.html" %}

{% block title %}App-centric Industry 4.0{% endblock %}

{% block meta_description %}
  The Ubuntu platform enables industry 4.0 digital transformation. Build industrial IoT appliances for the factory of the future with Ubuntu. Bring cloud native technologies to the factory. Download our tools and start innovating today
{% endblock meta_description %}

{% block meta_copydoc %}
  https://docs.google.com/document/d/1QiU75g49lRKebt82oyLSxR3-PU96Sk87nqauAZ4vvIY/edit
{% endblock meta_copydoc %}

{% block content %}

  <section class="p-strip--suru-topped">
    <div class="row u-equal-height">
      <div class="col-8">
        <h1>App-centric industry 4.0</h1>
        <p>Workload consolidation and micro clouds for the factory of the future</p>
        <p>
          <small>Rated 'Excellent' for industrial edge cloud platforms in the <a href="/engage/pac-radar">PAC Radar analyst report</a></small>
        </p>
        <p>
          <a class="js-invoke-modal p-button--positive"
             href="/internet-of-things/contact-us?product=industry">Get in touch</a>
        </p>
      </div>
      <div class="col-4 u-vertically-center u-hide--medium u-hide--small u-align--center">
        {{ image(url="https://assets.ubuntu.com/v1/3d44acdd-Robotics_icon.svg",
                alt="",
                height="250",
                width="248",
                loading="auto",
                hi_def=True,) | safe
        }}
      </div>
    </div>
  </section>

  <section class="p-strip--suru">
    <div class="row">
      <blockquote class="p-pull-quote">
        <p class="p-pull-quote__quote">
          Building our new ctrlX AUTOMATION with Ubuntu Core has enabled us to create a software-driven industrial manufacturing solution.
        </p>
        <cite class="p-pull-quote__citation">Hans-Michael Krause, Director Product Management PLC and IoT, Bosch Rexroth.</cite>
      </blockquote>
    </div>
  </section>

  <section class="p-strip is-bordered">
    <div class="row">
      <div class="col-6">
        <h2>Empowering industry 4.0 champions</h2>
      </div>
    </div>
    <div class="row">
      <div class="col-12">
        <div class="p-logo-section">
          <div class="p-logo-section__items">
            <div class="p-logo-section__item">
              {{ image(url="https://assets.ubuntu.com/v1/5e075792-rexroth-logo.png",
                            alt="Bosch Rexroth",
                            width="288",
                            height="288",
                            hi_def=True,
                            loading="lazy",
                            attrs={"class": "p-logo-section__logo"}) | safe
              }}
            </div>
            <div class="p-logo-section__item">
              {{ image(url="https://assets.ubuntu.com/v1/2b253402-advantech-logo.png",
                            alt="Advantech",
                            width="288",
                            height="288",
                            hi_def=True,
                            loading="lazy",
                            attrs={"class": "p-logo-section__logo"}) | safe
              }}
            </div>
            <div class="p-logo-section__item">
              {{ image(url="https://assets.ubuntu.com/v1/e796fb76-abb-logo.png",
                            alt="ABB",
                            width="288",
                            height="288",
                            hi_def=True,
                            loading="lazy",
                            attrs={"class": "p-logo-section__logo"}) | safe
              }}
            </div>
            <div class="p-logo-section__item">
              {{ image(url="https://assets.ubuntu.com/v1/43635925-dell-technologies-logo.png",
                            alt="Dell",
                            width="172",
                            height="312",
                            hi_def=True,
                            loading="lazy",
                            attrs={"class": "p-logo-section__logo"}) | safe
              }}
            </div>
            <div class="p-logo-section__item">
              {{ image(url="https://assets.ubuntu.com/v1/6d820b6d-avnet-logo.png",
                            alt="Avnet",
                            width="288",
                            height="288",
                            hi_def=True,
                            loading="lazy",
                            attrs={"class": "p-logo-section__logo"}) | safe
              }}
            </div>
            <div class="p-logo-section__item">
              {{ image(url="https://assets.ubuntu.com/v1/62a56ca2-eurotech-logo.png",
                            alt="Eurotech",
                            width="288",
                            height="288",
                            hi_def=True,
                            loading="lazy",
                            attrs={"class": "p-logo-section__logo"}) | safe
              }}
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="u-fixed-width">
      <hr class="p-rule" />
    </div>
    <div class="row">
      <div class="col-4">
        <div class="p-heading-icon--muted">
          <div class="p-heading-icon__header">
            {{ image(url="https://assets.ubuntu.com/v1/5edefef9-Datasheet.svg",
                        alt="",
                        height="28",
                        width="32",
                        hi_def=True,
                        loading="lazy",
                        attrs={"class": "p-heading-icon__img p-heading-icon__img--small"}) | safe
            }}
            <h4 class="p-heading-icon__title">Press release</h4>
          </div>
        </div>
        <p>Bosch Rexroth&rsquo;s CtrlX automation platform, built on Ubuntu Core, reduces engineering costs by 30% to 50%.</p>
        <p>
          <a href="/blog/bosch-rexroth-adopts-ubuntu-core-and-snaps-for-app-based-ctrlx-automation-platform"
             onclick="dataLayer.push({"
             event
             "
             :
             "
             GAEvent
             "
             "
             eventCategory
             "
             :
             "
             product
             page
             "
             "
             eventAction
             "
             :
             "
             core
             -
             left
             "
             "
             eventLabel
             "
             :
             "
             Case
             study
             -
             IMS
             Evolve
             "
             "
             eventValue
             "
             :
             "
             1
             "
             ">Bosch Rexroth adopts Ubuntu&nbsp;&rsaquo;</a>
        </p>
      </div>
      <div class="col-4">
        <div class="p-heading-icon--muted">
          <div class="p-heading-icon__header">
            {{ image(url="https://assets.ubuntu.com/v1/f6d6f78b-Case+study.svg",
                        alt="",
                        height="28",
                        width="32",
                        hi_def=True,
                        loading="lazy",
                        attrs={"class": "p-heading-icon__img p-heading-icon__img--small"}) | safe
            }}
            <h4 class="p-heading-icon__title">Case study</h4>
          </div>
        </div>
        <p>
          Ubuntu Core makes the Dell Edge Gateways ultra reliable in challenging industrial settings with transactional software updates.
        </p>
        <p>
          <a href="/blog/the-dell-edge-gateway-3000-launches-with-ubuntu-core-16"
             onclick="dataLayer.push({"
             event
             "
             :
             "
             GAEvent
             "
             "
             eventCategory
             "
             :
             "
             product
             page
             "
             "
             eventAction
             "
             :
             "
             core
             -
             left
             "
             "
             eventLabel
             "
             :
             "
             Case
             study
             -
             IMS
             Evolve
             "
             "
             eventValue
             "
             :
             "
             1
             "
             ">Dell gateway launches with Ubuntu&nbsp;&rsaquo;</a>
        </p>
      </div>
      <div class="col-4">
        <div class="p-heading-icon--muted">
          <div class="p-heading-icon__header">
            {{ image(url="https://assets.ubuntu.com/v1/f6d6f78b-Case+study.svg",
                        alt="",
                        height="28",
                        width="32",
                        hi_def=True,
                        loading="lazy",
                        attrs={"class": "p-heading-icon__img p-heading-icon__img--small"}) | safe
            }}
            <h4 class="p-heading-icon__title">Case study</h4>
          </div>
        </div>
        <p>
          Ubuntu Core hardens Rigado&rsquo;s IoT gateways with cryptography-enhanced capabilities like secure boot and full disk encryption.
        </p>
        <p>
          <a href="/engage/case-study-rigado" 
             onclick="dataLayer.push({'event': 'GAEvent', 'eventCategory': 'product page', 'eventAction' : 'core - left', 'eventLabel' : 'Case study - IMS Evolve', 'eventValue' : '1' })">
             Rigado IoT gateway deploys with Ubuntu&nbsp;&rsaquo;
          </a>
        </p>
      </div>
    </div>
  </section>

  <section class="p-strip">
    <div class="row u-equal-height">
      <div class="col-6">
        <h2>Connected OT</h2>
        <p class="p-heading--4">Harness data to supercharge shop floor productivity</p>
        <ul>
          <li>Build smart industrial gateways with open source</li>
          <li>
            <a href="/real-time">Real-time</a> Linux support
          </li>
          <li>Connect your factory to the public clouds</li>
          <li>Deploy industrial apps on your machines</li>
          <li>Implement bespoke device fleet management</li>
          <li>App stores including OPC-UA, Modbus, MQTT clients and more</li>
        </ul>
        <div class="p-logo-section">
          <div class="p-logo-section__items">
            <div class="p-logo-section__item">
              <a href="https://snapcraft.io/edgexfoundry">
                {{ image(url="https://assets.ubuntu.com/v1/6e2939b5-edgexfoundry-logo.png",
                                alt="EdgeX",
                                width="288",
                                height="288",
                                hi_def=True,
                                loading="lazy",
                                attrs={"class": "p-logo-section__logo"}) | safe
                }}
              </a>
            </div>
            <div class="p-logo-section__item">
              <a href="https://snapcraft.io/kura">
                {{ image(url="https://assets.ubuntu.com/v1/6ab87e57-kura-logo.png",
                                alt="Kura",
                                width="288",
                                height="288",
                                hi_def=True,
                                loading="lazy",
                                attrs={"class": "p-logo-section__logo"}) | safe
                }}
              </a>
            </div>
            <div class="p-logo-section__item">
              <a href="https://snapcraft.io/aws-iot-greengrass">
                {{ image(url="https://assets.ubuntu.com/v1/74b38db5-greengrass-logo.png",
                                alt="Greengrass",
                                width="288",
                                height="288",
                                hi_def=True,
                                loading="lazy",
                                attrs={"class": "p-logo-section__logo"}) | safe
                }}
              </a>
            </div>
            <div class="p-logo-section__item">
              <a href="https://snapcraft.io/azure-iot-edge">
                {{ image(url="https://assets.ubuntu.com/v1/524c0f93-azure-iot-hub-logo.png",
                                alt="Azure IOT Hub",
                                width="288",
                                height="288",
                                hi_def=True,
                                loading="lazy",
                                attrs={"class": "p-logo-section__logo"}) | safe
                }}
              </a>
            </div>
          </div>
        </div>
        <p>
          <a href="/internet-of-things/gateways">Learn more&nbsp;&rsaquo;</a>
        </p>
      </div>
      <div class="col-6 u-vertically-center u-hide--medium u-hide--small u-align--center">
        {{ image(url="https://assets.ubuntu.com/v1/d71f9cad-fit-edge-iot.svg",
                alt="",
                height="250",
                width="315",
                loading="lazy",
                hi_def=True,) | safe
        }}
      </div>
    </div>
    <div class="u-fixed-width">
      <hr class="p-rule" />
    </div>

    <div class="row u-equal-height">
      <div class="col-6 u-vertically-center u-hide--medium u-hide--small u-align--center">
        {{ image(url="https://assets.ubuntu.com/v1/e2bf84de-edge-cluster.svg",
                alt="",
                height="250",
                width="260",
                loading="lazy",
                hi_def=True,) | safe
        }}
      </div>

      <div class="col-6">
        <h2>Industrial micro clouds</h2>
        <p class="p-heading--4">Cloud-native edge clusters for on premise intelligence</p>
        <ul>
          <li>Bring 5G networks and edge clouds to production</li>
          <li>Deploy AI/ML solutions in industrial settings</li>
          <li>Get latest versions and security fixes with over-the-air updates</li>
          <li>Offload IT infrastructure management to our experts</li>
          <li>Contract long term support services for mission critical software</li>
        </ul>
        <div class="p-logo-section">
          <div class="p-logo-section__items">
            <div class="p-logo-section__item">
              <a href="https://microstack.run/">
                {{ image(url="https://assets.ubuntu.com/v1/6d16204d-openstack-logomark-logo (1).png",
                                alt="",
                                width="288",
                                height="288",
                                hi_def=True,
                                loading="lazy",
                                attrs={"class": "p-logo-section__logo"}) | safe
                }}
              </a>
            </div>
            <div class="p-logo-section__item">
              <a href="https://microk8s.io/">
                {{ image(url="https://assets.ubuntu.com/v1/63988af0-microk8s.svg",
                                alt="",
                                width="288",
                                height="288",
                                hi_def=True,
                                loading="lazy",
                                attrs={"class": "p-logo-section__logo"}) | safe
                }}
              </a>
            </div>
            <div class="p-logo-section__item">
              <a href="/lxd">
                {{ image(url="https://assets.ubuntu.com/v1/e375d3dc-lxd-logo-stacked.png",
                                alt="",
                                width="288",
                                height="288",
                                hi_def=True,
                                loading="lazy",
                                attrs={"class": "p-logo-section__logo"}) | safe
                }}
              </a>
            </div>
          </div>
        </div>
        <p>
          <a href="/openstack">Learn more&nbsp;&rsaquo;</a>
        </p>
      </div>
    </div>

    <div class="u-fixed-width">
      <hr class="p-rule" />
    </div>

    <div class="row u-equal-height">
      <div class="col-6">
        <h2>Shop floor cobots</h2>
        <p class="p-heading--4">Speed, precision and quality</p>
        <ul>
          <li>Assure robots security over the long term</li>
          <li>Benefit from a managed cloud infrastructure for robots-as-a-service</li>
          <li>Boost developer productivity on ROS</li>
          <li>Leverage cutting-edge accelerated computer vision libraries</li>
          <li>Run deep learning inference engines, natively or in containers</li>
        </ul>
        <div class="p-logo-section">
          <div class="p-logo-section__items">
            <div class="p-logo-section__item">
              {{ image(url="https://assets.ubuntu.com/v1/c1b1d4a9-ros-logo.png",
                            alt="ROS",
                            width="288",
                            height="288",
                            hi_def=True,
                            loading="lazy",
                            attrs={"class": "p-logo-section__logo"}) | safe
              }}
            </div>
            <div class="p-logo-section__item">
              {{ image(url="https://assets.ubuntu.com/v1/a1581fb4-open-robotics-logo.png",
                            alt="Open Robotics",
                            width="288",
                            height="288",
                            hi_def=True,
                            loading="lazy",
                            attrs={"class": "p-logo-section__logo"}) | safe
              }}
            </div>
          </div>
        </div>
        <p>
          <a href="/robotics">Learn more&nbsp;&rsaquo;</a>
        </p>
      </div>
      <div class="col-6 u-vertically-center u-hide--medium u-hide--small u-align--center">
        {{ image(url="https://assets.ubuntu.com/v1/3d44acdd-Robotics_icon.svg",
                alt="",
                height="250",
                width="248",
                hi_def=True,
                loading="lazy") | safe
        }}
      </div>
    </div>
    <div class="u-fixed-width">
      <hr class="p-rule" />
    </div>

    <div class="row u-equal-height">
      <div class="col-6 u-vertically-center u-hide--medium u-hide--small u-align--center">
        {{ image(url="https://assets.ubuntu.com/v1/32e0b197-digital-kiosk.svg",
                alt="",
                height="250",
                width="178",
                hi_def=True,
                loading="lazy",) | safe
        }}
      </div>
      <div class="col-6">
        <h2>Exciting HMIs and POS</h2>
        <p class="p-heading--4">Fast, fluid and designer-friendly</p>
        <ul>
          <li>Implement robust digital signage and kiosk solutions</li>
          <li>Upgrade your terminals securely, with reliable OTA updates</li>
          <li>Benefit from a rich hardware and software ecosystem</li>
          <li>Millions of smart displays already deployed on Ubuntu</li>
          <li>Create rich graphical interfaces with Qt and Flutter</li>
        </ul>
        <div class="p-logo-section">
          <div class="p-logo-section__items">
            <div class="p-logo-section__item">
              <a href="https://snapcraft.io/flutter">
                {{ image(url="https://assets.ubuntu.com/v1/e1899663-flutter-logo.png",
                                alt="Flutter",
                                width="288",
                                height="288",
                                hi_def=True,
                                loading="lazy",
                                attrs={"class": "p-logo-section__logo"}) | safe
                }}
              </a>
            </div>
            <div class="p-logo-section__item">
              {{ image(url="https://assets.ubuntu.com/v1/3e883ac9-qt-software-logo.png",
                            alt="QT Software",
                            width="288",
                            height="288",
                            hi_def=True,
                            loading="lazy",
                            attrs={"class": "p-logo-section__logo"}) | safe
              }}
            </div>
            <div class="p-logo-section__item">
              {{ image(url="https://assets.ubuntu.com/v1/9a661d86-html5-logo.png",
                            alt="HTML5",
                            width="288",
                            height="288",
                            hi_def=True,
                            loading="lazy",
                            attrs={"class": "p-logo-section__logo"}) | safe
              }}
            </div>
          </div>
        </div>
        <p>
          <a href="/internet-of-things/smart-displays">Learn more&nbsp;&rsaquo;</a>
        </p>
      </div>
    </div>

    <div class="u-fixed-width">
      <hr class="p-rule" />
    </div>

    <div class="row u-equal-height">
      <div class="col-8">
        <h2>Do you have other use cases in mind?</h2>
        <a class="js-invoke-modal p-button--positive"
           href="/internet-of-things/contact-us?product=industry">Tell us more</a>
      </div>
      <div class="col-4 u-vertically-center u-hide--medium u-hide--small u-align--center">
        {{ image(url="https://assets.ubuntu.com/v1/0e5f4269-contact-us-question.svg",
                alt="",
                height="88",
                width="88",
                hi_def=True,
                loading="lazy") | safe
        }}
      </div>
    </div>

  </section>

  <div class="p-strip--light u-no-padding--bottom">
    <div class="u-fixed-width">
      <h2 class="u-sv3">Where the journey starts</h2>
    </div>
    <div class="row">
      <div class="col-6 u-sv4">
        <div class="u-sv3 u-hide--small u-hide--medium">
          {{ image(url="https://assets.ubuntu.com/v1/c391f52d-ubuntu-pro-linear.svg",
                    alt="",
                    height="150",
                    width="294",
                    hi_def=True,
                    loading="lazy") | safe
          }}
        </div>

        <h2 class="p-heading--4">IoT Professional Services</h2>
        <p>
          Bring your IoT devices to market in no time with our IoT Professional Services. Focus on your apps, we handle the rest.
        </p>
        <p>
          <a href="/core/services">Learn more&nbsp;&rsaquo;</a>
        </p>
      </div>

      <div class="col-6 u-sv4">
        <div class="u-sv3 u-hide--small u-hide--medium">
          {{ image(url="https://assets.ubuntu.com/v1/a46ea917-3+-+Leverage+snaps+to+build+a+lean+custom+production+image.svg",
                    alt="",
                    height="150",
                    width="232",
                    hi_def=True,
                    loading="lazy") | safe
          }}
        </div>
        <h2 class="p-heading--4">IoT app stores</h2>
        <p>
          Get a private app store for your industrial devices. We handle cloud hosting and manage infrastructure on your behalf.
        </p>
        <p>
          <a href="/internet-of-things/appstore">Learn more&nbsp;&rsaquo;</a>
        </p>
      </div>
      <div class="col-6 u-sv4">
        <div class="u-sv3 u-hide--small u-hide--medium">
          {{ image(url="https://assets.ubuntu.com/v1/df555852-ubuntu-servers.svg",
                    alt="",
                    height="150",
                    width="218",
                    hi_def=True,
                    loading="lazy") | safe
          }}
        </div>

        <h2 class="p-heading--4">Ubuntu Server</h2>
        <p>
          Loved by developers and endorsed by sysadmins, Ubuntu Server is the starting point for technology innovation. Use the biggest open source software repository to build software-defined industrial assets.
        </p>
        <p>
          <a href="/server">Learn more&nbsp;&rsaquo;</a>
        </p>
      </div>
      <div class="col-6 u-sv4">
        <div class="u-sv3 u-hide--small u-hide--medium">
          {{ image(url="https://assets.ubuntu.com/v1/a238ab28-embedded-linux-aw.svg",
                    alt="",
                    height="150",
                    width="263",
                    hi_def=True,
                    loading="lazy") | safe
          }}
        </div>
        <h2 class="p-heading--4">Ubuntu Core</h2>
        <p>
          Ubuntu Core is an ultra-secure embedded Ubuntu, optimised for mission critical IoT appliances. Benefit from OTA software updates and security maintenance for 10 years.
        </p>
        <a href="/core">Learn more&nbsp;&rsaquo;</a>
      </div>
    </div>
  </div>

  <section class="p-strip--suru">
    <div class="row u-equal-height">
      <div class="col-8">
        <h2>ODM-certified</h2>
        <blockquote class="p-pull-quote">
          <p class="p-pull-quote__quote">
            Canonical&rsquo;s commitment to ten years of support empowers us to commercialise business critical devices with the assurances our customers expect.
          </p>
          <cite class="p-pull-quote__citation">Advantech</cite>
        </blockquote>
      </div>
      <div class="col-4 u-vertically-center u-hide--medium u-hide--small u-align--center p-card">
        {{ image(url="https://assets.ubuntu.com/v1/1f876369-advantech.svg",
                alt="Advantech",
                height="33",
                width="163",
                hi_def=True,
                loading="lazy") | safe
        }}
        {{ image(url="https://assets.ubuntu.com/v1/185a14f4-Avnet.png",
                alt="Avnet",
                height="31",
                width="163",
                hi_def=True,
                loading="lazy") | safe
        }}
      </div>
    </div>
    <div class="u-fixed-width">
      <hr class="p-rule" style="background-color: #fff3" />
    </div>

    <div class="row u-equal-height">
      <div class="col-8">
        <h2>Silicon-endorsed</h2>
        <blockquote class="p-pull-quote">
          <p class="p-pull-quote__quote">
            Intel and Canonical partner to accelerate  OEM readiness to meet growing demands for optimised sector-specific embedded solutions on Ubuntu Core, with long-term support and maintenance guaranteed.
          </p>
          <cite class="p-pull-quote__citation">John Healey
            <br />
          VP in the Internet of Things Group and GM of Platform Management and Customer Engineering.</cite>
        </blockquote>
      </div>
      <div class="col-4 u-vertically-center u-hide--medium u-hide--small u-align--center p-card">
        {{ image(url="https://assets.ubuntu.com/v1/e0ef0377-intel-logo-2-1.png",
                alt="ARM",
                height="33",
                width="85",
                hi_def=True,
                loading="lazy") | safe
        }}
        {{ image(url="https://assets.ubuntu.com/v1/f6a59799-partner-logo-arm.svg",
                alt="ARM",
                height="34",
                width="112",
                hi_def=True,
                loading="lazy") | safe
        }}
      </div>
    </div>
  </section>

  <section class="p-strip">
    <div class="u-fixed-width u-sv3">
      <h2>Ready for the next steps?</h2>
    </div>
    <div class="row p-divider">
      <div class="col-4 p-divider__block">
        {{ image(url="https://assets.ubuntu.com/v1/f22f6ded-get-in-touch_chat.svg",
                alt="",
                height="50",
                width="50",
                hi_def=True,
                loading="lazy") | safe
        }}
        <p class="p-heading--4">
          <a href="">Get an immediate answer to your questions&nbsp;&rsaquo;</a>
        </p>
      </div>
      <div class="col-4 p-divider__block">
        {{ image(url="https://assets.ubuntu.com/v1/e9d3cf66-We+support+your+operations.svg",
                alt="",
                height="50",
                width="50",
                hi_def=True,
                loading="lazy") | safe
        }}
        <p class="p-heading--4">
          <a href="">Tell us what you have in mind&nbsp;&rsaquo;</a>
        </p>
      </div>
      <div class="col-4 p-divider__block">
        {{ image(url="https://assets.ubuntu.com/v1/24a03775-Contact+us.svg",
                alt="",
                height="50",
                width="70",
                hi_def=True,
                loading="lazy") | safe
        }}
        <p class="p-heading--4">
          <a href="">Schedule a call with our industry 4.0 experts&nbsp;&rsaquo;</a>
        </p>
      </div>
    </div>
    <hr class="p-rule is-fixed-width u-hide--small u-hide--medium" />
    <div class="row">
      <div class="col-12">
        <h2>Tell us your story</h2>
      </div>
    </div>
    <div class="row">
      <div class="col-6">
        <p>The Ubuntu platform enables industry 4.0 digital transformation. We would love to be part of your success.</p>
        <p>
          <a class="js-invoke-modal p-button--positive"
             href="/internet-of-things/contact-us?product=industry">Get in touch</a>
        </p>
      </div>
    </div>
  </section>

  <!-- Set default Marketo information for contact form below-->
  <div class="u-hide"
       id="contact-form-container"
       data-form-location="/shared/forms/interactive/embedded"
       data-form-id="1266"
       data-lp-id="2551"
       data-return-url="https://ubuntu.com/internet-of-things/thank-you?product=iot"
       data-lp-url="https://pages.ubuntu.com/things-contact-us.html"></div>

{% endblock content %}