{"id":10,"date":"2026-04-24T01:57:50","date_gmt":"2026-04-24T01:57:50","guid":{"rendered":"https:\/\/youssefakelai.online\/?page_id=10"},"modified":"2026-04-24T04:02:04","modified_gmt":"2026-04-24T04:02:04","slug":"mon-portfolio","status":"publish","type":"page","link":"https:\/\/youssefakelai.online\/","title":{"rendered":"Mon Portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a030929 e-con-full e-flex e-con e-parent\" data-id=\"a030929\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb6c7ec elementor-widget elementor-widget-html\" data-id=\"bb6c7ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<section class=\"ya-hero-v2\">\n  <div class=\"ya-noise\"><\/div>\n  <div class=\"ya-light ya-light-a\"><\/div>\n  <div class=\"ya-light ya-light-b\"><\/div>\n\n  <div class=\"ya-hero-inner\">\n\n    <div class=\"ya-copy\">\n      <span class=\"ya-pill\">Portfolio 2026<\/span>\n\n      <h1>Youssef<br>Akelai<\/h1>\n\n      <div class=\"ya-meta\">\n        <span>27 ans<\/span>\n        <span>Visual & Web Designer<\/span>\n      <\/div>\n\n      <p>\n        Designer graphique et web sp\u00e9cialis\u00e9 dans la cr\u00e9ation d\u2019identit\u00e9s visuelles,\n        interfaces web, landing pages et contenus digitaux modernes pour construire\n        une image professionnelle, claire et impactante.\n      <\/p>\n\n      <div class=\"ya-stats\">\n        <div>\n          <strong>4+ ans<\/strong>\n          <small>Exp\u00e9rience<\/small>\n        <\/div>\n        <div>\n          <strong>50+ Projets<\/strong>\n          <small>R\u00e9alis\u00e9s<\/small>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ya-visual\">\n      <div class=\"ya-circle\"><\/div>\n      <img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-24-avr.-2026-02_55_49-Photoroom.png\" alt=\"Youssef Akelai\">\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.ya-hero-v2{\n  position:relative;\n  overflow:hidden;\n  min-height:100vh;\n  background:\n    radial-gradient(circle at 65% 45%, rgba(0,220,255,.22), transparent 28%),\n    radial-gradient(circle at 82% 60%, rgba(138,92,255,.20), transparent 30%),\n    linear-gradient(135deg,#05070c 0%,#081321 45%,#080914 100%);\n  color:#fff;\n  font-family:\"Manrope\",sans-serif;\n  display:flex;\n  align-items:center;\n  padding:70px 7%;\n}\n\n.ya-noise{\n  position:absolute;\n  inset:0;\n  background-image:\n    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);\n  background-size:72px 72px;\n  opacity:.28;\n}\n\n.ya-light{\n  position:absolute;\n  border-radius:50%;\n  filter:blur(80px);\n  opacity:.55;\n}\n\n.ya-light-a{\n  width:300px;\n  height:300px;\n  background:#00d9ff;\n  left:-100px;\n  top:15%;\n}\n\n.ya-light-b{\n  width:380px;\n  height:380px;\n  background:#7b61ff;\n  right:-150px;\n  bottom:5%;\n}\n\n.ya-hero-inner{\n  position:relative;\n  z-index:2;\n  width:100%;\n  max-width:1280px;\n  margin:auto;\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  align-items:center;\n  gap:40px;\n}\n\n.ya-pill{\n  display:inline-flex;\n  padding:9px 18px;\n  border:1px solid rgba(158,234,255,.35);\n  border-radius:999px;\n  color:#9eeaff;\n  background:rgba(255,255,255,.055);\n  backdrop-filter:blur(12px);\n  font-size:14px;\n  margin-bottom:24px;\n}\n\n.ya-copy h1{\n  margin:0;\n  font-size:clamp(70px,8vw,120px);\n  line-height:.86;\n  letter-spacing:-6px;\n  font-weight:800;\n}\n\n.ya-meta{\n  margin-top:22px;\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px;\n  align-items:center;\n}\n\n.ya-meta span{\n  padding:10px 16px;\n  border-radius:999px;\n  background:rgba(255,255,255,.08);\n  border:1px solid rgba(255,255,255,.12);\n  color:#d9f8ff;\n  font-size:16px;\n  font-weight:600;\n}\n\n.ya-meta span:last-child{\n  background:linear-gradient(90deg,#ffffff,#8beeff,#9d88ff);\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n  border-color:rgba(141,238,255,.2);\n}\n\n.ya-copy p{\n  max-width:610px;\n  margin:28px 0 34px;\n  font-size:18px;\n  line-height:1.85;\n  color:rgba(255,255,255,.72);\n}\n\n.ya-stats{\n  display:flex;\n  gap:18px;\n  flex-wrap:wrap;\n}\n\n.ya-stats div{\n  min-width:145px;\n  padding:20px 22px;\n  border-radius:24px;\n  background:rgba(255,255,255,.07);\n  border:1px solid rgba(255,255,255,.12);\n  box-shadow:0 25px 60px rgba(0,0,0,.25);\n  backdrop-filter:blur(14px);\n}\n\n.ya-stats strong{\n  display:block;\n  font-size:22px;\n  font-weight:800;\n}\n\n.ya-stats small{\n  display:block;\n  margin-top:6px;\n  color:rgba(255,255,255,.6);\n  font-size:14px;\n}\n\n.ya-visual{\n  position:relative;\n  height:760px;\n  display:flex;\n  align-items:flex-end;\n  justify-content:flex-end;\n}\n\n.ya-visual img{\n  position:absolute;\n  right:-45px;\n  bottom:-85px;\n  height:880px;\n  width:auto;\n  max-width:none;\n  z-index:3;\n  filter:drop-shadow(0 45px 70px rgba(0,0,0,.75));\n}\n\n.ya-circle{\n  position:absolute;\n  right:0;\n  bottom:80px;\n  width:570px;\n  height:570px;\n  border-radius:50%;\n  background:\n    radial-gradient(circle,rgba(0,225,255,.32),transparent 58%),\n    radial-gradient(circle at 70% 40%,rgba(140,100,255,.35),transparent 45%);\n  filter:blur(8px);\n  opacity:.9;\n}\n\n\/* TABLET *\/\n@media(max-width:1024px){\n  .ya-hero-v2{\n    padding:60px 5%;\n  }\n\n  .ya-copy h1{\n    font-size:70px;\n    letter-spacing:-4px;\n  }\n\n  .ya-visual{\n    height:650px;\n  }\n\n  .ya-visual img{\n    height:730px;\n    right:-80px;\n    bottom:-70px;\n  }\n}\n\n\/* MOBILE *\/\n@media(max-width:767px){\n  .ya-hero-v2{\n    min-height:100vh;\n    padding:34px 18px 0;\n    align-items:flex-start;\n  }\n\n  .ya-hero-inner{\n    display:flex;\n    flex-direction:column;\n    gap:0;\n    text-align:center;\n  }\n\n  .ya-copy{\n    order:1;\n    width:100%;\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    position:relative;\n    z-index:5;\n  }\n\n  .ya-pill{\n    order:1;\n    margin-bottom:14px;\n    font-size:12px;\n    padding:7px 14px;\n  }\n\n  .ya-copy h1{\n    order:2;\n    font-size:46px;\n    line-height:.88;\n    letter-spacing:-2px;\n    margin-bottom:14px;\n  }\n\n  .ya-meta{\n    order:3;\n    justify-content:center;\n    margin-top:0;\n    gap:8px;\n  }\n\n  .ya-meta span{\n    font-size:13px;\n    padding:8px 12px;\n  }\n\n  .ya-visual{\n    order:4;\n    width:100%;\n    height:470px;\n    justify-content:center;\n    overflow:hidden;\n    margin-top:-18px;\n    position:relative;\n  }\n\n  .ya-visual img{\n    height:560px;\n    right:50%;\n    transform:translateX(50%);\n    bottom:-70px;\n    z-index:4;\n  }\n\n  .ya-circle{\n    width:390px;\n    height:390px;\n    right:50%;\n    transform:translateX(50%);\n    bottom:10px;\n    filter:blur(13px);\n    opacity:.95;\n  }\n\n  .ya-copy p{\n    order:5;\n    max-width:100%;\n    margin:12px auto 22px;\n    font-size:14.5px;\n    line-height:1.7;\n    color:rgba(255,255,255,.72);\n  }\n\n  .ya-stats{\n    order:6;\n    justify-content:center;\n    gap:10px;\n    margin-bottom:28px;\n  }\n\n  .ya-stats div{\n    min-width:132px;\n    padding:14px 12px;\n    border-radius:18px;\n  }\n\n  .ya-stats strong{\n    font-size:17px;\n  }\n\n  .ya-stats small{\n    font-size:12px;\n  }\n}\n\n@media(max-width:390px){\n  .ya-copy h1{\n    font-size:40px;\n  }\n\n  .ya-visual{\n    height:430px;\n  }\n\n  .ya-visual img{\n    height:520px;\n    bottom:-68px;\n  }\n\n  .ya-circle{\n    width:350px;\n    height:350px;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e81ea6 e-con-full e-flex e-con e-parent\" data-id=\"3e81ea6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64ae989 elementor-widget elementor-widget-html\" data-id=\"64ae989\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ya-ig-section\">\n  <div class=\"ya-ig-head\">\n    <span>Selected Works<\/span>\n    <h2>Social Media Posts<\/h2>\n    <p>\n      Une collection de cr\u00e9ations visuelles con\u00e7ues pour les r\u00e9seaux sociaux,\n      avec un style moderne, clair et orient\u00e9 marque.\n    <\/p>\n  <\/div>\n\n  <div class=\"ya-client-label\">Client 1<\/div>\n\n  <div class=\"ya-ig-grid\">\n\n    <article class=\"ya-post\">\n      <div class=\"ya-post-top\">\n        <div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div>\n        <div class=\"ya-menu\">\u2022\u2022\u2022<\/div>\n      <\/div>\n      <div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/C1-1.jpg\"><\/div>\n      <div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div>\n    <\/article>\n\n    <article class=\"ya-post\">\n      <div class=\"ya-post-top\">\n        <div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div>\n        <div class=\"ya-menu\">\u2022\u2022\u2022<\/div>\n      <\/div>\n      <div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/C1-2.jpg\"><\/div>\n      <div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div>\n    <\/article>\n\n    <article class=\"ya-post\">\n      <div class=\"ya-post-top\">\n        <div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div>\n        <div class=\"ya-menu\">\u2022\u2022\u2022<\/div>\n      <\/div>\n      <div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/C1-3.jpg\"><\/div>\n      <div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div>\n    <\/article>\n\n    <article class=\"ya-post\">\n      <div class=\"ya-post-top\">\n        <div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div>\n        <div class=\"ya-menu\">\u2022\u2022\u2022<\/div>\n      <\/div>\n      <div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/C1-4.jpg\"><\/div>\n      <div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div>\n    <\/article>\n\n    <article class=\"ya-post\">\n      <div class=\"ya-post-top\">\n        <div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div>\n        <div class=\"ya-menu\">\u2022\u2022\u2022<\/div>\n      <\/div>\n      <div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/Post1.jpg\"><\/div>\n      <div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div>\n    <\/article>\n\n    <article class=\"ya-post\">\n      <div class=\"ya-post-top\">\n        <div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div>\n        <div class=\"ya-menu\">\u2022\u2022\u2022<\/div>\n      <\/div>\n      <div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/Post2.jpg\"><\/div>\n      <div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div>\n    <\/article>\n\n    <article class=\"ya-post\">\n      <div class=\"ya-post-top\">\n        <div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div>\n        <div class=\"ya-menu\">\u2022\u2022\u2022<\/div>\n      <\/div>\n      <div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/Post3.jpg\"><\/div>\n      <div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div>\n    <\/article>\n\n    <article class=\"ya-post\">\n      <div class=\"ya-post-top\">\n        <div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div>\n        <div class=\"ya-menu\">\u2022\u2022\u2022<\/div>\n      <\/div>\n      <div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/Post4.jpg\"><\/div>\n      <div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div>\n    <\/article>\n\n    <article class=\"ya-post\">\n      <div class=\"ya-post-top\">\n        <div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div>\n        <div class=\"ya-menu\">\u2022\u2022\u2022<\/div>\n      <\/div>\n      <div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/Post5.jpg\"><\/div>\n      <div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div>\n    <\/article>\n\n    <article class=\"ya-post\">\n      <div class=\"ya-post-top\">\n        <div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div>\n        <div class=\"ya-menu\">\u2022\u2022\u2022<\/div>\n      <\/div>\n      <div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/Post6.jpg\"><\/div>\n      <div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div>\n    <\/article>\n\n    <article class=\"ya-post\">\n      <div class=\"ya-post-top\">\n        <div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div>\n        <div class=\"ya-menu\">\u2022\u2022\u2022<\/div>\n      <\/div>\n      <div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/Post7.jpg\"><\/div>\n      <div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div>\n    <\/article>\n\n  <\/div>\n<\/section>\n\n<style>\n.ya-ig-section{\n  background:\n    radial-gradient(circle at 15% 10%, rgba(0,216,255,.12), transparent 30%),\n    radial-gradient(circle at 90% 5%, rgba(123,97,255,.12), transparent 30%),\n    #fff;\n  padding:90px 6%;\n  font-family:\"Manrope\",\"Inter\",Arial,sans-serif;\n  color:#111;\n  overflow:hidden;\n}\n\n.ya-ig-head{\n  max-width:760px;\n  margin:0 auto 35px;\n  text-align:center;\n}\n\n.ya-ig-head span{\n  display:inline-flex;\n  padding:8px 16px;\n  border-radius:999px;\n  background:rgba(0,216,255,.08);\n  border:1px solid rgba(0,216,255,.22);\n  color:#0699b8;\n  font-weight:800;\n  font-size:14px;\n  margin-bottom:16px;\n}\n\n.ya-ig-head h2{\n  margin:0;\n  font-size:clamp(40px,5vw,72px);\n  line-height:1;\n  letter-spacing:-3px;\n  font-weight:900;\n  background:linear-gradient(90deg,#080914,#0aaed0,#7b61ff);\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n}\n\n.ya-ig-head p{\n  margin:18px auto 0;\n  max-width:680px;\n  color:rgba(0,0,0,.58);\n  font-size:17px;\n  line-height:1.7;\n}\n\n.ya-client-label{\n  width:max-content;\n  margin:0 auto 22px;\n  padding:9px 18px;\n  border-radius:999px;\n  background:linear-gradient(135deg,#00d8ff,#7b61ff);\n  color:#fff;\n  font-size:13px;\n  font-weight:900;\n  box-shadow:0 10px 24px rgba(0,0,0,.15);\n}\n\n\/* DESKTOP CAROUSEL *\/\n.ya-ig-grid{\n  max-width:1280px;\n  margin:auto;\n  display:flex;\n  gap:26px;\n  overflow-x:auto;\n  scroll-snap-type:x mandatory;\n  padding:10px 0 28px;\n}\n\n.ya-ig-grid::-webkit-scrollbar{\n  height:7px;\n}\n\n.ya-ig-grid::-webkit-scrollbar-track{\n  background:#eee;\n  border-radius:999px;\n}\n\n.ya-ig-grid::-webkit-scrollbar-thumb{\n  background:linear-gradient(90deg,#00d8ff,#7b61ff);\n  border-radius:999px;\n}\n\n.ya-post{\n  position:relative;\n  flex:0 0 360px;\n  background:#fff;\n  border:1px solid #dbdbdb;\n  border-radius:3px;\n  overflow:hidden;\n  box-shadow:0 18px 45px rgba(0,0,0,.06);\n  transition:.3s ease;\n  scroll-snap-align:start;\n}\n\n.ya-post:hover{\n  transform:translateY(-6px);\n  box-shadow:0 25px 65px rgba(0,0,0,.10);\n}\n\n.ya-post-top{\n  height:60px;\n  padding:0 14px;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  background:#fff;\n  border-bottom:1px solid #efefef;\n}\n\n.ya-profile{\n  display:flex;\n  align-items:center;\n  gap:12px;\n}\n\n.ya-avatar{\n  width:36px;\n  height:36px;\n  border-radius:50%;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:#fff;\n  font-size:12px;\n  font-weight:900;\n  background:linear-gradient(135deg,#00d8ff,#7b61ff);\n}\n\n.ya-profile b{\n  display:block;\n  font-size:14px;\n  line-height:1.1;\n  color:#111;\n  font-weight:700;\n}\n\n.ya-profile small{\n  display:block;\n  margin-top:3px;\n  font-size:12px;\n  color:#8e8e8e;\n}\n\n.ya-menu{\n  color:#262626;\n  font-size:20px;\n  letter-spacing:2px;\n  line-height:1;\n}\n\n.ya-post-img{\n  width:100%;\n  aspect-ratio:1\/1;\n  background:#fafafa;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  overflow:hidden;\n}\n\n.ya-post-img img{\n  width:100%;\n  height:100%;\n  object-fit:contain;\n  display:block;\n}\n\n.ya-actions{\n  height:54px;\n  padding:0 14px;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  background:#fff;\n  border-top:1px solid #efefef;\n  color:#111;\n}\n\n.ya-left-icons{\n  display:flex;\n  align-items:center;\n  gap:16px;\n}\n\n.ya-actions svg{\n  width:25px;\n  height:25px;\n  fill:none;\n  stroke:currentColor;\n  stroke-width:1.8;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n\n.ya-save-icon{\n  margin-left:auto;\n}\n\n\/* TABLET *\/\n@media(max-width:1024px){\n  .ya-post{\n    flex:0 0 330px;\n  }\n}\n\n\/* MOBILE - \u0646\u0641\u0633 structure *\/\n@media(max-width:767px){\n  .ya-ig-section{\n    padding:65px 14px;\n  }\n\n  .ya-ig-head{\n    text-align:left;\n    margin-bottom:24px;\n  }\n\n  .ya-ig-head h2{\n    font-size:42px;\n    letter-spacing:-2px;\n  }\n\n  .ya-ig-head p{\n    font-size:15px;\n  }\n\n  .ya-client-label{\n    margin:0 0 18px;\n  }\n\n  .ya-ig-grid{\n    display:flex;\n    overflow-x:auto;\n    gap:16px;\n    scroll-snap-type:x mandatory;\n    padding-bottom:18px;\n  }\n\n  .ya-post{\n    min-width:88%;\n    flex:0 0 88%;\n    scroll-snap-align:center;\n  }\n\n  .ya-post-img{\n    aspect-ratio:1\/1;\n  }\n\n  .ya-ig-grid::-webkit-scrollbar{\n    height:5px;\n  }\n\n  .ya-ig-grid::-webkit-scrollbar-thumb{\n    background:linear-gradient(90deg,#00d8ff,#7b61ff);\n    border-radius:999px;\n  }\n}\n<\/style>\n\n\n<section class=\"ya-ig-section ya-client-2-section\">\n  <div class=\"ya-client-label\">Client 2<\/div>\n\n  <div class=\"ya-ig-grid\">\n\n    <article class=\"ya-post\">\n      <div class=\"ya-post-top\">\n        <div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div>\n        <div class=\"ya-menu\">\u2022\u2022\u2022<\/div>\n      <\/div>\n      <div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/P1.jpg\"><\/div>\n      <div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div>\n    <\/article>\n\n    <article class=\"ya-post\">\n      <div class=\"ya-post-top\">\n        <div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div>\n        <div class=\"ya-menu\">\u2022\u2022\u2022<\/div>\n      <\/div>\n      <div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/P2.jpg\"><\/div>\n      <div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div>\n    <\/article>\n\n    <article class=\"ya-post\">\n      <div class=\"ya-post-top\">\n        <div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div>\n        <div class=\"ya-menu\">\u2022\u2022\u2022<\/div>\n      <\/div>\n      <div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/P3.jpg\"><\/div>\n      <div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div>\n    <\/article>\n\n    <article class=\"ya-post\">\n      <div class=\"ya-post-top\">\n        <div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div>\n        <div class=\"ya-menu\">\u2022\u2022\u2022<\/div>\n      <\/div>\n      <div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/P4.jpg\"><\/div>\n      <div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div>\n    <\/article>\n\n    <article class=\"ya-post\"><div class=\"ya-post-top\"><div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div><div class=\"ya-menu\">\u2022\u2022\u2022<\/div><\/div><div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/P5.jpg\"><\/div><div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div><\/article>\n\n    <article class=\"ya-post\"><div class=\"ya-post-top\"><div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div><div class=\"ya-menu\">\u2022\u2022\u2022<\/div><\/div><div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/P6.jpg\"><\/div><div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div><\/article>\n\n    <article class=\"ya-post\"><div class=\"ya-post-top\"><div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div><div class=\"ya-menu\">\u2022\u2022\u2022<\/div><\/div><div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/P7.jpg\"><\/div><div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div><\/article>\n\n    <article class=\"ya-post\"><div class=\"ya-post-top\"><div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div><div class=\"ya-menu\">\u2022\u2022\u2022<\/div><\/div><div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/P8.jpg\"><\/div><div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div><\/article>\n\n  <\/div>\n<\/section>\n\n<section class=\"ya-ig-section ya-client-3-section\">\n  <div class=\"ya-client-label\">Client 3<\/div>\n\n  <div class=\"ya-ig-grid\">\n\n    <article class=\"ya-post\">\n      <div class=\"ya-post-top\">\n        <div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div>\n        <div class=\"ya-menu\">\u2022\u2022\u2022<\/div>\n      <\/div>\n      <div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/GSA-C3-1.jpg\"><\/div>\n      <div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div>\n    <\/article>\n\n    <article class=\"ya-post\">\n      <div class=\"ya-post-top\">\n        <div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div>\n        <div class=\"ya-menu\">\u2022\u2022\u2022<\/div>\n      <\/div>\n      <div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/GSA-C3-2.jpg\"><\/div>\n      <div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div>\n    <\/article>\n\n    <article class=\"ya-post\">\n      <div class=\"ya-post-top\">\n        <div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div>\n        <div class=\"ya-menu\">\u2022\u2022\u2022<\/div>\n      <\/div>\n      <div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/GSA-C3-3.jpg\"><\/div>\n      <div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div>\n    <\/article>\n\n    <article class=\"ya-post\">\n      <div class=\"ya-post-top\">\n        <div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div>\n        <div class=\"ya-menu\">\u2022\u2022\u2022<\/div>\n      <\/div>\n      <div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/GSA-C2-1.jpg\"><\/div>\n      <div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div>\n    <\/article>\n\n    <article class=\"ya-post\">\n      <div class=\"ya-post-top\">\n        <div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div>\n        <div class=\"ya-menu\">\u2022\u2022\u2022<\/div>\n      <\/div>\n      <div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/GSA-C2-2.jpg\"><\/div>\n      <div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div>\n    <\/article>\n\n    <article class=\"ya-post\">\n      <div class=\"ya-post-top\">\n        <div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div>\n        <div class=\"ya-menu\">\u2022\u2022\u2022<\/div>\n      <\/div>\n      <div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/GSA-C2-3.jpg\"><\/div>\n      <div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div>\n    <\/article>\n\n    <article class=\"ya-post\">\n      <div class=\"ya-post-top\">\n        <div class=\"ya-profile\"><div class=\"ya-avatar\">YA<\/div><div><b>youssef.akelai<\/b><small>Social media post<\/small><\/div><\/div>\n        <div class=\"ya-menu\">\u2022\u2022\u2022<\/div>\n      <\/div>\n      <div class=\"ya-post-img\"><img decoding=\"async\" src=\"http:\/\/youssefakelai.online\/wp-content\/uploads\/2026\/04\/GSA-C2-4.jpg\"><\/div>\n      <div class=\"ya-actions\"><div class=\"ya-left-icons\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 1 1 17 0Z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13\"><\/path><path d=\"M22 2 15 22 11 13 2 9 22 2Z\"><\/path><\/svg><\/div><svg class=\"ya-save-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12v20l-6-4-6 4V2Z\"><\/path><\/svg><\/div>\n    <\/article>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-404add0 e-con-full e-flex e-con e-parent\" data-id=\"404add0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e17edb8 elementor-widget elementor-widget-html\" data-id=\"e17edb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ya-lp-section\">\n  <div class=\"ya-lp-head\">\n    <span>Web Projects<\/span>\n    <h2>Landing Pages & Live Preview<\/h2>\n    <p>\n      Une s\u00e9lection de landing pages que j\u2019ai con\u00e7ues pour pr\u00e9senter les offres,\n      renforcer la confiance et convertir les visiteurs en leads qualifi\u00e9s.\n      Chaque page peut \u00eatre connect\u00e9e \u00e0 une Google Sheet pour collecter les leads\n      ou redirig\u00e9e vers WhatsApp selon la strat\u00e9gie marketing du projet.\n    <\/p>\n  <\/div>\n\n  <div class=\"ya-lp-grid\">\n\n    <article class=\"ya-lp-card\">\n      <a href=\"https:\/\/moureena.com\/\" target=\"_blank\" class=\"ya-cta-link\">Visit Landing Page \u2192<\/a>\n      <div class=\"ya-phone\">\n        <div class=\"ya-phone-bar\"><\/div>\n        <iframe src=\"https:\/\/moureena.com\/\"><\/iframe>\n      <\/div>\n      <h3>Moureena<\/h3>\n      <p>Live preview \u2022 Lead generation<\/p>\n    <\/article>\n\n    <article class=\"ya-lp-card\">\n      <a href=\"https:\/\/jimagroup.online\/home\/\" target=\"_blank\" class=\"ya-cta-link\">Visit Landing Page \u2192<\/a>\n      <div class=\"ya-phone\">\n        <div class=\"ya-phone-bar\"><\/div>\n        <iframe src=\"https:\/\/jimagroup.online\/home\/\"><\/iframe>\n      <\/div>\n      <h3>Jima Group<\/h3>\n      <p>Live preview \u2022 Business landing page<\/p>\n    <\/article>\n\n    <article class=\"ya-lp-card\">\n      <a href=\"https:\/\/erabioenergy.site\/\" target=\"_blank\" class=\"ya-cta-link\">Visit Landing Page \u2192<\/a>\n      <div class=\"ya-phone\">\n        <div class=\"ya-phone-bar\"><\/div>\n        <iframe src=\"https:\/\/erabioenergy.site\/\"><\/iframe>\n      <\/div>\n      <h3>Era Bio Energy<\/h3>\n      <p>Live preview \u2022 Conversion strategy<\/p>\n    <\/article>\n<article class=\"ya-lp-card\">\n  <a href=\"https:\/\/sport-logic.online\/\" target=\"_blank\" class=\"ya-cta-link\">Visit Landing Page \u2192<\/a>\n  <div class=\"ya-phone\">\n    <div class=\"ya-phone-bar\"><\/div>\n    <iframe src=\"https:\/\/sport-logic.online\/\"><\/iframe>\n  <\/div>\n  <h3>Sport Logic<\/h3>\n  <p>Live preview \u2022 Landing page strategy<\/p>\n<\/article>\n    <article class=\"ya-lp-card\">\n      <a href=\"https:\/\/champkit.sa\/\" target=\"_blank\" class=\"ya-cta-link\">Visit Landing Page \u2192<\/a>\n      <div class=\"ya-phone\">\n        <div class=\"ya-phone-bar\"><\/div>\n        <iframe src=\"https:\/\/champkit.sa\/\"><\/iframe>\n      <\/div>\n      <h3>Champkit<\/h3>\n      <p>Live preview \u2022 WhatsApp conversion<\/p>\n    <\/article>\n\n    <article class=\"ya-lp-card\">\n      <a href=\"https:\/\/mayprint.online\/lp-pp\/\" target=\"_blank\" class=\"ya-cta-link\">Visit Landing Page \u2192<\/a>\n      <div class=\"ya-phone\">\n        <div class=\"ya-phone-bar\"><\/div>\n        <iframe src=\"https:\/\/mayprint.online\/lp-pp\/\"><\/iframe>\n      <\/div>\n      <h3>MayPrint<\/h3>\n      <p>Live preview \u2022 Leads & campaign page<\/p>\n    <\/article>\n\n  <\/div>\n<\/section>\n\n<style>\n.ya-lp-section{\n  background:\n    radial-gradient(circle at 15% 10%, rgba(0,216,255,.12), transparent 30%),\n    radial-gradient(circle at 90% 5%, rgba(123,97,255,.12), transparent 30%),\n    #fff;\n  padding:90px 6%;\n  font-family:\"Manrope\",\"Inter\",Arial,sans-serif;\n  color:#111;\n  overflow:hidden;\n}\n\n.ya-lp-head{\n  max-width:850px;\n  margin:0 auto 45px;\n  text-align:center;\n}\n\n.ya-lp-head span{\n  display:inline-flex;\n  padding:8px 16px;\n  border-radius:999px;\n  background:rgba(0,216,255,.08);\n  border:1px solid rgba(0,216,255,.22);\n  color:#0699b8;\n  font-weight:800;\n  font-size:14px;\n  margin-bottom:16px;\n}\n\n.ya-lp-head h2{\n  margin:0;\n  font-size:clamp(40px,5vw,72px);\n  line-height:1;\n  letter-spacing:-3px;\n  font-weight:900;\n  background:linear-gradient(90deg,#080914,#0aaed0,#7b61ff);\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n}\n\n.ya-lp-head p{\n  margin:18px auto 0;\n  max-width:780px;\n  color:rgba(0,0,0,.6);\n  font-size:17px;\n  line-height:1.75;\n}\n\n.ya-lp-grid{\n  max-width:1280px;\n  margin:auto;\n  display:flex;\n  gap:28px;\n  overflow-x:auto;\n  scroll-snap-type:x mandatory;\n  padding:10px 0 30px;\n}\n\n.ya-lp-card{\n  flex:0 0 360px;\n  scroll-snap-align:start;\n  text-align:center;\n}\n\n.ya-cta-link{\n  display:inline-block;\n  margin-bottom:18px;\n  padding:10px 20px;\n  border-radius:999px;\n  background:linear-gradient(135deg,#00d8ff,#7b61ff);\n  color:#fff;\n  font-size:13px;\n  font-weight:900;\n  text-decoration:none;\n  box-shadow:0 10px 24px rgba(0,0,0,.15);\n}\n\n.ya-phone{\n  position:relative;\n  width:100%;\n  height:640px;\n  background:#05070d;\n  border:10px solid #111;\n  border-radius:42px;\n  overflow:hidden;\n}\n\n.ya-phone-bar{\n  position:absolute;\n  top:12px;\n  left:50%;\n  transform:translateX(-50%);\n  width:92px;\n  height:24px;\n  background:#111;\n  border-radius:999px;\n  z-index:5;\n}\n\n.ya-phone iframe{\n  width:100%;\n  height:100%;\n  border:0;\n  background:#fff;\n}\n\n.ya-lp-card h3{\n  margin:22px 0 6px;\n  font-size:24px;\n  font-weight:900;\n}\n\n.ya-lp-card p{\n  margin:0;\n  color:rgba(0,0,0,.55);\n  font-size:14px;\n}\n\n\/* MOBILE *\/\n@media(max-width:767px){\n  .ya-lp-section{\n    padding:65px 14px;\n  }\n\n  .ya-lp-grid{\n    gap:18px;\n  }\n\n  .ya-lp-card{\n    min-width:88%;\n    flex:0 0 88%;\n  }\n\n  .ya-phone{\n    height:560px;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6fa702c e-con-full e-flex e-con e-parent\" data-id=\"6fa702c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25c1ff1 elementor-widget elementor-widget-html\" data-id=\"25c1ff1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ya-exp-section\">\n  <div class=\"ya-exp-light ya-exp-light-1\"><\/div>\n  <div class=\"ya-exp-light ya-exp-light-2\"><\/div>\n\n  <div class=\"ya-exp-inner\">\n    <div class=\"ya-exp-head\">\n      <span>Parcours<\/span>\n      <h2>Experience<\/h2>\n      <p>\n        Exp\u00e9rience professionnelle dans le design graphique et web,\n        avec une approche orient\u00e9e performance, branding et conversion.\n      <\/p>\n    <\/div>\n\n    <div class=\"ya-timeline\">\n\n      <div class=\"ya-exp-item\">\n        <div class=\"ya-exp-dot\"><\/div>\n        <div class=\"ya-exp-content\">\n          <span class=\"ya-exp-date\">Nov 2025 \u2014 Present<\/span>\n          <h3>SalesCopy<\/h3>\n          <h4>Graphic & Web Designer \u2022 Full Time \u2014 Casablanca<\/h4>\n          <p>\n            <p>\n  Conception de landing pages, design graphique et cr\u00e9ation de contenus visuels\n  pour les r\u00e9seaux sociaux (posts, ads). R\u00e9alisation de supports marketing\n  comme flyers, billboards et visuels publicitaires.\n  Collaboration avec l\u2019\u00e9quipe marketing pour d\u00e9velopper des strat\u00e9gies\n  performantes et optimiser la g\u00e9n\u00e9ration de leads (WhatsApp \/ Google Sheets).\n<\/p>\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"ya-exp-item\">\n        <div class=\"ya-exp-dot\"><\/div>\n        <div class=\"ya-exp-content\">\n          <span class=\"ya-exp-date\">2025 \u2014 Present<\/span>\n          <h3>Champkit<\/h3>\n          <h4>Graphic & Web Designer \u2022 Part Time \u2014 Riyadh, Saudi Arabia<\/h4>\n          <p>\n            Design et personnalisation de boutique en ligne, optimisation des pages produits,\n            cr\u00e9ation de visuels social media, catalogues, propositions commerciales et supports\n            marketing adapt\u00e9s \u00e0 l\u2019identit\u00e9 de marque.\n          <\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.ya-exp-section{\n  position:relative;\n  overflow:hidden;\n  padding:100px 7%;\n  background:\n    radial-gradient(circle at 20% 20%, rgba(0,216,255,.16), transparent 35%),\n    radial-gradient(circle at 80% 30%, rgba(126,87,255,.18), transparent 32%),\n    linear-gradient(135deg,#05070d 0%,#0b1020 45%,#070910 100%);\n  color:#fff;\n  font-family:\"Manrope\",\"Inter\",Arial,sans-serif;\n}\n\n.ya-exp-section::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background-image:\n    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);\n  background-size:70px 70px;\n  opacity:.25;\n}\n\n.ya-exp-inner{\n  position:relative;\n  z-index:2;\n  max-width:1050px;\n  margin:auto;\n}\n\n.ya-exp-head{\n  max-width:780px;\n  margin:0 auto 60px;\n  text-align:center;\n}\n\n.ya-exp-head span{\n  display:inline-flex;\n  padding:9px 18px;\n  border-radius:999px;\n  border:1px solid rgba(255,255,255,.16);\n  background:rgba(255,255,255,.06);\n  color:#9eeaff;\n  font-size:14px;\n  font-weight:800;\n  margin-bottom:18px;\n}\n\n.ya-exp-head h2{\n  margin:0;\n  font-size:clamp(42px,5vw,72px);\n  line-height:1;\n  letter-spacing:-3px;\n  font-weight:900;\n  background:linear-gradient(90deg,#fff,#8defff,#9b8cff);\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n}\n\n.ya-exp-head p{\n  margin:20px auto 0;\n  color:rgba(255,255,255,.72);\n  font-size:17px;\n  line-height:1.75;\n}\n\n.ya-timeline{\n  position:relative;\n  padding-left:40px;\n}\n\n.ya-timeline::before{\n  content:\"\";\n  position:absolute;\n  left:10px;\n  top:8px;\n  width:2px;\n  height:calc(100% - 16px);\n  background:linear-gradient(180deg,#00d8ff,#7b61ff);\n  box-shadow:0 0 25px rgba(0,216,255,.45);\n}\n\n.ya-exp-item{\n  position:relative;\n  margin-bottom:34px;\n}\n\n.ya-exp-item:last-child{\n  margin-bottom:0;\n}\n\n.ya-exp-dot{\n  position:absolute;\n  left:-38px;\n  top:28px;\n  width:18px;\n  height:18px;\n  border-radius:50%;\n  background:linear-gradient(135deg,#00d8ff,#7b61ff);\n  box-shadow:0 0 25px rgba(0,216,255,.7);\n  z-index:3;\n}\n\n.ya-exp-content{\n  position:relative;\n  padding:28px 30px;\n  border-radius:28px;\n  background:rgba(255,255,255,.07);\n  border:1px solid rgba(255,255,255,.12);\n  box-shadow:0 25px 70px rgba(0,0,0,.25);\n  backdrop-filter:blur(16px);\n  transition:.35s ease;\n}\n\n.ya-exp-content:hover{\n  transform:translateY(-6px);\n  border-color:rgba(142,239,255,.35);\n}\n\n.ya-exp-date{\n  display:inline-flex;\n  padding:7px 13px;\n  border-radius:999px;\n  background:rgba(0,216,255,.10);\n  color:#9eeaff;\n  font-size:13px;\n  font-weight:800;\n  margin-bottom:14px;\n}\n\n.ya-exp-content h3{\n  margin:0;\n  font-size:28px;\n  font-weight:900;\n  color:#fff;\n}\n\n.ya-exp-content h4{\n  margin:8px 0 14px;\n  font-size:15px;\n  font-weight:700;\n  color:#bfbfff;\n}\n\n.ya-exp-content p{\n  margin:0;\n  color:rgba(255,255,255,.72);\n  font-size:15px;\n  line-height:1.75;\n}\n\n.ya-exp-light{\n  position:absolute;\n  border-radius:50%;\n  filter:blur(75px);\n  opacity:.5;\n}\n\n.ya-exp-light-1{\n  width:280px;\n  height:280px;\n  background:#00d8ff;\n  left:-90px;\n  top:20%;\n}\n\n.ya-exp-light-2{\n  width:340px;\n  height:340px;\n  background:#7b61ff;\n  right:-120px;\n  bottom:8%;\n}\n\n@media(max-width:767px){\n  .ya-exp-section{\n    padding:70px 20px;\n  }\n\n  .ya-exp-head{\n    text-align:left;\n    margin-bottom:38px;\n  }\n\n  .ya-exp-head h2{\n    font-size:42px;\n    letter-spacing:-2px;\n  }\n\n  .ya-exp-head p{\n    font-size:15px;\n  }\n\n  .ya-timeline{\n    padding-left:28px;\n  }\n\n  .ya-timeline::before{\n    left:8px;\n  }\n\n  .ya-exp-dot{\n    left:-28px;\n    top:26px;\n  }\n\n  .ya-exp-content{\n    padding:22px;\n    border-radius:24px;\n  }\n\n  .ya-exp-content h3{\n    font-size:24px;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3da906b e-con-full e-flex e-con e-parent\" data-id=\"3da906b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84d00f3 elementor-widget elementor-widget-html\" data-id=\"84d00f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ya-skills-section\">\n  <div class=\"ya-skills-light ya-skills-light-1\"><\/div>\n  <div class=\"ya-skills-light ya-skills-light-2\"><\/div>\n\n  <div class=\"ya-skills-inner\">\n    <div class=\"ya-skills-head\">\n      <span>Creative Toolkit<\/span>\n      <h2>Skills & Tools<\/h2>\n      <p>\n        Les principaux outils que j\u2019utilise pour cr\u00e9er des designs modernes,\n        des landing pages performantes et optimiser les r\u00e9sultats avec l\u2019IA.\n      <\/p>\n    <\/div>\n\n    <div class=\"ya-skills-grid\">\n\n      <!-- Photoshop -->\n      <div class=\"ya-skill-card\">\n        <div class=\"ya-skill-top\">\n          <div class=\"ya-skill-icon ps\">Ps<\/div>\n          <div>\n            <h3>Photoshop<\/h3>\n            <small>Visual editing & creative design<\/small>\n          <\/div>\n          <strong>95%<\/strong>\n        <\/div>\n        <div class=\"ya-progress\"><span style=\"width:95%\"><\/span><\/div>\n      <\/div>\n\n      <!-- Illustrator -->\n      <div class=\"ya-skill-card\">\n        <div class=\"ya-skill-top\">\n          <div class=\"ya-skill-icon ai\">Ai<\/div>\n          <div>\n            <h3>Illustrator<\/h3>\n            <small>Vector design & brand assets<\/small>\n          <\/div>\n          <strong>90%<\/strong>\n        <\/div>\n        <div class=\"ya-progress\"><span style=\"width:90%\"><\/span><\/div>\n      <\/div>\n\n      <!-- WordPress -->\n      <div class=\"ya-skill-card\">\n        <div class=\"ya-skill-top\">\n          <div class=\"ya-skill-icon wp\">W<\/div>\n          <div>\n            <h3>WordPress<\/h3>\n            <small>Websites & landing pages<\/small>\n          <\/div>\n          <strong>88%<\/strong>\n        <\/div>\n        <div class=\"ya-progress\"><span style=\"width:88%\"><\/span><\/div>\n      <\/div>\n\n      <!-- Elementor -->\n      <div class=\"ya-skill-card\">\n        <div class=\"ya-skill-top\">\n          <div class=\"ya-skill-icon el\">E<\/div>\n          <div>\n            <h3>Elementor<\/h3>\n            <small>Responsive page building<\/small>\n          <\/div>\n          <strong>92%<\/strong>\n        <\/div>\n        <div class=\"ya-progress\"><span style=\"width:92%\"><\/span><\/div>\n      <\/div>\n\n      <!-- AI GENERAL -->\n      <div class=\"ya-skill-card\">\n        <div class=\"ya-skill-top\">\n          <div class=\"ya-skill-icon ai-tools\">AI<\/div>\n          <div>\n            <h3>AI Tools<\/h3>\n            <small>Content, design & automation<\/small>\n          <\/div>\n          <strong>90%<\/strong>\n        <\/div>\n        <div class=\"ya-progress\"><span style=\"width:90%\"><\/span><\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.ya-skills-section{\n  position:relative;\n  overflow:hidden;\n  padding:95px 7%;\n  background:\n    radial-gradient(circle at 20% 20%, rgba(0,216,255,.16), transparent 35%),\n    radial-gradient(circle at 80% 30%, rgba(126,87,255,.18), transparent 32%),\n    linear-gradient(135deg,#05070d 0%,#0b1020 45%,#070910 100%);\n  color:#fff;\n  font-family:\"Manrope\",\"Inter\",Arial,sans-serif;\n}\n\n.ya-skills-section::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background-image:\n    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);\n  background-size:70px 70px;\n  opacity:.28;\n}\n\n.ya-skills-inner{\n  position:relative;\n  z-index:2;\n  max-width:1200px;\n  margin:auto;\n}\n\n.ya-skills-head{\n  max-width:780px;\n  margin:0 auto 50px;\n  text-align:center;\n}\n\n.ya-skills-head span{\n  display:inline-flex;\n  padding:9px 18px;\n  border-radius:999px;\n  border:1px solid rgba(255,255,255,.16);\n  background:rgba(255,255,255,.06);\n  color:#9eeaff;\n  font-size:14px;\n  font-weight:800;\n  margin-bottom:18px;\n}\n\n.ya-skills-head h2{\n  margin:0;\n  font-size:clamp(42px,5vw,72px);\n  line-height:1;\n  letter-spacing:-3px;\n  font-weight:900;\n  background:linear-gradient(90deg,#fff,#8defff,#9b8cff);\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n}\n\n.ya-skills-head p{\n  margin:20px auto 0;\n  color:rgba(255,255,255,.72);\n  font-size:17px;\n  line-height:1.75;\n}\n\n.ya-skills-grid{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:22px;\n}\n\n.ya-skill-card{\n  padding:24px;\n  border-radius:28px;\n  background:rgba(255,255,255,.07);\n  border:1px solid rgba(255,255,255,.12);\n  box-shadow:0 25px 70px rgba(0,0,0,.25);\n  backdrop-filter:blur(16px);\n  transition:.35s ease;\n}\n\n.ya-skill-card:hover{\n  transform:translateY(-6px);\n  border-color:rgba(142,239,255,.35);\n}\n\n.ya-skill-top{\n  display:flex;\n  align-items:center;\n  gap:16px;\n  margin-bottom:20px;\n}\n\n.ya-skill-icon{\n  width:58px;\n  height:58px;\n  border-radius:18px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-weight:900;\n  font-size:20px;\n  flex:0 0 58px;\n}\n\n.ps{background:#001e36;color:#31a8ff;box-shadow:0 0 28px rgba(49,168,255,.28);}\n.ai{background:#330000;color:#ff9a00;box-shadow:0 0 28px rgba(255,154,0,.25);}\n.wp{background:#0b324d;color:#78dcff;box-shadow:0 0 28px rgba(120,220,255,.25);}\n.el{background:#3a0034;color:#ff7be8;box-shadow:0 0 28px rgba(255,123,232,.22);}\n.ai-tools{background:#0a1f1c;color:#00ffc6;box-shadow:0 0 28px rgba(0,255,198,.25);}\n\n.ya-skill-top h3{\n  margin:0;\n  font-size:22px;\n  font-weight:900;\n}\n\n.ya-skill-top small{\n  display:block;\n  margin-top:5px;\n  color:rgba(255,255,255,.58);\n  font-size:13px;\n}\n\n.ya-skill-top strong{\n  margin-left:auto;\n  font-size:18px;\n  color:#9eeaff;\n}\n\n.ya-progress{\n  width:100%;\n  height:9px;\n  border-radius:999px;\n  background:rgba(255,255,255,.12);\n  overflow:hidden;\n}\n\n.ya-progress span{\n  display:block;\n  height:100%;\n  border-radius:999px;\n  background:linear-gradient(90deg,#00d8ff,#7b61ff);\n  box-shadow:0 0 22px rgba(0,216,255,.45);\n}\n\n@media(max-width:767px){\n  .ya-skills-grid{\n    grid-template-columns:1fr;\n  }\n}\n<\/style>\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>Portfolio 2026 YoussefAkelai 27 ans Visual &#038; Web Designer Designer graphique et web sp\u00e9cialis\u00e9 dans la cr\u00e9ation d\u2019identit\u00e9s visuelles, interfaces web, landing pages et contenus digitaux modernes pour construire une image professionnelle, claire et impactante. 4+ ans Exp\u00e9rience 50+ Projets R\u00e9alis\u00e9s Selected Works Social Media Posts Une collection de cr\u00e9ations visuelles con\u00e7ues pour les r\u00e9seaux [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/youssefakelai.online\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/youssefakelai.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/youssefakelai.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/youssefakelai.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/youssefakelai.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":31,"href":"https:\/\/youssefakelai.online\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":74,"href":"https:\/\/youssefakelai.online\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/74"}],"wp:attachment":[{"href":"https:\/\/youssefakelai.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}