{{{
#!html
<div class="zoo-default">
  <div class="container">
    <div class="col-xs-12 col-sm-2 col-lg-2 text-center">
      <span class="zoo-title "><img src="/img/zoo-pinguin.png" class="img-responsive circ"/></span>
    </div>
    <div class="col-xs-12 col-sm-10 col-lg-10 text-center">	
      <h1 class="section-heading">ZOO Services</h1>
      <h2 class="sub-heading">Ready to use WPS services</h2>
      <div class="well well well-heading">
	<p class="intnp"><b>ZOO Services</b> is a growing collection of ready to use <b>Web Processing Services</b> built on top of reliable open source libraries such as <a href="http://gdal.org" target="_blank">GDAL</a>, <a href="http://grass.osgeo.org" target="_blank">GRASS GIS</a>, <a href="https://www.orfeo-toolbox.org/" target="_blank">OrfeoToolbox</a>, <a href="http://www.cgal.org/" target="_blank">CGAL</a> and more. It aims at using existing geospatial algorithms through standardized WPS requests.  It also gives a number of significant examples to build your own.</p>
      </div>
    </div>
  </div>
</div>

<div class="bblock">
 <div class="container">
  <div class="row zserv">
   <div class="col-md-3 text-center">
      <h3>GDAL based</h3>
      <img class="img-responsive img-circle center-block" src="/img/zoo-gdal.png" width="150" height="150" alt="GDAL" />
     <div class="text-center mtp">
       <a href="#" class="btn btn-warning btn-lg">View</a>
     </div>
   </div>
   <div class="col-md-3 text-center">
      <h3>GRASS GIS based</h3>
      <img class="img-responsive img-circle center-block" src="/img/zoo-grass.png" width="150" height="150" alt="GRASS" />
     <div class="text-center mtp">
       <a href="#" class="btn btn-warning btn-lg">View</a>
     </div>
   </div>
   <div class="col-md-3 text-center">
      <h3>CGAL based</h3>
      <img class="img-responsive img-circle center-block" src="/img/zoo-cgal.png" width="150" height="150" alt="CGAL" />
     <div class="text-center mtp">
       <a href="#" class="btn btn-warning btn-lg">View</a>
     </div>
   </div>
   <div class="col-md-3 text-center">
      <h3>Miscellaneous</h3>
      <img class="img-responsive img-circle center-block" src="/img/zoo-nogeo.png" width="150" height="150" alt="CGAL" />
     <div class="text-center mtp">
       <a href="#" class="btn btn-warning btn-lg">View</a>
     </div>
   </div>
</div>
</div>
</div>

<div class="dblock">
  <div class="container">
    <div class="col-lg-12 text-center">
      <h1 class="content-heading">How-to</h1>
    </div>
    <div class="col-md-8 text-center">
     
    </div>
    <div class="col-md-4">
      	
    </div>
  </div>
</div>


<div class="bblockb">
  <h1 class="section-heading-w">Hello world</h1>
  <div class="container">
	<div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 bhoechie-tab-container">
            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 bhoechie-tab-menu">
              <div class="list-group">
		                
                <a href="#" class="list-group-item list-group-item2 active text-center">
		<img src="/img/zoo-monkey.png" class="img-responsive circb center-block mb" width="32" height="32"/>JavaScript
                </a>
		                <a href="#" class="list-group-item list-group-item2 text-center">
                  <img src="/img/zoo-snake.png" class="img-responsive circb center-block mb" width="32" height="32"/>Python
</a>
                <a href="#" class="list-group-item list-group-item2 text-center">
                 	    <img src="/img/zoo-cheetah.png" class="img-responsive circb center-block mb" width="32" height="32"/>C/C++
                </a>


              </div>
            </div>
            <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10
            bhoechie-tab">

	                      <!-- JS section -->
                <div class="bhoechie-tab-content active">
                    <center>
		  <h3>JavaScript</h3>
<pre class="language-javascript">
<code>function hellojs(conf,inputs,outputs){
  outputs["result"]["value"]="Hello "+inputs["S"]["value"]+" from the JS World !";
  //SERVICE_SUCEEDED
  return Array(3,outputs);
}</code>
</pre>
                    </center>
                </div>
		
                <!-- Python section -->
                <div class="bhoechie-tab-content">
                    <center>
		  <h3>Python</h3>
<pre class="language-python">
<code>import zoo
def HelloPy(conf,inputs,outputs):
    outputs["Result"]["value"]="Hello "+inputs["a"]["value"]+" from Python World !"
    return zoo.SERVICE_SUCCEEDED
</code>
</pre>
                    </center>
                </div>

    
                <!--C section -->
                <div class="bhoechie-tab-content">
                    <center>
<h3>C</h3>
<pre class="language-c">
<code>printf</code>
</pre>
                    </center>
                </div>

            </div>
        </div>
  </div>

<div class="col-md-12 text-center mtp">
  <a href="#" class="btn btn-warning btn-lg">All supported languages</a>
</div>

</div>
 </div>



<div class="dblock lig">
  <div class="container">
    <div class="col-lg-12 text-center">
      <h1 class="content-heading">Resources</h1>
    </div>
    <div class="col-xs-12 col-sm-4 col-lg-4 text-center"></div>
    <div class="col-xs-12 col-sm-8 col-lg-8 text-center">
    </div>
  </div>
</div>
}}}