<div class="sfgov-container-three-column">
<div class="sfgov-container-item">
<a class="sfgov-featured-item" href="#item1">
<h5 class="title">Featured item 1</h5>
<p class="description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum purus odio, ut dictum justo scelerisque ac. Quisque vitae nisl lectus. Morbi semper ante purus, eget porta magna eleifend at.
</p>
</a>
</div>
<div class="sfgov-container-item">
<a class="sfgov-featured-item" href="#item2">
<h5 class="title">Featured item 2</h5>
<p class="description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum purus odio, ut dictum justo scelerisque ac.
</p>
</a>
</div>
<div class="sfgov-container-item">
<a class="sfgov-featured-item" href="#item3">
<h5 class="title">Featured item 3</h5>
<p class="description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</a>
</div>
<div class="sfgov-container-item">
<a class="sfgov-featured-item" href="#item4">
<h5 class="title">Featured item 4</h5>
<p class="description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</a>
</div>
<div class="sfgov-container-item">
<a class="sfgov-featured-item" href="#item5">
<h5 class="title">Featured item 5</h5>
<p class="description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum purus odio, ut dictum justo scelerisque ac. Quisque vitae nisl lectus. Morbi semper ante purus, eget porta magna eleifend at.
</p>
</a>
</div>
<div class="sfgov-container-item">
<a class="sfgov-featured-item" href="#item6">
<h5 class="title">Featured item 6</h5>
<p class="description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum purus odio, ut dictum justo scelerisque ac.
</p>
</a>
</div>
<div class="sfgov-container-item last ">
<a class="sfgov-featured-item" href="#item7">
<h5 class="title">Featured item 7</h5>
<p class="description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum purus odio, ut dictum justo scelerisque ac. Quisque vitae nisl lectus.
</p>
</a>
</div>
</div>
<div class="sfgov-container-three-column">
{% for item in items %}
<div class="sfgov-container-item{% if loop.last %} last {% endif %}">
{% render '@featured-item', item %}
</div>
{% endfor %}
</div>
{
"items": [
{
"title": "Featured item 1",
"description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum purus odio, ut dictum justo scelerisque ac. Quisque vitae nisl lectus. Morbi semper ante purus, eget porta magna eleifend at.",
"url": "#item1"
},
{
"title": "Featured item 2",
"description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum purus odio, ut dictum justo scelerisque ac.",
"url": "#item2"
},
{
"title": "Featured item 3",
"description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
"url": "#item3"
},
{
"title": "Featured item 4",
"description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
"url": "#item4"
},
{
"title": "Featured item 5",
"description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum purus odio, ut dictum justo scelerisque ac. Quisque vitae nisl lectus. Morbi semper ante purus, eget porta magna eleifend at.",
"url": "#item5"
},
{
"title": "Featured item 6",
"description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum purus odio, ut dictum justo scelerisque ac.",
"url": "#item6"
},
{
"title": "Featured item 7",
"description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum purus odio, ut dictum justo scelerisque ac. Quisque vitae nisl lectus.",
"url": "#item7"
}
]
}
There are no notes for this item.