<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/ocean.b3c4cbd2c206.jpeg" alt="placeholder">
</div>
<div class="p-6">
<h3>Card title</h3>
<p>lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore</p>
</div>
</div>
def image_card(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/ocean.jpeg' %}" alt="placeholder">
</div>
<div class="p-6">
<h3>Card title</h3>
<p>{% lorem 15 w %}</p>
</div>
</div>
""",
)
return template.render(Context({}))