<div class="flex flex-wrap justify-center items-center min-h-[10rem] min-w-[18rem]">
<ul class="steps steps-vertical">
<li class="step step-blue">Register</li>
<li class="step step-blue">Choose plan</li>
<li class="step">Purchase</li>
<li class="step">Receive Product</li>
</ul>
</div>
def vetical(self, **kwargs):
template = Template(
"""
<div class="flex flex-wrap justify-center items-center min-h-[10rem] min-w-[18rem]">
<ul class="steps steps-vertical">
<li class="step step-blue">Register</li>
<li class="step step-blue">Choose plan</li>
<li class="step">Purchase</li>
<li class="step">Receive Product</li>
</ul>
</div>
""",
)
return template.render(Context({}))