@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 Federal Ministry for the Environment, Nature Conservation and Nuclear </p>
							<a href="index.php/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>Bilateral cooperation between the Republic of India and Germany/BMU under the IKI started in 2008. India is among BMU’s most recognized </p>
							<a href="index.php/about" class="btn btn-primary">Know More</a>
						</div>
				
				
					</div>
				</div>
				
				<div class="col-md-5">
					<h2>About Us</h2>
				The IKI India Interface aims to increase collaboration, conversation and cooperation amongst the IKI project partners in India. The platform caters to the IKI projects in India and IKI partners in India providing them a one stop platform to interact and  engage with each other and disseminate their work more widely trough a larger platform.
				</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="32" 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="1" 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="8" 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;">