{"id":24,"date":"2025-10-06T16:45:25","date_gmt":"2025-10-06T16:45:25","guid":{"rendered":"https:\/\/paulc94.ovh\/index.php\/efrei-home\/"},"modified":"2025-10-28T14:59:43","modified_gmt":"2025-10-28T14:59:43","slug":"efrei-home","status":"publish","type":"page","link":"https:\/\/paulc94.ovh\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"24\" class=\"elementor elementor-24\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35cae1f0 e-flex e-con-boxed e-con e-parent\" data-id=\"35cae1f0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-729194e9 elementor-widget elementor-widget-text-editor\" data-id=\"729194e9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!-- =========================================================\n EFREI \u2014 Page d\u2019accueil (avec effets hover dynamiques)\n========================================================= -->\n<style>\n:root{\n  --efrei:#1677ff; --efrei2:#62a8ff;\n  --ink:#0f172a; --muted:#64748b; --line:#e5e7eb;\n  --bg:#f7f9fc; --surface:#fff;\n}\nhtml,body,.wp-site-blocks,.entry-content{\n  overflow-x:hidden;\n  background:var(--bg);\n  color:var(--ink);\n  font-family:'Inter',system-ui,Segoe UI,Roboto,Arial,sans-serif;\n}\n\n\/* ===== HERO plein \u00e9cran ===== *\/\n.ef-hero{\n  position:relative;\n  width:100vw; max-width:100vw; height:100vh;\n  left:50%; transform:translateX(-50%);\n  background:url('https:\/\/paulc94.ovh\/wp-content\/uploads\/2025\/10\/ecole-ingenieur-generaliste-paris-efrei-scaled-1.jpg') center\/cover no-repeat;\n  display:flex; align-items:center; justify-content:center; text-align:center;\n  color:#fff; padding:0 22px; box-shadow:0 8px 28px rgba(22,119,255,.22);\n  transition:transform .5s ease;\n}\n.ef-hero:hover{transform:translateX(-50%) scale(1.02);} \/* l\u00e9ger zoom *\/\n.ef-hero::after{\n  content:\"\"; position:absolute; inset:0;\n  background:linear-gradient(180deg,rgba(11,59,145,.55),rgba(11,59,145,.35));\n}\n.ef-hero .inner{position:relative;z-index:2;max-width:980px}\n.ef-hero h1{font-size:68px;line-height:1.05;margin:0 0 12px;text-shadow:0 4px 14px rgba(0,0,0,.25)}\n.ef-hero p{font-size:20px;margin:0 0 24px;color:#eef5ff;text-shadow:0 2px 8px rgba(0,0,0,.2)}\n.ef-cta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}\n\n\/* Boutons *\/\n.btn{\n  border:0;border-radius:999px;padding:12px 22px;font-weight:800;cursor:pointer;\n  display:inline-flex;align-items:center;gap:10px;transition:.25s ease;\n}\n.btn-primary{background:#fff;color:#0b3b91;}\n.btn-primary:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 0 20px rgba(255,255,255,.7);}\n.btn-ghost{background:rgba(255,255,255,.16);color:#fff;border:2px solid rgba(255,255,255,.5);}\n.btn-ghost:hover{background:rgba(255,255,255,.28);transform:translateY(-2px) scale(1.05);box-shadow:0 0 20px rgba(98,168,255,.8);}\n@media(max-width:980px){.ef-hero h1{font-size:44px}.ef-hero p{font-size:18px}}\n\n\/* ===== Sections g\u00e9n\u00e9rales ===== *\/\n.section{padding:56px 0}\n.wrap{max-width:1100px;margin:0 auto;padding:0 20px}\n\n\/* ===== Features ===== *\/\n.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.feature{\n  background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;text-align:center;\n  box-shadow:0 10px 24px rgba(22,119,255,.10);\n  transition:transform .3s, box-shadow .3s;\n}\n.feature:hover{\n  transform:translateY(-8px) scale(1.03);\n  box-shadow:0 18px 38px rgba(22,119,255,.25);\n  border-color:rgba(22,119,255,.4);\n}\n.feature h3{color:var(--efrei);margin:6px 0 8px}\n.feature p{color:var(--muted);margin:0}\n@media(max-width:900px){.features{grid-template-columns:1fr 1fr}}\n@media(max-width:620px){.features{grid-template-columns:1fr}}\n\n\/* ===== Split (campus gauche \/ texte droite) ===== *\/\n.split{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}\n.split img{\n  width:100%;border-radius:18px;border:1px solid var(--line);\n  box-shadow:0 12px 30px rgba(22,119,255,.12);\n  transition:transform .4s ease, box-shadow .4s ease;\n}\n.split img:hover{\n  transform:scale(1.03) rotate(.5deg);\n  box-shadow:0 16px 40px rgba(22,119,255,.25);\n}\n.split h2{margin:0 0 10px;font-size:32px}\n.split p{color:var(--muted);margin:0 0 12px}\n.ul{margin:0;padding-left:18px;color:#334155}\n.ul li{margin:6px 0;transition:color .3s;}\n.ul li:hover{color:var(--efrei);}\n@media(max-width:980px){.split{grid-template-columns:1fr}}\n\n\/* ===== Stats ===== *\/\n.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}\n.stat{\n  background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;\n  box-shadow:0 10px 22px rgba(22,119,255,.10);\n  transition:transform .3s, box-shadow .3s, border .3s;\n}\n.stat:hover{\n  transform:translateY(-6px);\n  box-shadow:0 14px 28px rgba(22,119,255,.25);\n  border:1px solid rgba(22,119,255,.4);\n}\n.stat .n{color:var(--efrei);font-size:36px;font-weight:800}\n.stat .l{color:var(--muted)}\n@media(max-width:980px){.stats{grid-template-columns:repeat(2,1fr)}}\n@media(max-width:580px){.stats{grid-template-columns:1fr}}\n\n\/* ===== Team ===== *\/\n.team{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\n.card{\n  background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;\n  box-shadow:0 12px 28px rgba(22,119,255,.10);\n  display:flex;flex-direction:column;\n  transition:transform .3s ease, box-shadow .3s ease;\n}\n.card:hover{\n  transform:translateY(-6px) scale(1.02);\n  box-shadow:0 20px 40px rgba(22,119,255,.25);\n  border-color:rgba(22,119,255,.3);\n}\n.card img{width:100%;height:260px;object-fit:cover;transition:transform .4s ease;}\n.card:hover img{transform:scale(1.05);}\n\/* Zoom l\u00e9ger sur la photo de Bryan uniquement avec centrage *\/\n.card img[alt=\"Rudy Bryan-Lee Amon\"]{transform:scale(1.1);object-position:center 5%;}\n\/* Ajustement pour la photo de Paul *\/\n.card img[alt=\"Paul Cohen\"]{object-position:center 70%;}\n.card .body{padding:14px 16px;display:flex;flex-direction:column;gap:6px}\n.role{color:var(--efrei);font-weight:800}\n.bio{color:var(--muted)}\n@media(max-width:980px){.team{grid-template-columns:1fr 1fr}}\n@media(max-width:620px){.team{grid-template-columns:1fr}}\n\n\/* ===== CTA ===== *\/\n.cta{\n  background:linear-gradient(135deg,var(--efrei),var(--efrei2));\n  color:#fff;border-radius:22px;text-align:center;padding:56px 18px;\n  box-shadow:0 14px 36px rgba(22,119,255,.25);\n  transition:transform .4s ease, box-shadow .4s ease;\n}\n.cta:hover{\n  transform:scale(1.02);\n  box-shadow:0 20px 46px rgba(22,119,255,.35);\n}\n.cta h3{margin:0 0 10px;font-size:28px}\n.cta .btn{margin-top:10px}\n\n\/* ===== Animation douce ===== *\/\n.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease, transform .7s ease}\n.reveal.show{opacity:1;transform:translateY(0)}\n<\/style>\n\n<!-- ===== HERO ===== -->\n<header class=\"ef-hero\">\n  <div class=\"inner\">\n    <h1>Efrei Paris<\/h1>\n    <p>Ing\u00e9nierie, innovation et passion du num\u00e9rique.<\/p>\n    <div class=\"ef-cta\">\n      <a href=\"#features\" class=\"btn btn-primary\">D\u00e9couvrir<\/a>\n      <a href=\"https:\/\/paulc94.ovh\/index.php\/efrei-exercices\/\" class=\"btn btn-ghost\">Exercices de codage<\/a>\n    <\/div>\n  <\/div>\n<\/header>\n\n<!-- ===== FEATURES ===== -->\n<section class=\"section\" id=\"features\">\n  <div class=\"wrap\">\n    <div class=\"features reveal\">\n      <article class=\"feature\">\n        <h3>Informatique &#038; IA<\/h3>\n        <p>Projets concrets \u2014 dev, data, IA, cybers\u00e9curit\u00e9, r\u00e9seaux.<\/p>\n      <\/article>\n      <article class=\"feature\">\n        <h3>Ouverture internationale<\/h3>\n        <p>Partenariats, \u00e9changes et doubles dipl\u00f4mes.<\/p>\n      <\/article>\n      <article class=\"feature\">\n        <h3>Vie \u00e9tudiante<\/h3>\n        <p>#OnlyEfreiParis \u2014 clubs, hackathons, ambiance.<\/p>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== SPLIT ===== -->\n<section class=\"section\">\n  <div class=\"wrap\">\n    <div class=\"split reveal\">\n      <img decoding=\"async\" src=\"https:\/\/paulc94.ovh\/wp-content\/uploads\/2025\/10\/ecole-ingenieur-generaliste-paris-efrei-scaled-1.jpg\" alt=\"Campus Efrei Paris\">\n      <div>\n        <h2>\u00c0 propos de l\u2019Efrei Paris<\/h2>\n        <p>\u00c9cole d\u2019ing\u00e9nieurs du num\u00e9rique reconnue : d\u00e9veloppement logiciel, data\/IA, cybers\u00e9curit\u00e9 et r\u00e9seaux, avec une vraie culture projet.<\/p>\n        <ul class=\"ul\">\n          <li>\ud83c\udf0d Ouverture internationale &#038; doubles dipl\u00f4mes<\/li>\n          <li>\ud83e\uddea Projets concrets, hackathons, vie associative<\/li>\n          <li>\ud83d\udcbc Fort taux d\u2019insertion professionnelle<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* === Bloc carte Efrei === *\/\n.efrei-map-card {\n  display: grid;\n  grid-template-columns: 1.15fr 1fr;\n  gap: 24px;\n  background: #fff;\n  border: 1px solid #e5e7eb;\n  border-radius: 20px;\n  padding: 22px;\n  box-shadow: 0 12px 30px rgba(2, 6, 23, 0.08);\n  max-width: 1100px;\n  margin: 40px auto;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n.efrei-map-card:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 14px 35px rgba(22, 119, 255, 0.18);\n}\n.efrei-map-info h3 {\n  margin: 0 0 6px;\n  font-size: 22px;\n  color: #0f172a;\n}\n.efrei-map-info p {\n  margin: 6px 0 14px;\n  color: #475569;\n  line-height: 1.5;\n}\n.efrei-map-info small {\n  color: #64748b;\n}\n.efrei-map-btn {\n  display: inline-block;\n  padding: 10px 20px;\n  border-radius: 999px;\n  background: linear-gradient(135deg, #1677ff, #62a8ff);\n  color: #fff;\n  text-decoration: none;\n  font-weight: 700;\n  transition: transform 0.15s ease, box-shadow 0.2s ease;\n  box-shadow: 0 10px 20px rgba(22, 119, 255, 0.25);\n}\n.efrei-map-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 14px 30px rgba(22, 119, 255, 0.35);\n}\n.efrei-map-embed iframe {\n  width: 100%;\n  height: 280px;\n  border: 0;\n  border-radius: 16px;\n  box-shadow: 0 8px 24px rgba(22, 119, 255, 0.12);\n}\n@media (max-width: 900px) {\n  .efrei-map-card {\n    grid-template-columns: 1fr;\n  }\n  .efrei-map-embed iframe {\n    height: 240px;\n  }\n}\n<\/style>\n\n<div class=\"efrei-map-card\">\n  <div class=\"efrei-map-info\">\n    <h3>\ud83d\udccd Efrei Paris \u2014 Campus Villejuif<\/h3>\n    <p>\n      <strong>Adresse :<\/strong><br>\n      30\u201332 Avenue de la R\u00e9publique<br>\n      94800 Villejuif, France\n    <\/p>\n    <a class=\"efrei-map-btn\" target=\"_blank\"\n       href=\"https:\/\/www.google.com\/maps?daddr=Efrei%20Paris%2C%2030-32%20Avenue%20de%20la%20R%C3%A9publique%2C%2094800%20Villejuif\">\n      Itin\u00e9raire\n    <\/a>\n    <br><small>\ud83d\ude87 RER\/Metro : Villejuif \u2013 L\u00e9o Lagrange (ligne 7) \u2022 Bus 131 \/ 162<\/small>\n  <\/div>\n\n  <div class=\"efrei-map-embed\">\n    <iframe\n      src=\"https:\/\/www.google.com\/maps?q=Efrei%20Paris%2C%2030-32%20Avenue%20de%20la%20R%C3%A9publique%2C%2094800%20Villejuif&#038;output=embed\"\n      loading=\"lazy\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n      allowfullscreen>\n    <\/iframe>\n  <\/div>\n<\/div>\n\n<!-- ===== STATS ===== -->\n<section class=\"section\">\n  <div class=\"wrap\">\n    <div class=\"stats reveal\">\n      <div class=\"stat\"><div class=\"n\">97%<\/div><div class=\"l\">Insertion pro<\/div><\/div>\n      <div class=\"stat\"><div class=\"n\">40+<\/div><div class=\"l\">Associations<\/div><\/div>\n      <div class=\"stat\"><div class=\"n\">100%<\/div><div class=\"l\">\u00c9tudiants passionn\u00e9s<\/div><\/div>\n      <div class=\"stat\"><div class=\"n\">#1<\/div><div class=\"l\">Ambiance OnlyEfreiParis<\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== TEAM ===== -->\n<section class=\"section\" id=\"team\">\n  <div class=\"wrap\">\n    <h2 class=\"reveal\" style=\"margin:0 0 16px\">Notre \u00e9quipe<\/h2>\n    <div class=\"team reveal\">\n      <article class=\"card\">\n        <img decoding=\"async\" src=\"https:\/\/paulc94.ovh\/wp-content\/uploads\/2025\/10\/IMG_6614.jpg\" alt=\"Paul Cohen\">\n        <div class=\"body\">\n          <strong>Paul Cohen<\/strong>\n          <div class=\"role\">\u00c9tudiant BTS SIO \u2014 Efrei Paris<\/div>\n          <p class=\"bio\">D\u00e9veloppeur enthousiaste \u2014 Java, TypeScript, Python.<\/p>\n        <\/div>\n      <\/article>\n      <article class=\"card\">\n        <img decoding=\"async\" src=\"https:\/\/media.licdn.com\/dms\/image\/v2\/D4E03AQGa1qmZ4tXY1w\/profile-displayphoto-shrink_200_200\/B4EZXk32aMHMAc-\/0\/1743301601249?e=1762992000&#038;v=beta&#038;t=JNPTF1P03wVrHt4vrgzt-ogdzs557tcMHNcwTicJGE0\" alt=\"Abiga\u00eblle Saiovici\">\n        <div class=\"body\">\n          <strong>Abiga\u00eblle Saiovici<\/strong>\n          <div class=\"role\">\u00c9tudiante BTS SIO \u2014 Efrei Paris<\/div>\n          <p class=\"bio\">\ud83d\ude80 Tech Explorer | D\u00e9veloppement, Cybers\u00e9curit\u00e9 &#038; IA.<\/p>\n        <\/div>\n      <\/article>\n      <article class=\"card\">\n        <img decoding=\"async\" src=\"https:\/\/paulc94.ovh\/wp-content\/uploads\/2025\/10\/IMG_0807.jpeg\" alt=\"Rudy Bryan-Lee Amon\">\n        <div class=\"body\">\n          <strong>Rudy Bryan-Lee Amon<\/strong>\n          <div class=\"role\">\u00c9tudiant BTS SIO \u2014 Efrei Paris<\/div>\n          <p class=\"bio\">D\u00e9veloppeur Web \u2014 C, C++, Python, HTML.<\/p>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== CTA ===== -->\n<section class=\"section\" id=\"exercices\">\n  <div class=\"wrap\">\n    <div class=\"cta reveal\">\n      <h3>D\u00e9couvrez nos exercices et projets de codage<\/h3>\n      <a href=\"https:\/\/paulc94.ovh\/index.php\/efrei-exercices\/\" class=\"btn btn-primary\">Acc\u00e9der aux exercices<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n\/* D\u00e9filement doux *\/\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a=>{\n  a.addEventListener('click', e=>{\n    const id=a.getAttribute('href');\n    if(id.length<2)return;\n    const el=document.querySelector(id);\n    if(el){e.preventDefault(); el.scrollIntoView({behavior:'smooth'});}\n  });\n});\n\n\/* Apparition au scroll *\/\nconst obs=new IntersectionObserver((ents)=>{\n  ents.forEach(e=>{if(e.isIntersecting)e.target.classList.add('show');});\n},{threshold:.15});\ndocument.querySelectorAll('.reveal').forEach(el=>obs.observe(el));\n<\/script>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Efrei Paris Ing\u00e9nierie, innovation et passion du num\u00e9rique. D\u00e9couvrir Exercices de codage Informatique &#038; IA Projets concrets \u2014 dev, data, IA, cybers\u00e9curit\u00e9, r\u00e9seaux. Ouverture internationale Partenariats, \u00e9changes et doubles dipl\u00f4mes. Vie \u00e9tudiante #OnlyEfreiParis \u2014 clubs, hackathons, ambiance. \u00c0 propos de l\u2019Efrei Paris \u00c9cole d\u2019ing\u00e9nieurs du num\u00e9rique reconnue : d\u00e9veloppement logiciel, data\/IA, cybers\u00e9curit\u00e9 et r\u00e9seaux, avec [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/paulc94.ovh\/index.php\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/paulc94.ovh\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/paulc94.ovh\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/paulc94.ovh\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/paulc94.ovh\/index.php\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":107,"href":"https:\/\/paulc94.ovh\/index.php\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":378,"href":"https:\/\/paulc94.ovh\/index.php\/wp-json\/wp\/v2\/pages\/24\/revisions\/378"}],"wp:attachment":[{"href":"https:\/\/paulc94.ovh\/index.php\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}