<div class="my-8 w-full rounded border border-gray-400 lg:w-1/2">
<div class="image-placeholder">
<img src="/static/vendors/images/styleguide/mountain.3e12b9aa355b.jpeg" alt="placeholder">
</div>
<div class="p-6">
<h3>Card title</h3>
<p class="mb-3">lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore</p>
<a class="btn btn-blue" href="#">Button</a>
</div>
</div>def image_card_with_button(self, **kwargs):
template = Template(
"""
{% load static %}
{% load svg heroicons %}
<div class="my-8 w-full rounded border border-gray-400 lg:w-1/2">
<div class="image-placeholder">
<img src="{% static 'vendors/images/styleguide/mountain.jpeg' %}" alt="placeholder">
</div>
<div class="p-6">
<h3>Card title</h3>
<p class="mb-3">{% lorem 15 w %}</p>
<a class="btn btn-blue" href="#">Button</a>
</div>
</div>
""",
)
return template.render(Context({}))