def horizontal(self, **kwargs):
    template = Template(
        """
  <div class="flex flex-wrap justify-center items-center min-h-[10rem] min-w-[18rem]">
    <ul class="steps">
      <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({}))