es in courses %}
         <!-- individual course starts -->
         <div class="cd card text-center my-4 mx-4" style="width: 30rem !important;">
            <div class="card-header text-light fw-bold">
               Dept. of {{courses.department}}
            </div>
            <div class="card-body">
               <h5 class="card-title fw-bold"> {{courses.department}}-{{courses.code}} : {{courses.name}}</h5>
               <a href="{% url 'course' courses.code %}" class="btn btn-outline-dark px-5">Enter