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

<!-- Page Header -->
<section class="section_primary cover-image inner_sapce" data-image-src="images/subbanners/skillindia.jpg">
    <div class="section-title ">
        <h2>{{ __('govt-nith.skl-title') }}</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('/') }}">@lang('header.home')</a> </li>  
                    <li class="active"></li>
                    <li class="active">@lang('govt-nith.skl-title')</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="#sklabt" data-toggle="tab">@lang('govt-nith.skl-abt-us')</a></li>

                            <li><a href="#sklobj" data-toggle="tab">@lang('govt-nith.skl-obj-title')</a></li>
                            <li><a href="#sklvision" data-toggle="tab">@lang('govt-nith.skl-vision')</a></li>
                            <li><a href="#sklneed" data-toggle="tab">@lang('govt-nith.skl-need')</a></li>
                            <li><a href="#sklactivity" data-toggle="tab">@lang('govt-nith.skil-act-title')</a></li>
                            <li><a href="#contus" data-toggle="tab">@lang('govt-nith.skl-contact-us')</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="sklabt">    
                            <h3 align="center">@lang('govt-nith.skl-india-nith')</h3> 
                            <p> @lang('govt-nith.skl-abt-content')</p>



                        </div>

                        <div role="tabpanel" class="tab-pane fade in" id="sklobj">

                            <h3 align="center">@lang('govt-nith.skl-obj-title')</h3>

                            <p>@lang('govt-nith.skl-obj-content')</p>


                        </div>
                        <div role="tabpanel" class="tab-pane fade in" id="sklvision">

                            <h3 align="center">@lang('govt-nith.skl-vision')</h3>

                            <p>@lang('govt-nith.skl-vision-content')</p>


                        </div>
                        <div role="tabpanel" class="tab-pane fade in" id="sklneed">


                            <h3 align="center">@lang('govt-nith.skl-need')</h3>

                            <p>@lang('govt-nith.skl-need-content')</p>

                        </div>
                        <div role="tabpanel" class="tab-pane fade in" id="sklactivity">
                            <h3 align="center">@lang('govt-nith.skl-acti-under-head')</h3>
                            <p>@lang('govt-nith.skl-acti-undertaken')</p>
                        </div>

                        <div role="tabpanel" class="tab-pane fade in" id="contus">
                            <h2>Dr. Rajeev Kumar Sharma</h2>
                            <p>
                                <b>Nodal Officer</b><br>
                                Skill India Program<br>
                                Mechanical Engineering Department<br>
                                NIT, Hamirpur (H.P-177005)<br>
                                Email :	rksfme@nith.ac.in<br>
                                Phone :	01972-254738 (O)<br></p>

                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End of Cart Section -->


@endsection