<div class="row">
            <div class="col-md-3">
                <div class="jumbotron">
                    <h4>Search courses</h4>
                    <hr>
                    <br>
                    <ul>
                        {% for faculty in faculties %}
                            <li class="btnClick" id="fac_{{ faculty.pk }}">{{ faculty.name }}</li>
                            <ul>
                                {% for department in faculty.department_set.all %}
                                    <li class="btnClick2" id="dep_{{ department.pk }}">{{ department.name }}</li>
                                    <ul>
                                        {% for study in studies %}
                                            {% if study.department == department %}
                                                <li>{{ study.name }}</li>
                                            {% endif %}
                                        {% endfor %}
                                    </ul>
                                {% endfor %}
                            </ul>
                        {% endfor %}
                    </ul>
                </div>
            </div>
            <div class="col-md-9">
                <div class="jumbotron">
                    <div>
                        <h3>All courses</h3>
                        <ul>
                            {% for course in courses %}
                                <li>
                                    <a class="first" href={{ course.slug }}>{{ course.name }}</a>
                                </li>
                            {% endfor %}
                        </ul>
                    </div>
                    {% for faculty in faculties %}
                        <div id="fac_{{ faculty.pk }}_tab" style="display:none;">
                            <h3> {{ faculty.name }} courses</h3>
                            <ul>
                                {% for department in faculty.department_set.all %}
                                    {% for study in studies %}
                                        {% if study.department == department %}
                                            {% for course in courses %}
                                                {% if course.study_programme == study %}
                                                    <li>
                                                        <a class="first"
                                                           href={{ course.slug }}>{{ course.name }}</a>
                                                    </li>
                                                {% endif %}
                                            {% endfor %}
                                        {% endif %}
                                    {% endfor %}
                                {% endfor %}
                            </ul>
                        </div>
                    {% endfor %}
                    {% for faculty in faculties %}
                        <ul>
                            {% for department in faculty.department_set.all %}
                                <div id="dep_{{ department.pk }}_tab" style="display:none;">
                                    <h3>Department of {{ department.name }} courses</h3>
                                    <ul>
                                        {% for study in studies %}
                                            {% if study.department == department %}
                                                {% for course in courses %}
                                                    {% if course.study_programme == study %}
                                                        <li>
                                                            <a class="first"
                                                               href={{ course.slug }}>{{ course.name }}</a>
                                                        </li>
                                                    {% endif %}
                                                {% endfor %}
                                            {% endif %}
                                        {% endfor %}
                                    </ul>
                                </div>
                            {% endfor %}
                        </ul>
                    {% endfor %}
                </div>
            </div>
        </div>