<!DOCTYPE html>
<html>
   <head>
      <meta name="csrf-token" content="{{ csrf_token() }}" /> 
        @yield('metades')
        @yield('title')
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <!-- fonts -->
      <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bubblegum+Sans&display=swap" rel="stylesheet">
      <!-- bootstrap.min.css -->
      <link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}" >
      <!-- Owl Carousel -->
      <link href="{{ asset('css/owl.carousel.min.css') }}" rel="stylesheet">
      <link href="{{ asset('css/owl.theme.default.min.css') }}" rel="stylesheet">
      <!-- custom -->
      <link rel="stylesheet" href="{{ asset('css/style.css') }}" >
	  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
   </head>
   <body>
      	<div class="top-area">
   		<div class=" align-items-center d-flex justify-content-between">   		
   			<h2> Recognized by: NCTE Affiliated by: WBUTTEPA WBBPE</h2>
   			<h2><i class="fa fa-phone" aria-hidden="true"></i> 9933722796</h2>
   		</div>
   	</div>
      <header>
         <nav class="navbar navbar-expand-lg navbar-light ">
            <a class="navbar-brand" href="#"><img src="{{ asset('assets/image/logo.png') }}" alt=""> 
            	<span>Kultikri Teacher Training Institute<br> of Higher Studies (KTTIHS)</span></a>
        
            <div class="collapse navbar-collapse" id="navbarSupportedContent">

			   
            </div>
            <a href="#" class="search-top">
               <i class="fa fa-search" aria-hidden="true"></i>
               <form name="one" class="insearch">
                  <input type="" name="" placeholder="Search.....">
               </form>
            </a>
            <button class="hum-one">
             <span></span>
             <span></span>
             <span></span>
         </button>
         </nav>
      </header>
<div class="menu-right" id="NavBarIudyogFooter">  
         <span class="close-r">x</span>
        <ul>
          <li><a href="#" class="item-head"> Staff <i class="fa fa-angle-down" aria-hidden="true"></i></a>

  <ul class="item-data">
                  <li><a href="#">Teaching Staff</a></li>
                  <li><a href="#">Non-Teaching Staff</a></li>
               </ul>
            </li>
          <li><a href="#" class="item-head">NAAC <i class="fa fa-angle-down" aria-hidden="true"></i></a>
               <ul class="item-data">
                  <li><a href="#">IQAC Committee</a></li>
                  <li><a href="#">IQAC Guidelines</a></li>
                  <li><a href="#">Meeting</a></li>
               </ul>
            </li>
          <li><a href="#" class="item-head">Facilities <i class="fa fa-angle-down" aria-hidden="true"></i></a>

               <ul class="item-data">
                  <li><a href="#">Library</a></li>
                  <li><a href="#">IQAC Guidelines</a></li>
                  <li><a href="#">Computer Lab</a></li>
                  <li><a href="#">Campus</a></li>
                  <li><a href="#">Labratory</a></li>
                  <li><a href="#">Labratory</a></li>
                  <li><a href="#">Auditorium</a></li>
                  <li><a href="#">Internet &amp; Wifi</a></li>
                  <li><a href="#">Playground</a></li>
                  <li><a href="#">Hostel</a></li>
                  <li><a href="#">Canteen</a></li>
               </ul>      
            </li>
          <li><a href="#">Student Details</a></li>
          <li><a href="#">Attendance</a></li>
          <li><a href="#">Alumni</a></li>
          <li><a href="#" class="item-head">Activities <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                 <ul class="item-data">
                  <li><a href="#">IQAC Committee</a></li>
                  <li><a href="#">IQAC Guidelines</a></li>
                  <li><a href="#">Meeting</a></li>
               </ul>
            </li>
          <li><a href="#">Disclosure</a></li>
        </ul>
      </div>
      <div class="bg-menu-r"></div>
      <!-- banner -->
      <div class="banner">
         <div class="row">
            <div class="col-sm-8 col-lg-6 bn-text m-auto px-md-3 px-4">     
            </div>
         </div>
      </div>
 @yield('content')
	        <footer>
         <div class="container">
            <div class="row p-3 p-md-0 text-left">
            <div class="col-md-3 text-left p-text">
            		<h2 class=" title-bx1">Important Link</h2>            		
            		<ul class="area8">
            			<li>
            				<img src="{{ asset('assets/image/logo-f.png') }}">
            			</li>
                     <li>
                        <img src="{{ asset('assets/image/logo-f1.png') }}">
                     </li>
                     <li>
                        <img src="{{ asset('assets/image/logo-f2.jpg') }}">
                     </li>
            		</ul>


            </div>
             
				 @include('layouts.footer-menu') 
             <div class="col-md-3 ul-link ">
             	<h2 class="title-bx1">Trending Colleges</h2>
            		<p>Rishi Aurobindo Institute of Teacher Education
CMC Vellore, Vellore
Indian Institute of Technology, Roorkee
Indian Institute of Management, Bangalore
SRM University, Amaravati
Bharathiar University, Coimbatore
Indian Institute of Management, Bangalore
SRM University, Amaravati</p>

            </div>
             <div class="col-md-3 ">
            	<h2 class="title-bx1">Get in Touch</h2>	
            	<div class="col-md-12 px-0">	
            		<p>P.O.- Kultikri, P.S- Sankrail , Dist-Jhargram</p>
<ul class="f-share">  
   <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
   <li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
   <li><a href="#"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
</ul>
            	</div>
            </div>
            </div>
         </div>
         <div class="footer-areain">
         	<div class="container">
         		<div class="row justify-content-center">
         			<div class=" col-md-6">
         				<p class="text-center">© Copyright 2017 kultikri-college Powered By <a href="">iUdyog</a> </p>
         			</div>
         			
         			
         		</div>
         	</div>
         </div>
      </footer>


      <!--bootstrap.min  -->
      <script src="{{ asset('js/bootstrap.min.js') }} "></script>
      <!--popper.min  -->
      <script src="{{ asset('js/popper.min.js') }}"></script>
      <!--popper.min  -->
      <script src="{{ asset('js/popper.min.js') }}"></script>
      <!-- owl -->
      <script src="{{ asset('js/owl.carousel.js') }}"></script>
      <!-- Custom jquery -->
      <script src="{{ asset('js/script.js') }}"></script> 
      <!-- fontawesome -->
      <script src="https://use.fontawesome.com/8ae5a19cac.js"></script>

       <script type="text/javascript">
  $(document).ready(function() { 
        jQuery(document).ready(function(){
   jQuery(".hum-one").click(function () {
      jQuery("html").toggleClass('open-rightmenu');
   });

});

        jQuery(document).ready(function(){
  jQuery(".bg-menu-r, .close-r").click(function(){
    jQuery("html").removeClass("open-rightmenu");
  });
});
});

$(document).ready(function() {    
      $('.search-top').on('click', function(e) {
        $('body').toggleClass("aactive"); 
        e.preventDefault();
      });
   });


jQuery(document).ready(function(e){
  jQuery('.item-head').click(function (e){
    if(jQuery(this).next('.item-data').css('display') != 'block'){
      jQuery('.active').removeClass('active');
      jQuery(this).next('.item-data').addClass('active')
    } else {
      jQuery('.active').removeClass('active');
    }
  });
});

</script>
     
   </body>
</html>
	  
	  