<nav class="navbar navbar-default yamm " data-heighttopbar="60px" data-startnavbar="0">
    <div class="container">
        <div class="navbar-header">
            <a href="index.html"><img src="<?= base_url(); ?>front/assets/images/demo-content/logo.png" alt="logo"/></a>
        </div>
        <div class="ct-navbar--fluid pull-right">
            <ul class="nav navbar-nav ct-navbar--fadeInUp">
                <li class="dropdown yamm-fw active"><a href="<?= base_url(); ?>">Home</a>

                </li>
                <li class="dropdown yamm-fw"><a href="index.html">The University</a>
                    <ul class="dropdown-menu">
                        <li>
                            <div class="yamm-content">
                                <div class="row">
                                    <div class="col-sm-4">
                                        <a href="<?= base_url(); ?>index.php/info/details">About University</a>
                                        <a href="">Historical Outline</a>
                                        <a href="">Universities At a Glance</a>
                                        <a href="">Members of The Senate</a>
                                    </div>
                                    <div class="col-sm-4">
                                        <a href="">Distinguished Visitors</a>
                                        <a href="">Roll of Honour</a>
                                        <a href="">Statutes</a>
                                        <a href="">Annual Report</a>
                                    </div>
                                    <div class="col-sm-4">
                                        <a href="">Calendar Part- I</a>
                                        <a href="">Calendar Part- II</a>
                                        <a href="">Calendar Part- III</a>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </li>
                <li class="dropdown yamm-fw"><a href="">Academic</a>
                    <ul class="dropdown-menu">
                        <li>
                            <div class="yamm-content">
                                <div class="row">
                                    <div class="col-sm-4">
                                        <a href="">Department of Arabic</a>
                                        <a href="">Department of Bengali</a>
                                        <a href="">Department of World Religions and Culture</a>
                                        <a href="">Department of English</a>
                                        <a href="">Department of History</a>
                                    </div>
                                    <div class="col-sm-4">
                                        <a href="blog.html">Department of Islamic History & Culture </a>
                                        <a href="404-v1.html">Department of Theatre and </a>
                                        <a href="blog-single.html">Department of Islamic Studies</a>
                                        <a href="gallery2.html">Department of Linguistics</a>
                                        <a href="university-search.html">Department of Information</a>
                                        <a href="404-v2.html">Performance Studies</a>
                                    </div>
                                    <div class="col-sm-4">
                                        <a href="blog-single2.html">Science and Library Management</a>
                                        <a href="contact.html">Department of Persian Language and Literature</a>
                                        <a href="contact2.html">Department of Philosophy</a>
                                        <a href="gallery3.html">Department of Sanskrit</a>
                                        <a href="404-v3.html">Department of Urdu</a>
                                    </div>


                                </div>

                            </div>
                        </li>
                    </ul>
                </li>
                <li class="dropdown yamm-fw">
                    <a href="features-typography.html">Admission</a>
                    <ul class="dropdown-menu">
                        <li>
                            <div class="yamm-content">
                                <div class="row">
                                    <div class="col-sm-4">
                                        <ul class="list-unstyled">
                                            <li><a href="features-grid.html"><i class="fa fa-fw fa-th"></i> Grid System</a>
                                            </li>
                                            <li><a href="features-typography.html"><i class="fa fa-fw fa-font"></i>
                                                    Typography</a></li>
                                            <li><a href="features-buttons.html"><i class="fa fa-fw fa-link"></i> Buttons</a>
                                            </li>
                                            <li><a href="features-forms.html"><i class="fa fa-fw fa-align-justify"></i>
                                                    Forms</a></li>
                                            <li><a href="features-tables.html"><i class="fa fa-fw fa-table"></i> Tables</a>
                                            </li>
                                            <li><a href="features-sliders.html"><i class="fa fa-fw fa-navicon"></i>
                                                    Sliders</a></li>
                                        </ul>
                                    </div>
                                    <div class="col-sm-4">
                                        <ul class="list-unstyled">
                                            <li><a href="features-pricetables.html"><i class="fa fa-fw fa-money"></i>
                                                    Pricing Tables</a>
                                            </li>
                                            <li><a href="features-iconboxes.html"><i class="fa fa-fw fa-th-large"></i>
                                                    Icon Boxes</a>
                                            </li>
                                            <li><a href="features-personboxes.html"><i class="fa fa-fw fa-users"></i>
                                                    Person Boxes</a>
                                            </li>
                                            <li><a href="features-counters.html"><i class="fa fa-fw fa-plus"></i>
                                                    Counters</a></li>
                                            <li><a href="features-toggable.html"><i class="fa fa-fw fa-toggle-on"></i>
                                                    Toggables</a>
                                            </li>
                                            <li><a href="features-m-sections.html"><i class="fa fa-fw fa-play"></i>
                                                    Media Sections</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="col-sm-4">
                                        <ul class="list-unstyled">
                                            <li><a href="features-charts.html"><i class="fa fa-fw fa-area-chart"></i>
                                                    Charts</a></li>
                                            <li><a href="features-p-bars.html"><i class="fa fa-fw fa-bars"></i> Progress
                                                    Bars</a></li>
                                            <li><a href="features-p-icons.html"><i
                                                        class="fa fa-fw fa-star-half-full"></i> Progress
                                                    Icons</a></li>
                                            <li><a href="features-lists.html"><i class="fa fa-fw fa-list"></i> Lists
                                                    Simple</a></li>
                                            <li><a href="features-lists2.html"><i class="fa fa-fw fa-list"></i> Lists
                                                    Icons</a></li>
                                            <li><a href="features-developers.html"><i class="fa fa-fw fa-code"></i> For
                                                    developers</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </li>
                <li class="dropdown"><a href="contact.html">Reaserch</a></li>

                <li class="dropdown"><a href="<?= base_url('index.php/portal/applicant'); ?>">Application</a></li>
                <li class="dropdown"><a href="contact.html">Contact</a></li>
            </ul>
            <!--
                <div class="ct-navbarCart">
                    <i class="fa fa-shopping-cart"></i>
                    <div class="ct-navbarCart--Info">
                        <div class="media ct-navbarCart--Item ct-u-displayTable ct-hoverImage--rectangle">
                            <a href="course-single.html">
                                <div class="media-left">
                                    <img class="media-object" src="<?= base_url(); ?>front/assets/images/demo-content/itemCart1.jpg" alt="Item Cart">
                                </div>
                                <div class="media-body">
                                    <h5 class="ct-navbarCart--itemName ct-fw-400">Your Product Name</h5>
                                    <span class="ct-navbarCart--itemPrice ct-u-colorMotive">90x3</span>
                                </div>
                            </a>
                        </div>
                        <div class="media ct-navbarCart--Item ct-u-displayTable ct-hoverImage--rectangle">
                            <a href="course-single.html">
                                <div class="media-left">
                                    <img class="media-object" src="<?= base_url(); ?>front/assets/images/demo-content/itemCart2.jpg" alt="Item Cart">
                                </div>
                                <div class="media-body">
                                    <h5 class="ct-navbarCart--itemName ct-fw-400">Your Product Name</h5>
                                    <span class="ct-navbarCart--itemPrice ct-u-colorMotive">90x3</span>
                                </div>
                            </a>
                        </div>
                        <div class="media ct-navbarCart--Item ct-u-displayTable ct-hoverImage--rectangle">
                            <a href="course-single.html">
                                <div class="media-left">
                                    <img class="media-object" src="<?= base_url(); ?>front/assets/images/demo-content/itemCart3.jpg" alt="Item Cart">
                                </div>
                                <div class="media-body">
                                    <h5 class="ct-navbarCart--itemName ct-fw-400">Your Product Name</h5>
                                    <span class="ct-navbarCart--itemPrice ct-u-colorMotive">90x3</span>
                                </div>
                            </a>
                        </div>
                        <div class="ct-navbarCart--summary">
                            <div class="pull-left">
                                <a class="ct-fw-400" href="#"><i class="fa fa-trash-o"></i> Clear The Cart</a>
                            </div>
                            <div class="pull-right">
                                Total: $54.30
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <a href="#" class="btn btn-primaryDark ct-fw-600 text-uppercase ct-u-marginTop30">Checkout</a>
                    </div>
                </div>
                -->
            <div id="ct-js-navSearch" class="ct-navbarSearch--icon">
                <i class="fa fa-search"></i>
            </div>
            <div class="ct-navbar-search"><i class="fa fa-times ct-navbar-search-closeIcon"></i>
                <button class="ct-navbar-search-button" type="submit">
                    <i class="fa fa-search fa-fw"></i>
                </button>
                <div class="form-group">
                    <input id="search" placeholder="Search ..." required type="text"
                           class="form-control input-lg ct-searchCourse">
                </div>
            </div>
        </div>
    </div>
</nav>