| | 1 | {{{ |
| | 2 | #!html |
| | 3 | <div class="zoo-home"> |
| | 4 | <div class="container"> |
| | 5 | <a id="birdc" class="bird" href="https://twitter.com/ZOO_Project" target="_blank"> |
| | 6 | <audio id="birdsound" preload="auto"> |
| | 7 | <source src="audio/bird.mp3"></source> |
| | 8 | <source src="audio/bird.ogg"></source> |
| | 9 | </audio> |
| | 10 | <audio id="africasound" preload="auto" autoplay> |
| | 11 | <source src="audio/africa.ogg" type="audio/ogg"> |
| | 12 | <source src="audio/africa.mp3" type="audio/mpeg"> |
| | 13 | </audio> |
| | 14 | </a> |
| | 15 | <div class="logo-wrapper"> |
| | 16 | <img class="img-responsive ct" src="img/zoo-landscape.png" /> |
| | 17 | </div> |
| | 18 | </div> |
| | 19 | </div> |
| | 20 | <div class="ground"> |
| | 21 | <div class="container"> |
| | 22 | <div class="row"> |
| | 23 | <div class="col-lg-12 frt"> |
| | 24 | <h1 class="home-heading">Open WPS platform</h1> |
| | 25 | </div> |
| | 26 | </div> |
| | 27 | <div class="row btm"> |
| | 28 | <div class="col-xs-12 col-sm-4 col-lg-4 text-center"> |
| | 29 | <ul class="ch-grid"> |
| | 30 | <li> |
| | 31 | <a href="zoo-kernel.html" class="ch-item ch-img-1"> |
| | 32 | <div class="ch-info-wrap ch-info-wrap-1"> |
| | 33 | <div class="ch-info"> |
| | 34 | <div class="ch-info-front ch-img-1"></div> |
| | 35 | <div class="ch-info-back ch-info-back-1"> |
| | 36 | <h3>ZOO</h3> |
| | 37 | <p>KERNEL</p> |
| | 38 | </div> |
| | 39 | </div> |
| | 40 | </div> |
| | 41 | </a> |
| | 42 | </li> |
| | 43 | </ul> |
| | 44 | <h2 class="sub">WPS Server</h2> |
| | 45 | <p class="int"><a href="">ZOO Kernel</a> is a powerful server-side C Kernel able to manage and chain WPS services, by loading dynamic libraries and code written in different languages.</p> |
| | 46 | </div> |
| | 47 | <div class="col-xs-12 col-sm-4 col-lg-4 text-center"> |
| | 48 | <ul class="ch-grid"> |
| | 49 | <li> |
| | 50 | <a href="zoo-services.html" class="ch-item ch-img-2"> |
| | 51 | <div class="ch-info-wrap ch-info-wrap-2"> |
| | 52 | <div class="ch-info"> |
| | 53 | <div class="ch-info-front ch-img-2"></div> |
| | 54 | <div class="ch-info-back"> |
| | 55 | <h3>ZOO</h3> |
| | 56 | <p>SERVICES</p> |
| | 57 | </div> |
| | 58 | </div> |
| | 59 | </div> |
| | 60 | </a> |
| | 61 | </li> |
| | 62 | </ul> |
| | 63 | <h2 class="sub">WPS Services</h2> |
| | 64 | <p class="int"><a href="">ZOO Services</a> is a growing collection of ready to use WPS services built on top of reliable open source libraries such as GDAL, GRASS, CGAL and more. </p> |
| | 65 | </div> |
| | 66 | <div class="col-xs-12 col-sm-4 col-lg-4 text-center"> |
| | 67 | <ul class="ch-grid"> |
| | 68 | <li> |
| | 69 | <a href="#" class="ch-item ch-img-3"> |
| | 70 | <div class="ch-info-wrap ch-info-wrap-3"> |
| | 71 | <div class="ch-info"> |
| | 72 | <div class="ch-info-front ch-img-3"></div> |
| | 73 | <div class="ch-info-back"> |
| | 74 | <h3>ZOO</h3> |
| | 75 | <p>API</p> |
| | 76 | </div> |
| | 77 | </div> |
| | 78 | </div> |
| | 79 | </a> |
| | 80 | </li> |
| | 81 | </ul> |
| | 82 | <h2 class="sub">WPS API</h2> |
| | 83 | <p class="int"><a href="">ZOO API</a> is a server side Javascript library designed to simplify the creation and chaining of WPS processes. </p> |
| | 84 | </div> |
| | 85 | </div> |
| | 86 | </div> |
| | 87 | |
| | 88 | <div class="bblock"> |
| | 89 | <h1 class="section-heading-w">Get started</h1> |
| | 90 | <div class="container"> |
| | 91 | <div class="col-xs-12 col-sm-4 col-lg-4 text-center"> |
| | 92 | <h2><i class="fa fa-wrench fa-1x"></i> Installation</h2> |
| | 93 | <ul class="list-group"> |
| | 94 | <li class="list-group-item list-group-item2"><a href="">Get the ZOO source code</a></li> |
| | 95 | <li class="list-group-item list-group-item2"><a href="">Install ZOO Kernel on Linux</a></li> |
| | 96 | <li class="list-group-item list-group-item2"><a href="">Install ZOO Kernel on Win32</a></li> |
| | 97 | <li class="list-group-item list-group-item2"><a href="">Test WPS requests</a></li> |
| | 98 | </ul> |
| | 99 | </div> |
| | 100 | <div class="col-xs-12 col-sm-4 col-lg-4 text-center"> |
| | 101 | <h2><i class="fa fa-book fa-1x"></i> Documentation</h2> |
| | 102 | <ul class="list-group"> |
| | 103 | <li class="list-group-item list-group-item2"><a href="">User guide</a></li> |
| | 104 | <li class="list-group-item list-group-item2"><a href="">Hello worlds</a></li> |
| | 105 | <li class="list-group-item list-group-item2"><a href="">ZCFG reference</a></li> |
| | 106 | <li class="list-group-item list-group-item2"><a href="">...</a></li> |
| | 107 | </ul> |
| | 108 | </div> |
| | 109 | <div class="col-xs-12 col-sm-4 col-lg-4 text-center"> |
| | 110 | <h2><i class="fa fa-map-marker fa-1x"></i> Examples</h2> |
| | 111 | <ul class="list-group"> |
| | 112 | <li class="list-group-item list-group-item2"><a href="">Cras justo odio</a></li> |
| | 113 | <li class="list-group-item list-group-item2"><a href="">Dapibus ac facilisis in</a></li> |
| | 114 | <li class="list-group-item list-group-item2"><a href="">Morbi leo risus</a></li> |
| | 115 | <li class="list-group-item list-group-item2"><a href="">Porta ac consectetur ac</a></li> |
| | 116 | </ul> |
| | 117 | </div> |
| | 118 | </div> |
| | 119 | </div> |
| | 120 | |
| | 121 | <div class="dblockp"> |
| | 122 | <div class="container"> |
| | 123 | <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-centered mtpp"> |
| | 124 | <div class="box"> |
| | 125 | <div class="box-icon"> |
| | 126 | <img src="img/zoo-sun-logo-big.png" class="img-responsive sunb" /> |
| | 127 | </div> |
| | 128 | <h1 class="zoot">ZOO</h1> |
| | 129 | |
| | 130 | <p class="text-center"> <a href="guidedtour.html" class="btn btn-warning btn-lg |
| | 131 | btnfc">Guided tour</a></p> |
| | 132 | |
| | 133 | |
| | 134 | |
| | 135 | </div> |
| | 136 | </div> |
| | 137 | </div> |
| | 138 | </div> |
| | 139 | |
| | 140 | <div class="cblock"> |
| | 141 | <div class="container"> |
| | 142 | <div class="col-lg-12 text-center"> |
| | 143 | <h1 class="section-heading"></h1> |
| | 144 | </div> |
| | 145 | <div class="col-xs-12 col-sm-4 col-lg-4 text-center"> |
| | 146 | <a href="#" class="tx"><img src="img/zoo-tshirt.png" class="img-responsive img-center" /></a> |
| | 147 | </div> |
| | 148 | <div class="col-xs-12 col-sm-8 col-lg-8 text-center"> |
| | 149 | <h1 class="bt">Wear a cool tshirt and support <span>ZOO-Project </span></h1> |
| | 150 | <a href="#" class="btn btn-warning btn-lg a-btn-2">Shop now</a> |
| | 151 | </div> |
| | 152 | </div> |
| | 153 | </div> |
| | 154 | }}} |
