<!-- ### Begin: Element textmedia ### -->
<div id="c37" class="frame frame-default frame-type-textmedia frame-layout-0 frame-background-none frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<div class="textmedia textmedia-left">
<div class="textmedia-item textmedia-gallery">
<div class="gallery-row">
<div class="gallery-item gallery-item-size-1">
<figure class="video">
<div class="embed-responsive embed-responsive-16by9">
<iframe src="https://www.youtube-nocookie.com/embed/yiJjpKzCVE4?autohide=1&controls=1&rel=0&enablejsapi=1" class="embed-responsive-item" allowfullscreen allow="fullscreen"></iframe>
</div>
<figcaption class="caption">
The internet is the meanest place ever. Everybody knows that. So being "still here" in online business after 18 years is by no means a matter of course. That is all the more true, if the project in question is open source, rather than a profit-oriented business. So let's celebrate, because TYPO3 is "still here" and more successful than ever before.<br />
</figcaption>
</figure>
</div>
</div>
</div>
<div class="textmedia-item textmedia-text">
<header class="frame-header">
<h2 class="element-header">
Position: Beside text, left
</h2>
</header>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et tortor tincidunt, condimentum risus non, ornare lacus. Ut suscipit pellentesque nulla a viverra. Nulla pretium tincidunt imperdiet. Donec mollis tortor vitae euismod tristique. Vivamus arcu dui, pharetra ac tortor in, posuere blandit sapien. Ut lacinia, sem a pulvinar vestibulum, enim mi ultrices ipsum, vel interdum mi odio sed nisi. Sed eleifend posuere dictum.</p>
<p>Vestibulum eu eros est. Sed nec turpis eu elit vestibulum sagittis nec nec massa. Etiam dignissim purus id magna facilisis facilisis. Nullam nisl mauris, vulputate et aliquam in, euismod at velit. Pellentesque sagittis bibendum justo, in congue lectus aliquam et.</p>
</div>
</div>
</div>
</div>
</div>
<!-- ### End: Element textmedia ### -->
<!-- ### Begin: Element textmedia ### -->
<div id="c851" class="frame frame-default frame-type-textmedia frame-layout-0 frame-background-none frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<div class="textmedia textmedia-right">
<div class="textmedia-item textmedia-gallery">
<div class="gallery-row">
<div class="gallery-item gallery-item-size-1">
<figure class="video">
<div class="embed-responsive embed-responsive-16by9">
<iframe src="https://www.youtube-nocookie.com/embed/LMx4SmK4s0U?autohide=1&controls=1&rel=0&enablejsapi=1" class="embed-responsive-item" allowfullscreen allow="fullscreen"></iframe>
</div>
<figcaption class="caption">
A short video explaining what TYPO3 is and why it is the right choice for you.
</figcaption>
</figure>
</div>
</div>
</div>
<div class="textmedia-item textmedia-text">
<header class="frame-header">
<h2 class="element-header">
Position: Beside text, right
</h2>
</header>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et tortor tincidunt, condimentum risus non, ornare lacus. Ut suscipit pellentesque nulla a viverra. Nulla pretium tincidunt imperdiet. Donec mollis tortor vitae euismod tristique. Vivamus arcu dui, pharetra ac tortor in, posuere blandit sapien. Ut lacinia, sem a pulvinar vestibulum, enim mi ultrices ipsum, vel interdum mi odio sed nisi. Sed eleifend posuere dictum.
</div>
</div>
</div>
</div>
</div>
<!-- ### End: Element textmedia ### -->
<!-- ### Begin: Element textmedia ### -->
<div id="c605" class="frame frame-default frame-type-textmedia frame-layout-0 frame-background-none frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<div class="textmedia textmedia-above">
<div class="textmedia-item textmedia-gallery">
<div class="gallery-row">
<div class="gallery-item gallery-item-size-1">
<figure class="video">
<div class="embed-responsive embed-responsive-16by9">
<iframe src="https://www.youtube-nocookie.com/embed/rWSpbET6I18?autohide=1&controls=1&rel=0&enablejsapi=1" class="embed-responsive-item" allowfullscreen allow="fullscreen"></iframe>
</div>
<figcaption class="caption">
Mathias Schreiber and Fabian Stein will show how both Product Development, Services and Marketing go together in the TYPO3 ecosystem.
</figcaption>
</figure>
</div>
</div>
</div>
<div class="textmedia-item textmedia-text">
<header class="frame-header">
<h2 class="element-header">
Position: Above
</h2>
</header>
<p>Nam aliquam, lorem nec dapibus feugiat, ipsum quam laoreet arcu, sed ullamcorper augue augue vitae magna.</p>
<p>Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.</p>
</div>
</div>
</div>
</div>
</div>
<!-- ### End: Element textmedia ### -->
<!-- ### Begin: Element textmedia ### -->
<div id="c138" class="frame frame-default frame-type-textmedia frame-layout-0 frame-background-none frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<div class="textmedia textmedia-below">
<div class="textmedia-item textmedia-gallery">
<div class="gallery-row">
<div class="gallery-item gallery-item-size-1">
<figure class="video">
<div class="embed-responsive embed-responsive-16by9">
<iframe src="https://www.youtube-nocookie.com/embed/Z2DehcCc0W4?autohide=1&controls=1&rel=0&enablejsapi=1" class="embed-responsive-item" allowfullscreen allow="fullscreen"></iframe>
</div>
<figcaption class="caption">
Mathias Schreiber<br />
Benni Mack<br />
</figcaption>
</figure>
</div>
</div>
</div>
<div class="textmedia-item textmedia-text">
<header class="frame-header">
<h2 class="element-header">
Position: Below
</h2>
</header>
<p>Nam aliquam, lorem nec dapibus feugiat, ipsum quam laoreet arcu, sed ullamcorper augue augue vitae magna.</p>
<p>Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.</p>
</div>
</div>
</div>
</div>
</div>
<!-- ### End: Element textmedia ### -->
{% for variant in variants %}
{% include '@frame-textmedia' with variant %}
{% endfor %}
{
"imagecols": 1,
"variants": [
{
"header": "Position: Beside text, left",
"bodytext": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et tortor tincidunt, condimentum risus non, ornare lacus. Ut suscipit pellentesque nulla a viverra. Nulla pretium tincidunt imperdiet. Donec mollis tortor vitae euismod tristique. Vivamus arcu dui, pharetra ac tortor in, posuere blandit sapien. Ut lacinia, sem a pulvinar vestibulum, enim mi ultrices ipsum, vel interdum mi odio sed nisi. Sed eleifend posuere dictum.</p><p>Vestibulum eu eros est. Sed nec turpis eu elit vestibulum sagittis nec nec massa. Etiam dignissim purus id magna facilisis facilisis. Nullam nisl mauris, vulputate et aliquam in, euismod at velit. Pellentesque sagittis bibendum justo, in congue lectus aliquam et.</p>\n",
"imageorient": "left",
"assets": [
{
"type": "media",
"url": "https://www.youtube-nocookie.com/embed/yiJjpKzCVE4?autohide=1&controls=1&rel=0&enablejsapi=1",
"properties": {
"description": "The internet is the meanest place ever. Everybody knows that. So being \"still here\" in online business after 18 years is by no means a matter of course. That is all the more true, if the project in question is open source, rather than a profit-oriented business. So let's celebrate, because TYPO3 is \"still here\" and more successful than ever before.\n"
}
}
]
},
{
"header": "Position: Beside text, right",
"bodytext": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et tortor tincidunt, condimentum risus non, ornare lacus. Ut suscipit pellentesque nulla a viverra. Nulla pretium tincidunt imperdiet. Donec mollis tortor vitae euismod tristique. Vivamus arcu dui, pharetra ac tortor in, posuere blandit sapien. Ut lacinia, sem a pulvinar vestibulum, enim mi ultrices ipsum, vel interdum mi odio sed nisi. Sed eleifend posuere dictum.\n",
"imageorient": "right",
"assets": [
{
"type": "media",
"url": "https://www.youtube-nocookie.com/embed/LMx4SmK4s0U?autohide=1&controls=1&rel=0&enablejsapi=1",
"properties": {
"description": "A short video explaining what TYPO3 is and why it is the right choice for you."
}
}
]
},
{
"header": "Position: Above",
"bodytext": "<p>Nam aliquam, lorem nec dapibus feugiat, ipsum quam laoreet arcu, sed ullamcorper augue augue vitae magna.</p><p>Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.</p>\n",
"imageorient": "above",
"assets": [
{
"type": "media",
"url": "https://www.youtube-nocookie.com/embed/rWSpbET6I18?autohide=1&controls=1&rel=0&enablejsapi=1",
"properties": {
"description": "Mathias Schreiber and Fabian Stein will show how both Product Development, Services and Marketing go together in the TYPO3 ecosystem."
}
}
]
},
{
"header": "Position: Below",
"bodytext": "<p>Nam aliquam, lorem nec dapibus feugiat, ipsum quam laoreet arcu, sed ullamcorper augue augue vitae magna.</p><p>Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.</p>\n",
"imageorient": "below",
"assets": [
{
"type": "media",
"url": "https://www.youtube-nocookie.com/embed/Z2DehcCc0W4?autohide=1&controls=1&rel=0&enablejsapi=1",
"properties": {
"description": "Mathias Schreiber\nBenni Mack\n"
}
}
]
}
]
}
No notes defined.