{"id":124,"date":"2026-04-26T12:45:16","date_gmt":"2026-04-26T12:45:16","guid":{"rendered":"http:\/\/bqpfjlh.cluster121.hosting.ovh.net\/?page_id=124"},"modified":"2026-07-26T17:43:07","modified_gmt":"2026-07-26T17:43:07","slug":"acceuil","status":"publish","type":"page","link":"https:\/\/marsallon-portfolio.fr\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"124\" class=\"elementor elementor-124\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6118120 e-flex e-con-boxed e-con e-parent\" data-id=\"6118120\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ed2e31 elementor-widget elementor-widget-shortcode\" data-id=\"2ed2e31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n  * { box-sizing: border-box; margin: 0; padding: 0; }\n  body, .wrap { font-family: 'Segoe UI', sans-serif; background: #1a1a1a; color: #f5f5f5; }\n  .hero { display: flex; gap: 40px; align-items: flex-start; padding: 48px 40px; flex-wrap: wrap; }\n  .hero-left { flex: 1; min-width: 260px; }\n  .hero-left h1 { font-size: 28px; font-weight: 700; color: #ff5252; margin-bottom: 8px; letter-spacing: 0.5px; }\n  .hero-left h2 { font-size: 16px; font-weight: 500; color: #ccc; margin-bottom: 22px; text-transform: uppercase; letter-spacing: 1px; }\n  .hero-left p { font-size: 17px; line-height: 1.85; color: #e8e8e8; max-width: 460px; }\n  .badge { display: inline-block; background: #e53935; color: #fff; font-size: 13px; font-weight: 700; padding: 5px 14px; border-radius: 20px; margin-bottom: 18px; text-transform: uppercase; letter-spacing: 0.5px; }\n  .hero-right { display: flex; flex-direction: column; gap: 10px; min-width: 220px; }\n  .nav-btn { display: block; text-align: center; background: #e53935; color: #fff; font-size: 15px; font-weight: 700; padding: 12px 20px; border-radius: 6px; text-decoration: none; transition: background 0.2s, transform 0.1s; letter-spacing: 0.3px; }\n  .nav-btn:hover { background: #c62828; transform: translateX(3px); }\n  .divider { border: none; border-top: 1px solid #333; margin: 0 40px; }\n  .profile-section { padding: 32px 40px; display: flex; gap: 32px; align-items: flex-start; flex-wrap: wrap; }\n  .avatar { width: 70px; height: 70px; border-radius: 50%; background: #e53935; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 700; color: #fff; flex-shrink: 0; }\n  .profile-info h3 { font-size: 19px; font-weight: 700; color: #fff; margin-bottom: 14px; }\n  .profile-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 24px; }\n  .profile-item { font-size: 15px; color: #d5d5d5; }\n  .profile-item span { color: #fff; font-weight: 600; }\n  .banner { margin: 0 40px 32px; border-radius: 8px; background: #2a2a2a; border: 1px solid #444; padding: 20px 24px; display: flex; align-items: center; gap: 16px; }\n  .banner-icon { font-size: 28px; color: #e53935; }\n  .banner-text { font-size: 16px; color: #d5d5d5; line-height: 1.7; }\n  .banner-text strong { color: #fff; }\n  .footer-bar { border-top: 1px solid #333; padding: 16px 40px; display: flex; gap: 12px; justify-content: center; }\n  .footer-link { font-size: 13px; color: #999; text-decoration: none; padding: 6px 14px; border: 1px solid #444; border-radius: 4px; transition: color 0.2s, border-color 0.2s; }\n  .footer-link:hover { color: #e53935; border-color: #e53935; }\n<\/style>\n\n<div class=\"wrap\">\n  <div class=\"hero\">\n    <div class=\"hero-left\">\n      <div class=\"badge\">Technicien Informatique \u2014 R\u00e9seaux & Syst\u00e8mes<\/div>\n      <h1>Jules Marsallon Alanore<\/h1>\n      <h2>Dipl\u00f4m\u00e9 BTS SIO option SISR<\/h2>\n      <p>Passionn\u00e9 par les r\u00e9seaux et l'informatique, j'ai d\u00e9velopp\u00e9 au cours de mon BTS SIO option SISR les comp\u00e9tences qui font de moi aujourd'hui un professionnel op\u00e9rationnel. Ce portfolio regroupe mes travaux, certifications et exp\u00e9riences acquises durant ma formation.<\/p>\n    <\/div>\n    <div class=\"hero-right\">\n      <a class=\"nav-btn\" href=\"https:\/\/marsallon-portfolio.fr\/index.php\/certification\/\">Certification<\/a>\n      <a class=\"nav-btn\" href=\"https:\/\/marsallon-portfolio.fr\/index.php\/parcourt-scolaire\/\">Parcours Scolaire<\/a>\n      <a class=\"nav-btn\" href=\"https:\/\/marsallon-portfolio.fr\/index.php\/veille\/\">Veille<\/a>\n      <a class=\"nav-btn\" href=\"https:\/\/marsallon-portfolio.fr\/index.php\/experience-profesionelle\/\">Exp\u00e9rience Professionnelle<\/a>\n      <a class=\"nav-btn\" href=\"https:\/\/marsallon-portfolio.fr\/index.php\/cv-et-me-contacter\/\">CV et Me Contacter<\/a>\n      <a class=\"nav-btn\" href=\"https:\/\/marsallon-portfolio.fr\/index.php\/qualification\/\">Qualification<\/a>\n      <a class=\"nav-btn\" href=\"https:\/\/marsallon-portfolio.fr\/index.php\/documentation\/\">Documentation<\/a>\n    <\/div>\n  <\/div>\n\n  <hr class=\"divider\">\n\n  <div class=\"profile-section\">\n    <div class=\"avatar\">JM<\/div>\n    <div class=\"profile-info\">\n      <h3>Pr\u00e9sentation<\/h3>\n      <div class=\"profile-grid\">\n        <div class=\"profile-item\">Pr\u00e9nom : <span>Jules<\/span><\/div>\n        <div class=\"profile-item\">Nom : <span>Marsallon Alanore<\/span><\/div>\n        <div class=\"profile-item\">\u00c2ge : <span>20 ans<\/span><\/div>\n        <div class=\"profile-item\">Domaine : <span>Informatique<\/span><\/div>\n        <div class=\"profile-item\">Passions : <span>Nature, informatique, histoire g\u00e9ologique<\/span><\/div>\n        <div class=\"profile-item\">Temp\u00e9rament : <span>Honn\u00eate et franc<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"banner\">\n    <div class=\"banner-icon\">\ud83d\udda7<\/div>\n    <div class=\"banner-text\"><strong>Qualification<\/strong> \u2014 Titulaire d'un dipl\u00f4me d'informatique de niveau Bac+2, avec des comp\u00e9tences en administration des syst\u00e8mes, gestion des r\u00e9seaux, s\u00e9curit\u00e9 informatique et environnements techniques professionnels.<\/div>\n  <\/div>\n\n  \n  <\/div>\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cca4875 elementor-widget elementor-widget-shortcode\" data-id=\"cca4875\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n.legal-btns { display:flex; gap:12px; flex-wrap:wrap; }\n.legal-btn {\n  padding: 10px 22px;\n  background: transparent;\n  color: #fff;\n  border: 1px solid rgba(255,255,255,0.4);\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 14px;\n  transition: background 0.2s;\n}\n.legal-btn:hover { background: rgba(255,255,255,0.1); }\n.modal-overlay {\n  display: none;\n  position: fixed;\n  inset: 0;\n  background: rgba(0,0,0,0.6);\n  z-index: 9999;\n  align-items: center;\n  justify-content: center;\n}\n.modal-overlay.open { display: flex; }\n.modal-box {\n  background: #1a1a1a;\n  color: #e0e0e0;\n  border: 1px solid rgba(255,255,255,0.15);\n  border-radius: 10px;\n  padding: 32px;\n  max-width: 540px;\n  width: 90%;\n  max-height: 80vh;\n  overflow-y: auto;\n  position: relative;\n}\n.modal-box h2 { margin: 0 0 16px; font-size: 18px; color: #fff; }\n.modal-box p { font-size: 14px; line-height: 1.7; margin: 0 0 12px; }\n.modal-close {\n  position: absolute;\n  top: 14px; right: 18px;\n  background: none;\n  border: none;\n  color: #aaa;\n  font-size: 22px;\n  cursor: pointer;\n  line-height: 1;\n}\n.modal-close:hover { color: #fff; }\n<\/style>\n\n<div class=\"legal-btns\">\n  <button class=\"legal-btn\" onclick=\"document.getElementById('modal-cgu').classList.add('open')\">\n    Conditions d'utilisation\n  <\/button>\n  <button class=\"legal-btn\" onclick=\"document.getElementById('modal-legal').classList.add('open')\">\n    Mentions l\u00e9gales\n  <\/button>\n<\/div>\n\n<div class=\"modal-overlay\" id=\"modal-cgu\" onclick=\"if(event.target===this)this.classList.remove('open')\">\n  <div class=\"modal-box\">\n    <button class=\"modal-close\" onclick=\"document.getElementById('modal-cgu').classList.remove('open')\">&#215;<\/button>\n    <h2>Conditions d'utilisation<\/h2>\n    <p>Ce site est un portfolio personnel pr\u00e9sentant mon parcours, mes comp\u00e9tences et mes r\u00e9alisations dans le domaine de l'informatique et des r\u00e9seaux.<\/p>\n    <p>L'ensemble du contenu pr\u00e9sent sur ce site (textes, images, structure) est la propri\u00e9t\u00e9 de Jules Marsallon et ne peut \u00eatre reproduit sans autorisation pr\u00e9alable.<\/p>\n    <p>Ce site est fourni \u00e0 titre informatif uniquement. Je me r\u00e9serve le droit de modifier son contenu \u00e0 tout moment sans pr\u00e9avis.<\/p>\n    <p>En naviguant sur ce site, vous acceptez ces conditions d'utilisation.<\/p>\n  <\/div>\n<\/div>\n\n<div class=\"modal-overlay\" id=\"modal-legal\" onclick=\"if(event.target===this)this.classList.remove('open')\">\n  <div class=\"modal-box\">\n    <button class=\"modal-close\" onclick=\"document.getElementById('modal-legal').classList.remove('open')\">&#215;<\/button>\n    <h2>Mentions l\u00e9gales<\/h2>\n    <p><strong>\u00c9diteur du site :<\/strong> Jules Marsallon<\/p>\n    <p><strong>Site :<\/strong> marsallon-portfolio.fr<\/p>\n    <p><strong>H\u00e9bergeur :<\/strong> OVH SAS \u2013 2 rue Kellermann, 59100 Roubaix, France<\/p>\n    <p><strong>Responsable de publication :<\/strong> Jules Marsallon<\/p>\n    <p>Conform\u00e9ment \u00e0 la loi Informatique et Libert\u00e9s, vous disposez d'un droit d'acc\u00e8s, de rectification et de suppression des donn\u00e9es vous concernant en me contactant via la page d\u00e9di\u00e9e.<\/p>\n  <\/div>\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f0bddf9 elementor-widget elementor-widget-spacer\" data-id=\"f0bddf9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Technicien Informatique \u2014 R\u00e9seaux &#038; Syst\u00e8mes Jules Marsallon Alanore Dipl\u00f4m\u00e9 BTS SIO option SISR Passionn\u00e9 par les r\u00e9seaux et l&#8217;informatique, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-124","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marsallon-portfolio.fr\/index.php\/wp-json\/wp\/v2\/pages\/124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marsallon-portfolio.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marsallon-portfolio.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marsallon-portfolio.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marsallon-portfolio.fr\/index.php\/wp-json\/wp\/v2\/comments?post=124"}],"version-history":[{"count":126,"href":"https:\/\/marsallon-portfolio.fr\/index.php\/wp-json\/wp\/v2\/pages\/124\/revisions"}],"predecessor-version":[{"id":832,"href":"https:\/\/marsallon-portfolio.fr\/index.php\/wp-json\/wp\/v2\/pages\/124\/revisions\/832"}],"wp:attachment":[{"href":"https:\/\/marsallon-portfolio.fr\/index.php\/wp-json\/wp\/v2\/media?parent=124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}