{{{
#!html
<div class="zoo-home">
  <div class="container">
    <a id="birdc" class="bird" href="https://twitter.com/ZOO_Project" target="_blank">
      <audio id="birdsound" preload="auto">
  	<source src="/audio/bird.mp3">
  	<source src="/audio/bird.ogg">
      </audio>
     </a>
    <div class="logo-wrapper">
      <img class="img-responsive ct" src="/img/zoo-landscape2.png" />
    </div>
  </div>
</div>
<div class="ground">
  <div class="container">
    <div class="row">
      <div class="col-lg-12 frt">
	<h1 class="home-heading">Open WPS platform</h1>
      </div>
    </div>
    <div class="row btm">
      <div class="col-xs-12 col-sm-3 col-lg-3 text-center">
      	<ul class="ch-grid">
      	  <li>
      	    <a href="/docs/kernel/" class="ch-item ch-img-1">
      	      <div class="ch-info-wrap ch-info-wrap-1">
      		<div class="ch-info">
      		  <div class="ch-info-front ch-img-1"></div>
      		  <div class="ch-info-back ch-info-back-1">
      		    <h3>ZOO</h3>
      		    <p>KERNEL</p>
      		  </div>
      		</div>
      	      </div>
      	    </a>
      	  </li>
      	</ul>
      	<h2 class="sub">WPS Server</h2>
      	<p class="int"><a href="/docs/kernel/">ZOO-Kernel</a> is a powerful server-side C Kernel able to manage and chain WPS services</p>
      </div>
      <div class="col-xs-12 col-sm-3 col-lg-3 text-center">
      	<ul class="ch-grid">
      	  <li>
      	    <a href="/docs/services/" class="ch-item ch-img-2">
      	      <div class="ch-info-wrap ch-info-wrap-2">
      		<div class="ch-info">
      		  <div class="ch-info-front ch-img-2"></div>
      		  <div class="ch-info-back">
      		    <h3>ZOO</h3>
      		    <p>SERVICES</p>
      		  </div>
      		</div>
      	      </div>
      	    </a>
      	  </li>
      	</ul>
      	<h2 class="sub">WPS Services</h2>
      	<p class="int"><a href="/docs/services/">ZOO-Services</a> is a collection of ready to use WPS services based on open source libraries.  </p>
      </div>
       <div class="col-xs-12 col-sm-3 col-lg-3 text-center">
       	 <ul class="ch-grid">
       	   <li>
       	     <a href="/docs/api/" class="ch-item ch-img-3">
       	       <div class="ch-info-wrap ch-info-wrap-3">
       		 <div class="ch-info">
       		   <div class="ch-info-front ch-img-3"></div>
       		   <div class="ch-info-back">
       		     <h3>ZOO</h3>
       		     <p>API</p>
		   </div>
		 </div>
	       </div>
	     </a>
	   </li>
	 </ul>
	 <h2 class="sub">WPS API</h2>
         <p class="int"><a href="/docs/api/">ZOO-API</a> is a server side Javascript API for creating and chaining WPS Services. </p>
       </div>

  <div class="col-xs-12 col-sm-3 col-lg-3 text-center">
       	 <ul class="ch-grid">
       	   <li>
       	     <a href="/docs/client/" class="ch-item ch-img-4">
       	       <div class="ch-info-wrap ch-info-wrap-4">
       		 <div class="ch-info">
       		   <div class="ch-info-front ch-img-4"></div>
       		   <div class="ch-info-back">
       		     <h3>ZOO</h3>
       		     <p>Client</p>
		   </div>
		 </div>
	       </div>
	     </a>
	   </li>
	 </ul>
	 <h2 class="sub">WPS Client</h2>
         <p class="int"><a href="/docs/client/">ZOO-Client</a> is a JavaScript library for interacting with WPS Services from web applications.</p>
       </div>


    </div>
  </div>

  <div class="ablock">
    <h1 class="section-heading-w">Get started</h1>
    <div class="container">
      <div class="col-xs-12 col-sm-4 col-lg-4 text-center">
          <a href="./Code/Download"><span class="zoo-title-s"><i class="fa fa-download bfs bfsd"></i></span>
          <h2 class="stl">Download</h2>
         </a>
      </div>
      <div class="col-xs-12 col-sm-4 col-lg-4 text-center">
          <a href="/docs/install/"><span class="zoo-title-s"><i class="fa fa-wrench bfs bfsd"></i></span>
          <h2 class="stl">Install</h2></a>
      </div>
      <div class="col-xs-12 col-sm-4 col-lg-4 text-center">
	 <a href="#"><span class="zoo-title-s"><i class="fa fa-rocket bfs bfsd"></i></span>
          <h2 class="stl">Execute</h2></a>
      </div>
    </div>
  </div>

  <div class="dblockp">
   <div class="capecloud">
    <div class="container">
     <div class="row-centered">
     <div class="col-xs-8 col-sm-5 col-md-5 col-lg-5 col-centered mtpp">
            <div class="box">
                <div class="box-icon">
                    <img src="/img/zoo-sun-logo-big.png" class="img-responsive sunb" />
                </div>
		<h1 class="zoot">ZOO</h1>

                    <div class="text-center"> <a href="./Code/ZOO-Services" class="btn btn-warning btn-lg btnfc">500+ ready to use WPS</a></div>
		       
            </div>
        </div>
    </div>
    </div>
  </div>
</div>

<div style="width:100%;padding:10px;background:#83C849;color:#FFF;">
<h3 class="text-center><a href="http://mapmint.com"  style="color:#FFF;text-decoration:none;" target="_blank">check out mapmint.com for a 100% WPS driven SDI</a></h3>
</div>

  

}}}