| Server IP : 118.139.160.155 / Your IP : 216.73.217.153 Web Server : Apache System : Linux sg2plmcpnl504228.prod.sin2.secureserver.net 4.18.0-553.124.4.lve.el8.x86_64 #1 SMP Fri May 15 13:02:13 UTC 2026 x86_64 User : twll3xqyaqrh ( 9725459) PHP Version : 5.6.40 Disable Function : NONE MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/twll3xqyaqrh/public_html/galerie/photos/album_2/vignette_principale/ |
Upload File : |
<?php
include("panel/connectionbd.php");
include("panel/mesfonctions.php");
$tab_mois= array("","Jan.","Fév.","Mars","Avril","Mai","Juin","Juillet","Août","Sept.","Oct.","Nov.","Déc.");
$date_jour= date('Y/m/d');
?>
<!doctype html>
<!doctype html>
<html>
<head>
<meta charset="iso-8859-1">
<title>PNDP .::. Programme National de Developpement Participatif</title>
<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Merriweather:300,400,700,900" rel="stylesheet">
<link rel="stylesheet" href="css/album.css">
<link rel="stylesheet" href="css/header.css">
<link href="fontawesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="owl-carousel/owl.theme.css" rel="stylesheet" type="text/css">
<link href="owl-carousel/owl.carousel.css" rel="stylesheet" type="text/css">
<link href="owl-carousel/owl.transitions.css" rel="stylesheet" type="text/css">
<link href="css/loading.css" rel="stylesheet" type="text/css">
<link href="css/responsive.css" rel="stylesheet" type="text/css">
<link href="layerslider/css/layerslider.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.8.2.min.js"></script>
<script src="slick/slick.min.js"></script>
<script src="layerslider/js/greensock.js" type="text/javascript"></script>
<script src="layerslider/js/layerslider.transitions.js" type="text/javascript"></script>
<script src="layerslider/js/layerslider.kreaturamedia.jquery.js" type="text/javascript"></script>
<script src="owl-carousel/owl.carousel.min.js" ></script>
<script language="javascript" type="text/javascript" src="js/mesfonctions.js"></script>
<script src="js/index.js"></script>
<script src="js/viewportchecker.js"></script>
<!-- Magnific Popup core CSS file -->
<link rel="stylesheet" href="dist/css/magnific-popup.css">
<link rel="stylesheet" href="dist/css/magnific-annimation.css">
<!-- Magnific Popup core JS file -->
<script src="dist/js/jquery.magnific-popup.js"></script>
</head>
<body id="page">
<?php
include('includes/element_opacite_div_traitement.php');
include('includes/header2.php');?>
<!-- banniere -->
<div class="conteneur_banniere">
<div class="banniere">
<div class="texte_banniere">
<div class="titre_banniere">
Le PNDP
</div>
<div class="fil_ariane">
<a href="./">Accueil</a>→<a href="./">Le PNDP</a>→<a href="./">Le coordonateur</a>→ Biographie
</div>
</div>
</div>
</div>
<!-- titre page -->
<div id="conteneur-titre-page">
<div id="titre_page">album PNDP</div>
</div>
<!-- contenu de la page -->
<div id="conteneur_page">
<div id="page_interne">
<div class="content_galerie">
<?php
$result_album=mysql_query("SELECT * FROM album_album WHERE etat='1'");
while ($album=mysql_fetch_array($result_album)) {
$lacategorie_galerie_album=getcategorie_albumInformations($album["idcategorie"]);
$lalbum=getalbumInformations($album["idalbum"]);
?>
<div class="image_galerie" data-categorie="<?php echo $lacategorie_galerie_album["titre"]; ?>">
<img src="galerie/albums/album_<?php echo $lalbum[0];?>/vignette_principale/<?php echo $lalbum["photo"];?>" alt="album-<?php echo $lalbum["titre"];?>">
<div class="description_image_galerie">
<div class="titre_album">
<?php echo $lalbum["titre"];?>
</div>
<a href="javascript:getalbumAlbum('<?php echo $album[0] ?>')" ><div class="btn_voir">Voir l'album</div></a>
</div>
<!-- <div class="date_action"><div class="sup">13</div> <div class="mois_action">mars</div></div> -->
</div>
<?php } ?>
</div>
<div id="bloc_aside_page">
<div id="aside_autre_lien" class="bloc-aside">
<div class="titre-aside">Le coordonnateur</div>
<ul class="contain-bloc-aside">
<li><a href="biographie-coordonateur.php"><i class="fa fa-hand-o-right" aria-hidden="true"></i> Biographie</a></li>
<li><a href="mot-coordonateur.php"><i class="fa fa-hand-o-right" aria-hidden="true"></i> Mot du coordonnateur</a></li>
<li><a href="#"><i class="fa fa-hand-o-right" aria-hidden="true"></i> Ecrire au coordonnateur</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- footer -->
<div class="conteneur_footer">
<div class="footer">
<div class="content_bloc_footer">
<div class="bloc_footer">
<div class="logo_footer">
<img src="images/logo_footer.png" alt="">
</div>
<div class="texte_description_logo_footer">
Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, quae ad humanitatempertinent .
</div>
<div class="reseau_socio_footer">
<img src="images/ff.png" alt="">
<img src="images/tt.png" alt="">
<img src="images/yy.png" alt="">
<img src="images/inin.png" alt="">
</div>
</div>
<div class="bloc_footer">
<div class="titre_footer">
cellule nationale
</div>
<div class="liste_lien">
<ul>
<li>Le cabinet</li>
<li>Les chiffres clés</li>
<li>Mot du coordonateur</li>
<li>Histoire du PNDP</li>
</ul>
</div>
</div>
<div class="bloc_footer">
<div class="titre_footer">
navigation
</div>
<div class="liste_lien">
<ul>
<li>Actualités</li>
<li>Evènements</li>
<li>Multimédia</li>
<li>Documentation</li>
<li>Nous contacter</li>
</ul>
</div>
</div>
<div class="bloc_footer">
<div class="titre_footer">
newsletter
</div>
<div class="description_newsletter">
Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas
</div>
<div class="input_email">
<input type="email" placeholder="Entrez votre email">
<div class="submit"><i class="fa fa-angle-right"> </i></div>
</div>
</div>
</div>
</div>
<div class="conteneur_superfooter">
<div class="superfooter">
<div class="superfooter_left_text">
Copyright © JUILLET 2017 <b>PNDP</b> </div>
<div class="superfooter_right_text" >
Powered by <a href="http://luxwebservices.net/">Lux web services</a> </div>
</div>
</div>
</div>
<script>
$(document).ready(function(){
jQuery('.image_galerie').addClass("hidden").viewportChecker({
classToAdd: 'visible animated fadeInUp', // Class to add to the elements when they are visible
offset: 100
});
//code pour les ancres
var anchorName = document.location.hash.substring(1);
if(anchorName ){
$('html, body').animate({
scrollTop:$("#"+anchorName).offset().top-85
}, 500);
}
$('a[href^="#"]').click(function(){
var the_id = $(this).attr("href");
$('html, body').animate({
scrollTop:$(the_id).offset().top-0
}, 500);
return false;
});
//code pour les slides
//documentation
$("#ligne_documentation").owlCarousel({
loop:true,
responsiveClass:true,
autoWidth:true,
autoplay:true,
autoplayHoverPause:true,
pagination:false,
navigation:false,
navigationText: [
'<img class="owl-prev" src="images/prev.png" style="position:absolute; top:40%; left:-50px" width="auto" />',
'<img src="images/next.png" class="owl-next" style="position:absolute; top:40%; right:0px" width="auto" />'
],
items :4 ,
itemsDesktop : [1200,4], //1 items between 1000px and 901px
itemsDesktopSmall : [900,3], // betweem 900px and 601px,
itemsTablet: [1200,4],
itemsTablet: [600,3],
itemsTablet: [760,2],
itemsTablet: [465,2],
itemsMobile :[320,1],
itemsMobile :[0,4] // itemsMobile disabled - inherit from itemsTablet option
});
//get carousel instance data and store it in variable owl
var owl1 = $("#ligne_documentation").data('owlCarousel');
$('.prev_pub').click(function(e) {
owl1.prev() // Go to previous slide
});
$('.next_pub').click(function(e) {
owl1.next() // Go to next slide
});
$("#actualites").owlCarousel({
loop:true,
responsiveClass:true,
autoWidth:true,
autoplay:true,
autoplayHoverPause:true,
pagination:false,
navigation:false,
navigationText: [
'<img class="owl-prev" src="images/prev.png" style="position:absolute; top:40%; left:-50px" width="auto" />',
'<img src="images/next.png" class="owl-next" style="position:absolute; top:40%; right:0px" width="auto" />'
],
items :3 ,
itemsDesktop : [1100,3], //1 items between 1000px and 901px
itemsDesktopSmall : [900,2], // betweem 900px and 601px,
itemsTablet: [1200,3],
itemsTablet: [600,1],
itemsTablet: [760,2],
itemsTablet: [465,1],
itemsMobile :[320,1]
});
var owl = $("#actualites").data('owlCarousel');
$('.prev_actualite').click(function(e) {
owl.prev() // Go to previous slide
});
$('.next_actualite').click(function(e) {
owl.next() // Go to next slide
});
$("#liste_agenda").owlCarousel({
loop:true,
responsiveClass:true,
autoWidth:true,
autoplay:true,
autoplayHoverPause:true,
pagination:false,
navigation:false,
navigationText: [
'<img class="owl-prev" src="images/prev.png" style="position:absolute; top:40%; left:-50px" width="auto" />',
'<img src="images/next.png" class="owl-next" style="position:absolute; top:40%; right:0px" width="auto" />'
],
items:1,
itemsDesktop : [1200,1], //1 items between 1000px and 901px
itemsDesktopSmall : [900,1], // betweem 900px and 601px,
itemsTablet: [1200,1],
itemsTablet: [600,1],
itemsTablet: [760,1],
itemsTablet: [465,1],
itemsMobile :[320,1],
itemsMobile :[0,1] //
});
var owl3 = $("#liste_agenda").data('owlCarousel');
$('.prev_agenda').click(function(e) {
owl3.prev() // Go to previous slide
});
$('.next_agenda').click(function(e) {
owl3.next() // Go to next slide
});
$("#liste_agenda .text_description").owlCarousel({
loop:true,
responsiveClass:true,
autoWidth:true,
autoplay:true,
autoplayHoverPause:true,
pagination:false,
navigation:false,
navigationText: [
'<img class="owl-prev" src="images/prev.png" style="position:absolute; top:40%; left:-50px" width="auto" />',
'<img src="images/next.png" class="owl-next" style="position:absolute; top:40%; right:0px" width="auto" />'
],
items:1,
itemsDesktop : [1200,2], //1 items between 1000px and 901px
itemsDesktopSmall : [900,1], // betweem 900px and 601px,
itemsTablet: [1200,1],
itemsTablet: [600,1],
itemsTablet: [760,1],
itemsTablet: [465,1],
itemsMobile :[320,1],
itemsMobile :[0,1] //
});
var agenda_journee = $("#liste_agenda .text_description").data('owlCarousel');
$('.prev_agenda_interne').click(function(e) {
agenda_journee.prev() // Go to previous slide
});
$('.next_agenda_interne').click(function(e) {
agenda_journee.next() // Go to next slide
});
//--------------slide partenaire----------------
$("#content_partenaire").owlCarousel({
loop:true,
responsiveClass:true,
autoWidth:true,
autoplay:true,
autoplayHoverPause:true,
pagination:false,
navigation:false,
items:4,
itemsDesktop : [1200,4], //1 items between 1000px and 901px
itemsDesktopSmall : [900,1], // betweem 900px and 601px,
itemsTablet: [1200,1],
itemsTablet: [600,1],
itemsTablet: [760,1],
itemsTablet: [465,1],
itemsMobile :[320,1],
itemsMobile :[0,1] //
});
var partenaire = $("#content_partenaire").data('owlCarousel');
$('.prev_partenaire').click(function(e) {
partenaire.prev() // Go to previous slide
});
$('.next_partenaire').click(function(e) {
partenaire.next() // Go to next slide
});
//--------------slide action----------------
$("#content_bloc_action").owlCarousel({
loop:true,
responsiveClass:true,
autoWidth:true,
autoplay:true,
autoplayHoverPause:true,
pagination:false,
navigation:false,
items:3,
itemsDesktop : [1200,2], //1 items between 1000px and 901px
itemsDesktopSmall : [900,1], // betweem 900px and 601px,
itemsTablet: [1200,1],
itemsTablet: [600,1],
itemsTablet: [760,1],
itemsTablet: [465,1],
itemsMobile :[320,1],
itemsMobile :[0,1] //
});
var action = $("#content_bloc_action").data('owlCarousel');
$('.prev_action_pndp').click(function(e) {
action.prev() // Go to previous slide
});
$('.next_action_pndp').click(function(e) {
action.next() // Go to next slide
});
//---------------tri actualite------------------
$("#actu li ").click(function(){
$("#actu li ").removeClass('active');
$(this).addClass('active');
var projet = $(this).attr("data-filter");
if(projet=="all"){
$('#actualites .bloc_actualite').show('slow');
}else if($('#actualites .bloc_actualite[data-categorie="'+projet+'"]').is(':visible')){
$('#actualites .bloc_actualite[data-categorie!="'+projet+'"]').hide('slow');
}else{
$('#actualites .bloc_actualite[data-categorie="'+projet+'"]').show('slow');
$('#actualites .bloc_actualite[data-categorie!="'+projet+'"]').hide('slow');
}
return false;
});
//--------------------tri documentation---------------------
$("#doc_categorie li ").click(function(){
$("#doc_categorie li ").removeClass('active');
$(this).addClass('active');
var projet = $(this).attr("data-filter");
if(projet=="all"){
$('#ligne_documentation .image_documentation').show('slow');
}else if($('#ligne_documentation .image_documentation[data-categorie="'+projet+'"]').is(':visible')){
$('#ligne_documentation .image_documentation[data-categorie!="'+projet+'"]').hide('slow');
}else{
$('#ligne_documentation .image_documentation[data-categorie="'+projet+'"]').show('slow');
$('#ligne_documentation .image_documentation[data-categorie!="'+projet+'"]').hide('slow');
}
return false;
});
//***************tri galerie****************
$("#galerie_categorie li ").click(function(){
$("#galerie_categorie li ").removeClass('active');
$(this).addClass('active');
var projet = $(this).attr("data-filter");
if(projet=="all"){
$('.image_galerie').show('slow');
}else if($('.image_galerie[data-categorie="'+projet+'"]').is(':visible')){
$('.image_galerie[data-categorie!="'+projet+'"]').hide('slow');
}else{
$('.image_galerie[data-categorie="'+projet+'"]').show('slow');
$('.image_galerie[data-categorie!="'+projet+'"]').hide('slow');
}
return false;
});
$('.liste_lang').hide();
$('.bloc_lang').click(function (){
$('.liste_lang').show("slow");
})
$('.liste_lang .lang').click(function (){
var lang=$(this).attr("data-lang");
$('.bloc_lang').html(lang+"<i class=\"fa fa-chevron-down\" aria-hidden=\"true\">")
})
});
/****************fixer l'entete au scroll*************/
$(document).scroll(function(){
if($(this).scrollTop() >= 100) {
$('.conteneur_header').css({
"width":"100%",
"background":"#fff",
"position":"fixed",
"z-index":"1000",
"top":"0",
"border-bottom":"1px solid #ccc",
});
$('.conteneur_superheader') .css({
"display":"none",
})
}
else{
$('.conteneur_header').css({
"position":"relative",
"z-index":"1000",
});
$('.conteneur_superheader') .css({
"display":"block",
})
}
});
/*************Layer slider*******************/
$('#layerslider').layerSlider({
responsiveUnder : 1200,
layersContainer : 1200,
skinsPath: 'layerslider/skins/',
pager: false,
controls: false,
auto: true,
adaptiveHeight: true,
pause: 7000,
thumbnailNavigation: 'disabled',
autoHover: true
});
$('#layerslider').layerSlider('next');
</script>
</body>
</html>