https://wwf-congobasin-monitoring.org/

Scan-ID:
9932ef45-aa42-49bc-b484-523c297daa1fBeendet
Eingereichte URL:
https://wwf-congobasin-monitoring.org/
Bericht beendet:

Die von der Seite ausgehenden identifizierten Links

LinkText
https://www.worldwildlife.org/WWF International
https://www.wwf.fr/WWF France
https://www.wwf.de/WWF Deutschland

JavaScript-Variablen · 40 gefunden

Globale JavaScript-Variablen, die in das Window Object einer Seite geladen werden, sind Variablen, die außerhalb von Funktionen deklariert werden und von jeder Stelle des Codes innerhalb des aktuellen Bereichs zugänglich sind

NameTyp
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
mapboxglobject
$function
jQueryfunction
___FONT_AWESOME___object
FontAwesomeConfigobject
FontAwesomeobject
DataTablefunction

Konsolenprotokoll-Meldungen · 1 gefunden

In der Web-Konsole protokollierte Meldungen

TypKategorieProtokoll
warningother
URL
https://maps.googleapis.com/maps/api/js?key=AIzaSyCcABaamniA6OL5YvYSpB3pFMNrXwXnLwU
Text
Google Maps JavaScript API has been loaded directly without loading=async. This can result in suboptimal performance. For best-practice loading patterns please see https://goo.gle/js-api-loading

HTML

Der HTML-Rohtext der Seite

<!DOCTYPE html><html lang="fr" class="fontawesome-i2svg-active fontawesome-i2svg-complete"><head>

  <!-- Basic Page Needs
================================================== -->
  <meta charset="utf-8">

  <title>Congo Basin Impact Monitoring Portal</title>



  <!-- Mobile Specific Metas
================================================== -->
  <meta content="IE=edge" http-equiv="X-UA-Compatible">
  <meta content="Congo Basin Impact Monitoring Portal" name="description">
  <meta name="author" content="Arsene Soumeu">
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=5.0" name="viewport">

  <!-- Favicon
================================================== -->
  <style type="text/css">svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.3333333333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}</style><style type="text/css">:host,:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Solid";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Regular";--fa-font-light:normal 300 1em/1 "Font Awesome 6 Light";--fa-font-thin:normal 100 1em/1 "Font Awesome 6 Thin";--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone";--fa-font-sharp-solid:normal 900 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-regular:normal 400 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-light:normal 300 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-thin:normal 100 1em/1 "Font Awesome 6 Sharp";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}svg:not(:host).svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible;box-sizing:content-box}.svg-inline--fa{display:var(--fa-display,inline-block);height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-2xs{vertical-align:.1em}.svg-inline--fa.fa-xs{vertical-align:0}.svg-inline--fa.fa-sm{vertical-align:-.0714285705em}.svg-inline--fa.fa-lg{vertical-align:-.2em}.svg-inline--fa.fa-xl{vertical-align:-.25em}.svg-inline--fa.fa-2xl{vertical-align:-.3125em}.svg-inline--fa.fa-pull-left{margin-right:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-pull-right{margin-left:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-li{width:var(--fa-li-width,2em);top:.25em}.svg-inline--fa.fa-fw{width:var(--fa-fw-width,1.25em)}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:var(--fa-counter-background-color,#ff253a);border-radius:var(--fa-counter-border-radius,1em);box-sizing:border-box;color:var(--fa-inverse,#fff);line-height:var(--fa-counter-line-height,1);max-width:var(--fa-counter-max-width,5em);min-width:var(--fa-counter-min-width,1.5em);overflow:hidden;padding:var(--fa-counter-padding,.25em .5em);right:var(--fa-right,0);text-overflow:ellipsis;top:var(--fa-top,0);-webkit-transform:scale(var(--fa-counter-scale,.25));transform:scale(var(--fa-counter-scale,.25));-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:var(--fa-bottom,0);right:var(--fa-right,0);top:auto;-webkit-transform:scale(var(--fa-layers-scale,.25));transform:scale(var(--fa-layers-scale,.25));-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:var(--fa-bottom,0);left:var(--fa-left,0);right:auto;top:auto;-webkit-transform:scale(var(--fa-layers-scale,.25));transform:scale(var(--fa-layers-scale,.25));-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{top:var(--fa-top,0);right:var(--fa-right,0);-webkit-transform:scale(var(--fa-layers-scale,.25));transform:scale(var(--fa-layers-scale,.25));-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:var(--fa-left,0);right:auto;top:var(--fa-top,0);-webkit-transform:scale(var(--fa-layers-scale,.25));transform:scale(var(--fa-layers-scale,.25));-webkit-transform-origin:top left;transform-origin:top left}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.0833333337em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.0714285718em;vertical-align:.0535714295em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.0416666682em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width,2em) * -1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-color:var(--fa-border-color,#eee);border-radius:var(--fa-border-radius,.1em);border-style:var(--fa-border-style,solid);border-width:var(--fa-border-width,.08em);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1,1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1,1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}100%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1,1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1,1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}100%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,100%{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,100%{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}24%,8%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,40%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}24%,8%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,40%{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,0));transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;vertical-align:middle;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;z-index:var(--fa-stack-z-index,auto)}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-sr-only,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fa-sr-only-focusable:not(:focus),.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor);opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fa-duotone.fa-inverse,.fad.fa-inverse{color:var(--fa-inverse,#fff)}</style><link href="/static/images/logo.png" rel="icon" type="image/png">

  <!-- CSS
================================================== -->
  <!-- Bootstrap -->
  <link href="/static/plugins/bootstrap/bootstrap.min.css" rel="stylesheet">
  <!-- FontAwesome -->
  
  <!-- Animation -->
  <link href="/static/plugins/animate-css/animate.css" rel="stylesheet">
  <!-- slick Carousel -->
  <link href="/static/plugins/slick/slick.css" rel="stylesheet">
  <link href="/static/plugins/slick/slick-theme.css" rel="stylesheet">
  <!-- Colorbox -->
  <link href="/static/plugins/colorbox/colorbox.css" rel="stylesheet">
  <!-- Template styles-->
  
  <link href="/static/css/style.css" rel="stylesheet">
  <link href="/static/css/monstyle.css" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" integrity="sha512-c42qTSw/wPZ3/5LBzD+Bw5f7bSF2oxou6wEb+I/lqeaKV5FDIfMvvRp772y4jcJLKuGUOpbJMdg/BTl50fJYAw==" crossorigin="anonymous" referrerpolicy="no-referrer">

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.0/css/all.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/select2-bootstrap-5-theme.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer">
  <script src="https://api.mapbox.com/mapbox-gl-js/v2.10.0/mapbox-gl.js"></script>
  <link href="https://api.mapbox.com/mapbox-gl-js/v2.10.0/mapbox-gl.css" rel="stylesheet">
  
  
  <!-- Scripts -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/js/all.min.js" integrity="sha512-u3fPA7V8qQmhBPNT5quvaXVa1mnnLSXUep5PS1qo5NRzHwG19aHmNJnj1Q8hpA/nBWZtZD4r4AX6YOt5ynLN2g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.full.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.0/js/all.min.js"></script>
  <link href="/static/css/monstyle.css" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.2/css/jquery.dataTables.css">
  <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.13.2/js/jquery.dataTables.js"></script>
  
  <style>
    .dropbtn {
      background-color: #04AA6D;
      color: white;
      padding: 16px;
      font-size: 16px;
      border: none;
    }
    
    .dropdown {
      position: relative;
      display: inline-block;
    }
    /*.solid-bg{
      background-color: #EDEDED !important;
    }*/
    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f1f1f1;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
    }
    .ts-service-info h3{
      font-size: 2em;
      text-transform:uppercase;
    }
    .dropdown-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
    }
    
    .dropdown-content a:hover {background-color: #ddd;}
    
    .dropdown:hover .dropdown-content {display: block;}
    
    .dropdown:hover .dropbtn {background-color: #3e8e41;}
    #map-canvas {
      height: 100%;
      position: absolute; 
      top: 0; 
      bottom: -200px; 
      left: 0; 
      right: 0; 
      z-index: 0;
    }
    .carousel-control{
      /*background-color: #000 !important;*/
      padding: 20px;
      color: #fff !important;
      font-weight: bolder;
      font-size: 2.5em;

    }
    
    #container {
      z-index: 100;
      position: relative;
    }
    #contactform {
      z-index: 100;
      position: relative;
      height: auto;
      opacity: .98; /* Set the opacity for a slightly transparent Google Form */
      color: white;
      padding: 04px;
    }
    .datalist,.datalist tr{
      padding: 0px !important;
      margin: 0px !important;
    }
   .datalist td,th
   {
    /*list-style-type: none;*/
    text-align: left;
    font-size:1em !important
   }
   .table td, .table th {
    padding: 0.1rem !important; 
    vertical-align: top;
    border-top: 1px solid #fff;
    /*font-size: 0.7em !important;*/
  }
  section, .section-padding {
    padding: 30px 0 !important;
    position: relative;
  }
  .hover_orange_white:hover{
    border:1px solid white;
    /*color: #f07d00 !important;*/

  }
  table.dataTable tbody th, table.dataTable tbody td{
    padding: 1px 4px !important;
    
  }
  .gallery-popup2 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    padding: 5px 12px;
    background: #197627; 
    color: #fff;
    opacity: 0;
    
    -webkit-transform: perspective(1px) scale3d(0, 0, 0); 
    transform: perspective(1px) scale3d(0, 0, 0); 
    transition: all 400ms; 
}
label{
  font-weight: bold;
}
.list-unstyled img:hover{
  border: 1px  solid !important;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 0.2rem 0.35rem !important;
  color: #000;
  background-color: #fff;
  font-size: 1em;
  font-weight: bold;
  border: none;
  margin: 5px;
}
.list-group-item.active,.list-group-item:hover {

  background-color: #fff;
  border: 1.5px solid #197627;
  padding: 0.2rem 0.35rem;
  border-radius: 5px;
  color: #197627;
  /*text-decoration: underline;*/
  /*border: 1px solid rgba(0,0,0,.125);*/
}
.hide{
  display: none !important;
}
.show{
  display: block !important;
}
.smallimg{
  height: 25px;
  width: 25px;
  margin-right: 5px;
  border: none !important;
}
#changelist-filter {
  flex: 0 0 240px;
  order: 1;
  max-height: 800px;
  overflow-y: scroll;
  border-left: none;
  margin: 0 0 0 30px;
}
body, p {
  font-family: "open sans";
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased !important;
  line-height: 26px;
  font-size: 1em;
}
li {
  font-size:1em;
}
.list-collapse{
  {
    margin: 0px;
    padding: 0px;
    max-height: 200px !important;
    overflow-y: auto;
    text-align: left;
    
}
.list-collapse li:hover{
  /*font-weight: bold;*/
}
}
footer a:hover{
  color: green !important;
}
.post{
  box-shadow:0 0 5px #fff !important;
  padding: 10px;
  border-radius: 15px;
  /*height: 490px !important;*/
  margin-top: 10px !important;
  height: 500px !important;
  overflow-y:hidden !important;
  
}
.ts-team-wrapper .ts-team-content2 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 15px 25px;
  margin-top: 0;
  color: #572F20;
  min-height: 450px;
  border-radius:32px;
  background: #C8D8C0;
  transition: 350ms;
  opacity: 0.95;
}
.ts-team-wrapper, .border-radius{
  
  border-radius:32px !important;
}
.ts-team-wrapper .ts-team-content2:hover a,.ts-team-content:hover a {
  text-decoration: underline;
  text-align: center !important;

}
header:hover{
  opacity: 1 !important;
}
.ts-team-wrapper .ts-team-content {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 15px 25px;
  margin-top: -32px;
  color: #F2EFE3;
  min-height: 450px;
  border-radius:32px;
  background: rgb(25, 118, 39);
  transition: 350ms;
  opacity: 0.95;
}
.post:hover{
  box-shadow:0 0 5px #197627 !important;
  padding: 10px;
  border-radius: 15px;
  /*height: 490px !important;*/
  margin-top: 10px !important;
  
}
.post2,.box{
  /*box-shadow:0 0 5px #FFF !important;*/
  padding: 10px;
  border-radius: 15px;
  /*height: 490px !important;*/
  margin-top: 10px !important;
  height: 500px !important;
  background: #fff;
  overflow-y:hidden !important;
  
}
.post2:hover{
  box-shadow:0 0 15px #fff !important;
  padding: 10px;
  border-radius: 15px;
  /*height: 490px !important;*/
  margin-top: 10px !important;
  
}
.parent {

  /*border: 1px solid #AAA;*/
  overflow: hidden;
}

.child {
  height: 100%;
  margin-right: -50px; /* Maximum width of scrollbar */
  padding-right: 50px; /* Maximum width of scrollbar */
  overflow-y: scroll;
}
.post-media{
  border-radius:15px !important;
} 
.post-body{
  height: 400px !important;
  overflow-y:hidden !important;
}
.post-footer{
  text-align: center;
}
/*  .post-video{
  height:25px;
} */
.post-body{

  padding: 10px !important; 
  text-align: left;
}
.wwftitle{
  font-family:'WWF';
  font-size:2.4em !important;
}
  .nav.nav-pills-green .nav-link.active{
    background-color: #197627 !important;
    color: #fff !important;
  }
  h1, h2, h3, h4, h5, h6 {
    color: #212121;
    font-family: WWF;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 500 !important;
}
  p,a,li {
    font-family:"open sans" !important;
    
  }
  h3{
    font-size:28px !important;
  }
  .accordion-group .card-header .btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 300;
    padding: 13px 15px;
    padding-bottom: 10px;
}
  </style>
<script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/59/1/common.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/59/1/util.js"></script></head>
<body>
  <div class="body-inner">

        



<!-- Header start -->
<div class="" style="background-color: #000 !important; ">
  <div style="border-bottom: 0.1px solid; border-radius: 100px !important; background-color:white !important; ">


    <header class="header-two" id="header" style="opacity: 0.999; background-color: rgb(135, 138, 19); box-shadow: none; padding: 0px !important;">
      <div class="site-navigation">
        <div class="container">
            <div class="row">
              <div class="col-lg-12">
                
<nav class="navbar navbar-expand-lg navbar-black p-2">

    <div class="logo">
        <a class="d-block" href="/">
          <img alt="WWF" loading="lazy" src="/static/images/logo_medium.jpg" style="height: 80px  !important;  width: 80px  !important; background:white;">
        </a>
    </div><!-- logo end -->

    <button style="background-color:black; color:white;" class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbar-collapse" aria-expanded="false" aria-label="Toggle navigation">
         <b>Pages</b> <svg class="svg-inline--fa fa-bars navbar-toggler-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bars" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg><!-- <span class="navbar-toggler-icon fa fa-bars
            "></span> Font Awesome fontawesome.com -->
    </button>

    <div class="collapse navbar-collapse" id="navbar-collapse" style="max-height: calc(100vh - 96px);">
        <ul class="nav navbar-nav ml-auto align-items-center pt-3">
            <li class="active-nav nav-elt"><a href="/">Home</a></li>
            
            <li class="nav-item dropdown    ">
                <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">About <svg class="svg-inline--fa fa-angle-down" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="fa fa-angle-down"></i> Font Awesome fontawesome.com --> </a>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="/about/">The Programme</a></li>
                    <li><a href="/team/">The team</a></li>

                
                </ul> 
            </li>
            <li class=" nav-elt"><a href="/news/">Activities</a></li>

            
            <li class="nav-item dropdown ">
                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Key information <svg class="svg-inline--fa fa-angle-down" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="fa fa-angle-down"></i> Font Awesome fontawesome.com --></a>
                <ul class="dropdown-menu" role="menu">
                  <li><a href="/pillar/Wildlife">Monitoring Pillars &amp; Indicators</a></li>
                  <li><a href="/information/region/1">Area of interest</a></li>
                  
                </ul>
            </li>
            
            <li class="nav-item  nav-elt ">
                <a class=" " href="/gallery/"> Gallery </a>
            </li>   
            <li class="nav-item  nav-elt ">
                <a class=" " href="/document/"> Library </a>
            </li>
            
            
                
                
                <li class="nav-item  nav-elt ">
                    <a href="/result/" style=""> Dashboard</a>
                </li>
                
                
            

            
            
            
            
                <li class="header-get-a-quote ">
                    <a class="btn btn-primary a-underline-hover text-white   " href="/signin/" style="border-radius: 32px; background-color: white; color: black !important;">Sign In</a>
                </li>
            
        </ul>
    </div>
  </nav>
              </div>
              <!--/ Col end -->
            </div>
            <!--/ Row end -->
        </div>
        <!--/ Container end -->

      </div>
      <!--/ Navigation end -->
    </header>
    <!--/ Header end -->

    <div class="banner-carousel banner-carousel-1 mb-0 slick-initialized slick-slider slick-dotted" style="max-height: 590px !important; "><button type="button" class="carousel-control left slick-arrow" aria-label="carousel-control" style=""><svg class="svg-inline--fa fa-chevron-left" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-left" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"></path></svg><!-- <i class="fas fa-chevron-left"></i> Font Awesome fontawesome.com --></button>
      
      
      <div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 5530px; transform: translate3d(-1580px, 0px, 0px);"><div class="banner-carousel-item slick-slide slick-cloned" style="margin-top: -10px; background-image: url(&quot;../static/images/home/slide/slide1.jpg&quot;); max-height: 500px !important; width: 790px;" data-slick-index="-1" id="" aria-hidden="true" tabindex="-1">
      
        <div class="slider-content text-left">
          <div class="container h-100">
            <div class="row align-items-center h-100">
              <div class="col-md-12 colorbg border-radius" style="background-color: #878A13; opacity: 0.85; margin-top:-70px">
                <h1 class="slide-title text-center" data-animation-in="fadeIn" style="opacity: 0;">Be part of our conservation journey by contributing to the ongoing monitoring and evaluation effort in the Congo Basin </h1>
                <p style="font-size:2em" class="slide-sub-title text-center">Congo basin Monitoring and  Evaluation database</p>
                <p class="d-none d-sm-block box-slide-description">
                  <!--<ul style="font-size: 1.4em;">
                    <li>To know the natural capital in order to sustainably manage it </li>
                    <li>Properly orientate actions to optimize conservation efforts</li>
                    <li>Evaluate the efforts and impacts of actions and programs</li>
                  </ul>-->
                
                
                </p>
               
              </div>
            </div>
          </div>
        </div>
      </div><div class="banner-carousel-item slick-slide" style="margin-top: -10px; background-image: url(&quot;../static/images/bg1.JPG&quot;); max-height: 500px !important; width: 790px;" data-slick-index="0" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide00" aria-describedby="slick-slide-control00">
      
        <div class="slider-content text-left">
          <div class="container h-100">
            <div class="row align-items-center h-100">
              <div class="col-md-12 colorbg border-radius" style="background-color: /*#59914F*/#197627; opacity: 0.80; margin-top:-60px">
                <h1 class="slide-title text-center" data-animation-in="fadeIn" style="opacity: 0;">Welcome to the Congo Basin Monitoring and Evaluation Database</h1>
                <p class="slide-sub-title text-center" style="font-size:1.8em">Supporting Conservation Through Effective Data Management</p>
                <div class="row justify-content-center">
                  <div class="col-6 row justify-content-center"> 
                    <a class="btn btn-primary m-auto a-underline-hover text-white m-2" href="/result/" style="border-radius: 32px; background-color: white; color: black !important;" tabindex="-1">Access the Database</a>
                  </div>
                </div>
                <p class="d-none d-sm-block box-slide-description">
                  <!--<ul style="font-size: 1.4em;">
                    <li>To know the natural capital in order to sustainably manage it </li>
                    <li>Properly orientate actions to optimize conservation efforts</li>
                    <li>Evaluate the efforts and impacts of actions and programs</li>
                  </ul>-->
                
                
                </p>
               
              </div>
            </div>
          </div>
        </div>
      </div><div class="banner-carousel-item slick-slide slick-current slick-active" style="margin-top: -10px; background-image: url(&quot;../static/images/home/home2.jpg&quot;); max-height: 500px !important; width: 790px;" data-slick-index="1" aria-hidden="false" tabindex="0" role="tabpanel" id="slick-slide01" aria-describedby="slick-slide-control01">
        <div class="slider-content text-left">
          <div class="container h-100">
            <div class="row align-items-center h-100">
              <div class="col-md-12 colorbg border-radius" style="background-color: /*#59914F*/#878A13; opacity: 0.80; margin-top:-70px">
                <h1 class="slide-title text-center fadeIn animated" data-animation-in="fadeIn" style="opacity: 1;">Be part of our conservation journey by contributing to the ongoing monitoring and evaluation effort in the Congo Basin </h1>
                <p style="font-size:2em" class="slide-sub-title text-center">Congo basin Monitoring and  Evaluation database</p>
                <p class="d-none d-sm-block box-slide-description">
                  <!--<ul style="font-size: 1.4em;">
                    <li>To know the natural capital in order to sustainably manage it </li>
                    <li>Properly orientate actions to optimize conservation efforts</li>
                    <li>Evaluate the efforts and impacts of actions and programs</li>
                  </ul>-->
                
                
                </p>
               
              </div>
            </div>
          </div>
        </div>
      </div><div class="banner-carousel-item slick-slide" style="margin-top: -10px; background-image: url(&quot;../static/images/home/slide/slide1.jpg&quot;); max-height: 500px !important; width: 790px;" data-slick-index="2" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide02" aria-describedby="slick-slide-control02">
      
        <div class="slider-content text-left">
          <div class="container h-100">
            <div class="row align-items-center h-100">
              <div class="col-md-12 colorbg border-radius" style="background-color: #878A13; opacity: 0.85; margin-top:-70px">
                <h1 class="slide-title text-center" data-animation-in="fadeIn" style="opacity: 0;">Be part of our conservation journey by contributing to the ongoing monitoring and evaluation effort in the Congo Basin </h1>
                <p style="font-size:2em" class="slide-sub-title text-center">Congo basin Monitoring and  Evaluation database</p>
                <p class="d-none d-sm-block box-slide-description">
                  <!--<ul style="font-size: 1.4em;">
                    <li>To know the natural capital in order to sustainably manage it </li>
                    <li>Properly orientate actions to optimize conservation efforts</li>
                    <li>Evaluate the efforts and impacts of actions and programs</li>
                  </ul>-->
                
                
                </p>
               
              </div>
            </div>
          </div>
        </div>
      </div><div class="banner-carousel-item slick-slide slick-cloned" style="margin-top: -10px; background-image: url(&quot;../static/images/bg1.JPG&quot;); max-height: 500px !important; width: 790px;" data-slick-index="3" id="" aria-hidden="true" tabindex="-1">
      
        <div class="slider-content text-left">
          <div class="container h-100">
            <div class="row align-items-center h-100">
              <div class="col-md-12 colorbg border-radius" style="background-color: /*#59914F*/#197627; opacity: 0.80; margin-top:-60px">
                <h1 class="slide-title text-center" data-animation-in="fadeIn" style="opacity: 0;">Welcome to the Congo Basin Monitoring and Evaluation Database</h1>
                <p class="slide-sub-title text-center" style="font-size:1.8em">Supporting Conservation Through Effective Data Management</p>
                <div class="row justify-content-center">
                  <div class="col-6 row justify-content-center"> 
                    <a class="btn btn-primary m-auto a-underline-hover text-white m-2" href="/result/" style="border-radius: 32px; background-color: white; color: black !important;" tabindex="-1">Access the Database</a>
                  </div>
                </div>
                <p class="d-none d-sm-block box-slide-description">
                  <!--<ul style="font-size: 1.4em;">
                    <li>To know the natural capital in order to sustainably manage it </li>
                    <li>Properly orientate actions to optimize conservation efforts</li>
                    <li>Evaluate the efforts and impacts of actions and programs</li>
                  </ul>-->
                
                
                </p>
               
              </div>
            </div>
          </div>
        </div>
      </div><div class="banner-carousel-item slick-slide slick-cloned" style="margin-top: -10px; background-image: url(&quot;../static/images/home/home2.jpg&quot;); max-height: 500px !important; width: 790px;" data-slick-index="4" id="" aria-hidden="true" tabindex="-1">
        <div class="slider-content text-left">
          <div class="container h-100">
            <div class="row align-items-center h-100">
              <div class="col-md-12 colorbg border-radius" style="background-color: /*#59914F*/#878A13; opacity: 0.80; margin-top:-70px">
                <h1 class="slide-title text-center" data-animation-in="fadeIn" style="opacity: 0;">Be part of our conservation journey by contributing to the ongoing monitoring and evaluation effort in the Congo Basin </h1>
                <p style="font-size:2em" class="slide-sub-title text-center">Congo basin Monitoring and  Evaluation database</p>
                <p class="d-none d-sm-block box-slide-description">
                  <!--<ul style="font-size: 1.4em;">
                    <li>To know the natural capital in order to sustainably manage it </li>
                    <li>Properly orientate actions to optimize conservation efforts</li>
                    <li>Evaluate the efforts and impacts of actions and programs</li>
                  </ul>-->
                
                
                </p>
               
              </div>
            </div>
          </div>
        </div>
      </div><div class="banner-carousel-item slick-slide slick-cloned" style="margin-top: -10px; background-image: url(&quot;../static/images/home/slide/slide1.jpg&quot;); max-height: 500px !important; width: 790px;" data-slick-index="5" id="" aria-hidden="true" tabindex="-1">
      
        <div class="slider-content text-left">
          <div class="container h-100">
            <div class="row align-items-center h-100">
              <div class="col-md-12 colorbg border-radius" style="background-color: #878A13; opacity: 0.85; margin-top:-70px">
                <h1 class="slide-title text-center" data-animation-in="fadeIn" style="opacity: 0;">Be part of our conservation journey by contributing to the ongoing monitoring and evaluation effort in the Congo Basin </h1>
                <p style="font-size:2em" class="slide-sub-title text-center">Congo basin Monitoring and  Evaluation database</p>
                <p class="d-none d-sm-block box-slide-description">
                  <!--<ul style="font-size: 1.4em;">
                    <li>To know the natural capital in order to sustainably manage it </li>
                    <li>Properly orientate actions to optimize conservation efforts</li>
                    <li>Evaluate the efforts and impacts of actions and programs</li>
                  </ul>-->
                
                
                </p>
               
              </div>
            </div>
          </div>
        </div>
      </div></div></div>
      
      
      
      
      
    <button type="button" class="carousel-control right slick-arrow" aria-label="carousel-control" style=""><svg class="svg-inline--fa fa-chevron-right" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg><!-- <i class="fas fa-chevron-right"></i> Font Awesome fontawesome.com --></button><ul class="slick-dots" style="" role="tablist"><li class="" role="presentation"><button type="button" role="tab" id="slick-slide-control00" aria-controls="slick-slide00" aria-label="1 of 3" tabindex="-1">1</button></li><li role="presentation" class="slick-active"><button type="button" role="tab" id="slick-slide-control01" aria-controls="slick-slide01" aria-label="2 of 3" tabindex="0" aria-selected="true">2</button></li><li role="presentation"><button type="button" role="tab" id="slick-slide-control02" aria-controls="slick-slide02" aria-label="3 of 3" tabindex="-1">3</button></li></ul></div>
    

    
  
    
    
    <section class="d-none d-md-block d-xxl-bock" style="margin-top: -65px;     border-radius: 100px  !important;background: white;  margin-left: 50px; margin-right: 50px; ">
      <h1 class="text-center wwftitle text-uppercase pt-5 pb-5"> About the Database</h1>
      <div class="container">
        
        <div class="row container">
          <p class=" text-justify pl-3" style="font-size: 1.05em;">
            The Congo Basin Monitoring and Evaluation Database is designed to enhance conservation efforts through structured data management and sharing. It integrates ecological, socio-economic, and policy-related data from various sources, providing vital information for decision-making in conservation projects.
          </p>
          <div class="col-md-8 text-center text-md-left pr-4">

            <h3 class="text-left text-uppercase pb-2 pt-2 text-bold ">Why this database ?</h3>
            <p class=" text-justify" style="font-size: 1.05em;">
              This database was designed to provide access to reliable ecological and socio-economic data from WWF-supported programmes in the Congo Basin. It is also a repository to facilitate information sharing, communication, and learning for users. It also depicts the outcomes and impacts of WWF conservation and sustainable development efforts.
            </p>
            <h3 class="text-left text-uppercase pb-2 pt-2 text-bold ">How to use it ?</h3>
            <p class=" text-justify" style="font-size: 1.05em;">
              The results are compiled on different geographic and thematic issues linked to WWF conservation and sustainable development programmes. Being a semi-open kind of database, you can sort and filter from the home page on different topics of your choice and needs. 
            </p>

          </div>
          <div class="col-lg-4 col-md-4 mb-5" id="image" style="border-radius: 20px; padding: 20px; background-color: rgb(135, 138, 19);">
            <div class="ts-service-box mt-5 ml-5 "> 
                <div class="ts-service-image-wrapper " data-animation-in="fadeIn">
                  <img loading="lazy " class="w-100 pt-5" src="/static/images/mask2.png" alt="service-image">
                </div>
                
            </div><!-- Service1 end -->
          </div>
          
      

        </div>
      </div>
    </section>
    <section class="d-block d-sm-block d-xs-block d-md-none d-xl-none d-lg-none" style="border-radius: 0px 0px 0 0 !important;background: white;  margin-left: 50px; margin-right: 50px; ">
      
      <h1 class="text-center wwftitle text-uppercase pt-5 pb-5"> About the Database</h1>
        
        <div class="row ">
          <p class=" text-justify" style="font-size: 1.05em;">
            The Congo Basin Monitoring and Evaluation Database is designed to enhance conservation efforts through structured data management and sharing. It integrates ecological, socio-economic, and policy-related data from various sources, providing vital information for decision-making in conservation projects.
          </p>
          <div class="col-md-12 text-center text-md-left">

            <h3 class="text-left text-uppercase pb-2 pt-2 text-bold ">Why this database ?</h3>
            <p class=" text-justify" style="font-size: 1.05em;">
              This database was designed to provide access to reliable ecological and socio-economic data from WWF-supported programmes in the Congo Basin. It is also a repository to facilitate information sharing, communication, and learning for users. It also depicts the outcomes and impacts of WWF conservation and sustainable development efforts.
            </p>
            <h3 class="text-left text-uppercase pb-2 pt-2 text-bold ">How to use it ?</h3>
            <p class=" text-justify" style="font-size: 1.05em;">
              The results are compiled on different geographic and thematic issues linked to WWF conservation and sustainable development programmes. Being a semi-open kind of database, you can sort and filter from the home page on different topics of your choice and needs. 
            </p>

          </div>
          
      

        </div>
    </section>
    <section class="d-none d-md-block d-lg-block " style="background-color: #C8D8C0; border-radius: 0 0 100px 100px;  margin-left: 50px; margin-right: 50px; margin-bottom: 50px;">
      <div class="container">
        <h1 class="text-center wwftitle text-uppercase"> Data coverage sites</h1>
        
        <div class="row" style="border: 0px solid white; width: 100%; margin-left: 0.5px;">
          
          <div class="col-md-4  ts-facts">
            
            <div class="ts-facts-content">
              <h3 style="color: #59914F;" class="ts-facts-num text-center"><span class="counterUp" data-count="5">0</span></h3>
              <div class="accordion accordion-group accordion-classic" id="construction-accordion">
                <div class="card border-radius" style="background-color: white ;">
                  <div class="card-header p-0 bg-transparent" id="headingOne">
                    
                    <p class="ts-facts-title">
                      <button style="color: #59914F !important; font-weight:bold;" s="" class="btn btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                        Countries <svg class="svg-inline--fa fa-angle-down pl-2" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="pl-2 fa fa-angle-down"></i> Font Awesome fontawesome.com -->
                      </button>
                    </p>
                  </div>
  
                  <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#construction-accordion">
                    <div class="card-body" style="color: #000 !important;">
                      <ul class="list-collapse" style="
                      margin: 0px;
                      padding: 0px;
                      text-align: left;
                      max-height: 200px !important;
                      overflow-y: auto;
                      
                  ">
           
                        
                          <li><a class="dropdown-item" href="/information/country/1"><b>* </b>  Cameroon</a></li>
                        
                          <li><a class="dropdown-item" href="/information/country/2"><b>* </b>  Central African Republic</a></li>
                        
                          <li><a class="dropdown-item" href="/information/country/4"><b>* </b>  Democratic Republic of Congo</a></li>
                        
                          <li><a class="dropdown-item" href="/information/country/5"><b>* </b>  Gabon</a></li>
                        
                          <li><a class="dropdown-item" href="/information/country/3"><b>* </b>  Republic of Congo</a></li>
                        
  
                      </ul>
                    </div>
                  </div>
                </div>
  
              </div>
              
            </div>
        </div><!-- Col end -->
  
        <div class="col-md-4  ts-facts mt-2 mt-sm-0">
          
          <div class="ts-facts-content">
            <h3 style="color: #9a681c;" class="ts-facts-num text-center"><span class="counterUp" data-count="11">0</span></h3>
            <div class="accordion accordion-group accordion-classic" id="construction-accordion">
              <div class="card border-radius" style="background-color: white ;">
                <div class="card-header p-0 bg-transparent" id="headingTwo">
                  
                  <p class="ts-facts-title">
                    <button style="color: #9a681c !important; font-weight:bold;" class="btn btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                      Landscapes <svg class="svg-inline--fa fa-angle-down pl-2" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="pl-2 fa fa-angle-down"></i> Font Awesome fontawesome.com -->
                    </button>
                  </p>
                </div>
  
                <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#construction-accordion">
                  <div class="card-body" style="color: #000 !important;">
                    <ul class="list-collapse" style="
                    margin: 0px;
                    padding: 0px;
                    max-height: 200px !important;
                    overflow-y: auto;
                     text-align: left; 
                ">
                      
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1850"><b>* </b>Bas-congo</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1848"><b>* </b>Bas-Ogooue</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1838"><b>* </b>Campo Ma'an</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1839"><b>* </b>Dja-Odzala-Minkebe Trinational</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1840"><b>* </b>Gamba-Mayumba-Conkouati</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1847"><b>* </b>Lac Tele-Lac Tumba</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1845"><b>* </b>Maiko-Tayna-Kahuzi-Biega</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1846"><b>* </b>Mount Cameroon-Korup-Bakossi</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1842"><b>* </b>Salonga-Lukenie-Sankuru</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1843"><b>* </b>Sangha Trinational</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1849"><b>* </b>Virunga</a></li>
                      
  
                    </ul>
                  </div>
                </div>
              </div>
  
            </div>
            <!--/ Accordion end -->
          </div>
        </div><!-- Col end -->
  
        
        <div class="col-md-4  ts-facts mt-5 mb-5 mt-md-0">
          
          <div class="ts-facts-content">
            <h3 style="color: #8CC63F;" class="ts-facts-num text-center"><span class="counterUp" data-count="77">0</span></h3>
              <div class="accordion accordion-group accordion-classic" id="construction-accordion">
                <div class="card border-radius" style="background-color: white ;">
                  <div class="card-header p-0 bg-transparent" id="headingFour">
                    
                    <p class="ts-facts-title">
                      <button style="color: #8CC63F !important; font-weight:bold;" class="btn btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseThree">
                      Sites  <svg class="svg-inline--fa fa-angle-down pl-2" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="pl-2 fa fa-angle-down"></i> Font Awesome fontawesome.com -->
                      </button>
                    </p>
                  </div>
  
                  <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#construction-accordion">
                    <div class="card-body" style="color: #000 !important;">
                      <ul class="list-collapse" style="
                      max-height: 200px !important;
                      overflow-y: auto;
                      margin: 0px;
                      padding: 0px;
                       text-align: left; 
                  ">
                  
                        
                          <li> <a class="dropdown-item" href="/information/site/185"><b>* </b>Banyang-Mbo Wildlife Sanctuary  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/32"><b>* </b>Bas-Ogooue_Ramsar Site  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/3"><b>* </b>Boumba Bek National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/1"><b>* </b>Campo Ma'an National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/137"><b>* </b>CPAET Bayonne  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/138"><b>* </b>CPAET Mavoungou  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/38"><b>* </b>Dja Faunal Reserve  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/39"><b>* </b>Djoua Ivindo  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/40"><b>* </b>Djoua-Zadie Forest  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/15"><b>* </b>Dzanga-Sangha Protected Areas  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/21"><b>* </b>Espace Tridom Interzone Congo  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/24"><b>* </b>Gamba  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/42"><b>* </b>Haut-Abanga  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/188"><b>* </b>Ivindo National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/28"><b>* </b>Korup National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/8"><b>* </b>Loango National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/2"><b>* </b>Lobeke National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/44"><b>* </b>Lokoro-Lukenie  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/45"><b>* </b>Lotoi-Lokoro Lokolo  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/46"><b>* </b>Lukenie – Sankuru  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/16"><b>* </b>Luki Integrale Nature Reserve  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/47"><b>* </b>Maiko National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/6"><b>* </b>Malebo Forest  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/26"><b>* </b>Mandji  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/48"><b>* </b>Mengame Wildlife Sanctuary  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/14"><b>* </b>Messok Dja Proposed&nbsp;protected&nbsp;area  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/10"><b>* </b>Minkebe National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/158"><b>* </b>Mintom Communal Forest  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/9"><b>* </b>Moukalaba Doudou National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/34"><b>* </b>Mount Cameroon National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/50"><b>* </b>Ndoki_Likouala  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/23"><b>* </b>Ngiri Triangle Nature Reserve  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/156"><b>* </b>Ngoyla Faunal Reserve  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/4"><b>* </b>Nki National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/187"><b>* </b>Ntokou Pikounda National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/186"><b>* </b>Ntokou Pikounda NP-UFE Pikounda Nord  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/183"><b>* </b>Ntokou Pikounda NP-UFE Pikounda Nord-Atama Palmeraie-Ntokou Sud  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/51"><b>* </b>Ntokou Pikounda NP-UFE Pikounda Nord-UFA Ngombe  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/57"><b>* </b>Odzala-Kokoua National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/27"><b>* </b>Rabi  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/7"><b>* </b>Salonga National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/35"><b>* </b>Tumba Lediima Nature Reserve  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/140"><b>* </b>UFA09-001  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/141"><b>* </b>UFA09-002  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/73"><b>* </b>UFA 09-021  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/74"><b>* </b>UFA 09-024  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/75"><b>* </b>UFA 09-025  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/149"><b>* </b>UFA 10-008  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/150"><b>* </b>UFA 10-009  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/151"><b>* </b>UFA 10-010  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/152"><b>* </b>UFA 10-012  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/83"><b>* </b>UFA 10-013  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/85"><b>* </b>UFA 10-015  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/153"><b>* </b>UFA 10-018  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/168"><b>* </b>UFA10-020  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/169"><b>* </b>UFA10-021  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/154"><b>* </b>UFA10-022  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/88"><b>* </b>UFA10-023  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/142"><b>* </b>UFA10-027  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/143"><b>* </b>UFA10-028  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/172"><b>* </b>UFA10-029  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/173"><b>* </b>UFA10-030  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/144"><b>* </b>UFA10-032  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/145"><b>* </b>UFA10-033  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/146"><b>* </b>UFA10-035  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/147"><b>* </b>UFA10-036  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/89"><b>* </b>UFA 10-052  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/92"><b>* </b>UFA 10-064  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/148"><b>* </b>UFA10-067  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/95"><b>* </b>UFA Kivoro  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/72"><b>* </b>UFA Tala-Tala  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/119"><b>* </b>Virunga National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/122"><b>* </b>Wonga-Wongue Special Reserve  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/126"><b>* </b>ZIC-GC10  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/127"><b>* </b>ZIC-GC14  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/128"><b>* </b>ZIC-GC8  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/129"><b>* </b>ZIC-GC9  </a></li>
                        
                      </ul>
                    </div>
                  </div>
                </div>
  
              </div>
              <!--/ Accordion end -->
           
            
          </div>
        </div><!-- Col end -->
  
        <!-- Col end -->
  
        </div>
        
  
      </div>
        
      </section></div>
      
    
    <section class="d-block d-sm-block d-xs-block d-md-none d-xl-none d-lg-none" style="background-color: #C8D8C0; border-radius: 0 0 0px 0px;  margin-left: 50px; margin-right: 50px; margin-bottom: 50px;">
      <div class="container">
        <h1 class="text-center wwftitle text-uppercase"> Data coverage sites</h1>
        <div class="row" style="border: 0px solid white; width: 100%; margin-left: 0.5px;">
          
          <div class="col-md-4  ts-facts">
            
            <div class="ts-facts-content">
              <h3 style="color: #59914F;" class="ts-facts-num text-center"><span class="counterUp" data-count="5">0</span></h3>
              <div class="accordion accordion-group accordion-classic" id="construction-accordion">
                <div class="card" style="background-color: white ;">
                  <div class="card-header p-0 bg-transparent" id="headingOne">
                    
                    <h3 class="ts-facts-title">
                      <button style="color: #59914F !important;" s="" class="btn btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                        Countries <svg class="svg-inline--fa fa-angle-down pl-2" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="pl-2 fa fa-angle-down"></i> Font Awesome fontawesome.com -->
                      </button>
                    </h3>
                  </div>
  
                  <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#construction-accordion">
                    <div class="card-body" style="color: #000 !important;">
                      <ul class="list-collapse" style="
                      margin: 0px;
                      padding: 0px;
                      text-align: left;
                      max-height: 200px !important;
                      overflow-y: auto;
                      
                  ">
           
                        
                          <li><a class="dropdown-item" href="/information/country/1"><b>* </b>  Cameroon</a></li>
                        
                          <li><a class="dropdown-item" href="/information/country/2"><b>* </b>  Central African Republic</a></li>
                        
                          <li><a class="dropdown-item" href="/information/country/4"><b>* </b>  Democratic Republic of Congo</a></li>
                        
                          <li><a class="dropdown-item" href="/information/country/5"><b>* </b>  Gabon</a></li>
                        
                          <li><a class="dropdown-item" href="/information/country/3"><b>* </b>  Republic of Congo</a></li>
                        
  
                      </ul>
                    </div>
                  </div>
                </div>
  
              </div>
              
            </div>
        </div><!-- Col end -->
  
        <div class="col-md-4  ts-facts mt-2 mt-sm-0">
          
          <div class="ts-facts-content">
            <h3 style="color: #9a681c;" class="ts-facts-num text-center"><span class="counterUp" data-count="11">0</span></h3>
            <div class="accordion accordion-group accordion-classic" id="construction-accordion">
              <div class="card" style="background-color: white ;">
                <div class="card-header p-0 bg-transparent" id="headingTwo">
                  
                  <h3 class="ts-facts-title">
                    <button style="color: #9a681c !important;" class="btn btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                      Landscapes <svg class="svg-inline--fa fa-angle-down pl-2" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="pl-2 fa fa-angle-down"></i> Font Awesome fontawesome.com -->
                    </button>
                  </h3>
                </div>
  
                <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#construction-accordion">
                  <div class="card-body" style="color: #000 !important;">
                    <ul class="list-collapse" style="
                    margin: 0px;
                    padding: 0px;
                    max-height: 200px !important;
                    overflow-y: auto;
                     text-align: left; 
                ">
                      
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1850"><b>* </b>Bas-congo</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1848"><b>* </b>Bas-Ogooue</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1838"><b>* </b>Campo Ma'an</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1839"><b>* </b>Dja-Odzala-Minkebe Trinational</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1840"><b>* </b>Gamba-Mayumba-Conkouati</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1847"><b>* </b>Lac Tele-Lac Tumba</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1845"><b>* </b>Maiko-Tayna-Kahuzi-Biega</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1846"><b>* </b>Mount Cameroon-Korup-Bakossi</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1842"><b>* </b>Salonga-Lukenie-Sankuru</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1843"><b>* </b>Sangha Trinational</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1849"><b>* </b>Virunga</a></li>
                      
  
                    </ul>
                  </div>
                </div>
              </div>
  
            </div>
            <!--/ Accordion end -->
          </div>
        </div><!-- Col end -->
  
        
        <div class="col-md-4  ts-facts mt-5 mb-5 mt-md-0">
          
          <div class="ts-facts-content">
            <h3 style="color: #8CC63F;" class="ts-facts-num text-center"><span class="counterUp" data-count="77">0</span></h3>
              <div class="accordion accordion-group accordion-classic" id="construction-accordion">
                <div class="card" style="background-color: white ;">
                  <div class="card-header p-0 bg-transparent" id="headingFour">
                    
                    <h3 class="ts-facts-title">
                      <button style="color: #8CC63F !important;" class="btn btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseThree">
                      Sites  <svg class="svg-inline--fa fa-angle-down pl-2" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="pl-2 fa fa-angle-down"></i> Font Awesome fontawesome.com -->
                      </button>
                    </h3>
                  </div>
  
                  <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#construction-accordion">
                    <div class="card-body" style="color: #000 !important;">
                      <ul class="list-collapse" style="
                      max-height: 200px !important;
                      overflow-y: auto;
                      margin: 0px;
                      padding: 0px;
                       text-align: left; 
                  ">
                  
                        
                          <li> <a class="dropdown-item" href="/information/site/185"><b>* </b>Banyang-Mbo Wildlife Sanctuary  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/32"><b>* </b>Bas-Ogooue_Ramsar Site  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/3"><b>* </b>Boumba Bek National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/1"><b>* </b>Campo Ma'an National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/137"><b>* </b>CPAET Bayonne  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/138"><b>* </b>CPAET Mavoungou  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/38"><b>* </b>Dja Faunal Reserve  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/39"><b>* </b>Djoua Ivindo  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/40"><b>* </b>Djoua-Zadie Forest  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/15"><b>* </b>Dzanga-Sangha Protected Areas  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/21"><b>* </b>Espace Tridom Interzone Congo  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/24"><b>* </b>Gamba  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/42"><b>* </b>Haut-Abanga  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/188"><b>* </b>Ivindo National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/28"><b>* </b>Korup National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/8"><b>* </b>Loango National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/2"><b>* </b>Lobeke National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/44"><b>* </b>Lokoro-Lukenie  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/45"><b>* </b>Lotoi-Lokoro Lokolo  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/46"><b>* </b>Lukenie – Sankuru  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/16"><b>* </b>Luki Integrale Nature Reserve  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/47"><b>* </b>Maiko National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/6"><b>* </b>Malebo Forest  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/26"><b>* </b>Mandji  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/48"><b>* </b>Mengame Wildlife Sanctuary  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/14"><b>* </b>Messok Dja Proposed&nbsp;protected&nbsp;area  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/10"><b>* </b>Minkebe National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/158"><b>* </b>Mintom Communal Forest  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/9"><b>* </b>Moukalaba Doudou National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/34"><b>* </b>Mount Cameroon National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/50"><b>* </b>Ndoki_Likouala  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/23"><b>* </b>Ngiri Triangle Nature Reserve  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/156"><b>* </b>Ngoyla Faunal Reserve  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/4"><b>* </b>Nki National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/187"><b>* </b>Ntokou Pikounda National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/186"><b>* </b>Ntokou Pikounda NP-UFE Pikounda Nord  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/183"><b>* </b>Ntokou Pikounda NP-UFE Pikounda Nord-Atama Palmeraie-Ntokou Sud  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/51"><b>* </b>Ntokou Pikounda NP-UFE Pikounda Nord-UFA Ngombe  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/57"><b>* </b>Odzala-Kokoua National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/27"><b>* </b>Rabi  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/7"><b>* </b>Salonga National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/35"><b>* </b>Tumba Lediima Nature Reserve  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/140"><b>* </b>UFA09-001  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/141"><b>* </b>UFA09-002  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/73"><b>* </b>UFA 09-021  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/74"><b>* </b>UFA 09-024  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/75"><b>* </b>UFA 09-025  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/149"><b>* </b>UFA 10-008  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/150"><b>* </b>UFA 10-009  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/151"><b>* </b>UFA 10-010  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/152"><b>* </b>UFA 10-012  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/83"><b>* </b>UFA 10-013  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/85"><b>* </b>UFA 10-015  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/153"><b>* </b>UFA 10-018  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/168"><b>* </b>UFA10-020  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/169"><b>* </b>UFA10-021  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/154"><b>* </b>UFA10-022  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/88"><b>* </b>UFA10-023  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/142"><b>* </b>UFA10-027  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/143"><b>* </b>UFA10-028  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/172"><b>* </b>UFA10-029  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/173"><b>* </b>UFA10-030  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/144"><b>* </b>UFA10-032  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/145"><b>* </b>UFA10-033  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/146"><b>* </b>UFA10-035  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/147"><b>* </b>UFA10-036  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/89"><b>* </b>UFA 10-052  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/92"><b>* </b>UFA 10-064  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/148"><b>* </b>UFA10-067  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/95"><b>* </b>UFA Kivoro  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/72"><b>* </b>UFA Tala-Tala  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/119"><b>* </b>Virunga National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/122"><b>* </b>Wonga-Wongue Special Reserve  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/126"><b>* </b>ZIC-GC10  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/127"><b>* </b>ZIC-GC14  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/128"><b>* </b>ZIC-GC8  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/129"><b>* </b>ZIC-GC9  </a></li>
                        
                      </ul>
                    </div>
                  </div>
                </div>
  
              </div>
              <!--/ Accordion end -->
           
            
          </div>
        </div><!-- Col end -->
  
        <!-- Col end -->
  
        </div>
        
  
      </div>
        
      </section></div>
      
    
</div>

<script>
  var color = $(".slick-active .colorbg").css("background-color")
  document.querySelector("#header").style.backgroundColor = color;
  //document.querySelector("#header").style.opacity = 0.9;
  var prev_color = color
  
 // alert(color);

  setInterval(
    function() {
      prev_color = $(".slick-active .colorbg").css("background-color")
      //alert($("#header_color").css('background-color'))
      document.querySelector("#header").style.backgroundColor = prev_color;
      document.querySelector("#image").style.backgroundColor = prev_color;
     // document.querySelector("#header").style.opacity = 0.9;
      //alert(document.querySelector("#header_color").style.backgroundColor )

      
      
     
    }
    
    , 500);
    $( "header" ).hover(
      function() {
        $("header").css("opacity",1);
      }
    );
    $("header").mouseleave(function(){
      $("header").css("opacity",0.9);
    });
  
</script>

  
<!--/ News end -->

  <footer class="footer " style="background:#000 !important;" id="footer">
    
    <div class="footer-main" style="padding: 30px 0 20px !important;">
      <div class="container">
        <div class="row justify-content-between">
          
            
            

          <div class="col-lg-3 col-md-6 footer-widget mt-5 mt-md-0">
            <h1 class="widget-title">Partners</h1>
            <p class="working-hours" style="font-size: 0.9em  ;">
              </p><h4 class="text-white text-left "> Donors</h4>
              <ul class="list-arrow li-hover-white">
                
                   <li><a href="https://www.worldwildlife.org/">WWF International</a></li>
                
                   <li><a href="https://www.wwf.fr/">WWF France</a></li>
                
                   <li><a href="https://www.wwf.de/">WWF Deutschland</a></li>
                
              </ul>
            <p></p>
          </div><!-- Col end -->
          <div class="col-lg-3 col-md-6 footer-widget mt-5 mt-md-0">
            <h1 class="widget-title">Contacts</h1>
            <div class="working-hours">
              WWF Regional Office for Africa
              Yaounde Hub/ <br> Cameroon Country Office
              <br><br> Tel:  <span class="text-right"><br>+237 222 21 70 84/83 <br> 677 50 00 35 <br> 691 91 08 11  </span>
              <br><br><br><br><br> Email:   <span class="text-right"><a href="mailto:[email protected]">[email protected]</a></span>
            </div>
          </div><!-- Col end -->

          <div class="col-lg-3 col-md-6 mt-5 mt-lg-0 footer-widget">
            <h1 class="widget-title">Links</h1>
            <ul class="list-arrow li-hover-white">
              <li><a href="/">Home</a></li>
              <li><a href="/about/">About </a></li>
              
              <li><a href="/gallery/">Gallery</a></li>
              <li><a href="/document/">Documents</a></li>
              <li><a href="/result/" style=""> Dashboard</a></li>
              
              
              
            </ul>
          </div><!-- Col end -->
        </div><!-- Row end -->
      </div><!-- Container end -->
    </div><!-- Footer main end -->
    
    <div class="copyright" style="padding: 5px 0 5px; background-color: black ;">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-md-12">
            <div class="copyright-info text-center text-white text-md-center">
              <span>Copyright  WWF © <script>
                  document.write(new Date().getFullYear())
                </script>2024, Developed by <a href="mailto:[email protected]">Arsene Soumeu</a></span>
            </div>
          </div>

          <!--<div class="col-md-6">
            <div class="footer-menu text-center text-md-right">
              <ul class="list-unstyled">
                <li><a href="about.html">About</a></li>
                <li><a href="team.html">Our people</a></li>
                <li><a href="faq.html">Faq</a></li>
                <li><a href="news-left-sidebar.html">Blog</a></li>
                <li><a href="pricing.html">Pricing</a></li>
              </ul>
            </div>
          </div>-->
        </div><!-- Row end -->

        <div class="back-to-top position-fixed" data-offset-top="10" data-spy="affix" id="back-to-top">
          <button class="btn btn-primary " title="Back to Top" style="color: #fff !important; ">
            <svg class="svg-inline--fa fa-angle-double-up" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-double-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M177 255.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 351.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 425.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1zm-34-192L7 199.7c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l96.4-96.4 96.4 96.4c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9l-136-136c-9.2-9.4-24.4-9.4-33.8 0z"></path></svg><!-- <i class="fa fa-angle-double-up"></i> Font Awesome fontawesome.com -->
          </button>
        </div>

      </div><!-- Container end -->
    </div><!-- Copyright end -->
  </footer><!-- Footer end -->


  <!-- Javascript Files
  ================================================== -->
  

  
  <!-- initialize jQuery Library -->
  
  
  <!-- Bootstrap jQuery -->
  <script defer="" src="/static/plugins/bootstrap/bootstrap.min.js"></script>
  <!-- Slick Carousel -->
  <script src="/static/plugins/slick/slick.min.js"></script>
  <script src="/static/plugins/slick/slick-animation.min.js"></script>
  <!-- Color box -->
  <script src="/static/plugins/colorbox/jquery.colorbox.js"></script>
  <!-- shuffle -->
  <script defer="" src="/static/plugins/shuffle/shuffle.min.js"></script>

  <!-- Google Map API Key-->
  <script defer="" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCcABaamniA6OL5YvYSpB3pFMNrXwXnLwU"></script>
  <!-- Google Map Plugin-->
  <script defer="" src="/static/plugins/google-map/map.js"></script>
    <script>
      $(document).ready(function() {
        $('.js-example-basic-single').select2();
    });
    </script>
  <!-- Template custom -->

<script type="text/javascript" src="/static/js/noprint.js"></script>
  <script language="javascript">
    /*var noPrint=true;
    var noCopy=true;
    var noScreenshot=true;
    var autoBlur=false;*/
    /** TO DISABLE PRINTS WHIT CTRL+P **/
  /*document.addEventListener('keydown', (e) => {
  //alert('e.key')
  //alert(e)
  if (e.key == 'PrintScreen') {
    navigator.clipboard.writeText('');
    alert('Screenshots disabled!');
  }
  if (e.ctrlKey && e.key == 'p') {
      alert('This section is not allowed to print or export to PDF');
      e.cancelBubble = true;
      e.preventDefault();
      e.stopImmediatePropagation();
  }
  if (e.metaKey  ) {
    navigator.clipboard.writeText('');
    alert('Screenshots disabled!');
    e.cancelBubble = true;
    e.preventDefault();
    e.stopImmediatePropagation();
  }
});*/
  </script>
    <script src="/static/js/script.js"></script> 

  <!-- Body inner end -->
  
  <script type="text/javascript" src="/static/js/noprint.js"></script>
  
<!-- Google analytics tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-Q460ZGL5KF"></script>
<script language="javascript">
  //alert("ok");


  var noPrint=true;
  var noCopy=true;
  var noScreenshot=true;
  var autoBlur=false;
  /** TO DISABLE PRINTS WHIT CTRL+P **/
/*document.addEventListener('keydown', (e) => {
//alert(e.key)
if (e.key == 'PrintScreen') {
  navigator.clipboard.writeText('');
  alert('Screenshots disabled!');
}
if (e.ctrlKey && e.key == 'p') {
    alert('This section is not allowed to print or export to PDF');
    e.cancelBubble = true;
    e.preventDefault();
    e.stopImmediatePropagation();
}
if (e.metaKey  ) {
  navigator.clipboard.writeText('');
  alert('Screenshots disabled!');
}
});*/
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-Q460ZGL5KF');
  $(function () {
  $('[data-toggle="tooltip"]').tooltip()
  
})
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js" integrity="sha512-Eak/29OTpb36LLo2r47IpVzPBLXnAMPAVypbSZiZ4Qkf8p/7S/XRG5xp7OKWPPYfJT6metI+IORkR5G8F900+g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

  
<div id="cboxOverlay" style="display: none;"></div><div id="colorbox" class="" role="dialog" tabindex="-1" style="display: none;"><div id="cboxWrapper"><div><div id="cboxTopLeft" style="float: left;"></div><div id="cboxTopCenter" style="float: left;"></div><div id="cboxTopRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxMiddleLeft" style="float: left;"></div><div id="cboxContent" style="float: left;"><div id="cboxTitle" style="float: left;"></div><div id="cboxCurrent" style="float: left;"></div><button type="button" id="cboxPrevious"></button><button type="button" id="cboxNext"></button><button type="button" id="cboxSlideshow"></button><div id="cboxLoadingOverlay" style="float: left;"></div><div id="cboxLoadingGraphic" style="float: left;"></div></div><div id="cboxMiddleRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxBottomLeft" style="float: left;"></div><div id="cboxBottomCenter" style="float: left;"></div><div id="cboxBottomRight" style="float: left;"></div></div></div><div style="position: absolute; width: 9999px; visibility: hidden; display: none; max-width: none;"></div></div></body></html>