@extends('layouts.app')
@section('content')    

<!-- Page Header -->
<section class="section_primary cover-image inner_sapce" data-image-src="images/subbanners/cse.jpg">
    <div class="section-title ">
        <h2>Department Computer Science & Engineering</h2>
    </div>
</section>

<!-- Breadcrumps -->
<section class="breadcrumbs">
    <div class="row">
        <div class="container">
            <div class="col-sm-12">
                <ol class="breadcrumb">                    
                    <li><a href="{{ url('/') }}">Home</a> </li>   
                    <li>Pages </li>
                    <li class="active">Department</li>
                    <li class="active">Computer Science & Engineering</li>
                </ol>
            </div>
        </div>
    </div>
</section>
<!-- End of Breadcrumps -->
<section class="section_sapce bg_white">
    <div class="row">
        <div class="container">
            <div class="row">
                <div class="col-sm-3 margin-t10">  
                    <div class="padding10 main-feature-inner">
                        <ul id="nav-tabs-wrapper" class="nav nav-tabs nav-pills nav-stacked">
                            <li class="active"><a href="#about" data-toggle="tab">About Us</a></li>
                            <li><a href="#vision" data-toggle="tab">Vision & Mission</a></li>
                            <li><a href="#faculty" data-toggle="tab">Faculty</a></li>
                            <li><a href="#staff" data-toggle="tab">Staff</a></li>
                            <li><a href="#programme_offered" data-toggle="tab">Programme Offered</a></li>
                            <li><a href="#scheme" data-toggle="tab">Scheme & Syllabus</a></li>
                            <li><a href="#labs" data-toggle="tab">Labs</a></li>
                            <li><a href="#consultancy" data-toggle="tab">Consultancy</a></li>
                            <li><a href="#projects" data-toggle="tab">R&D Projects</a></li>
                            <li><a href="#brouchers" data-toggle="tab">Information Brouchers</a></li>
                            <li><a href="#contact" data-toggle="tab">Contact</a></li>      
                    
                        </ul>
                    </div>   
                </div>    
                <div class="col-sm-9 margin-t10">
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane fade in active" id="about">    
                            <h3>About Us</h3>                      
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="vision">
                            <h3>Vision & Mission</h3>
                        </div>
                        <div role="tabpanel" class="tab-pane fade in" id="faculty">
                            <h3>Faculty</h3>
                        </div>
                        <div role="tabpanel" class="tab-pane fade in" id="staff">
                            <h3>Staff</h3>
                        </div>
                        <div role="tabpanel" class="tab-pane fade in" id="programme_offered">
                            <h3>Programme Offered</h3>
                        </div>
                        <div role="tabpanel" class="tab-pane fade in" id="scheme">   
                            <h3>Scheme & Syllabus</h3>
                        </div>
                        <div role="tabpanel" class="tab-pane fade in" id="labs">
                            <h3>Labs</h3>
                        </div>
                        <div role="tabpanel" class="tab-pane fade in" id="consultancy">
                            <h3>Consultancy</h3>
                        </div>
                        <div role="tabpanel" class="tab-pane fade in" id="projects">
                            <h3>R&D Projects</h3>
                        </div>
                        <div role="tabpanel" class="tab-pane fade in" id="brouchers">
                            <h3>Information Brouchers</h3>
                        </div>

                        <div role="tabpanel" class="tab-pane fade in" id="contact">
                            <h3>Contact</h3>
                        </div>    
                      
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End of Cart Section -->


@endsection