{"id":3113,"date":"2026-09-28T15:54:49","date_gmt":"2026-09-28T15:54:49","guid":{"rendered":"https:\/\/khalilboucenna.com\/?page_id=3113"},"modified":"2026-09-28T16:01:45","modified_gmt":"2026-09-28T16:01:45","slug":"test-page-khalil","status":"publish","type":"page","link":"https:\/\/khalilboucenna.com\/nb\/test-page-khalil\/","title":{"rendered":"test page khalil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3113\" class=\"elementor elementor-3113\">\n\t\t\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-1db719d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1db719d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-aa809b7\" data-id=\"aa809b7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-12eb9e6 elementor-widget elementor-widget-html\" data-id=\"12eb9e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Khalil Boucenna | khalilboucenna.com<\/title>\r\n<script src=\"https:\/\/www.gstatic.com\/antigravity\/web\/dev\/tailwindcss.min.js\"><\/script>\r\n<style>\r\n  \/* \u2500\u2500 FONTS (safe system stack) \u2500\u2500 *\/\r\n  :root {\r\n    --gold: #C9A84C;\r\n    --gold-light: #E8D48B;\r\n    --gold-dark: #9E7C2B;\r\n    --navy: #0B1026;\r\n    --navy-mid: #141B3A;\r\n    --navy-light: #1E2A56;\r\n    --cream: #FAF6EE;\r\n    --glass: rgba(255,255,255,0.06);\r\n    --glass-border: rgba(255,255,255,0.12);\r\n  }\r\n  * { margin:0; padding:0; box-sizing:border-box; }\r\n  html { scroll-behavior: smooth; }\r\n  body {\r\n    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n    background: var(--navy);\r\n    color: var(--cream);\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  \/* \u2500\u2500 SCROLLBAR \u2500\u2500 *\/\r\n  ::-webkit-scrollbar { width: 6px; }\r\n  ::-webkit-scrollbar-track { background: var(--navy); }\r\n  ::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 3px; }\r\n\r\n  \/* \u2500\u2500 PARTICLE CANVAS \u2500\u2500 *\/\r\n  #particles { position: fixed; inset:0; z-index:0; pointer-events:none; }\r\n\r\n  \/* \u2500\u2500 NAVIGATION \u2500\u2500 *\/\r\n  .nav-bar {\r\n    position: fixed; top:0; left:0; right:0; z-index:100;\r\n    padding: 1rem 2rem;\r\n    display: flex; align-items: center; justify-content: space-between;\r\n    transition: all 0.5s cubic-bezier(.4,0,.2,1);\r\n  }\r\n  .nav-bar.scrolled {\r\n    background: rgba(11,16,38,0.92);\r\n    backdrop-filter: blur(20px) saturate(1.8);\r\n    -webkit-backdrop-filter: blur(20px) saturate(1.8);\r\n    border-bottom: 1px solid var(--glass-border);\r\n    box-shadow: 0 4px 30px rgba(0,0,0,0.3);\r\n  }\r\n  .nav-logo {\r\n    font-size: 1.5rem; font-weight: 700; letter-spacing: 3px;\r\n    background: linear-gradient(135deg, var(--gold-light), var(--gold), var(--gold-dark));\r\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent;\r\n    text-transform: uppercase;\r\n  }\r\n  .nav-links { display:flex; gap:2rem; list-style:none; }\r\n  .nav-links a {\r\n    color: rgba(250,246,238,0.7); text-decoration:none; font-size:0.85rem;\r\n    letter-spacing: 2px; text-transform: uppercase; font-weight: 500;\r\n    position:relative; transition: color 0.3s;\r\n  }\r\n  .nav-links a::after {\r\n    content:''; position:absolute; bottom:-4px; left:0; width:0; height:1.5px;\r\n    background: linear-gradient(90deg, var(--gold), var(--gold-light));\r\n    transition: width 0.4s cubic-bezier(.4,0,.2,1);\r\n  }\r\n  .nav-links a:hover { color: var(--gold-light); }\r\n  .nav-links a:hover::after { width:100%; }\r\n\r\n  \/* \u2500\u2500 MOBILE MENU \u2500\u2500 *\/\r\n  .hamburger { display:none; cursor:pointer; flex-direction:column; gap:5px; z-index:200; }\r\n  .hamburger span {\r\n    width:28px; height:2px; background:var(--gold); transition:0.3s;\r\n    border-radius:2px;\r\n  }\r\n  .hamburger.active span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }\r\n  .hamburger.active span:nth-child(2) { opacity:0; }\r\n  .hamburger.active span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }\r\n\r\n  @media(max-width:768px) {\r\n    .hamburger { display:flex; }\r\n    .nav-links {\r\n      position:fixed; top:0; right:-100%; width:70%; height:100vh;\r\n      flex-direction:column; justify-content:center; align-items:center;\r\n      background: rgba(11,16,38,0.98); backdrop-filter:blur(30px);\r\n      transition:right 0.5s cubic-bezier(.4,0,.2,1); gap:2.5rem;\r\n    }\r\n    .nav-links.open { right:0; }\r\n    .nav-links a { font-size:1.1rem; }\r\n  }\r\n\r\n  \/* \u2500\u2500 SECTIONS \u2500\u2500 *\/\r\n  section {\r\n    position:relative; z-index:1;\r\n    min-height: 100vh;\r\n    display:flex; align-items:center; justify-content:center;\r\n    padding: 6rem 2rem;\r\n  }\r\n\r\n  \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n  #accueil {\r\n    text-align:center;\r\n    background: radial-gradient(ellipse at 50% 30%, rgba(201,168,76,0.08) 0%, transparent 60%);\r\n  }\r\n  .hero-badge {\r\n    display:inline-block; padding:0.4rem 1.5rem; border-radius:50px;\r\n    border:1px solid var(--glass-border);\r\n    background: var(--glass);\r\n    backdrop-filter:blur(10px);\r\n    font-size:0.7rem; letter-spacing:3px; text-transform:uppercase;\r\n    color:var(--gold-light); margin-bottom:2rem;\r\n  }\r\n  .hero-title {\r\n    font-size: clamp(2.5rem, 7vw, 5.5rem);\r\n    font-weight:800; line-height:1.05;\r\n    margin-bottom:1.5rem;\r\n    background: linear-gradient(135deg, var(--cream) 0%, var(--gold-light) 50%, var(--gold) 100%);\r\n    -webkit-background-clip:text; -webkit-text-fill-color:transparent;\r\n  }\r\n  .hero-sub {\r\n    font-size: clamp(1rem, 2vw, 1.25rem);\r\n    color: rgba(250,246,238,0.6);\r\n    max-width:600px; margin:0 auto 3rem;\r\n    line-height:1.7;\r\n  }\r\n  .hero-cta {\r\n    display:inline-flex; align-items:center; gap:0.75rem;\r\n    padding: 1rem 2.5rem;\r\n    background: linear-gradient(135deg, var(--gold), var(--gold-dark));\r\n    color: var(--navy); font-weight:700; font-size:0.85rem;\r\n    letter-spacing:2px; text-transform:uppercase;\r\n    border:none; border-radius:60px; cursor:pointer;\r\n    text-decoration:none;\r\n    transition: all 0.4s cubic-bezier(.4,0,.2,1);\r\n    box-shadow: 0 0 40px rgba(201,168,76,0.25);\r\n    position:relative; overflow:hidden;\r\n  }\r\n  .hero-cta::before {\r\n    content:''; position:absolute; inset:0;\r\n    background: linear-gradient(135deg, var(--gold-light), var(--gold));\r\n    opacity:0; transition:opacity 0.4s;\r\n  }\r\n  .hero-cta:hover::before { opacity:1; }\r\n  .hero-cta:hover {\r\n    transform:translateY(-3px);\r\n    box-shadow: 0 0 60px rgba(201,168,76,0.4);\r\n  }\r\n  .hero-cta span { position:relative; z-index:1; }\r\n\r\n  .scroll-indicator {\r\n    position:absolute; bottom:2rem; left:50%; transform:translateX(-50%);\r\n    display:flex; flex-direction:column; align-items:center; gap:0.5rem;\r\n    animation: floatY 2.5s ease-in-out infinite;\r\n  }\r\n  .scroll-indicator span {\r\n    font-size:0.65rem; letter-spacing:3px; text-transform:uppercase;\r\n    color:rgba(250,246,238,0.3);\r\n  }\r\n  .scroll-line {\r\n    width:1px; height:40px;\r\n    background: linear-gradient(to bottom, var(--gold), transparent);\r\n  }\r\n  @keyframes floatY { 0%,100%{transform:translateX(-50%) translateY(0);} 50%{transform:translateX(-50%) translateY(10px);} }\r\n\r\n  \/* \u2500\u2500 SECTION HEADINGS \u2500\u2500 *\/\r\n  .section-label {\r\n    font-size:0.7rem; letter-spacing:4px; text-transform:uppercase;\r\n    color:var(--gold); margin-bottom:1rem; text-align:center;\r\n  }\r\n  .section-title {\r\n    font-size: clamp(2rem, 4vw, 3rem);\r\n    font-weight:700; text-align:center; margin-bottom:1rem;\r\n    background: linear-gradient(135deg, var(--cream), var(--gold-light));\r\n    -webkit-background-clip:text; -webkit-text-fill-color:transparent;\r\n  }\r\n  .section-divider {\r\n    width:60px; height:2px; margin:0 auto 3rem;\r\n    background: linear-gradient(90deg, transparent, var(--gold), transparent);\r\n  }\r\n\r\n  \/* \u2500\u2500 ABOUT \u2500\u2500 *\/\r\n  #a-propos {\r\n    background: radial-gradient(ellipse at 20% 80%, rgba(201,168,76,0.05) 0%, transparent 50%);\r\n  }\r\n  .about-grid {\r\n    display:grid; grid-template-columns:1fr 1fr; gap:4rem;\r\n    max-width:1100px; align-items:center;\r\n  }\r\n  @media(max-width:900px) { .about-grid { grid-template-columns:1fr; } }\r\n  .about-image-wrap {\r\n    position:relative;\r\n  }\r\n  .about-image {\r\n    width:100%; aspect-ratio:4\/5; border-radius:20px;\r\n    background: linear-gradient(145deg, var(--navy-mid), var(--navy-light));\r\n    border:1px solid var(--glass-border);\r\n    overflow:hidden; position:relative;\r\n  }\r\n  .about-image::before {\r\n    content:''; position:absolute; inset:0;\r\n    background: linear-gradient(135deg, rgba(201,168,76,0.15), transparent 60%);\r\n  }\r\n  .about-image-inner {\r\n    position:absolute; inset:20px;\r\n    background: repeating-linear-gradient(\r\n      45deg, transparent, transparent 10px,\r\n      rgba(201,168,76,0.03) 10px, rgba(201,168,76,0.03) 20px\r\n    );\r\n    border-radius:12px;\r\n    display:flex; align-items:center; justify-content:center;\r\n    font-size:4rem; opacity:0.3;\r\n  }\r\n  .about-float-card {\r\n    position:absolute; bottom:-20px; right:-20px;\r\n    padding:1.5rem 2rem; border-radius:16px;\r\n    background: rgba(20,27,58,0.9);\r\n    backdrop-filter:blur(20px);\r\n    border:1px solid var(--glass-border);\r\n    box-shadow:0 20px 50px rgba(0,0,0,0.3);\r\n  }\r\n  .about-float-card .num {\r\n    font-size:2rem; font-weight:800;\r\n    background: linear-gradient(135deg, var(--gold-light), var(--gold));\r\n    -webkit-background-clip:text; -webkit-text-fill-color:transparent;\r\n  }\r\n  .about-float-card .lbl {\r\n    font-size:0.7rem; letter-spacing:2px; text-transform:uppercase;\r\n    color:rgba(250,246,238,0.5);\r\n  }\r\n  .about-text h3 {\r\n    font-size:0.7rem; letter-spacing:4px; text-transform:uppercase;\r\n    color:var(--gold); margin-bottom:1rem;\r\n  }\r\n  .about-text h2 {\r\n    font-size: clamp(1.8rem,3vw,2.5rem);\r\n    font-weight:700; margin-bottom:1.5rem; line-height:1.2;\r\n  }\r\n  .about-text p {\r\n    color:rgba(250,246,238,0.6); line-height:1.8; margin-bottom:1.5rem;\r\n    font-size:0.95rem;\r\n  }\r\n  .about-stats {\r\n    display:flex; gap:2rem; margin-top:2rem;\r\n    padding-top:2rem;\r\n    border-top:1px solid var(--glass-border);\r\n  }\r\n  .about-stat .val {\r\n    font-size:1.5rem; font-weight:700; color:var(--gold-light);\r\n  }\r\n  .about-stat .lab {\r\n    font-size:0.7rem; letter-spacing:1px; text-transform:uppercase;\r\n    color:rgba(250,246,238,0.4);\r\n  }\r\n\r\n  \/* \u2500\u2500 SERVICES \u2500\u2500 *\/\r\n  #services {\r\n    background: radial-gradient(ellipse at 80% 20%, rgba(201,168,76,0.06) 0%, transparent 50%);\r\n  }\r\n  .services-grid {\r\n    display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));\r\n    gap:2rem; max-width:1200px; width:100%;\r\n  }\r\n  .service-card {\r\n    padding:2.5rem; border-radius:20px;\r\n    background: var(--glass);\r\n    backdrop-filter:blur(20px);\r\n    border:1px solid var(--glass-border);\r\n    transition:all 0.5s cubic-bezier(.4,0,.2,1);\r\n    position:relative; overflow:hidden;\r\n    cursor:default;\r\n  }\r\n  .service-card::before {\r\n    content:''; position:absolute; top:0; left:0; right:0; height:2px;\r\n    background: linear-gradient(90deg, transparent, var(--gold), transparent);\r\n    opacity:0; transition:opacity 0.5s;\r\n  }\r\n  .service-card:hover {\r\n    transform:translateY(-8px);\r\n    border-color: rgba(201,168,76,0.3);\r\n    box-shadow: 0 20px 60px rgba(0,0,0,0.3), 0 0 40px rgba(201,168,76,0.1);\r\n  }\r\n  .service-card:hover::before { opacity:1; }\r\n  .service-icon {\r\n    width:60px; height:60px; border-radius:16px;\r\n    background: linear-gradient(135deg, rgba(201,168,76,0.2), rgba(201,168,76,0.05));\r\n    display:flex; align-items:center; justify-content:center;\r\n    font-size:1.5rem; margin-bottom:1.5rem;\r\n    border:1px solid rgba(201,168,76,0.2);\r\n  }\r\n  .service-card h3 {\r\n    font-size:1.2rem; font-weight:600; margin-bottom:0.75rem;\r\n  }\r\n  .service-card p {\r\n    color:rgba(250,246,238,0.5); font-size:0.9rem; line-height:1.7;\r\n    margin-bottom:1.5rem;\r\n  }\r\n  .service-link {\r\n    display:inline-flex; align-items:center; gap:0.5rem;\r\n    color:var(--gold); font-size:0.8rem; letter-spacing:1px;\r\n    text-transform:uppercase; font-weight:600;\r\n    text-decoration:none; transition:gap 0.3s;\r\n  }\r\n  .service-link:hover { gap:1rem; }\r\n\r\n  \/* \u2500\u2500 CONTACT \u2500\u2500 *\/\r\n  #contact {\r\n    background: radial-gradient(ellipse at 50% 80%, rgba(201,168,76,0.06) 0%, transparent 50%);\r\n  }\r\n  .contact-wrapper {\r\n    max-width:900px; width:100%;\r\n    display:grid; grid-template-columns:1fr 1fr; gap:0;\r\n    border-radius:24px; overflow:hidden;\r\n    border:1px solid var(--glass-border);\r\n    box-shadow: 0 30px 80px rgba(0,0,0,0.3);\r\n  }\r\n  @media(max-width:768px) { .contact-wrapper { grid-template-columns:1fr; } }\r\n  .contact-info {\r\n    padding:3rem;\r\n    background: linear-gradient(145deg, var(--navy-mid), var(--navy-light));\r\n    position:relative; overflow:hidden;\r\n  }\r\n  .contact-info::before {\r\n    content:''; position:absolute; top:-50%; right:-50%;\r\n    width:200%; height:200%;\r\n    background: radial-gradient(circle, rgba(201,168,76,0.08) 0%, transparent 50%);\r\n  }\r\n  .contact-info h3 {\r\n    font-size:1.6rem; font-weight:700; margin-bottom:0.5rem;\r\n    position:relative;\r\n  }\r\n  .contact-info .sub {\r\n    color:rgba(250,246,238,0.5); font-size:0.9rem; margin-bottom:2.5rem;\r\n    position:relative;\r\n  }\r\n  .contact-detail {\r\n    display:flex; align-items:center; gap:1rem;\r\n    margin-bottom:1.5rem; position:relative;\r\n  }\r\n  .contact-detail .icon-circle {\r\n    width:44px; height:44px; border-radius:12px;\r\n    background: rgba(201,168,76,0.1);\r\n    border:1px solid rgba(201,168,76,0.2);\r\n    display:flex; align-items:center; justify-content:center;\r\n    font-size:1rem;\r\n  }\r\n  .contact-detail .detail-text .dt {\r\n    font-size:0.65rem; letter-spacing:2px; text-transform:uppercase;\r\n    color:rgba(250,246,238,0.4);\r\n  }\r\n  .contact-detail .detail-text .dd {\r\n    font-size:0.9rem; color:var(--cream);\r\n  }\r\n  .social-links {\r\n    display:flex; gap:0.75rem; margin-top:2.5rem;\r\n    padding-top:2rem; border-top:1px solid var(--glass-border);\r\n    position:relative;\r\n  }\r\n  .social-link {\r\n    width:40px; height:40px; border-radius:10px;\r\n    background: var(--glass); border:1px solid var(--glass-border);\r\n    display:flex; align-items:center; justify-content:center;\r\n    color:rgba(250,246,238,0.6); text-decoration:none;\r\n    font-size:0.9rem; transition:all 0.3s;\r\n  }\r\n  .social-link:hover {\r\n    background:rgba(201,168,76,0.2); border-color:rgba(201,168,76,0.4);\r\n    color:var(--gold-light); transform:translateY(-3px);\r\n  }\r\n\r\n  .contact-form-wrap {\r\n    padding:3rem;\r\n    background: rgba(11,16,38,0.8);\r\n    backdrop-filter:blur(20px);\r\n  }\r\n  .form-group { margin-bottom:1.5rem; }\r\n  .form-group label {\r\n    display:block; font-size:0.7rem; letter-spacing:2px;\r\n    text-transform:uppercase; color:rgba(250,246,238,0.5);\r\n    margin-bottom:0.5rem;\r\n  }\r\n  .form-group input, .form-group textarea {\r\n    width:100%; padding:0.9rem 1.2rem;\r\n    background: var(--glass);\r\n    border:1px solid var(--glass-border);\r\n    border-radius:12px; color:var(--cream);\r\n    font-size:0.9rem; font-family:inherit;\r\n    transition:all 0.3s;\r\n    outline:none;\r\n  }\r\n  .form-group input:focus, .form-group textarea:focus {\r\n    border-color: var(--gold);\r\n    box-shadow: 0 0 20px rgba(201,168,76,0.15);\r\n  }\r\n  .form-group input::placeholder, .form-group textarea::placeholder {\r\n    color:rgba(250,246,238,0.25);\r\n  }\r\n  .form-group textarea { resize:vertical; min-height:120px; }\r\n  .form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }\r\n  @media(max-width:500px) { .form-row { grid-template-columns:1fr; } }\r\n\r\n  .submit-btn {\r\n    width:100%; padding:1rem;\r\n    background: linear-gradient(135deg, var(--gold), var(--gold-dark));\r\n    color: var(--navy); font-weight:700; font-size:0.85rem;\r\n    letter-spacing:2px; text-transform:uppercase;\r\n    border:none; border-radius:12px; cursor:pointer;\r\n    transition:all 0.4s cubic-bezier(.4,0,.2,1);\r\n    position:relative; overflow:hidden;\r\n  }\r\n  .submit-btn::before {\r\n    content:''; position:absolute; inset:0;\r\n    background: linear-gradient(135deg, var(--gold-light), var(--gold));\r\n    opacity:0; transition:opacity 0.4s;\r\n  }\r\n  .submit-btn:hover::before { opacity:1; }\r\n  .submit-btn:hover {\r\n    transform:translateY(-2px);\r\n    box-shadow: 0 10px 30px rgba(201,168,76,0.3);\r\n  }\r\n  .submit-btn span { position:relative; z-index:1; }\r\n\r\n  \/* \u2500\u2500 SUCCESS POPUP \u2500\u2500 *\/\r\n  .popup-overlay {\r\n    position:fixed; inset:0; z-index:9999;\r\n    background: rgba(11,16,38,0.85);\r\n    backdrop-filter:blur(15px);\r\n    display:flex; align-items:center; justify-content:center;\r\n    opacity:0; pointer-events:none;\r\n    transition:opacity 0.5s cubic-bezier(.4,0,.2,1);\r\n  }\r\n  .popup-overlay.active { opacity:1; pointer-events:auto; }\r\n  .popup-card {\r\n    background: linear-gradient(145deg, var(--navy-mid), var(--navy));\r\n    border:1px solid var(--glass-border);\r\n    border-radius:24px; padding:3rem;\r\n    text-align:center; max-width:420px; width:90%;\r\n    box-shadow: 0 30px 80px rgba(0,0,0,0.5), 0 0 80px rgba(201,168,76,0.1);\r\n    transform:scale(0.85) translateY(20px);\r\n    transition:transform 0.5s cubic-bezier(.4,0,.2,1);\r\n  }\r\n  .popup-overlay.active .popup-card {\r\n    transform:scale(1) translateY(0);\r\n  }\r\n  .popup-icon {\r\n    width:80px; height:80px; margin:0 auto 1.5rem;\r\n    border-radius:50%;\r\n    background: linear-gradient(135deg, rgba(201,168,76,0.2), rgba(201,168,76,0.05));\r\n    border:2px solid var(--gold);\r\n    display:flex; align-items:center; justify-content:center;\r\n    font-size:2rem;\r\n    animation: popPulse 2s ease-in-out infinite;\r\n  }\r\n  @keyframes popPulse {\r\n    0%,100% { box-shadow: 0 0 0 0 rgba(201,168,76,0.3); }\r\n    50% { box-shadow: 0 0 0 15px rgba(201,168,76,0); }\r\n  }\r\n  .popup-card h3 {\r\n    font-size:1.5rem; font-weight:700; margin-bottom:0.75rem;\r\n    background: linear-gradient(135deg, var(--cream), var(--gold-light));\r\n    -webkit-background-clip:text; -webkit-text-fill-color:transparent;\r\n  }\r\n  .popup-card p {\r\n    color:rgba(250,246,238,0.6); font-size:0.9rem; line-height:1.7;\r\n    margin-bottom:2rem;\r\n  }\r\n  .popup-close {\r\n    padding:0.8rem 2.5rem;\r\n    background: linear-gradient(135deg, var(--gold), var(--gold-dark));\r\n    color:var(--navy); font-weight:700; font-size:0.8rem;\r\n    letter-spacing:2px; text-transform:uppercase;\r\n    border:none; border-radius:50px; cursor:pointer;\r\n    transition:all 0.3s;\r\n  }\r\n  .popup-close:hover {\r\n    transform:translateY(-2px);\r\n    box-shadow: 0 8px 25px rgba(201,168,76,0.35);\r\n  }\r\n\r\n  \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n  footer {\r\n    position:relative; z-index:1;\r\n    text-align:center; padding:3rem 2rem;\r\n    border-top:1px solid var(--glass-border);\r\n  }\r\n  footer p {\r\n    font-size:0.75rem; letter-spacing:2px; text-transform:uppercase;\r\n    color:rgba(250,246,238,0.3);\r\n  }\r\n  footer .foot-logo {\r\n    font-size:1.2rem; font-weight:700; letter-spacing:3px;\r\n    background: linear-gradient(135deg, var(--gold-light), var(--gold));\r\n    -webkit-background-clip:text; -webkit-text-fill-color:transparent;\r\n    margin-bottom:0.75rem;\r\n  }\r\n\r\n  \/* \u2500\u2500 REVEAL ANIMATION \u2500\u2500 *\/\r\n  .reveal {\r\n    opacity:0; transform:translateY(40px);\r\n    transition: opacity 0.8s cubic-bezier(.4,0,.2,1),\r\n                transform 0.8s cubic-bezier(.4,0,.2,1);\r\n  }\r\n  .reveal.visible { opacity:1; transform:translateY(0); }\r\n  .reveal-delay-1 { transition-delay:0.15s; }\r\n  .reveal-delay-2 { transition-delay:0.3s; }\r\n  .reveal-delay-3 { transition-delay:0.45s; }\r\n  .reveal-delay-4 { transition-delay:0.6s; }\r\n\r\n  \/* \u2500\u2500 GLOW LINE \u2500\u2500 *\/\r\n  .glow-line {\r\n    position:absolute; top:0; left:0; right:0;\r\n    height:1px;\r\n    background: linear-gradient(90deg, transparent, var(--gold), transparent);\r\n    opacity:0.3;\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PARTICLES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<canvas id=\"particles\"><\/canvas>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 NAVIGATION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<nav class=\"nav-bar\" id=\"navbar\">\r\n  <div class=\"nav-logo\">KHALIL BOUCENNA<\/div>\r\n  <ul class=\"nav-links\" id=\"navLinks\">\r\n    <li><a href=\"#accueil\" onclick=\"closeMenu()\">Accueil<\/a><\/li>\r\n    <li><a href=\"#a-propos\" onclick=\"closeMenu()\">\u00c0 Propos<\/a><\/li>\r\n    <li><a href=\"#services\" onclick=\"closeMenu()\">Services<\/a><\/li>\r\n    <li><a href=\"#contact\" onclick=\"closeMenu()\">Contact<\/a><\/li>\r\n  <\/ul>\r\n  <div class=\"hamburger\" id=\"hamburger\" onclick=\"toggleMenu()\">\r\n    <span><\/span><span><\/span><span><\/span>\r\n  <\/div>\r\n<\/nav>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \/ ACCUEIL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"accueil\">\r\n  <div>\r\n    <div class=\"reveal\">\r\n      <div class=\"hero-badge\">\u2726 Excellence & Innovation \u2726<\/div>\r\n    <\/div>\r\n    <h1 class=\"hero-title reveal reveal-delay-1\">\r\n      L'Excellence<br>Sans Compromis\r\n    <\/h1>\r\n    <p class=\"hero-sub reveal reveal-delay-2\">\r\n      Nous cr\u00e9ons des exp\u00e9riences digitales exceptionnelles qui transcendent\r\n      les fronti\u00e8res du design et de la technologie.\r\n    <\/p>\r\n    <div class=\"reveal reveal-delay-3\">\r\n      <a href=\"#contact\" class=\"hero-cta\">\r\n        <span>D\u00e9marrer un Projet<\/span>\r\n        <span>\u2192<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"scroll-indicator\">\r\n    <span>D\u00e9couvrir<\/span>\r\n    <div class=\"scroll-line\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 \u00c0 PROPOS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"a-propos\">\r\n  <div class=\"about-grid\">\r\n    <div class=\"about-image-wrap reveal\">\r\n      <div class=\"about-image\">\r\n        <div class=\"about-image-inner\">\u25c6<\/div>\r\n      <\/div>\r\n      <div class=\"about-float-card\">\r\n        <div class=\"num\">15+<\/div>\r\n        <div class=\"lbl\">Ann\u00e9es d'Exp\u00e9rience<\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"about-text\">\r\n      <h3 class=\"reveal\">\u00c0 Propos de Nous<\/h3>\r\n      <h2 class=\"reveal reveal-delay-1\">Artisans du Digital depuis 2010<\/h2>\r\n      <p class=\"reveal reveal-delay-2\">\r\n        Nous sommes un studio cr\u00e9atif premium sp\u00e9cialis\u00e9 dans la conception\r\n        d'exp\u00e9riences num\u00e9riques de classe mondiale. Notre philosophie repose\r\n        sur l'alliance parfaite entre esth\u00e9tique raffin\u00e9e et performance technique.\r\n      <\/p>\r\n      <p class=\"reveal reveal-delay-3\">\r\n        Chaque projet est une \u0153uvre unique, pens\u00e9e et r\u00e9alis\u00e9e avec une attention\r\n        m\u00e9ticuleuse aux d\u00e9tails. Notre engagement : d\u00e9passer vos attentes et\r\n        \u00e9lever votre marque au rang d'ic\u00f4ne.\r\n      <\/p>\r\n      <div class=\"about-stats reveal reveal-delay-4\">\r\n        <div class=\"about-stat\">\r\n          <div class=\"val\">250+<\/div>\r\n          <div class=\"lab\">Projets R\u00e9alis\u00e9s<\/div>\r\n        <\/div>\r\n        <div class=\"about-stat\">\r\n          <div class=\"val\">98%<\/div>\r\n          <div class=\"lab\">Clients Satisfaits<\/div>\r\n        <\/div>\r\n        <div class=\"about-stat\">\r\n          <div class=\"val\">35+<\/div>\r\n          <div class=\"lab\">Awards Design<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SERVICES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"services\">\r\n  <div style=\"max-width:1200px; width:100%;\">\r\n    <div class=\"section-label reveal\">Ce Que Nous Offrons<\/div>\r\n    <h2 class=\"section-title reveal reveal-delay-1\">Nos Services Premium<\/h2>\r\n    <div class=\"section-divider reveal reveal-delay-2\"><\/div>\r\n\r\n    <div class=\"services-grid\">\r\n      <div class=\"service-card reveal reveal-delay-1\">\r\n        <div class=\"service-icon\">\u25c8<\/div>\r\n        <h3>Design UI\/UX<\/h3>\r\n        <p>Interfaces \u00e9l\u00e9gantes et exp\u00e9riences utilisateur intuitives con\u00e7ues avec une pr\u00e9cision millim\u00e9trique.<\/p>\r\n        <a href=\"#contact\" class=\"service-link\">En savoir plus \u2192<\/a>\r\n      <\/div>\r\n      <div class=\"service-card reveal reveal-delay-2\">\r\n        <div class=\"service-icon\">\u2b21<\/div>\r\n        <h3>D\u00e9veloppement Web<\/h3>\r\n        <p>Sites web performants et sur-mesure, d\u00e9velopp\u00e9s avec les technologies les plus avanc\u00e9es.<\/p>\r\n        <a href=\"#contact\" class=\"service-link\">En savoir plus \u2192<\/a>\r\n      <\/div>\r\n      <div class=\"service-card reveal reveal-delay-3\">\r\n        <div class=\"service-icon\">\u25c7<\/div>\r\n        <h3>Strat\u00e9gie Digitale<\/h3>\r\n        <p>Accompagnement strat\u00e9gique pour maximiser votre pr\u00e9sence et votre impact digital.<\/p>\r\n        <a href=\"#contact\" class=\"service-link\">En savoir plus \u2192<\/a>\r\n      <\/div>\r\n      <div class=\"service-card reveal reveal-delay-4\">\r\n        <div class=\"service-icon\">\u25b3<\/div>\r\n        <h3>Branding Premium<\/h3>\r\n        <p>Identit\u00e9s visuelles distinctives qui capturent l'essence de votre marque avec raffinement.<\/p>\r\n        <a href=\"#contact\" class=\"service-link\">En savoir plus \u2192<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CONTACT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"contact\">\r\n  <div style=\"max-width:900px; width:100%;\">\r\n    <div class=\"section-label reveal\">Parlons de Votre Projet<\/div>\r\n    <h2 class=\"section-title reveal reveal-delay-1\">Contactez-Nous<\/h2>\r\n    <div class=\"section-divider reveal reveal-delay-2\"><\/div>\r\n\r\n    <div class=\"contact-wrapper reveal reveal-delay-3\">\r\n      <!-- LEFT INFO -->\r\n      <div class=\"contact-info\">\r\n        <h3>Prenons Contact<\/h3>\r\n        <p class=\"sub\">Nous serions ravis de discuter de votre prochain projet.<\/p>\r\n\r\n        <div class=\"contact-detail\">\r\n          <div class=\"icon-circle\">\u2709<\/div>\r\n          <div class=\"detail-text\">\r\n            <div class=\"dt\">Email<\/div>\r\n            <div class=\"dd\">contact@khalilboucenna.com<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"contact-detail\">\r\n          <div class=\"icon-circle\">\u260e<\/div>\r\n          <div class=\"detail-text\">\r\n            <div class=\"dt\">T\u00e9l\u00e9phone<\/div>\r\n            <div class=\"dd\">+33 1 23 45 67 89<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"contact-detail\">\r\n          <div class=\"icon-circle\">\u25ce<\/div>\r\n          <div class=\"detail-text\">\r\n            <div class=\"dt\">Adresse<\/div>\r\n            <div class=\"dd\">75 Avenue des Champs-\u00c9lys\u00e9es, Paris<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"social-links\">\r\n          <a href=\"#\" class=\"social-link\">in<\/a>\r\n          <a href=\"#\" class=\"social-link\">\ud835\udd4f<\/a>\r\n          <a href=\"#\" class=\"social-link\">ig<\/a>\r\n          <a href=\"#\" class=\"social-link\">be<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT FORM -->\r\n      <div class=\"contact-form-wrap\">\r\n        <form id=\"contactForm\" onsubmit=\"handleSubmit(event)\">\r\n          <div class=\"form-row\">\r\n            <div class=\"form-group\">\r\n              <label for=\"fname\">Pr\u00e9nom<\/label>\r\n              <input type=\"text\" id=\"fname\" placeholder=\"Jean\" required>\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n              <label for=\"lname\">Nom<\/label>\r\n              <input type=\"text\" id=\"lname\" placeholder=\"Dupont\" required>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label for=\"email\">Email<\/label>\r\n            <input type=\"email\" id=\"email\" placeholder=\"jean@exemple.com\" required>\r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label for=\"subject\">Sujet<\/label>\r\n            <input type=\"text\" id=\"subject\" placeholder=\"Votre projet\">\r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label for=\"message\">Message<\/label>\r\n            <textarea id=\"message\" placeholder=\"D\u00e9crivez votre projet...\" required><\/textarea>\r\n          <\/div>\r\n          <button type=\"submit\" class=\"submit-btn\"><span>Envoyer le Message<\/span><\/button>\r\n        <\/form>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<footer>\r\n  <div class=\"foot-logo\">KHALIL BOUCENNA<\/div>\r\n  <p>&copy; 2026 Khalil Boucenna. Tous droits r\u00e9serv\u00e9s.<\/p>\r\n<\/footer>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SUCCESS POPUP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"popup-overlay\" id=\"popup\">\r\n  <div class=\"popup-card\">\r\n    <div class=\"popup-icon\">\u2713<\/div>\r\n    <h3>Message Envoy\u00e9 !<\/h3>\r\n    <p>\r\n      Merci pour votre message. Notre \u00e9quipe vous r\u00e9pondra dans les plus\r\n      brefs d\u00e9lais. Nous avons h\u00e2te de collaborer avec vous.\r\n    <\/p>\r\n    <button class=\"popup-close\" onclick=\"closePopup()\">Parfait, Merci<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 JAVASCRIPT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<script>\r\n\/\/ \u2500\u2500 PARTICLES \u2500\u2500\r\n(function() {\r\n  const canvas = document.getElementById('particles');\r\n  const ctx = canvas.getContext('2d');\r\n  let particles = [];\r\n  const count = 60;\r\n\r\n  function resize() {\r\n    canvas.width = window.innerWidth;\r\n    canvas.height = window.innerHeight;\r\n  }\r\n  resize();\r\n  window.addEventListener('resize', resize);\r\n\r\n  class Particle {\r\n    constructor() { this.reset(); }\r\n    reset() {\r\n      this.x = Math.random() * canvas.width;\r\n      this.y = Math.random() * canvas.height;\r\n      this.size = Math.random() * 1.5 + 0.5;\r\n      this.speedX = (Math.random() - 0.5) * 0.3;\r\n      this.speedY = (Math.random() - 0.5) * 0.3;\r\n      this.opacity = Math.random() * 0.5 + 0.1;\r\n    }\r\n    update() {\r\n      this.x += this.speedX;\r\n      this.y += this.speedY;\r\n      if (this.x < 0 || this.x > canvas.width) this.speedX *= -1;\r\n      if (this.y < 0 || this.y > canvas.height) this.speedY *= -1;\r\n    }\r\n    draw() {\r\n      ctx.beginPath();\r\n      ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\r\n      ctx.fillStyle = `rgba(201,168,76,${this.opacity})`;\r\n      ctx.fill();\r\n    }\r\n  }\r\n\r\n  for (let i = 0; i < count; i++) particles.push(new Particle());\r\n\r\n  function connectParticles() {\r\n    for (let a = 0; a < particles.length; a++) {\r\n      for (let b = a + 1; b < particles.length; b++) {\r\n        const dx = particles[a].x - particles[b].x;\r\n        const dy = particles[a].y - particles[b].y;\r\n        const dist = Math.sqrt(dx * dx + dy * dy);\r\n        if (dist < 150) {\r\n          ctx.beginPath();\r\n          ctx.strokeStyle = `rgba(201,168,76,${0.06 * (1 - dist \/ 150)})`;\r\n          ctx.lineWidth = 0.5;\r\n          ctx.moveTo(particles[a].x, particles[a].y);\r\n          ctx.lineTo(particles[b].x, particles[b].y);\r\n          ctx.stroke();\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  function animate() {\r\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n    particles.forEach(p => { p.update(); p.draw(); });\r\n    connectParticles();\r\n    requestAnimationFrame(animate);\r\n  }\r\n  animate();\r\n})();\r\n\r\n\/\/ \u2500\u2500 NAVBAR SCROLL \u2500\u2500\r\nwindow.addEventListener('scroll', () => {\r\n  document.getElementById('navbar').classList.toggle('scrolled', window.scrollY > 50);\r\n});\r\n\r\n\/\/ \u2500\u2500 MOBILE MENU \u2500\u2500\r\nfunction toggleMenu() {\r\n  document.getElementById('hamburger').classList.toggle('active');\r\n  document.getElementById('navLinks').classList.toggle('open');\r\n}\r\nfunction closeMenu() {\r\n  document.getElementById('hamburger').classList.remove('active');\r\n  document.getElementById('navLinks').classList.remove('open');\r\n}\r\n\r\n\/\/ \u2500\u2500 REVEAL ON SCROLL \u2500\u2500\r\nconst observer = new IntersectionObserver((entries) => {\r\n  entries.forEach(entry => {\r\n    if (entry.isIntersecting) {\r\n      entry.target.classList.add('visible');\r\n    }\r\n  });\r\n}, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\r\n\r\ndocument.querySelectorAll('.reveal').forEach(el => observer.observe(el));\r\n\r\n\/\/ \u2500\u2500 FORM SUBMIT \u2500\u2500\r\nfunction handleSubmit(e) {\r\n  e.preventDefault();\r\n  \/\/ Simulate sending\r\n  const btn = e.target.querySelector('.submit-btn span');\r\n  btn.textContent = 'Envoi en cours...';\r\n\r\n  setTimeout(() => {\r\n    btn.textContent = 'Envoyer le Message';\r\n    document.getElementById('popup').classList.add('active');\r\n    e.target.reset();\r\n  }, 1200);\r\n}\r\n\r\n\/\/ \u2500\u2500 POPUP CLOSE \u2500\u2500\r\nfunction closePopup() {\r\n  document.getElementById('popup').classList.remove('active');\r\n}\r\ndocument.getElementById('popup').addEventListener('click', (e) => {\r\n  if (e.target === e.currentTarget) closePopup();\r\n});\r\n\r\n\/\/ \u2500\u2500 SMOOTH SCROLL FOR ANCHOR LINKS \u2500\u2500\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n  anchor.addEventListener('click', function(e) {\r\n    e.preventDefault();\r\n    const target = document.querySelector(this.getAttribute('href'));\r\n    if (target) {\r\n      target.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n    }\r\n  });\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","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-3113","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.9 (Yoast SEO v28.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>test page khalil - khalil boucenna<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/khalilboucenna.com\/nb\/test-page-khalil\/\" \/>\n<meta property=\"og:locale\" content=\"nb_NO\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"test page khalil\" \/>\n<meta property=\"og:url\" content=\"https:\/\/khalilboucenna.com\/nb\/test-page-khalil\/\" \/>\n<meta property=\"og:site_name\" content=\"khalil boucenna\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-28T16:01:45+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ansl. lesetid\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minutt\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/khalilboucenna.com\\\/test-page-khalil\\\/\",\"url\":\"https:\\\/\\\/khalilboucenna.com\\\/test-page-khalil\\\/\",\"name\":\"test page khalil - khalil boucenna\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/khalilboucenna.com\\\/#website\"},\"datePublished\":\"2026-09-28T15:54:49+00:00\",\"dateModified\":\"2026-09-28T16:01:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/khalilboucenna.com\\\/test-page-khalil\\\/#breadcrumb\"},\"inLanguage\":\"nb-NO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/khalilboucenna.com\\\/test-page-khalil\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/khalilboucenna.com\\\/test-page-khalil\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/khalilboucenna.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"test page khalil\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/khalilboucenna.com\\\/#website\",\"url\":\"https:\\\/\\\/khalilboucenna.com\\\/\",\"name\":\"khalil boucenna\",\"description\":\"Votre vision, notre design web\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/khalilboucenna.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nb-NO\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"test page khalil - khalil boucenna","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/khalilboucenna.com\/nb\/test-page-khalil\/","og_locale":"nb_NO","og_type":"article","og_title":"test page khalil","og_url":"https:\/\/khalilboucenna.com\/nb\/test-page-khalil\/","og_site_name":"khalil boucenna","article_modified_time":"2026-09-28T16:01:45+00:00","twitter_card":"summary_large_image","twitter_misc":{"Ansl. lesetid":"1 minutt"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/khalilboucenna.com\/test-page-khalil\/","url":"https:\/\/khalilboucenna.com\/test-page-khalil\/","name":"test page khalil - khalil boucenna","isPartOf":{"@id":"https:\/\/khalilboucenna.com\/#website"},"datePublished":"2026-09-28T15:54:49+00:00","dateModified":"2026-09-28T16:01:45+00:00","breadcrumb":{"@id":"https:\/\/khalilboucenna.com\/test-page-khalil\/#breadcrumb"},"inLanguage":"nb-NO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/khalilboucenna.com\/test-page-khalil\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/khalilboucenna.com\/test-page-khalil\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/khalilboucenna.com\/"},{"@type":"ListItem","position":2,"name":"test page khalil"}]},{"@type":"WebSite","@id":"https:\/\/khalilboucenna.com\/#website","url":"https:\/\/khalilboucenna.com\/","name":"khalil boucenna","description":"Votre vision, notre design web","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/khalilboucenna.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nb-NO"}]}},"_links":{"self":[{"href":"https:\/\/khalilboucenna.com\/nb\/wp-json\/wp\/v2\/pages\/3113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khalilboucenna.com\/nb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/khalilboucenna.com\/nb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/khalilboucenna.com\/nb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/khalilboucenna.com\/nb\/wp-json\/wp\/v2\/comments?post=3113"}],"version-history":[{"count":5,"href":"https:\/\/khalilboucenna.com\/nb\/wp-json\/wp\/v2\/pages\/3113\/revisions"}],"predecessor-version":[{"id":3119,"href":"https:\/\/khalilboucenna.com\/nb\/wp-json\/wp\/v2\/pages\/3113\/revisions\/3119"}],"wp:attachment":[{"href":"https:\/\/khalilboucenna.com\/nb\/wp-json\/wp\/v2\/media?parent=3113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}