<!-- ### Begin: Element uploads ### -->
<div id="c695" class="frame frame-default frame-type-uploads 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">
<header class="frame-header">
<h2 class="element-header">
Download no icon, no filesize
</h2>
</header>
<ul class="media-list">
<li class="media">
<div class="media-body">
<h4 class="media-heading">
<a href="https://www.bootstrap-package.com/fileadmin/introduction/images/streets/felix-russell-saw-182331.jpg" title="Cheers For The Years, by Felix Russell-Saw" target="_blank">
<span class="uploads-filename">Cheers For The Years, by Felix Russell-Saw</span>
</a>
</h4>
</div>
</li>
<li class="media">
<div class="media-body">
<h4 class="media-heading">
<a href="https://www.bootstrap-package.com/fileadmin/introduction/images/streets/geran-de-klerk-136351.jpg" title="Photo by Geran de Klerk" target="_blank">
<span class="uploads-filename">Photo by Geran de Klerk</span>
</a>
</h4>
</div>
</li>
<li class="media">
<div class="media-body">
<h4 class="media-heading">
<a href="https://www.bootstrap-package.com/fileadmin/introduction/images/streets/kimon-maritz-193428.jpg" title="Bird eye’s view!, by Kimon Maritz" target="_blank">
<span class="uploads-filename">Bird eye’s view!, by Kimon Maritz</span>
</a>
</h4>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- ### End: Element uploads ### -->
<!-- ### Begin: Element uploads ### -->
<div id="c164" class="frame frame-default frame-type-uploads 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">
<header class="frame-header">
<h2 class="element-header">
Download with icon, no filesize
</h2>
</header>
<ul class="media-list">
<li class="media">
<div class="media-body">
<h4 class="media-heading">
<a href="https://www.bootstrap-package.com/fileadmin/introduction/images/streets/felix-russell-saw-182331.jpg" title="Cheers For The Years, by Felix Russell-Saw" target="_blank">
<span class="uploads-fileicon">
<span class="bootstrappackageicon bootstrappackageicon-file-image"></span>
</span>
<span class="uploads-filename">Cheers For The Years, by Felix Russell-Saw</span>
</a>
</h4>
<p class="uploads-filedescription">https://unsplash.com/photos/XyoW1MhPqbs</p>
</div>
</li>
<li class="media">
<div class="media-body">
<h4 class="media-heading">
<a href="https://www.bootstrap-package.com/fileadmin/introduction/images/streets/geran-de-klerk-136351.jpg" title="Photo by Geran de Klerk" target="_blank">
<span class="uploads-fileicon">
<span class="bootstrappackageicon bootstrappackageicon-file-image"></span>
</span>
<span class="uploads-filename">Photo by Geran de Klerk</span>
</a>
</h4>
<p class="uploads-filedescription">https://unsplash.com/photos/WJkc3xZjSXw</p>
</div>
</li>
<li class="media">
<div class="media-body">
<h4 class="media-heading">
<a href="https://www.bootstrap-package.com/fileadmin/introduction/images/streets/kimon-maritz-193428.jpg" title="Bird eye’s view!, by Kimon Maritz" target="_blank">
<span class="uploads-fileicon">
<span class="bootstrappackageicon bootstrappackageicon-file-image"></span>
</span>
<span class="uploads-filename">Bird eye’s view!, by Kimon Maritz</span>
</a>
</h4>
<p class="uploads-filedescription">https://unsplash.com/photos/1-ISIwuBMiw</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- ### End: Element uploads ### -->
<!-- ### Begin: Element uploads ### -->
<div id="c852" class="frame frame-default frame-type-uploads 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">
<header class="frame-header">
<h2 class="element-header">
Download with icon and filesize
</h2>
</header>
<ul class="media-list">
<li class="media">
<div class="media-body">
<h4 class="media-heading">
<a href="https://www.bootstrap-package.com/fileadmin/introduction/images/streets/felix-russell-saw-182331.jpg" title="Cheers For The Years, by Felix Russell-Saw" target="_blank">
<span class="uploads-fileicon">
<span class="bootstrappackageicon bootstrappackageicon-file-image"></span>
</span>
<span class="uploads-filename">Cheers For The Years, by Felix Russell-Saw</span>
</a>
</h4>
<p class="uploads-filedescription">https://unsplash.com/photos/XyoW1MhPqbs</p>
</div>
</li>
<li class="media">
<div class="media-body">
<h4 class="media-heading">
<a href="https://www.bootstrap-package.com/fileadmin/introduction/images/streets/geran-de-klerk-136351.jpg" title="Photo by Geran de Klerk" target="_blank">
<span class="uploads-fileicon">
<span class="bootstrappackageicon bootstrappackageicon-file-image"></span>
</span>
<span class="uploads-filename">Photo by Geran de Klerk</span>
</a>
</h4>
<p class="uploads-filedescription">https://unsplash.com/photos/WJkc3xZjSXw</p>
</div>
</li>
<li class="media">
<div class="media-body">
<h4 class="media-heading">
<a href="https://www.bootstrap-package.com/fileadmin/introduction/images/streets/kimon-maritz-193428.jpg" title="Bird eye’s view!, by Kimon Maritz" target="_blank">
<span class="uploads-fileicon">
<span class="bootstrappackageicon bootstrappackageicon-file-image"></span>
</span>
<span class="uploads-filename">Bird eye’s view!, by Kimon Maritz</span>
</a>
</h4>
<p class="uploads-filedescription">https://unsplash.com/photos/1-ISIwuBMiw</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- ### End: Element uploads ### -->
<!-- ### Begin: Element uploads ### -->
<div id="c539" class="frame frame-default frame-type-uploads 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">
<header class="frame-header">
<h2 class="element-header">
Download with icon, filesize and description
</h2>
</header>
<ul class="media-list">
<li class="media">
<div class="media-body">
<h4 class="media-heading">
<a href="/lorem-ipsum.mp3" title="Cheers For The Years, by Felix Russell-Saw" target="_blank">
<span class="uploads-fileicon">
<span class="bootstrappackageicon bootstrappackageicon-file-audio"></span>
</span>
<span class="uploads-filename">Cheers For The Years, by Felix Russell-Saw</span>
</a>
</h4>
<p class="uploads-filedescription">Sound file</p>
</div>
</li>
<li class="media">
<div class="media-body">
<h4 class="media-heading">
<a href="/lorem-ipsum.mov" title="Photo by Geran de Klerk" target="_blank">
<span class="uploads-fileicon">
<span class="bootstrappackageicon bootstrappackageicon-file-video"></span>
</span>
<span class="uploads-filename">Photo by Geran de Klerk</span>
</a>
</h4>
<p class="uploads-filedescription">Video file</p>
</div>
</li>
<li class="media">
<div class="media-body">
<h4 class="media-heading">
<a href="/lorem-ipsum.youtube" title="Bird eye’s view!, by Kimon Maritz" target="_blank">
<span class="uploads-fileicon">
<span class="bootstrappackageicon bootstrappackageicon-youtube"></span>
</span>
<span class="uploads-filename">Bird eye’s view!, by Kimon Maritz</span>
</a>
</h4>
<p class="uploads-filedescription">Youtube</p>
</div>
</li>
<li class="media">
<div class="media-body">
<h4 class="media-heading">
<a href="/lorem-ipsum.txt" title="Bird eye’s view!, by Kimon Maritz" target="_blank">
<span class="uploads-fileicon">
<span class="bootstrappackageicon bootstrappackageicon-file"></span>
</span>
<span class="uploads-filename">Bird eye’s view!, by Kimon Maritz</span>
</a>
</h4>
<p class="uploads-filedescription">Any other file format</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- ### End: Element uploads ### -->
<!-- ### Begin: Element uploads ### -->
<div id="c516" class="frame frame-default frame-type-uploads 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">
<header class="frame-header">
<h2 class="element-header">
Download with preview, filesize and description
</h2>
</header>
<ul class="media-list">
<li class="media">
<div class="media-left">
<a href="https://www.bootstrap-package.com/fileadmin/introduction/images/streets/felix-russell-saw-182331.jpg" title="Cheers For The Years, by Felix Russell-Saw" target="_blank">
<picture>
<img loading="lazy" src="holder.js/75x75?auto=yes" width="75" height="75" intrinsicsize="75x75" title="" alt="" />
</picture>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">
<a href="https://www.bootstrap-package.com/fileadmin/introduction/images/streets/felix-russell-saw-182331.jpg" title="Cheers For The Years, by Felix Russell-Saw" target="_blank">
<span class="uploads-filename">Cheers For The Years, by Felix Russell-Saw</span>
</a>
</h4>
<p class="uploads-filedescription">https://unsplash.com/photos/XyoW1MhPqbs</p>
</div>
</li>
<li class="media">
<div class="media-left">
<a href="https://www.bootstrap-package.com/fileadmin/introduction/images/streets/geran-de-klerk-136351.jpg" title="Photo by Geran de Klerk" target="_blank">
<picture>
<img loading="lazy" src="holder.js/75x75?auto=yes" width="75" height="75" intrinsicsize="75x75" title="" alt="" />
</picture>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">
<a href="https://www.bootstrap-package.com/fileadmin/introduction/images/streets/geran-de-klerk-136351.jpg" title="Photo by Geran de Klerk" target="_blank">
<span class="uploads-filename">Photo by Geran de Klerk</span>
</a>
</h4>
<p class="uploads-filedescription">https://unsplash.com/photos/WJkc3xZjSXw</p>
</div>
</li>
<li class="media">
<div class="media-left">
<a href="https://www.bootstrap-package.com/fileadmin/introduction/images/streets/kimon-maritz-193428.jpg" title="Bird eye’s view!, by Kimon Maritz" target="_blank">
<picture>
<img loading="lazy" src="holder.js/75x75?auto=yes" width="75" height="75" intrinsicsize="75x75" title="" alt="" />
</picture>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">
<a href="https://www.bootstrap-package.com/fileadmin/introduction/images/streets/kimon-maritz-193428.jpg" title="Bird eye’s view!, by Kimon Maritz" target="_blank">
<span class="uploads-filename">Bird eye’s view!, by Kimon Maritz</span>
</a>
</h4>
<p class="uploads-filedescription">https://unsplash.com/photos/1-ISIwuBMiw</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- ### End: Element uploads ### -->
{% for variant in variants %}
{% include '@frame-uploads' with variant %}
{% endfor %}
{
"media": [
{
"url": "https://www.bootstrap-package.com/fileadmin/introduction/images/streets/felix-russell-saw-182331.jpg",
"thumbnail": {
"holder": {
"width": 75,
"height": 75
}
},
"properties": {
"title": "Cheers For The Years, by Felix Russell-Saw",
"description": "https://unsplash.com/photos/XyoW1MhPqbs",
"size": 249000
}
},
{
"url": "https://www.bootstrap-package.com/fileadmin/introduction/images/streets/geran-de-klerk-136351.jpg",
"thumbnail": {
"holder": {
"width": 75,
"height": 75
}
},
"properties": {
"title": "Photo by Geran de Klerk",
"description": "https://unsplash.com/photos/WJkc3xZjSXw",
"size": 531000
}
},
{
"url": "https://www.bootstrap-package.com/fileadmin/introduction/images/streets/kimon-maritz-193428.jpg",
"thumbnail": {
"holder": {
"width": 75,
"height": 75
}
},
"properties": {
"title": "Bird eye’s view!, by Kimon Maritz",
"description": "https://unsplash.com/photos/1-ISIwuBMiw",
"size": 441000
}
}
],
"filelink_sorting": null,
"filelink_sorting_direction": null,
"target": "_blank",
"filelink_size": false,
"uploads_description": false,
"uploads_type": 0,
"variants": [
{
"header": "Download no icon, no filesize"
},
{
"header": "Download with icon, no filesize",
"uploads_description": true,
"uploads_type": 1
},
{
"header": "Download with icon and filesize",
"uploads_description": true,
"uploads_type": 1
},
{
"header": "Download with icon, filesize and description",
"uploads_description": true,
"uploads_type": 1,
"media": [
{
"url": "/lorem-ipsum.mp3",
"properties": {
"title": "Cheers For The Years, by Felix Russell-Saw",
"description": "Sound file",
"size": 249000
}
},
{
"url": "/lorem-ipsum.mov",
"properties": {
"title": "Photo by Geran de Klerk",
"description": "Video file",
"size": 531000
}
},
{
"url": "/lorem-ipsum.youtube",
"properties": {
"title": "Bird eye’s view!, by Kimon Maritz",
"description": "Youtube",
"size": 441000
}
},
{
"url": "/lorem-ipsum.txt",
"properties": {
"title": "Bird eye’s view!, by Kimon Maritz",
"description": "Any other file format",
"size": 441000
}
}
]
},
{
"header": "Download with preview, filesize and description",
"uploads_description": true,
"uploads_type": 2
}
]
}
No notes defined.