{"id":7,"date":"2025-11-29T11:53:33","date_gmt":"2025-11-29T11:53:33","guid":{"rendered":"https:\/\/liamidisaobaneportfolio.ovh\/?page_id=7"},"modified":"2026-05-05T13:01:22","modified_gmt":"2026-05-05T13:01:22","slug":"accueil","status":"publish","type":"page","link":"https:\/\/liamidisaobaneportfolio.ovh\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc6d260 e-flex e-con-boxed e-con e-parent\" data-id=\"bc6d260\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/liamidisaobaneportfolio.ovh\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Design-sans-titre.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-02de477 elementor-widget elementor-widget-html\" data-id=\"02de477\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section style=\"height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; background: transparent; color: white; text-align: center; font-family: 'Roboto', sans-serif;\">\r\n<h1 style=\"font-size: 3rem; margin-bottom: 1.2rem; color: white; font-weight: 400; white-space: nowrap;\">Bonjour, Je suis<\/h1>\r\n<h2 id=\"changingText\" style=\"font-size: 3.8rem; font-weight: bold; color: white; white-space: nowrap;\"><\/h2>\r\n<h3 style=\"margin-top: 1.5rem; font-size: 1.4rem; color: white; max-width: 90%; line-height: 1.6;\">\u00c9tudiant en BTS SIO option SLAM (Solutions Logicielles et Applications M\u00e9tiers)<\/h3>\r\n<!-- Bouton T\u00e9l\u00e9charger mon CV -->\r\n<a class=\"cv-button\" style=\"position: relative; overflow: hidden; display: inline-block; margin-top: 2rem; padding: 0.9rem 2rem; font-size: 1.2rem; font-weight: 600; color: white; border: 2px solid white; border-radius: 50px; text-decoration: none; transition: color 0.3s ease;\" href=\"https:\/\/liamidisaobaneportfolio.ovh\/wp-content\/uploads\/2026\/05\/CV-alternance-en-cybersecurite.pdf\">\r\nT\u00e9l\u00e9charger mon CV<\/a>\r\n\r\n<\/section><script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const texts = [\"LIAMIDI Saobane\", \"D\u00e9veloppeur Full-Stack\"];\r\n  const changingText = document.getElementById(\"changingText\");\r\n  if (!changingText) return;\r\n  let textIndex = 0;\r\n  let charIndex = 0;\r\n  let isDeleting = false;\r\n  const speed = 120;\r\n\r\n  function typeEffect() {\r\n    const currentText = texts[textIndex];\r\n    if (!isDeleting) {\r\n      changingText.textContent = currentText.slice(0, charIndex++);\r\n      if (charIndex > currentText.length) {\r\n        setTimeout(() => (isDeleting = true), 1500);\r\n      }\r\n    } else {\r\n      changingText.textContent = currentText.slice(0, charIndex--);\r\n      if (charIndex === 0) {\r\n        isDeleting = false;\r\n        textIndex = (textIndex + 1) % texts.length;\r\n      }\r\n    }\r\n    setTimeout(typeEffect, isDeleting ? speed \/ 2 : speed);\r\n  }\r\n\r\n  typeEffect();\r\n\r\n  changingText.addEventListener(\"mouseover\", () => {\r\n    changingText.style.color = \"#FFD700\";\r\n  });\r\n  changingText.addEventListener(\"mouseout\", () => {\r\n    changingText.style.color = \"white\";\r\n  });\r\n\r\n  \/\/ Effet de vague sur le bouton\r\n  const button = document.querySelector('.cv-button');\r\n  const wave = button.querySelector('.wave');\r\n\r\n  button.addEventListener('mouseenter', () => {\r\n    wave.style.left = '100%';\r\n  });\r\n  button.addEventListener('mouseleave', () => {\r\n    wave.style.left = '-100%';\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-22cf25b e-flex e-con-boxed e-con e-parent\" data-id=\"22cf25b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2888151 elementor-widget elementor-widget-html\" data-id=\"2888151\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Importation de la police Roboto --><style>\r\n  body {\r\n    font-family: 'Roboto', sans-serif;\r\n    margin: 0;\r\n    padding: 0;\r\n    background: #f5f5f5; \/* fond g\u00e9n\u00e9ral gris clair *\/\r\n  }\r\n\r\n  \/* Section Objectif *\/\r\n  .objectif-section {\r\n    text-align: center;\r\n    padding: 60px 20px 40px 20px;\r\n    color: #222;\r\n  }\r\n\r\n  .objectif-section h1 {\r\n    color: #FFD700;\r\n    font-size: 3rem;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .objectif-section h2 {\r\n    color: #000;\r\n    font-weight: 700;\r\n    font-size: 2.5rem;\r\n    display: inline-block;\r\n    position: relative;\r\n    padding-bottom: 10px;\r\n  }\r\n\r\n  .objectif-section h2::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 50%;\r\n    height: 4px;\r\n    background-color: #FFD700;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  \/* Section description transform\u00e9e en \"colonne\" *\/\r\n  .description-section {\r\n    background-color: #fff;\r\n    border: 2px solid #fff; \/* bordure blanche *\/\r\n    max-width: 800px;\r\n    margin: 0 auto 60px auto;\r\n    padding: 40px 20px;\r\n    text-align: center;\r\n    font-size: 1.2rem;\r\n    line-height: 1.8;\r\n    border-radius: 10px;\r\n    transition: all 0.3s ease;\r\n    cursor: pointer;\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  \/* Mots cl\u00e9s *\/\r\n  .description-section .highlight {\r\n    color: #FFD700;\r\n    font-weight: 700;\r\n    transition: all 0.3s ease;\r\n    display: inline-block;\r\n  }\r\n\r\n  \/* Survol de la section description *\/\r\n  .description-section:hover .highlight {\r\n    transform: scale(1.2);\r\n  }\r\n\r\n  \/* Trois colonnes *\/\r\n  .three-columns {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 30px;\r\n    padding: 0 20px 60px 20px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .column {\r\n    background-color: #fff;\r\n    padding: 30px 20px;\r\n    flex: 1 1 280px;\r\n    text-align: center;\r\n    border-radius: 10px;\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n    transition: all 0.3s ease;\r\n    cursor: pointer;\r\n    border: 2px solid #fff;\r\n  }\r\n\r\n  .column:hover {\r\n    box-shadow: 0 10px 25px rgba(0,0,0,0.2);\r\n    transform: translateY(-5px);\r\n  }\r\n\r\n  .column i {\r\n    font-size: 3rem;\r\n    color: #FFD700;\r\n    margin-bottom: 15px;\r\n    transition: transform 0.6s ease;\r\n  }\r\n\r\n  .column:hover i {\r\n    transform: rotate(360deg);\r\n  }\r\n\r\n  .column h3 {\r\n    font-weight: 700;\r\n    margin-bottom: 15px;\r\n    font-size: 1.4rem;\r\n  }\r\n\r\n  .column p {\r\n    font-size: 1rem;\r\n    color: #333;\r\n    line-height: 1.6;\r\n  }\r\n<\/style>\r\n\r\n<!-- Section Objectif --><section class=\"objectif-section\">\r\n<h1>OBJECTIF<\/h1>\r\n<h2>Objectif du portfolio<\/h2>\r\n<\/section><!-- Section description transform\u00e9e en \"colonne\" --><section class=\"description-section\">Pr\u00e9sentation de mon <span class=\"highlight\">parcours<\/span>, de mes <span class=\"highlight\">r\u00e9alisations<\/span> et <span class=\"highlight\">comp\u00e9tences<\/span> en tant que d\u00e9veloppeur full-stack<\/section><!-- Trois colonnes --><section class=\"three-columns\"><!-- Parcours acad\u00e9mique -->\r\n<div class=\"column\"><i class=\"fas fa-graduation-cap\"><\/i>\r\n<h3>Parcours acad\u00e9mique<\/h3>\r\nD\u00e9couvrez mon cheminement dans le BTS SIO option SLAM, mes formations et mes certifications.\r\n\r\n<\/div>\r\n<!-- R\u00e9alisations techniques -->\r\n<div class=\"column\"><i class=\"fas fa-briefcase\"><\/i>\r\n<h3>R\u00e9alisations techniques<\/h3>\r\nExplorez mes projets concrets en d\u00e9veloppement d\u2019applications, bases de donn\u00e9es et s\u00e9curit\u00e9 logicielle.\r\n\r\n<\/div>\r\n<!-- Comp\u00e9tences SLAM -->\r\n<div class=\"column\"><i class=\"fas fa-laptop-code\"><\/i>\r\n<h3>Comp\u00e9tences SLAM<\/h3>\r\nD\u00e9couvrez mes comp\u00e9tences techniques en d\u00e9veloppement web, base de donn\u00e9es, et cybers\u00e9curit\u00e9.\r\n\r\n<\/div>\r\n<\/section><!-- Importation des ic\u00f4nes Font Awesome --><script src=\"https:\/\/kit.fontawesome.com\/a076d05399.js\" crossorigin=\"anonymous\"><\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2fda026 e-flex e-con-boxed e-con e-parent\" data-id=\"2fda026\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94f8159 elementor-widget elementor-widget-html\" data-id=\"94f8159\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Importation de la police Roboto -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  body {\r\n    font-family: 'Roboto', sans-serif;\r\n    margin: 0;\r\n    padding: 0;\r\n    background: #f5f5f5;\r\n  }\r\n\r\n  \/* Section \u00c0 PROPOS *\/\r\n  .about-section {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 60px 10%;\r\n    gap: 40px;\r\n    flex-wrap: wrap;\r\n    background-color: #fff;\r\n    border-radius: 10px;\r\n    box-shadow: 0 5px 20px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  .about-text {\r\n    flex: 1 1 500px;\r\n    max-width: 600px;\r\n  }\r\n\r\n  .about-text h1 {\r\n    color: #FFD700;\r\n    font-size: 2rem;\r\n    margin-bottom: 20px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .about-text h2 {\r\n    color: #000;\r\n    font-size: 2.5rem;\r\n    font-weight: 900;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .about-text p {\r\n    font-size: 1.1rem;\r\n    line-height: 1.8;\r\n    color: #333;\r\n  }\r\n\r\n  .about-image {\r\n    flex: 1 1 300px;\r\n    max-width: 400px;\r\n    height: 400px;\r\n    border-radius: 10px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .about-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    border-radius: 10px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .about-image img:hover {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 900px) {\r\n    .about-section {\r\n      flex-direction: column;\r\n      align-items: center;\r\n    }\r\n\r\n    .about-image {\r\n      width: 80%;\r\n      height: 300px;\r\n      margin-top: 30px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"about-section\">\r\n  <div class=\"about-text\">\r\n    <h1>A PROPOS<\/h1>\r\n    <h2>LIAMIDI Saobane<\/h2>\r\n    <p>\r\n      Je suis actuellement en fin de deuxi\u00e8me ann\u00e9e de BTS SIO, sp\u00e9cialit\u00e9 SLAM, o\u00f9 j'ai acquis des comp\u00e9tences solides en d\u00e9veloppement d'applications et en conception de bases de donn\u00e9es. Cependant, ma v\u00e9ritable passion s'est r\u00e9cemment tourn\u00e9e vers un domaine qui me fascine chaque jour davantage : la cybers\u00e9curit\u00e9. Comprendre les failles, anticiper les menaces, prot\u00e9ger les donn\u00e9es sensibles et s\u00e9curiser les syst\u00e8mes sont des d\u00e9fis techniques et strat\u00e9giques qui me motivent profond\u00e9ment. J'aime analyser les vuln\u00e9rabilit\u00e9s, me renseigner sur les derni\u00e8res attaques et bonnes pratiques (OWASP, chiffrement, gestion des acc\u00e8s), et chercher constamment comment rendre une application plus fiable et plus r\u00e9siliente. Aujourd'hui, je souhaite me sp\u00e9cialiser en cybers\u00e9curit\u00e9 pour allier ma rigueur de d\u00e9veloppeur \u00e0 une v\u00e9ritable expertise en protection des syst\u00e8mes d'information, et contribuer \u00e0 des projets o\u00f9 la s\u00e9curit\u00e9 est int\u00e9gr\u00e9e d\u00e8s la conception.\r\n    <\/p>\r\n  <\/div>\r\n  <div class=\"about-image\">\r\n    <img decoding=\"async\" src=\"https:\/\/portfolio-saoban-ndmlaq81sj.live-website.com\/wp-content\/uploads\/2025\/10\/PHOTO_SAO-removebg-preview.png\" \r\n         alt=\"LIAMIDI Saobane\">\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c01e852 e-flex e-con-boxed e-con e-parent\" data-id=\"c01e852\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-432361a elementor-widget elementor-widget-html\" data-id=\"432361a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Importation de la police Roboto -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  body {\r\n    font-family: 'Roboto', sans-serif;\r\n    margin: 0;\r\n    padding: 0;\r\n    background: #f5f5f5;\r\n  }\r\n\r\n  \/* Section FORMATION *\/\r\n  .formation-section {\r\n    text-align: center;\r\n    padding: 60px 10%;\r\n  }\r\n\r\n  .formation-section h1 {\r\n    color: #FFD700;\r\n    font-size: 2rem;\r\n    margin-bottom: 10px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .formation-section h2 {\r\n    color: #000;\r\n    font-size: 2.5rem; \/* plus grand que FORMATION *\/\r\n    font-weight: 700;\r\n    position: relative;\r\n    display: inline-block;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  \/* demi-trait jaune sous h2 *\/\r\n  .formation-section h2::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 50%;\r\n    height: 4px;\r\n    background-color: #FFD700;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  .formation-section p {\r\n    font-size: 1.2rem; \/* augment\u00e9e *\/\r\n    line-height: 1.8;\r\n    color: #333;\r\n    max-width: 900px;\r\n    margin: 40px auto;\r\n  }\r\n\r\n  \/* Deux options c\u00f4te \u00e0 c\u00f4te *\/\r\n  .options-container {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n    margin-top: 60px;\r\n  }\r\n\r\n  .option-card {\r\n    background-color: #fff;\r\n    border-radius: 10px;\r\n    overflow: hidden;\r\n    flex: 1 1 400px;\r\n    max-width: 450px;\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  .option-header {\r\n    padding: 40px 20px;\r\n    color: #fff;\r\n    text-align: center;\r\n  }\r\n\r\n  .option-header i {\r\n    font-size: 3rem;\r\n    margin-bottom: 10px;\r\n    display: block;\r\n  }\r\n\r\n  .option-header h3 {\r\n    font-size: 1.8rem;\r\n    font-weight: 900; \/* bien gras *\/\r\n    margin: 0;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .option-header span {\r\n    display: block;\r\n    font-size: 1rem;\r\n    font-weight: 500;\r\n    margin-top: 5px;\r\n  }\r\n\r\n  .option-body {\r\n    padding: 20px;\r\n    color: #000;\r\n    text-align: left;\r\n  }\r\n\r\n  .option-body p {\r\n    margin-bottom: 20px;\r\n    font-size: 1.2rem; \/* augment\u00e9e *\/\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .option-body ul {\r\n    padding-left: 20px;\r\n  }\r\n\r\n  .option-body ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 1.15rem; \/* augment\u00e9e *\/\r\n  }\r\n\r\n  .option-body strong {\r\n    font-size: 1.3rem; \/* D\u00e9bouch\u00e9s professionnels plus grands *\/\r\n  }\r\n\r\n  \/* Couleurs sp\u00e9cifiques *\/\r\n  .sisr-header {\r\n    background-color: #D32F2F; \/* rouge *\/\r\n  }\r\n\r\n  .slam-header {\r\n    background-color: #1976D2; \/* bleu *\/\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 900px) {\r\n    .options-container {\r\n      flex-direction: column;\r\n      align-items: center;\r\n    }\r\n\r\n    .option-card {\r\n      max-width: 90%;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"formation-section\">\r\n  <h1>FORMATION<\/h1>\r\n  <h2>BTS Services Informatiques aux Organisations<\/h2>\r\n\r\n  <p>\r\n    Le Brevet de Technicien Sup\u00e9rieur Services Informatiques aux Organisations (BTS SIO) est un dipl\u00f4me d'\u00c9tat de niveau Bac+2 qui forme des \u00e9tudiants capables de r\u00e9pondre aux besoins informatiques des entreprises. Cette formation offre des comp\u00e9tences solides en d\u00e9veloppement, administration des syst\u00e8mes et r\u00e9seaux, et permet aux \u00e9tudiants de se sp\u00e9cialiser dans l'une des deux options propos\u00e9es.\r\n  <\/p>\r\n\r\n  <div class=\"options-container\">\r\n    <!-- Option SISR -->\r\n    <div class=\"option-card\">\r\n      <div class=\"option-header sisr-header\">\r\n        <i class=\"fas fa-server\"><\/i>\r\n        <h3>Option SISR<\/h3>\r\n        <span>Solutions d'Infrastructure, Syst\u00e8mes et R\u00e9seaux<\/span>\r\n      <\/div>\r\n      <div class=\"option-body\">\r\n        <p>L'option SISR permet aux \u00e9tudiants de comprendre et g\u00e9rer des infrastructures r\u00e9seau et syst\u00e8me. Les \u00e9tudiants apprennent \u00e0 configurer, s\u00e9curiser et maintenir des environnements informatiques pour r\u00e9pondre aux besoins des entreprises.<\/p>\r\n        <p><strong>D\u00e9bouch\u00e9s professionnels:<\/strong><\/p>\r\n        <ul>\r\n          <li>Administrateur syst\u00e8mes et r\u00e9seaux<\/li>\r\n          <li>Technicien support informatique<\/li>\r\n          <li>Technicien cybers\u00e9curit\u00e9<\/li>\r\n          <li>Consultant r\u00e9seau<\/li>\r\n          <li>Expert virtualisation<\/li>\r\n          <li>Responsable infrastructure IT<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Option SLAM -->\r\n    <div class=\"option-card\">\r\n      <div class=\"option-header slam-header\">\r\n        <i class=\"fas fa-laptop-code\"><\/i>\r\n        <h3>Option SLAM<\/h3>\r\n        <span>Solutions Logiciel et Applications M\u00e9tiers<\/span>\r\n      <\/div>\r\n      <div class=\"option-body\">\r\n        <p>L'option SLAM permet aux \u00e9tudiants de concevoir, d\u00e9velopper et maintenir des applications web, mobiles et des logiciels m\u00e9tiers. Les \u00e9tudiants acqui\u00e8rent des comp\u00e9tences en programmation, bases de donn\u00e9es et analyse des besoins utilisateurs.<\/p>\r\n        <p><strong>D\u00e9bouch\u00e9s professionnels:<\/strong><\/p>\r\n        <ul>\r\n          <li>D\u00e9veloppeur web<\/li>\r\n          <li>D\u00e9veloppeur d'applications mobiles<\/li>\r\n          <li>D\u00e9veloppeur full-stack<\/li>\r\n          <li>Int\u00e9grateur d'applications<\/li>\r\n          <li>Concepteur logiciel<\/li>\r\n          <li>Analyste programmeur<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Importation des ic\u00f4nes Font Awesome -->\r\n<script src=\"https:\/\/kit.fontawesome.com\/a076d05399.js\" crossorigin=\"anonymous\"><\/script>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- Section OBJECTIFS -->\r\n<section class=\"objectifs-section\" style=\"text-align:center; padding:60px 10%;\">\r\n  <h1 style=\"color:#FFD700; font-size:2rem; margin-bottom:10px; font-weight:700;\">OBJECTIFS<\/h1>\r\n  <h2 style=\"color:#000; font-size:2.5rem; font-weight:700; margin-bottom:40px;\">Les atouts du BTS SIO<\/h2>\r\n\r\n  <div class=\"objectifs-container\" style=\"display:flex; justify-content:center; gap:30px; flex-wrap:wrap;\">\r\n\r\n    <!-- Formation Pratique -->\r\n    <div class=\"objectif-card\" style=\"flex:1 1 250px; max-width:300px; background:#fff; border-radius:10px; padding:20px; text-align:center; box-shadow:0 5px 15px rgba(0,0,0,0.1);\">\r\n      <i class=\"fas fa-tools\" style=\"font-size:3rem; color:#FFD700; margin-bottom:10px;\"><\/i>\r\n      <h3 style=\"color:#0D47A1; font-weight:700; margin:10px 0;\">Formation Pratique<\/h3>\r\n      <p style=\"font-size:1.1rem; line-height:1.6; color:#333;\">Acquisition de comp\u00e9tences techniques concr\u00e8tes et op\u00e9rationnelles avec des projets r\u00e9els.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Insertion Professionnelle -->\r\n    <div class=\"objectif-card\" style=\"flex:1 1 250px; max-width:300px; background:#fff; border-radius:10px; padding:20px; text-align:center; box-shadow:0 5px 15px rgba(0,0,0,0.1);\">\r\n      <i class=\"fas fa-briefcase\" style=\"font-size:3rem; color:#FFD700; margin-bottom:10px;\"><\/i>\r\n      <h3 style=\"color:#0D47A1; font-weight:700; margin:10px 0;\">Insertion Professionnelle<\/h3>\r\n      <p style=\"font-size:1.1rem; line-height:1.6; color:#333;\">Dipl\u00f4me con\u00e7u pour une entr\u00e9e rapide sur le march\u00e9 du travail avec de r\u00e9elles opportunit\u00e9s.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Poursuite d'\u00e9tudes -->\r\n    <div class=\"objectif-card\" style=\"flex:1 1 250px; max-width:300px; background:#fff; border-radius:10px; padding:20px; text-align:center; box-shadow:0 5px 15px rgba(0,0,0,0.1);\">\r\n      <i class=\"fas fa-graduation-cap\" style=\"font-size:3rem; color:#FFD700; margin-bottom:10px;\"><\/i>\r\n      <h3 style=\"color:#0D47A1; font-weight:700; margin:10px 0;\">Poursuite d'\u00e9tudes<\/h3>\r\n      <p style=\"font-size:1.1rem; line-height:1.6; color:#333;\">Possibilit\u00e9 de continuer en licence, en \u00e9cole d'ing\u00e9nieur, ou en bachelor.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Importation des ic\u00f4nes Font Awesome si pas d\u00e9j\u00e0 inclus -->\r\n<script src=\"https:\/\/kit.fontawesome.com\/a076d05399.js\" crossorigin=\"anonymous\"><\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Bonjour, Je suis \u00c9tudiant en BTS SIO option SLAM (Solutions Logicielles et Applications M\u00e9tiers) T\u00e9l\u00e9charger mon CV OBJECTIF Objectif du portfolio Pr\u00e9sentation de mon parcours, de mes r\u00e9alisations et comp\u00e9tences en tant que d\u00e9veloppeur full-stack Parcours acad\u00e9mique D\u00e9couvrez mon cheminement dans le BTS SIO option SLAM, mes formations et mes certifications. R\u00e9alisations techniques Explorez mes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_post_layout":"full-screen","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"off","ocean_display_header":"on","ocean_header_style":"minimal","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"on","ocean_disable_heading":"on","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"off","ocean_display_footer_bottom":"off","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/liamidisaobaneportfolio.ovh\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/liamidisaobaneportfolio.ovh\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/liamidisaobaneportfolio.ovh\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/liamidisaobaneportfolio.ovh\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/liamidisaobaneportfolio.ovh\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":33,"href":"https:\/\/liamidisaobaneportfolio.ovh\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":291,"href":"https:\/\/liamidisaobaneportfolio.ovh\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/291"}],"wp:attachment":[{"href":"https:\/\/liamidisaobaneportfolio.ovh\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}