Center for Information Systems, Networks & Distance Education - ENSB<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --green-deep:#0e3d29;\r\n --green:#1c6b45;\r\n --green-bright:#2a9160;\r\n --green-light:#e8f4ee;\r\n --bordeaux:#7a1e33;\r\n --bordeaux-2:#9c2842;\r\n --bordeaux-light:#f6e6ea;\r\n --ink:#16241d;\r\n --muted:#5a6a62;\r\n --paper:#f7f9f7;\r\n --line:#e1e9e4;\r\n }\r\n *{box-sizing:border-box;}\r\n body{\r\n margin:0;\r\n background:var(--paper);\r\n font-family:'Inter','Segoe UI',sans-serif;\r\n color:var(--ink);\r\n -webkit-font-smoothing:antialiased;\r\n }\r\n h1,h2,h3,.display{font-family:'Poppins','Inter',sans-serif;}\r\n .wrap{max-width:1140px;margin:0 auto;padding:0 24px 70px;}\r\n\r\n @media (prefers-reduced-motion: no-preference){\r\n .reveal{opacity:0;transform:translateY(16px);animation:rise .7s ease forwards;}\r\n .reveal.d1{animation-delay:.05s;} .reveal.d2{animation-delay:.15s;}\r\n .reveal.d3{animation-delay:.25s;} .reveal.d4{animation-delay:.35s;}\r\n @keyframes rise{to{opacity:1;transform:translateY(0);}}\r\n }\r\n\r\n \/* ---- Hero ---- *\/\r\n .hero{\r\n position:relative;\r\n overflow:hidden;\r\n background:radial-gradient(120% 140% at 15% 0%, var(--green-bright) 0%, var(--green) 38%, var(--green-deep) 100%);\r\n color:#fff;\r\n padding:64px 30px 150px;\r\n text-align:center;\r\n border-radius:0 0 32px 32px;\r\n }\r\n .hero .blob{\r\n position:absolute;\r\n border-radius:50%;\r\n filter:blur(2px);\r\n opacity:.18;\r\n }\r\n .hero .blob.b1{width:340px;height:340px;background:#fff;top:-140px;right:-90px;}\r\n .hero .blob.b2{width:220px;height:220px;background:var(--bordeaux-2);bottom:-90px;left:-60px;opacity:.35;filter:blur(6px);}\r\n .hero .dots{\r\n position:absolute;inset:0;\r\n background-image:radial-gradient(rgba(255,255,255,.14) 1.5px, transparent 1.5px);\r\n background-size:22px 22px;\r\n -webkit-mask-image:linear-gradient(to bottom, black, transparent 75%);\r\n mask-image:linear-gradient(to bottom, black, transparent 75%);\r\n }\r\n .hero-inner{position:relative;z-index:2;}\r\n .eyebrow{\r\n display:inline-block;\r\n font-size:.74rem;\r\n letter-spacing:1.6px;\r\n color:#cdeadb;\r\n font-weight:600;\r\n text-transform:uppercase;\r\n margin-bottom:14px;\r\n padding:5px 14px;\r\n border:1px solid rgba(255,255,255,.35);\r\n border-radius:999px;\r\n }\r\n .hero h1{\r\n margin:0 auto 16px;\r\n max-width:760px;\r\n font-size:clamp(1.6rem, 3vw, 2.3rem);\r\n font-weight:700;\r\n line-height:1.35;\r\n }\r\n .hero p.desc{\r\n max-width:600px;\r\n margin:0 auto 26px;\r\n font-size:.95rem;\r\n color:#dcf0e6;\r\n line-height:1.75;\r\n }\r\n .head-pill{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:12px;\r\n background:linear-gradient(120deg, var(--bordeaux) 0%, var(--bordeaux-2) 100%);\r\n color:#fff;\r\n font-weight:700;\r\n font-size:.9rem;\r\n padding:11px 24px;\r\n border-radius:999px;\r\n box-shadow:0 10px 26px rgba(122,30,51,.4);\r\n }\r\n .head-pill .role{\r\n font-weight:400;\r\n font-size:.76rem;\r\n color:#f3d3db;\r\n }\r\n .head-pill .avatar{\r\n width:26px;height:26px;border-radius:50%;\r\n background:#fff;color:var(--bordeaux);\r\n display:flex;align-items:center;justify-content:center;\r\n font-size:.7rem;font-weight:800;\r\n }\r\n\r\n \/* ---- Stats (overlaps hero) ---- *\/\r\n .stats-card{\r\n position:relative;\r\n z-index:3;\r\n margin:-96px auto 46px;\r\n max-width:980px;\r\n background:#fff;\r\n border-radius:20px;\r\n box-shadow:0 18px 40px rgba(14,61,41,.16);\r\n padding:34px 30px;\r\n display:grid;\r\n grid-template-columns:repeat(3, 1fr);\r\n gap:18px;\r\n }\r\n .stat{\r\n text-align:center;\r\n padding:10px 8px;\r\n position:relative;\r\n }\r\n .stat:not(:last-child)::after{\r\n content:\"\";\r\n position:absolute;\r\n inset-inline-end:-9px;\r\n top:10%;\r\n height:80%;\r\n width:1px;\r\n background:var(--line);\r\n }\r\n .stat .icon{\r\n width:46px;height:46px;\r\n margin:0 auto 12px;\r\n border-radius:12px;\r\n background:var(--green-light);\r\n display:flex;align-items:center;justify-content:center;\r\n }\r\n .stat .icon svg{width:22px;height:22px;stroke:var(--green);fill:none;stroke-width:1.8;}\r\n .stat .num{\r\n font-size:2.1rem;\r\n font-weight:800;\r\n color:var(--green-deep);\r\n line-height:1;\r\n display:flex;align-items:baseline;justify-content:center;gap:2px;\r\n }\r\n .stat .num .plus{font-size:1.2rem;color:var(--bordeaux);}\r\n .stat .label{\r\n margin-top:6px;\r\n font-size:.78rem;\r\n color:var(--muted);\r\n font-weight:500;\r\n }\r\n\r\n \/* ---- Section label ---- *\/\r\n .row-label{\r\n font-size:.76rem;\r\n font-weight:700;\r\n color:var(--bordeaux);\r\n text-transform:uppercase;\r\n letter-spacing:.6px;\r\n margin:0 0 16px 4px;\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n }\r\n .row-label::before{\r\n content:\"\";\r\n width:22px;height:3px;\r\n background:var(--bordeaux);\r\n border-radius:2px;\r\n }\r\n\r\n \/* ---- Branch cards ---- *\/\r\n .branches{\r\n display:grid;\r\n grid-template-columns:repeat(3, 1fr);\r\n gap:20px;\r\n margin-bottom:44px;\r\n }\r\n .b-card{\r\n background:#fff;\r\n border:1px solid var(--line);\r\n border-radius:16px;\r\n padding:28px 22px 24px;\r\n text-align:center;\r\n box-shadow:0 3px 10px rgba(14,61,41,.05);\r\n transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;\r\n }\r\n .b-card:hover{\r\n transform:translateY(-4px);\r\n box-shadow:0 14px 28px rgba(14,61,41,.14);\r\n border-color:var(--green-bright);\r\n }\r\n .b-icon{\r\n width:60px;height:60px;\r\n margin:0 auto 16px;\r\n border-radius:16px;\r\n background:linear-gradient(135deg, var(--green-light) 0%, #d7ecdf 100%);\r\n display:flex;align-items:center;justify-content:center;\r\n }\r\n .b-icon svg{width:28px;height:28px;stroke:var(--green-deep);fill:none;stroke-width:1.8;}\r\n .b-card h3{\r\n margin:0 0 8px;\r\n font-size:1.02rem;\r\n font-weight:700;\r\n color:var(--green-deep);\r\n }\r\n .b-card p{\r\n margin:0;\r\n font-size:.85rem;\r\n line-height:1.7;\r\n color:var(--muted);\r\n }\r\n\r\n \/* ---- Org strip ---- *\/\r\n .org-strip{\r\n background:linear-gradient(135deg, #fff 0%, var(--green-light) 140%);\r\n border:1px solid var(--line);\r\n border-radius:16px;\r\n padding:26px;\r\n box-shadow:0 2px 8px rgba(14,61,41,.05);\r\n }\r\n .org-head{\r\n text-align:center;\r\n background:var(--green-deep);\r\n color:#fff;\r\n font-weight:800;\r\n font-size:.92rem;\r\n padding:12px 16px;\r\n border-radius:10px;\r\n margin-bottom:20px;\r\n }\r\n .org-sub{\r\n display:flex;\r\n justify-content:center;\r\n gap:14px;\r\n flex-wrap:wrap;\r\n }\r\n .org-sub span{\r\n background:var(--bordeaux-light);\r\n border-inline-start:3px solid var(--bordeaux);\r\n color:var(--ink);\r\n font-size:.8rem;\r\n font-weight:600;\r\n padding:9px 16px;\r\n border-radius:8px;\r\n }\r\n\r\n footer{\r\n text-align:center;\r\n font-size:.74rem;\r\n color:#8a978f;\r\n margin-top:26px;\r\n }\r\n\r\n @media (max-width:860px){\r\n .branches{grid-template-columns:1fr;}\r\n .stats-card{grid-template-columns:1fr;margin-top:-70px;}\r\n .stat:not(:last-child)::after{display:none;}\r\n .stat:not(:last-child){border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:6px;}\r\n .hero{padding-bottom:210px;}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"wrap\">\r\n\r\n <div class=\"hero\">\r\n <div class=\"dots\"><\/div>\r\n <div class=\"blob b1\"><\/div>\r\n <div class=\"blob b2\"><\/div>\r\n <div class=\"hero-inner\">\r\n <span class=\"eyebrow reveal\">\u00c9cole Normale Sup\u00e9rieure de Bouzar\u00e9ah<\/span>\r\n <h1 class=\"reveal d1\">Center for Information Systems and Networks, Tele-education, Communication and Distance Education<\/h1>\r\n <p class=\"desc reveal d2\">The center oversees ENSB's information systems and network infrastructure, and supports the school's distance-learning and televised education programs.<\/p>\r\n <div class=\"head-pill reveal d3\">\r\n <span class=\"avatar\">BH<\/span>\r\n Dr. Bouyerbou Hafidha\r\n <span class=\"role\">Head of Center<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"stats-card reveal d4\">\r\n <div class=\"stat\">\r\n <div class=\"icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M4 6h16v11H4z\"\/><path d=\"M4 7l8 6 8-6\"\/><\/svg><\/div>\r\n <div class=\"num\" data-target=\"10000\"><span class=\"val\">0<\/span><span class=\"plus\">+<\/span><\/div>\r\n <div class=\"label\">Professional email accounts<\/div>\r\n <\/div>\r\n <div class=\"stat\">\r\n <div class=\"icon\"><svg viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18M12 3c2.5 2.6 2.5 15.4 0 18M12 3c-2.5 2.6-2.5 15.4 0 18\"\/><\/svg><\/div>\r\n <div class=\"num\" data-target=\"2500\"><span class=\"val\">0<\/span><span class=\"plus\">+<\/span><\/div>\r\n <div class=\"label\">Internet users<\/div>\r\n <\/div>\r\n <div class=\"stat\">\r\n <div class=\"icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M3 8 12 4l9 4-9 4-9-4Z\"\/><path d=\"M7 10.5V15c0 1.4 2.2 2.5 5 2.5s5-1.1 5-2.5v-4.5\"\/><\/svg><\/div>\r\n <div class=\"num\" data-target=\"7000\"><span class=\"val\">0<\/span><span class=\"plus\">+<\/span><\/div>\r\n <div class=\"label\">Moodle accounts<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"row-label\">Sections of the center<\/div>\r\n <div class=\"branches\">\r\n\r\n <div class=\"b-card\">\r\n <div class=\"b-icon\">\r\n <svg viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"12\" rx=\"1.5\"\/><path d=\"M3 9h18M8 20h8M12 16v4\"\/><\/svg>\r\n <\/div>\r\n <h3>Networks Section<\/h3>\r\n <p>Overseeing the maintenance of the network infrastructure and following up on internet network expansion projects.<\/p>\r\n <\/div>\r\n\r\n <div class=\"b-card\">\r\n <div class=\"b-icon\">\r\n <svg viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"5\" r=\"2.2\"\/><circle cx=\"5\" cy=\"19\" r=\"2.2\"\/><circle cx=\"19\" cy=\"19\" r=\"2.2\"\/><path d=\"M12 7.2v5M12 12.2 6.3 17M12 12.2 17.7 17\"\/><\/svg>\r\n <\/div>\r\n <h3>Systems Section<\/h3>\r\n <p>Design and implementation of computer programs for administrative and academic management, and school websites.<\/p>\r\n <\/div>\r\n\r\n <div class=\"b-card\">\r\n <div class=\"b-icon\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M3 8 12 4l9 4-9 4-9-4Z\"\/><path d=\"M7 10.5V15c0 1.4 2.2 2.5 5 2.5s5-1.1 5-2.5v-4.5\"\/><path d=\"M21 8v6\"\/><\/svg>\r\n <\/div>\r\n <h3>Distance & Televised Education Section<\/h3>\r\n <p>Following up on distance-learning programs and supporting digital platforms for televised education.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"org-strip\">\r\n <div class=\"org-head\">Internal Structure of the Center<\/div>\r\n <div class=\"org-sub\">\r\n <span>Head of Center - Dr. Bouyerbou Hafidha<\/span>\r\n <span>Networks Section<\/span>\r\n <span>Systems Section - Hammadi Fay\u00e7al<\/span>\r\n <span>Distance & Televised Education Section<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <footer>\u00c9cole Normale Sup\u00e9rieure de Bouzar\u00e9ah - Center for Information Systems and Networks<\/footer>\r\n<\/div>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function () {\r\n var prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n var nums = document.querySelectorAll('.num[data-target]');\r\n nums.forEach(function (el) {\r\n var target = parseInt(el.getAttribute('data-target'), 10);\r\n var valEl = el.querySelector('.val');\r\n if (prefersReduced) { valEl.textContent = target.toLocaleString('en-US'); return; }\r\n var start = null;\r\n var duration = 1400;\r\n function step(ts) {\r\n if (!start) start = ts;\r\n var progress = Math.min((ts - start) \/ duration, 1);\r\n var eased = 1 - Math.pow(1 - progress, 3);\r\n valEl.textContent = Math.floor(eased * target).toLocaleString('en-US');\r\n if (progress < 1) requestAnimationFrame(step);\r\n }\r\n var observer = new IntersectionObserver(function (entries) {\r\n entries.forEach(function (entry) {\r\n if (entry.isIntersecting) { requestAnimationFrame(step); observer.disconnect(); }\r\n });\r\n }, { threshold: .4 });\r\n observer.observe(el);\r\n });\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Center for Information Systems, Networks & Distance Education – ENSB \u00c9cole Normale Sup\u00e9rieure de Bouzar\u00e9ah Center for Information Systems and Networks, Tele-education, Communication and Distance Education The center oversees ENSB’s information systems and network infrastructure, and supports the school’s distance-learning and televised education programs. BH Dr. Bouyerbou Hafidha Head of Center 0+ Professional email accounts […]<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"folder":[],"acf":[],"_links":{"self":[{"href":"https:\/\/ensb.dz\/fr\/wp-json\/wp\/v2\/pages\/6367"}],"collection":[{"href":"https:\/\/ensb.dz\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ensb.dz\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ensb.dz\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ensb.dz\/fr\/wp-json\/wp\/v2\/comments?post=6367"}],"version-history":[{"count":7,"href":"https:\/\/ensb.dz\/fr\/wp-json\/wp\/v2\/pages\/6367\/revisions"}],"predecessor-version":[{"id":6375,"href":"https:\/\/ensb.dz\/fr\/wp-json\/wp\/v2\/pages\/6367\/revisions\/6375"}],"wp:attachment":[{"href":"https:\/\/ensb.dz\/fr\/wp-json\/wp\/v2\/media?parent=6367"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/ensb.dz\/fr\/wp-json\/wp\/v2\/folder?post=6367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n\r\n\r\nCenter for Information Systems, Networks & Distance Education - ENSB<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --green-deep:#0e3d29;\r\n --green:#1c6b45;\r\n --green-bright:#2a9160;\r\n --green-light:#e8f4ee;\r\n --bordeaux:#7a1e33;\r\n --bordeaux-2:#9c2842;\r\n --bordeaux-light:#f6e6ea;\r\n --ink:#16241d;\r\n --muted:#5a6a62;\r\n --paper:#f7f9f7;\r\n --line:#e1e9e4;\r\n }\r\n *{box-sizing:border-box;}\r\n body{\r\n margin:0;\r\n background:var(--paper);\r\n font-family:'Inter','Segoe UI',sans-serif;\r\n color:var(--ink);\r\n -webkit-font-smoothing:antialiased;\r\n }\r\n h1,h2,h3,.display{font-family:'Poppins','Inter',sans-serif;}\r\n .wrap{max-width:1140px;margin:0 auto;padding:0 24px 70px;}\r\n\r\n @media (prefers-reduced-motion: no-preference){\r\n .reveal{opacity:0;transform:translateY(16px);animation:rise .7s ease forwards;}\r\n .reveal.d1{animation-delay:.05s;} .reveal.d2{animation-delay:.15s;}\r\n .reveal.d3{animation-delay:.25s;} .reveal.d4{animation-delay:.35s;}\r\n @keyframes rise{to{opacity:1;transform:translateY(0);}}\r\n }\r\n\r\n \/* ---- Hero ---- *\/\r\n .hero{\r\n position:relative;\r\n overflow:hidden;\r\n background:radial-gradient(120% 140% at 15% 0%, var(--green-bright) 0%, var(--green) 38%, var(--green-deep) 100%);\r\n color:#fff;\r\n padding:64px 30px 150px;\r\n text-align:center;\r\n border-radius:0 0 32px 32px;\r\n }\r\n .hero .blob{\r\n position:absolute;\r\n border-radius:50%;\r\n filter:blur(2px);\r\n opacity:.18;\r\n }\r\n .hero .blob.b1{width:340px;height:340px;background:#fff;top:-140px;right:-90px;}\r\n .hero .blob.b2{width:220px;height:220px;background:var(--bordeaux-2);bottom:-90px;left:-60px;opacity:.35;filter:blur(6px);}\r\n .hero .dots{\r\n position:absolute;inset:0;\r\n background-image:radial-gradient(rgba(255,255,255,.14) 1.5px, transparent 1.5px);\r\n background-size:22px 22px;\r\n -webkit-mask-image:linear-gradient(to bottom, black, transparent 75%);\r\n mask-image:linear-gradient(to bottom, black, transparent 75%);\r\n }\r\n .hero-inner{position:relative;z-index:2;}\r\n .eyebrow{\r\n display:inline-block;\r\n font-size:.74rem;\r\n letter-spacing:1.6px;\r\n color:#cdeadb;\r\n font-weight:600;\r\n text-transform:uppercase;\r\n margin-bottom:14px;\r\n padding:5px 14px;\r\n border:1px solid rgba(255,255,255,.35);\r\n border-radius:999px;\r\n }\r\n .hero h1{\r\n margin:0 auto 16px;\r\n max-width:760px;\r\n font-size:clamp(1.6rem, 3vw, 2.3rem);\r\n font-weight:700;\r\n line-height:1.35;\r\n }\r\n .hero p.desc{\r\n max-width:600px;\r\n margin:0 auto 26px;\r\n font-size:.95rem;\r\n color:#dcf0e6;\r\n line-height:1.75;\r\n }\r\n .head-pill{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:12px;\r\n background:linear-gradient(120deg, var(--bordeaux) 0%, var(--bordeaux-2) 100%);\r\n color:#fff;\r\n font-weight:700;\r\n font-size:.9rem;\r\n padding:11px 24px;\r\n border-radius:999px;\r\n box-shadow:0 10px 26px rgba(122,30,51,.4);\r\n }\r\n .head-pill .role{\r\n font-weight:400;\r\n font-size:.76rem;\r\n color:#f3d3db;\r\n }\r\n .head-pill .avatar{\r\n width:26px;height:26px;border-radius:50%;\r\n background:#fff;color:var(--bordeaux);\r\n display:flex;align-items:center;justify-content:center;\r\n font-size:.7rem;font-weight:800;\r\n }\r\n\r\n \/* ---- Stats (overlaps hero) ---- *\/\r\n .stats-card{\r\n position:relative;\r\n z-index:3;\r\n margin:-96px auto 46px;\r\n max-width:980px;\r\n background:#fff;\r\n border-radius:20px;\r\n box-shadow:0 18px 40px rgba(14,61,41,.16);\r\n padding:34px 30px;\r\n display:grid;\r\n grid-template-columns:repeat(3, 1fr);\r\n gap:18px;\r\n }\r\n .stat{\r\n text-align:center;\r\n padding:10px 8px;\r\n position:relative;\r\n }\r\n .stat:not(:last-child)::after{\r\n content:\"\";\r\n position:absolute;\r\n inset-inline-end:-9px;\r\n top:10%;\r\n height:80%;\r\n width:1px;\r\n background:var(--line);\r\n }\r\n .stat .icon{\r\n width:46px;height:46px;\r\n margin:0 auto 12px;\r\n border-radius:12px;\r\n background:var(--green-light);\r\n display:flex;align-items:center;justify-content:center;\r\n }\r\n .stat .icon svg{width:22px;height:22px;stroke:var(--green);fill:none;stroke-width:1.8;}\r\n .stat .num{\r\n font-size:2.1rem;\r\n font-weight:800;\r\n color:var(--green-deep);\r\n line-height:1;\r\n display:flex;align-items:baseline;justify-content:center;gap:2px;\r\n }\r\n .stat .num .plus{font-size:1.2rem;color:var(--bordeaux);}\r\n .stat .label{\r\n margin-top:6px;\r\n font-size:.78rem;\r\n color:var(--muted);\r\n font-weight:500;\r\n }\r\n\r\n \/* ---- Section label ---- *\/\r\n .row-label{\r\n font-size:.76rem;\r\n font-weight:700;\r\n color:var(--bordeaux);\r\n text-transform:uppercase;\r\n letter-spacing:.6px;\r\n margin:0 0 16px 4px;\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n }\r\n .row-label::before{\r\n content:\"\";\r\n width:22px;height:3px;\r\n background:var(--bordeaux);\r\n border-radius:2px;\r\n }\r\n\r\n \/* ---- Branch cards ---- *\/\r\n .branches{\r\n display:grid;\r\n grid-template-columns:repeat(3, 1fr);\r\n gap:20px;\r\n margin-bottom:44px;\r\n }\r\n .b-card{\r\n background:#fff;\r\n border:1px solid var(--line);\r\n border-radius:16px;\r\n padding:28px 22px 24px;\r\n text-align:center;\r\n box-shadow:0 3px 10px rgba(14,61,41,.05);\r\n transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;\r\n }\r\n .b-card:hover{\r\n transform:translateY(-4px);\r\n box-shadow:0 14px 28px rgba(14,61,41,.14);\r\n border-color:var(--green-bright);\r\n }\r\n .b-icon{\r\n width:60px;height:60px;\r\n margin:0 auto 16px;\r\n border-radius:16px;\r\n background:linear-gradient(135deg, var(--green-light) 0%, #d7ecdf 100%);\r\n display:flex;align-items:center;justify-content:center;\r\n }\r\n .b-icon svg{width:28px;height:28px;stroke:var(--green-deep);fill:none;stroke-width:1.8;}\r\n .b-card h3{\r\n margin:0 0 8px;\r\n font-size:1.02rem;\r\n font-weight:700;\r\n color:var(--green-deep);\r\n }\r\n .b-card p{\r\n margin:0;\r\n font-size:.85rem;\r\n line-height:1.7;\r\n color:var(--muted);\r\n }\r\n\r\n \/* ---- Org strip ---- *\/\r\n .org-strip{\r\n background:linear-gradient(135deg, #fff 0%, var(--green-light) 140%);\r\n border:1px solid var(--line);\r\n border-radius:16px;\r\n padding:26px;\r\n box-shadow:0 2px 8px rgba(14,61,41,.05);\r\n }\r\n .org-head{\r\n text-align:center;\r\n background:var(--green-deep);\r\n color:#fff;\r\n font-weight:800;\r\n font-size:.92rem;\r\n padding:12px 16px;\r\n border-radius:10px;\r\n margin-bottom:20px;\r\n }\r\n .org-sub{\r\n display:flex;\r\n justify-content:center;\r\n gap:14px;\r\n flex-wrap:wrap;\r\n }\r\n .org-sub span{\r\n background:var(--bordeaux-light);\r\n border-inline-start:3px solid var(--bordeaux);\r\n color:var(--ink);\r\n font-size:.8rem;\r\n font-weight:600;\r\n padding:9px 16px;\r\n border-radius:8px;\r\n }\r\n\r\n footer{\r\n text-align:center;\r\n font-size:.74rem;\r\n color:#8a978f;\r\n margin-top:26px;\r\n }\r\n\r\n @media (max-width:860px){\r\n .branches{grid-template-columns:1fr;}\r\n .stats-card{grid-template-columns:1fr;margin-top:-70px;}\r\n .stat:not(:last-child)::after{display:none;}\r\n .stat:not(:last-child){border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:6px;}\r\n .hero{padding-bottom:210px;}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"wrap\">\r\n\r\n <div class=\"hero\">\r\n <div class=\"dots\"><\/div>\r\n <div class=\"blob b1\"><\/div>\r\n <div class=\"blob b2\"><\/div>\r\n <div class=\"hero-inner\">\r\n <span class=\"eyebrow reveal\">\u00c9cole Normale Sup\u00e9rieure de Bouzar\u00e9ah<\/span>\r\n <h1 class=\"reveal d1\">Center for Information Systems and Networks, Tele-education, Communication and Distance Education<\/h1>\r\n <p class=\"desc reveal d2\">The center oversees ENSB's information systems and network infrastructure, and supports the school's distance-learning and televised education programs.<\/p>\r\n <div class=\"head-pill reveal d3\">\r\n <span class=\"avatar\">BH<\/span>\r\n Dr. Bouyerbou Hafidha\r\n <span class=\"role\">Head of Center<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"stats-card reveal d4\">\r\n <div class=\"stat\">\r\n <div class=\"icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M4 6h16v11H4z\"\/><path d=\"M4 7l8 6 8-6\"\/><\/svg><\/div>\r\n <div class=\"num\" data-target=\"10000\"><span class=\"val\">0<\/span><span class=\"plus\">+<\/span><\/div>\r\n <div class=\"label\">Professional email accounts<\/div>\r\n <\/div>\r\n <div class=\"stat\">\r\n <div class=\"icon\"><svg viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18M12 3c2.5 2.6 2.5 15.4 0 18M12 3c-2.5 2.6-2.5 15.4 0 18\"\/><\/svg><\/div>\r\n <div class=\"num\" data-target=\"2500\"><span class=\"val\">0<\/span><span class=\"plus\">+<\/span><\/div>\r\n <div class=\"label\">Internet users<\/div>\r\n <\/div>\r\n <div class=\"stat\">\r\n <div class=\"icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M3 8 12 4l9 4-9 4-9-4Z\"\/><path d=\"M7 10.5V15c0 1.4 2.2 2.5 5 2.5s5-1.1 5-2.5v-4.5\"\/><\/svg><\/div>\r\n <div class=\"num\" data-target=\"7000\"><span class=\"val\">0<\/span><span class=\"plus\">+<\/span><\/div>\r\n <div class=\"label\">Moodle accounts<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"row-label\">Sections of the center<\/div>\r\n <div class=\"branches\">\r\n\r\n <div class=\"b-card\">\r\n <div class=\"b-icon\">\r\n <svg viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"12\" rx=\"1.5\"\/><path d=\"M3 9h18M8 20h8M12 16v4\"\/><\/svg>\r\n <\/div>\r\n <h3>Networks Section<\/h3>\r\n <p>Overseeing the maintenance of the network infrastructure and following up on internet network expansion projects.<\/p>\r\n <\/div>\r\n\r\n <div class=\"b-card\">\r\n <div class=\"b-icon\">\r\n <svg viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"5\" r=\"2.2\"\/><circle cx=\"5\" cy=\"19\" r=\"2.2\"\/><circle cx=\"19\" cy=\"19\" r=\"2.2\"\/><path d=\"M12 7.2v5M12 12.2 6.3 17M12 12.2 17.7 17\"\/><\/svg>\r\n <\/div>\r\n <h3>Systems Section<\/h3>\r\n <p>Design and implementation of computer programs for administrative and academic management, and school websites.<\/p>\r\n <\/div>\r\n\r\n <div class=\"b-card\">\r\n <div class=\"b-icon\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M3 8 12 4l9 4-9 4-9-4Z\"\/><path d=\"M7 10.5V15c0 1.4 2.2 2.5 5 2.5s5-1.1 5-2.5v-4.5\"\/><path d=\"M21 8v6\"\/><\/svg>\r\n <\/div>\r\n <h3>Distance & Televised Education Section<\/h3>\r\n <p>Following up on distance-learning programs and supporting digital platforms for televised education.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"org-strip\">\r\n <div class=\"org-head\">Internal Structure of the Center<\/div>\r\n <div class=\"org-sub\">\r\n <span>Head of Center - Dr. Bouyerbou Hafidha<\/span>\r\n <span>Networks Section<\/span>\r\n <span>Systems Section - Hammadi Fay\u00e7al<\/span>\r\n <span>Distance & Televised Education Section<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <footer>\u00c9cole Normale Sup\u00e9rieure de Bouzar\u00e9ah - Center for Information Systems and Networks<\/footer>\r\n<\/div>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function () {\r\n var prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n var nums = document.querySelectorAll('.num[data-target]');\r\n nums.forEach(function (el) {\r\n var target = parseInt(el.getAttribute('data-target'), 10);\r\n var valEl = el.querySelector('.val');\r\n if (prefersReduced) { valEl.textContent = target.toLocaleString('en-US'); return; }\r\n var start = null;\r\n var duration = 1400;\r\n function step(ts) {\r\n if (!start) start = ts;\r\n var progress = Math.min((ts - start) \/ duration, 1);\r\n var eased = 1 - Math.pow(1 - progress, 3);\r\n valEl.textContent = Math.floor(eased * target).toLocaleString('en-US');\r\n if (progress < 1) requestAnimationFrame(step);\r\n }\r\n var observer = new IntersectionObserver(function (entries) {\r\n entries.forEach(function (entry) {\r\n if (entry.isIntersecting) { requestAnimationFrame(step); observer.disconnect(); }\r\n });\r\n }, { threshold: .4 });\r\n observer.observe(el);\r\n });\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Center for Information Systems, Networks & Distance Education – ENSB \u00c9cole Normale Sup\u00e9rieure de Bouzar\u00e9ah Center for Information Systems and Networks, Tele-education, Communication and Distance Education The center oversees ENSB’s information systems and network infrastructure, and supports the school’s distance-learning and televised education programs. BH Dr. Bouyerbou Hafidha Head of Center 0+ Professional email accounts […]<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"folder":[],"acf":[],"_links":{"self":[{"href":"https:\/\/ensb.dz\/fr\/wp-json\/wp\/v2\/pages\/6367"}],"collection":[{"href":"https:\/\/ensb.dz\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ensb.dz\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ensb.dz\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ensb.dz\/fr\/wp-json\/wp\/v2\/comments?post=6367"}],"version-history":[{"count":7,"href":"https:\/\/ensb.dz\/fr\/wp-json\/wp\/v2\/pages\/6367\/revisions"}],"predecessor-version":[{"id":6375,"href":"https:\/\/ensb.dz\/fr\/wp-json\/wp\/v2\/pages\/6367\/revisions\/6375"}],"wp:attachment":[{"href":"https:\/\/ensb.dz\/fr\/wp-json\/wp\/v2\/media?parent=6367"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/ensb.dz\/fr\/wp-json\/wp\/v2\/folder?post=6367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}