@include('layout/frontend/_header')



<div class="container-fluid">
	<div class="row">
		<!-- Carousel -->
    	<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
			<!-- Indicators -->
			<ol class="carousel-indicators">
			  	<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
				<li data-target="#carousel-example-generic" data-slide-to="3"></li>
				<li data-target="#carousel-example-generic" data-slide-to="4"></li>
				<li data-target="#carousel-example-generic" data-slide-to="5"></li>
			</ol>
			<!-- Wrapper for slides -->
			<div class="carousel-inner">
			    <div class="item active">
			    	<img src="images/1_iki.jpg" alt="First slide">
                    <!-- Static Header -->
                    <div class="header-text hidden-xs">
                        <div class="col-md-12 text-right">
                            <h2>
                            	<span>Mitigation of Climate Change</span>
                            </h2>
                       
                          
                    
                        </div>
                    </div><!-- /header-text -->
			    </div>
			    <div class="item">
			    	<img src="images/2_iki.jpg" alt="Second slide">
			    	<!-- Static Header -->
                    <div class="header-text hidden-xs">
                        <div class="col-md-12 text-right">
                            <h2>
                                <span>Adaptation to Climate Change</span>
                            </h2>
       
                        </div>
                    </div><!-- /header-text -->
			    </div>
			    <div class="item">
			    	<img src="images/3_iki.jpg" alt="Third slide">
			    	<!-- Static Header -->
                    <div class="header-text hidden-xs">
                        <div class="col-md-12 text-right">
                            <h2>
                                <span>Forests and Natural Carbon Sinks</span>
                            </h2>
                   
                        </div>
                    </div><!-- /header-text -->
			    </div>
				
							    <div class="item">
			    	<img src="images/4_iki.jpg" alt="Third slide">
			    	<!-- Static Header -->
                    <div class="header-text hidden-xs">
                        <div class="col-md-12 text-right">
                            <h2>
                                <span>Protection of Biodiversity</span>
                            </h2>
                   
                        </div>
                    </div><!-- /header-text -->
			    </div>
				
                 <div class="item">
			    	<img src="images/5_iki.jpg" alt="Third slide">
			    	<!-- Static Header -->
                    <div class="header-text hidden-xs">
                        <div class="col-md-12 text-right">
                            <h2>
                                <span>India's NDC</span>
                            </h2>
                   
                        </div>
                    </div><!-- /header-text -->
			    </div>
				
				
                 <div class="item">
			    	<img src="images/6_iki.jpg" alt="Third slide">
			    	<!-- Static Header -->
                    <div class="header-text hidden-xs">
                        <div class="col-md-12 text-right">
                            <h2>
                                <span>Cross cutting topics</span>
                            </h2>
                   
                        </div>
                    </div><!-- /header-text -->
			    </div>
				
				
			</div>
			<!-- Controls -->
	
		</div><!-- /carousel -->
	</div>
</div>

	<div id="colorlib-intro" style="margin-top: 50px">
		<div class="container">
			<div class="row">
				<div class="col-md-7">
					<div class="intro animate-box">
						<div class="intro-grid color-1">
							<span class="icon"><img src="images/icon-1.png" class="img-responsive"></span>
							<h3>About</h3>
							<p>Since 2008, the International Climate Initiative (IKI) of the German Government has been financing climate and biodiversity projects in developing and newly industrialising countries.</p>
							<a href="{{ url('about') }}" class="btn btn-primary">Know More</a>
						
						</div>
						<div class="intro-grid color-2">
							<span class="icon"><img src="images/icon-2.png" class="img-responsive"></span>
							<h3>Priorities in India</h3>
							<p>The current 46 IKI projects in India contribute to the primary objectives of IKI – mitigation of climate change, adaption to climate change, protection of biological diversity and cross cutting issues. </p>
							<a href="{{ url('about') }}" class="btn btn-primary">Know More</a>
						</div>
				
				
					</div>
				</div>
				
				<div class="col-md-5">
					<h2>About Us</h2>
				 The IKI India Interface platform aligns currently 46 IKI projects in India for networking and knowledge exchange to foster synergies of the IKI portfolio in India. Jointly, we increase collaboration, conversation and cooperation among the IKI community in India.
				</div>
				
			</div>
		</div>
	</div>

		<div id="colorlib-counter" class="colorlib-counters" style="background-image: url(images/12.jpg); margin-top: 30px" data-stellar-background-ratio="0.5">
		<div class="overlay"></div>
		<div class="container">
			
			<div class="row">
			
				<div class="col-md-10 col-md-offset-1">
						<div class="text-center" id="colorlib-register">
				<h2>Current <strong>Projects</strong></h2>
				</div>
					<div class="row">
						<div class="col-md-4 col-sm-6 text-center animate-box">
							<span class="icon"><img src="images/globe-2.png" ></span>
							<span class="colorlib-counter js-counter" data-from="0" data-to="" data-speed="5000" data-refresh-interval="50"></span>
							<span class="colorlib-counter-label">Global</span>
						</div>
						<div class="col-md-4 col-sm-6 text-center animate-box">
							<span class="icon"><img src="images/globe.png" ></span>
							<span class="colorlib-counter js-counter" data-from="0" data-to="" data-speed="5000" data-refresh-interval="50"></span>
							<span class="colorlib-counter-label">Regional</span>
						</div>
						<div class="col-md-4 col-sm-6 text-center animate-box">
							<span class="icon"><img src="images/bilateral.png" ></span>
							<span class="colorlib-counter js-counter" data-from="0" data-to="" data-speed="5000" data-refresh-interval="50"></span>
							<span class="colorlib-counter-label">Bilateral</span>
						</div>
					
					</div>
				</div>
			</div>
		</div>
	</div>
		
		<div id="colorlib-doctor">
		<div class="container">
			<div class="row animate-box">
				<div class="col-md-6 col-md-offset-3 text-center colorlib-heading">
					<h2>EVENTS AND ACTIVITIES</h2>
					<p>List of activities  which help in networking and implement sustainable development practices</p>
				</div>
			</div>
	
			
			
	<div class="row">
	   <div class="card border-danger golge">
    
            <div class="card-body">
              <div class="carousel vert slide" data-ride="carousel" data-interval="2000">
                <div class="carousel-inner">
                  <div class="carousel-item active">
					@if( $events && count($events) > 0 )
						@foreach( $events as $k => $v )
							<ul class="timeline">
								<li>
									<a href="index.php/single-event/{{ encrypt_decrypt('encrypt', $v['id'])}}" class="headng">{{$v['title']}}</a>
									<p class="article">Coordinator Name: {{$v['event_coordinator']}}</p>
									<span class="event-icon"> <i class="fa fa-calendar" aria-hidden="true"></i> {{ date('d', strtotime($v['start_date'])) }}-{{ date('d', strtotime($v['end_date'])) }} {{ date('M', strtotime($v['end_date'])) }} {{ date('Y', strtotime($v['end_date'])) }} | <i class="fa fa-map-marker" aria-hidden="true"></i> {{$v['venue']}}</span>							 
								</li><hr>
							</ul>
						@endforeach
					@else 
						<p class="alert alert-info text-center">No upcoming events</p>
					@endif
                    </ul>
					<p class="pull-right" style="margin: 0;font-size: 14px;text-decoration: underline;"><a class="btn btn-primary" href="{{url('events')}}" title="All Events">View all Events &rarr;</a></p>
                  </div>
                  
                </div>
              </div>
            </div>
          </div>
	</div>

			
			
			
			
			
		</div>
	</div>
		
		<div id="colorlib-testimonial" class="colorlib-bg-section">
		<div class="container">
			<div class="row animate-box">
				<div class="col-md-6 col-md-offset-3 text-center colorlib-heading">
					<h2>GLIMPSES OF IKI-INDIA</h2>
				
				</div>
			</div>
			<div class="row">
				<div class="col-md-12 animate-box">
					<div class="owl-carousel">
						<div class="item">

						<img src="{{ URL::asset('images/a.jpg') }}">
	
						</div>
						<div class="item">
						<img src="{{ URL::asset('images/b.jpg') }}">
						</div>
				
		
					</div>
				</div>
			</div>
			
			
			
			
		</div>
	</div>
	
		
	
		<div id="colorlib-appointment">
	<div class="container">
			<div class="row animate-box">
				<div class="col-md-6 col-md-offset-3 text-center colorlib-heading">
					<h2>Contact Us</h2>
					<p style="color: #fff">We are here to help you. Please get in touch with us</p>
				</div>
			</div>
		
		@if(Session::has('success'))
			<div class="col-md-12">
				<div class="alert alert-success">
					<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>    
					<span class="glyphicon glyphicon-ok"></span><em> {!! session('success') !!}</em>
				</div>
			</div>
		@endif
		
		<div class="col-md-6  animate-box" id="contact-div">
				
					<form action="{{ url('contact-us') }}" method="POST" class="contact-submission" name="contactSubmission" id="contactSubmission" enctype='multipart/form-data'>
						{{ csrf_field() }}
						<div class="row form-group">
							<div class="col-md-12">
								<input type="text" class="form-control" name="name" id="name" placeholder="Your Name" value="{{ old('name') }}">
								<span class="error" style="color:red;font-size:12px;">