@extends('layouts.app3')

@section('title', 'gsirf')

@section('content')



    <!--==============================
    Breadcumb
============================== -->
    <div class="breadcumb-wrapper " data-bg-src="assets/img/bg/breadcumb-bg.jpg" data-overlay="title" data-opacity="8">
        <div class="breadcumb-shape" data-bg-src="assets/img/bg/breadcumb_shape_1_1.png">
        </div>
        <div class="shape-mockup breadcumb-shape2 jump d-lg-block d-none" data-right="30px" data-bottom="30px">
            <img src="assets/img/bg/breadcumb_shape_1_2.png" alt="shape">
        </div>
        <div class="shape-mockup breadcumb-shape3 jump-reverse d-lg-block d-none" data-left="50px" data-bottom="80px">
            <img src="assets/img/bg/breadcumb_shape_1_3.png" alt="shape">
        </div>
        <div class="container">
            <div class="breadcumb-content text-center">
                <h1 class="breadcumb-title">IQAC Action Taken Report</h1>
                <ul class="breadcumb-menu">
                    <li><a href="index.html">IQAC</a></li>
                    <li>Action Taken Report</li>
                </ul>
            </div>
        </div>
    </div>
    
    <!--==============================
atr
============================== -->
   <section class="space overflow-hidden">
   <div class="shape-mockup team2-bg-shape1 jump-reverse d-lg-block d-none" data-left="-2%" data-top="0">
            <img src="assets/img/team/team-shape_1_1.png" alt="img">
        </div>

        <div class="shape-mockup team2-bg-shape5 jump d-xxl-block d-none" data-right="-7%" data-top="40%">
            <img src="assets/img/team/team-shape_1_5.png" alt="img">
        </div>

        <div class="container">
            <div class="title-area text-center">
                <span class="sub-title"> </span>
                <h2 class="sec-title">Feedback on Curriculum</h2>
   <style>
.styled {
    border: 5;
    line-height: 3.5;
    padding: 10px 20px;
    font-size: 1rem;
    text-align: center;
    color: #223584 !important;
    text-shadow: 0px 0px 0px #000;
    border-radius: 11px;
    background-color: #fff !important;
    background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}

.styled:hover {
    background-color: #f58634 !important;
}

.styled:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, 0.6), inset 2px 2px 3px rgba(0, 0, 0, 0.6);
} 

</style>
<ul class="nav course-tab" id="courseTab" role="tablist">
<li class="nav-item" role="presentation">
                                    <a class="nav-link active" id="GSIRF-tab" data-bs-toggle="tab" href="#GSIRF" role="tab" aria-controls="GSIRF" aria-selected="true"></i><input class="favorite styled" value="GSIRF" style="background-color: #ffffff;border-color: orange;border-radius: 11px;color: #223584;"></a>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <a class="nav-link active" id="description-tab" data-bs-toggle="tab" href="#NIRF" role="tab" aria-controls="Coursedescription" aria-selected="true"></i><input class="favorite styled" value="NIRF" style="background-color: #ffffff;border-color: orange;border-radius: 11px;color: #223584;"></a>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <a class="nav-link active" id="description-tab" data-bs-toggle="tab" href="#ISO" role="tab" aria-controls="Coursedescription" aria-selected="true"></i><input class="favorite styled" value="ISO" style="background-color: #ffffff;border-color: orange;border-radius: 11px;color: #223584;"></a>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <a class="nav-link active" id="description-tab" data-bs-toggle="tab" href="#iic" role="tab" aria-controls="Coursedescription" aria-selected="true"></i><input class="favorite styled" value="iic" style="background-color: #ffffff;border-color: orange;border-radius: 11px;color: #223584;"></a>
                                </li></ul>


    <div class="tab-content" id="productTabContent">
                                <div class="tab-pane fade show active" id="GSIRF" role="tabpanel" aria-labelledby="GSIRF-tab">
                                    <div class="course-description">
                                        <h5 class="h5">GSIRF</h5>
                                        DEO
                                       
                                        
                                        <div class="tab-content" id="productTabContent">
                                <div class="tab-pane fade show active" id="NIRF" role="tabpanel" aria-labelledby="GSIRF-tab">
                                    <div class="course-description">
                                        <h5 class="h5">NIRF</h5>
                                        DEO
                                        </div></div></div> 
                                        
                                        </div></div>
     </section>
   
   
   
    <div class="course-single-bottom">
                            <ul class="nav course-tab" id="courseTab" role="tablist">
                                <li class="nav-item" role="presentation">
                                    <a class="nav-link active" id="description-tab" data-bs-toggle="tab" href="#GSIRF" role="tab" aria-controls="Coursedescription" aria-selected="true"></i>GSIRF</a>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <a class="nav-link" id="curriculam-tab" data-bs-toggle="tab" href="#NIRF" role="tab" aria-controls="curriculam" aria-selected="false"></i>NIRF</a>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <a class="nav-link" id="instructor-tab" data-bs-toggle="tab" href="#ISO" role="tab" aria-controls="instructor" aria-selected="false"></i>ISO</a>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <a class="nav-link" id="reviews-tab" data-bs-toggle="tab" href="#IIC" role="tab" aria-controls="reviews" aria-selected="false">IIC</a>
                                </li>
                            </ul>
                            <div class="tab-content" id="productTabContent">
                                <div class="tab-pane fade show active" id="GSIRF" role="tabpanel" aria-labelledby="description-tab">
                                    <div class="course-description">
                                        <h5 class="h5">Description</h5>
                                        
                                        GSIRF

                                        
                                        
                                        
                                       
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="NIRF" role="tabpanel" aria-labelledby="curriculam-tab">
                                    <div class="course-curriculam">
                                        NIRF
                                        
                                        
                                        
                                        
                                       
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="ISO" role="tabpanel" aria-labelledby="instructor-tab">
                                    <div class="course-instructor">
                                        <div class="course-author-box">
                                            
                                            
                                        ISO
                                        
                                        
                                    
                                    
                                        </div>
                                       
                                    </div>
                                     
                                </div>
                                <div class="tab-pane fade" id="IIC" role="tabpanel" aria-labelledby="reviews-tab">
                                    <div class="course-Reviews">
                                        <div class="th-comments-wrap ">
                                          IIC

                                        </div> <!-- Comment Form -->
                                       
                                    </div>
                                </div>
                            </div>
                        </div>
                    
                </div>
            </div>
        </div>
    </div>
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
     @endsection
     <!--********************************
			Code End  Here 
	******************************** -->

    <!-- Scroll To Top -->
    <div class="scroll-top">
        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;"></path>
        </svg>
    </div>

    <!--==============================
    All Js File
============================== -->
    <!-- Jquery -->
    <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
    <!-- Slick Slider -->
    <script src="assets/js/slick.min.js"></script>
    <!-- Bootstrap -->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- Magnific Popup -->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <!-- Counter Up -->
    <script src="assets/js/jquery.counterup.min.js"></script>
    <!-- Circle Progress -->
    <script src="assets/js/circle-progress.js"></script>
    <!-- Range Slider -->
    <script src="assets/js/jquery-ui.min.js"></script>
    <!-- Isotope Filter -->
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <!-- Tilt JS -->
    <script src="assets/js/tilt.jquery.min.js"></script>
    <!-- Tweenmax JS -->
    <script src="assets/js/tweenmax.min.js"></script>
    <!-- Nice Select JS -->
    <script src="assets/js/nice-select.min.js"></script>

    <!-- Main Js File -->
    <script src="assets/js/main.js"></script>

</body>