Branch Listing Component - Copy this Html, Tailwind Component to your project

Design this page ok {% extends 'base.html' %} {% block content %} <div class="container mx auto mt 8 p 4 bg white rounded lg shadow md"> <h2 class="text 2xl font bold text green 600 mb 6">Your Branches</h2> <ul class="space y 4"> {% for branch in branches %} <li> <a href="{% url 'dashboard' branch.id %}" class="block px 4 py 2 bg dark gray text orange 500 rounded md hover:bg orange 500 transition"> {{ branch.name }} </a> </li> {% endfor %} </ul> </div> {% endblock %}