<section class="teaser">
<header>
<h2 class="teaser-heading">Handcrafted Cotton Salad</h2>
</header>
<ul class="teaser-list">
<li>
<a class="wrapping-anchor teaser-group" href="/services/progressive-web-apps">
<img srcset="https://picsum.photos/320/240?image=940 320w,
https://picsum.photos/480/360?image=940 480w,
https://picsum.photos/640/480?image=940 640w,
https://picsum.photos/752/564?image=940 752w,
https://picsum.photos/960/720?image=940 960w,
https://picsum.photos/1400/1050?image=940 1400w" sizes="(max-width: 59.99em) 90vw,
(max-width: 105em) 17.5em,
960px" src="https://picsum.photos/1600/1200?image=940" alt="A Progressive Web App">
<div class="teaser-text">
<h3 class="teaser-item-heading">Intelligent Metal Computer</h3>
<p>Aut quia dolores dolores dolores sunt distinctio et quod.</p>
</div>
</a>
</li>
<li>
<a class="wrapping-anchor teaser-group" href="/services/progressive-web-apps">
<img srcset="https://picsum.photos/320/240?image=940 320w,
https://picsum.photos/480/360?image=940 480w,
https://picsum.photos/640/480?image=940 640w,
https://picsum.photos/752/564?image=940 752w,
https://picsum.photos/960/720?image=940 960w,
https://picsum.photos/1400/1050?image=940 1400w" sizes="(max-width: 59.99em) 90vw,
(max-width: 105em) 17.5em,
960px" src="https://picsum.photos/1600/1200?image=940" alt="A Progressive Web App">
<div class="teaser-text">
<h3 class="teaser-item-heading">Unbranded Cotton Chicken</h3>
<p>Vitae totam et deleniti temporibus.</p>
</div>
</a>
</li>
<li>
<a class="wrapping-anchor teaser-group" href="/services/progressive-web-apps">
<img srcset="https://picsum.photos/320/240?image=940 320w,
https://picsum.photos/480/360?image=940 480w,
https://picsum.photos/640/480?image=940 640w,
https://picsum.photos/752/564?image=940 752w,
https://picsum.photos/960/720?image=940 960w,
https://picsum.photos/1400/1050?image=940 1400w" sizes="(max-width: 59.99em) 90vw,
(max-width: 105em) 17.5em,
960px" src="https://picsum.photos/1600/1200?image=940" alt="A Progressive Web App">
<div class="teaser-text">
<h3 class="teaser-item-heading">Awesome Plastic Chips</h3>
<p>Doloremque autem in.</p>
</div>
</a>
</li>
</ul>
<a class="btn btn-more" href="">Browse all services</a>
</section>
<section class="teaser">
<header>
<h2 class="teaser-heading">{{ heading }}</h2>
</header>
<ul class="teaser-list">
{{#each items}}
<li>
<a class="wrapping-anchor teaser-group" href="/services/progressive-web-apps">
<img srcset="{{ image320URL }} 320w,
{{ image480URL }} 480w,
{{ image640URL }} 640w,
{{ image752URL }} 752w,
{{ image960URL }} 960w,
{{ image1400URL }} 1400w" sizes="(max-width: 59.99em) 90vw,
(max-width: 105em) 17.5em,
960px" src="{{ image1600URL }}" alt="A Progressive Web App">
<div class="teaser-text">
<h3 class="teaser-item-heading">{{ name }}</h3>
<p>{{ desc }}</p>
</div>
</a>
</li>
{{/each}}
</ul>
{{> @button--more }}
</section>
{
"heading": "Handcrafted Cotton Salad",
"items": [
{
"name": "Intelligent Metal Computer",
"desc": "Aut quia dolores dolores dolores sunt distinctio et quod.",
"image320URL": "https://picsum.photos/320/240?image=940",
"image480URL": "https://picsum.photos/480/360?image=940",
"image640URL": "https://picsum.photos/640/480?image=940",
"image752URL": "https://picsum.photos/752/564?image=940",
"image960URL": "https://picsum.photos/960/720?image=940",
"image1400URL": "https://picsum.photos/1400/1050?image=940",
"image1600URL": "https://picsum.photos/1600/1200?image=940"
},
{
"name": "Unbranded Cotton Chicken",
"desc": "Vitae totam et deleniti temporibus.",
"image320URL": "https://picsum.photos/320/240?image=940",
"image480URL": "https://picsum.photos/480/360?image=940",
"image640URL": "https://picsum.photos/640/480?image=940",
"image752URL": "https://picsum.photos/752/564?image=940",
"image960URL": "https://picsum.photos/960/720?image=940",
"image1400URL": "https://picsum.photos/1400/1050?image=940",
"image1600URL": "https://picsum.photos/1600/1200?image=940"
},
{
"name": "Awesome Plastic Chips",
"desc": "Doloremque autem in.",
"image320URL": "https://picsum.photos/320/240?image=940",
"image480URL": "https://picsum.photos/480/360?image=940",
"image640URL": "https://picsum.photos/640/480?image=940",
"image752URL": "https://picsum.photos/752/564?image=940",
"image960URL": "https://picsum.photos/960/720?image=940",
"image1400URL": "https://picsum.photos/1400/1050?image=940",
"image1600URL": "https://picsum.photos/1600/1200?image=940"
}
],
"button": {
"text": "Browse all services"
}
}
There are no notes for this item.