{"id":446,"date":"2022-05-17T14:58:56","date_gmt":"2022-05-17T13:58:56","guid":{"rendered":"https:\/\/inptic.edu.dz\/?page_id=446"},"modified":"2024-09-24T09:29:57","modified_gmt":"2024-09-24T08:29:57","slug":"galerie-des-photos","status":"publish","type":"page","link":"https:\/\/inptic.edu.dz\/?page_id=446","title":{"rendered":"Galerie des photos"},"content":{"rendered":"\n<style>\nh1 {\n  font-size: 50px;\n  word-break: break-all;\n}\n\n.row {\n  margin: 10px -15px;\n}\n\n\/* Add padding BETWEEN each column *\/\n.row,\n.row > .column {\n  padding: 8px;\n}\n\n\/* Create three equal columns that floats next to each other *\/\n.column {\n  float: left;\n  width: 30%;\n  display: none; \/* Hide all elements by default *\/\n}\n\n\/* Clear floats after rows *\/\n.row:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n\/* Content *\/\n.content {\n  background-color: white;\n  padding: 0px;\n}\n\n\/* The \"show\" class is added to the filtered elements *\/\n.show {\n  display: block;\n}\n\n\/* Style the buttons *\/\n.btn {\n  border: none;\n  outline: none;\n  padding: 12px 16px;\n  background-color: white;\n  cursor: pointer;\n}\n\n.btn:hover {\n  background-color: #ddd;\n}\n\n.btn.active {\n  background-color: #666;\n  color: white;\n}\n<\/style>\n\n\n<!-- MAIN (Center website) -->\n<div class=\"main\">\n\n<h1>ENSTICP EN IMAGES<\/h1>\n<hr>\n\n\n\n<div id=\"myBtnContainer\">\n  <button class=\"btn active\" onclick=\"filterSelection('all')\"> Tout<\/button>\n  <button class=\"btn\" onclick=\"filterSelection('pedagogique')\"> P\u00e9dagogique<\/button>\n  <button class=\"btn\" onclick=\"filterSelection('vie')\"> Vie \u00e0 ENSTICP<\/button>\n  <button class=\"btn\" onclick=\"filterSelection('infrastructure')\"> Infrastructures<\/button>\n \n<\/div>\n\n<!-- Portfolio Gallery Grid -->\n<div class=\"row\">\n  <div class=\"column pedagogique\">\n    <div class=\"content\">\n      <img src=\"https:\/\/inptic.edu.dz\/wp-content\/uploads\/2022\/05\/salle-tp-2.jpg\" alt=\"Mountains\" style=\"width:100%\">\n     \n     \n    <\/div>\n  <\/div>\n  <div class=\"column pedagogique\">\n    <div class=\"content\">\n    <img src=\"https:\/\/inptic.edu.dz\/wp-content\/uploads\/2022\/05\/DSC_0078-scaled-1.jpg\" alt=\"Lights\" style=\"width:100%\">\n     \n    <\/div>\n  <\/div>\n  <div class=\"column pedagogique\">\n    <div class=\"content\">\n    <img src=\"https:\/\/inptic.edu.dz\/wp-content\/uploads\/2022\/05\/DSC_0076-scaled-1.jpg\" alt=\"pedagogique\" style=\"width:100%\">\n     \n    <\/div>\n  <\/div>\n \n  <div class=\"column infrastructure\">\n    <div class=\"content\">\n      <img src=\"https:\/\/inptic.edu.dz\/wp-content\/uploads\/2022\/05\/DSC_0044-1024x681-1.jpg\" alt=\"Car\" style=\"width:100%\">\n     \n    <\/div>\n  <\/div>\n  <div class=\"column infrastructure\">\n    <div class=\"content\">\n    <img src=\"https:\/\/inptic.edu.dz\/wp-content\/uploads\/2022\/05\/DSC_0061-1024x681-1.jpg\" alt=\"Car\" style=\"width:100%\">\n\n    <\/div>\n  <\/div>\n  <div class=\"column infrastructure\">\n    <div class=\"content\">\n    <img src=\"https:\/\/inptic.edu.dz\/wp-content\/uploads\/2022\/05\/DSC_0132-1024x681-1.jpg\" alt=\"Car\" style=\"width:100%\">\n     \n    <\/div>\n  <\/div>\n <div class=\"column infrastructure\">\n    <div class=\"content\">\n    <img src=\"https:\/\/inptic.edu.dz\/wp-content\/uploads\/2022\/05\/DSC_0235-scaled-1.jpg\" alt=\"Car\" style=\"width:100%\">\n     \n    <\/div>\n  <\/div>\n  <div class=\"column infrastructure\">\n    <div class=\"content\">\n    <img src=\"https:\/\/inptic.edu.dz\/wp-content\/uploads\/2022\/05\/DSC_0124-1024x681-1.jpg\" alt=\"Car\" style=\"width:100%\">\n     \n    <\/div>\n  <\/div>\n  <div class=\"column vie\">\n    <div class=\"content\">\n      <img src=\"https:\/\/inptic.edu.dz\/wp-content\/uploads\/2022\/05\/DSC_0198-scaled-1.jpg\" alt=\"Car\" style=\"width:100%\">\n     \n    <\/div>\n  <\/div>\n  <div class=\"column vie\">\n    <div class=\"content\">\n    <img src=\"https:\/\/inptic.edu.dz\/wp-content\/uploads\/2022\/05\/biblio.jpg\" alt=\"Car\" style=\"width:100%\">\n     \n    <\/div>\n  <\/div>\n  <div class=\"column vie\">\n    <div class=\"content\">\n    <img src=\"https:\/\/inptic.edu.dz\/wp-content\/uploads\/2022\/05\/DSC_0095-scaled-1.jpg\" alt=\"Car\" style=\"width:100%\">\n     \n    <\/div>\n  <\/div>\n<!-- END GRID -->\n<\/div>\n\n<!-- END MAIN -->\n<\/div>\n\n<script>\nfilterSelection(\"all\")\nfunction filterSelection(c) {\n  var x, i;\n  x = document.getElementsByClassName(\"column\");\n  if (c == \"all\") c = \"\";\n  for (i = 0; i < x.length; i++) {\n    w3RemoveClass(x[i], \"show\");\n    if (x[i].className.indexOf(c) > -1) w3AddClass(x[i], \"show\");\n  }\n}\n\nfunction w3AddClass(element, name) {\n  var i, arr1, arr2;\n  arr1 = element.className.split(\" \");\n  arr2 = name.split(\" \");\n  for (i = 0; i < arr2.length; i++) {\n    if (arr1.indexOf(arr2[i]) == -1) {element.className += \" \" + arr2[i];}\n  }\n}\n\nfunction w3RemoveClass(element, name) {\n  var i, arr1, arr2;\n  arr1 = element.className.split(\" \");\n  arr2 = name.split(\" \");\n  for (i = 0; i < arr2.length; i++) {\n    while (arr1.indexOf(arr2[i]) > -1) {\n      arr1.splice(arr1.indexOf(arr2[i]), 1);    \n    }\n  }\n  element.className = arr1.join(\" \");\n}\n\n\n\/\/ Add active class to the current button (highlight it)\nvar btnContainer = document.getElementById(\"myBtnContainer\");\nvar btns = btnContainer.getElementsByClassName(\"btn\");\nfor (var i = 0; i < btns.length; i++) {\n  btns[i].addEventListener(\"click\", function(){\n    var current = document.getElementsByClassName(\"active\");\n    current[0].className = current[0].className.replace(\" active\", \"\");\n    this.className += \" active\";\n  });\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>ENSTICP EN IMAGES Tout P\u00e9dagogique Vie \u00e0 ENSTICP Infrastructures<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/inptic.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/446"}],"collection":[{"href":"https:\/\/inptic.edu.dz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inptic.edu.dz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inptic.edu.dz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inptic.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=446"}],"version-history":[{"count":9,"href":"https:\/\/inptic.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/446\/revisions"}],"predecessor-version":[{"id":1888,"href":"https:\/\/inptic.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/446\/revisions\/1888"}],"wp:attachment":[{"href":"https:\/\/inptic.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=446"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}