{"id":209,"date":"2025-04-25T19:13:53","date_gmt":"2025-04-25T17:13:53","guid":{"rendered":"https:\/\/portfoliobernard.net\/?page_id=209"},"modified":"2025-05-21T17:19:16","modified_gmt":"2025-05-21T15:19:16","slug":"informations-personnelles","status":"publish","type":"page","link":"https:\/\/portfoliobernard.net\/index.php\/informations-personnelles\/","title":{"rendered":"Informations personnelles"},"content":{"rendered":"\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-cover alignfull is-light\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-base-2-background-color has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div style=\"width:100vw; background-color: #475142; padding: 4rem 0; font-family: Arial, sans-serif;\">\n  <style>\n    .timeline-title-block {\n      max-width: 800px;\n      margin: 0 auto 3rem auto;\n      background-color: #f5f0e6;\n      padding: 1.5rem 2rem;\n      border-radius: 16px;\n      box-shadow: 0 8px 20px rgba(0,0,0,0.3);\n      text-align: center;\n    }\n\n    .timeline-title-block h2 {\n      margin: 0;\n      font-size: 2rem;\n      color: #475142;\n    }\n\n    .timeline-container {\n      max-width: 1100px;\n      margin: auto;\n      position: relative;\n      padding: 2rem 1rem;\n    }\n\n    .timeline-line {\n      position: absolute;\n      left: 50%;\n      top: 0;\n      height: 100%;\n      width: 4px;\n      background-color: #f5f0e6;\n      transform: translateX(-50%);\n      z-index: 0;\n    }\n\n    .timeline-entry {\n      position: relative;\n      width: 50%;\n      padding: 1rem 2rem;\n      box-sizing: border-box;\n    }\n\n    .timeline-entry .content {\n      background-color: #f5f0e6;\n      color: #475142;\n      padding: 1rem;\n      border-radius: 12px;\n      box-shadow: 0 8px 20px rgba(0,0,0,0.3);\n      position: relative;\n      z-index: 1;\n    }\n\n    .timeline-entry.left {\n      left: 0;\n      text-align: right;\n    }\n\n    .timeline-entry.right {\n      left: 50%;\n      text-align: left;\n    }\n\n    .timeline-entry.left::before,\n    .timeline-entry.right::before {\n      content: '';\n      position: absolute;\n      top: 20px;\n      width: 16px;\n      height: 16px;\n      background-color: #f5f0e6;\n      border: 4px solid #475142;\n      border-radius: 50%;\n      z-index: 2;\n    }\n\n    .timeline-entry.left::before {\n      right: -10px;\n    }\n\n    .timeline-entry.right::before {\n      left: -10px;\n    }\n\n    .timeline-entry h4 {\n      margin: 0 0 0.5rem;\n      font-size: 1.1rem;\n    }\n\n    .timeline-entry p {\n      margin: 0;\n      font-size: 0.95rem;\n    }\n\n    .info-grid {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2rem;\n      max-width: 1200px;\n      margin: auto;\n      padding: 2rem 1rem;\n    }\n\n    .info-card {\n      flex: 1 1 45%;\n      background: #f5f0e6;\n      border-radius: 16px;\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);\n      padding: 2rem;\n      min-width: 280px;\n      color: #475142;\n      text-align: center;\n      transition: transform 0.3s;\n      cursor: pointer;\n    }\n\n    .info-card h3 {\n      margin-top: 0;\n      font-size: 1.4rem;\n    }\n\n    .info-card p,\n    .info-card a {\n      opacity: 0;\n      max-height: 0;\n      overflow: hidden;\n      transition: opacity 0.5s ease, max-height 0.5s ease;\n    }\n\n    .info-card:hover p,\n    .info-card:hover a {\n      opacity: 1;\n      max-height: 500px;\n    }\n\n    .info-card.always-visible p,\n    .info-card.always-visible a {\n      opacity: 1;\n      max-height: 500px;\n    }\n\n    .competence-img {\n      max-width: 100%;\n      height: auto;\n      border-radius: 12px;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n      margin-top: 1rem;\n      transition: transform 0.3s;\n    }\n\n    .info-card:hover .competence-img {\n      transform: scale(1.05);\n    }\n\n    @media screen and (max-width: 768px) {\n      .timeline-line {\n        left: 10px;\n        transform: none;\n        height: auto;\n      }\n\n      .timeline-entry {\n        width: 100%;\n        left: 0 !important;\n        text-align: left;\n        padding-left: 2.5rem;\n        margin-bottom: 2rem;\n      }\n\n      .timeline-entry.left::before,\n      .timeline-entry.right::before {\n        left: 0;\n        right: auto;\n      }\n\n      .info-card {\n        flex: 1 1 100%;\n      }\n    }\n\n    \/* Ajout bouton retour haut *\/\n    .scroll-top-btn {\n      position: fixed;\n      bottom: 20px;\n      right: 20px;\n      background-color: #f5f0e6;\n      color: #475142;\n      border: none;\n      padding: 0.8rem 1.2rem;\n      border-radius: 25px;\n      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);\n      cursor: pointer;\n      font-size: 1rem;\n      font-weight: bold;\n      transition: background-color 0.3s, transform 0.2s, opacity 0.3s;\n      z-index: 1000;\n      opacity: 0;\n      pointer-events: none;\n    }\n\n    .scroll-top-btn.show {\n      opacity: 1;\n      pointer-events: auto;\n    }\n\n    .scroll-top-btn:hover {\n      background-color: #e0dbd0;\n      transform: translateY(-3px);\n    }\n  <\/style>\n\n  <!-- Bloc Titre -->\n  <div class=\"timeline-title-block\">\n    <h2>\ud83d\udcc1 Parcours Professionnels<\/h2>\n  <\/div>\n\n  <!-- Timeline -->\n  <div class=\"timeline-container\">\n    <div class=\"timeline-line\"><\/div>\n\n    <div class=\"timeline-entry left\">\n      <div class=\"content\">\n        <h4>2022\u20132025 \u2013 Technicien Support Informatique<\/h4>\n        <p><strong>DEGECOM \u2013 Alternance<\/strong><\/p>\n        <p>Gestion ticketing (GLPI), maintenance serveurs\/postes, Office 365, sauvegardes (Veeam, Acronis), d\u00e9ploiement XDR (Eset, Acronis).<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"timeline-entry right\">\n      <div class=\"content\">\n        <h4>\u00c9t\u00e9 2022 \u2013 Plongeur &#038; Serveur<\/h4>\n        <p><strong>Maison Aribert \u2013 Uriage<\/strong><\/p>\n        <p>Service midi et soir, plonge, travail en restauration gastronomique.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"timeline-entry left\">\n      <div class=\"content\">\n        <h4>2021 \u2013 Stage Bac Pro Commerce<\/h4>\n        <p><strong>Vieux Campeur \u2013 Grenoble<\/strong><\/p>\n        <p>Vente et encaissement de v\u00eatements de montagne, facing, conseils clients.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Section Portfolio -->\n  <div class=\"info-grid\">\n    <div class=\"info-card\">\n      <h3>\ud83d\udc4b Moi c&rsquo;est Bernard<\/h3>\n      <p>Je suis en BTS SIO (option SISR). J&rsquo;aime les r\u00e9seaux, les serveurs et la cybers\u00e9curit\u00e9. J\u2019ai commenc\u00e9 il y a 3 ans depuis, c&rsquo;est devenu une veritable passion <\/p>\n    <\/div>\n\n    <div class=\"info-card\">\n      <h3>\ud83c\udfaf Mon objectif<\/h3>\n      <p>Travailler dans les syst\u00e8mes et r\u00e9seaux et \u00e9voluer vers la cybers\u00e9curit\u00e9 plus tard.<\/p>\n    <\/div>\n\n    <div class=\"info-card\">\n      <h3>\ud83e\udde0 Ce que j\u2019aime faire<\/h3>\n      <p>Configurer des serveurs, s\u00e9curiser des acc\u00e8s, automatiser avec des scripts\u2026 bref, tout ce qui touche \u00e0 l&rsquo;infrastructure r\u00e9seau !<\/p>\n    <\/div>\n\n    <div class=\"info-card\">\n      <h3>\ud83d\udc68\u200d\ud83d\udcbb Mes qualit\u00e9s<\/h3>\n      <p>Autonome, curieux et calme. J\u2019apprends vite et je m\u2019int\u00e8gre bien dans une \u00e9quipe.<\/p>\n    <\/div>\n\n    <div class=\"info-card\">\n      <h3>\ud83c\udfae En dehors du travail<\/h3>\n      <p>Je fais du skate, je joue au football (tr\u00e8s grand supporter du PSG ), je voyage. J&rsquo;aime explorer, autant en vrai que dans le r\u00e9seau !<\/p>\n    <\/div>\n\n    <div class=\"info-card\">\n      <h3>\ud83d\udce1 petite Anecdote<\/h3>\n      <p>J\u2019ai commenc\u00e9 \u00e0 m&rsquo;int\u00e9resser \u00e0 l&rsquo;informatique en d\u00e9pannant la box familiale. Depuis, je n&rsquo;ai jamais arr\u00eat\u00e9 !<\/p>\n    <\/div>\n\n    <div class=\"info-card\">\n      <h3>\ud83d\udcf0 Je reste \u00e0 jour<\/h3>\n      <p>Je consulte r\u00e9guli\u00e8rement <strong>IT-Connect<\/strong> pour suivre les nouveaut\u00e9s et les bonnes pratiques en administration syst\u00e8me, r\u00e9seaux et cybers\u00e9curit\u00e9.<\/p>\n    <\/div>\n\n    <div class=\"info-card always-visible\">\n      <h3>\ud83d\udcca Mon tableau de comp\u00e9tences<\/h3>\n      <p>Voici un aper\u00e7u de mon tableau de comp\u00e9tences :<\/p>\n      <a href=\"http:\/\/portfoliobernard.net\/wp-content\/uploads\/2025\/05\/8-BTS-SIO-Annexe-8-1-Tableau-de-synthese-Epreuve-E4-BTS-SIO-2025-Bernard.pdf\" target=\"_blank\">\n        <img decoding=\"async\" src=\"http:\/\/portfoliobernard.net\/wp-content\/uploads\/2025\/05\/Capture-decran-2025-05-20-204214.png\" alt=\"Tableau de comp\u00e9tences Bernard\" class=\"competence-img\" \/>\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <!-- Bouton Haut de Page -->\n  <button onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" class=\"scroll-top-btn\" id=\"scrollTopBtn\">\u2191 Haut de page<\/button>\n\n  <script>\n    const scrollBtn = document.getElementById('scrollTopBtn');\n    window.addEventListener('scroll', () => {\n      if (window.scrollY > 100) {\n        scrollBtn.classList.add('show');\n      } else {\n        scrollBtn.classList.remove('show');\n      }\n    });\n  <\/script>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":481,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-209","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/portfoliobernard.net\/index.php\/wp-json\/wp\/v2\/pages\/209","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portfoliobernard.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portfoliobernard.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portfoliobernard.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portfoliobernard.net\/index.php\/wp-json\/wp\/v2\/comments?post=209"}],"version-history":[{"count":63,"href":"https:\/\/portfoliobernard.net\/index.php\/wp-json\/wp\/v2\/pages\/209\/revisions"}],"predecessor-version":[{"id":681,"href":"https:\/\/portfoliobernard.net\/index.php\/wp-json\/wp\/v2\/pages\/209\/revisions\/681"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/portfoliobernard.net\/index.php\/wp-json\/wp\/v2\/media\/481"}],"wp:attachment":[{"href":"https:\/\/portfoliobernard.net\/index.php\/wp-json\/wp\/v2\/media?parent=209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}