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({}))