{{{
#!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-gdal.png" class="img-responsive circ"/></span>
    </div>
    <div class="col-xs-12 col-sm-10 col-lg-10 text-center">	
      <h1 class="section-heading">GDAL based WPS</h1>
      <h2 class="sub-heading">Use the swiss army knife on the web</h2>
      <div class="well well well-heading">
	<p class="intnp"><b>GDAL</b> based ZOO Services takes advantage of the <a href="http://gdal.org" target="_blank">GDAL</a><b>Geospatial Data Abstraction Library</b></a> </p>
<p><i class="fa fa-link"></i> <a href="http://gdal.org" target="_blank">GDAL official website</a></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>Orfeo based</h3>
      <img class="img-responsive img-circle center-block" src="/img/zoo-orfeo.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>

<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>
}}}