|
|
<!doctype html>
|
|
|
<html lang="fr">
|
|
|
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
<title>Roxane Rossetto Portfolio</title>
|
|
|
<meta name="description" content="Portfolio de Roxane Rossetto, développeuse en alternance spécialisée en intelligence artificielle.">
|
|
|
<link rel="icon" href="/containers/roxanerossetto-portfolio3a/favicon.ico" sizes="any">
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
|
<link href="/containers/roxanerossetto-portfolio3a/css/style.css" rel="stylesheet">
|
|
|
</head>
|
|
|
|
|
|
<body class="bg-light text-dark">
|
|
|
<header class="text-center py-3 mb-4 bg-white border-bottom">
|
|
|
<h1 class="h3">Portfolio de Roxane Rossetto</h1>
|
|
|
</header>
|
|
|
|
|
|
<main class="container">
|
|
|
<div class="row">
|
|
|
<aside class="col-md-4 mb-4 text-center bg-white p-4 rounded shadow" aria-label="Informations personnelles">
|
|
|
<img src="/containers/roxanerossetto-portfolio3a/images/pinou_logo.png" class="img-fluid rounded-circle mb-3" alt="Portrait de Roxane assise a coté de son chien, au sommet d'une montagne." >
|
|
|
<h2 class="h5">Roxane Rossetto</h2>
|
|
|
<p class="text-muted">Développeuse IA en alternance<br>BUT Informatique 3e année</p>
|
|
|
<nav aria-label="Liens professionnels">
|
|
|
<ul class="list-unstyled">
|
|
|
<li class="mb-2">
|
|
|
<a href="https://codefirst.iut.uca.fr/git/roxane.rossetto" class="btn btn-outline-primary w-100" target="_blank" rel="noopener">
|
|
|
<img src="/containers/roxanerossetto-portfolio3a/images/logo.png" alt="CodeFirst" class="me-2" width="20">CodeFirst
|
|
|
</a>
|
|
|
</li>
|
|
|
<li class="mb-2">
|
|
|
<a href="https://fr.linkedin.com/in/roxane-rossetto-3b9158211" class="btn btn-outline-primary w-100" target="_blank" rel="noopener">
|
|
|
<img src="/containers/roxanerossetto-portfolio3a/images/logo-linkedin-rond.png" alt="LinkedIn" class="me-2" width="20">LinkedIn
|
|
|
</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="mailto:roxane.rossetto@gmail.com" class="btn btn-outline-secondary w-100">
|
|
|
<img src="/containers/roxanerossetto-portfolio3a/images/iconMail.png" alt="Email" class="me-2" width="20">Email
|
|
|
</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</nav>
|
|
|
</aside>
|
|
|
|
|
|
<!-- Main content with tabs -->
|
|
|
<section class="col-md-8">
|
|
|
<ul class="nav nav-tabs mb-4" id="portfolioTabs" role="tablist">
|
|
|
<li class="nav-item" role="presentation">
|
|
|
<button class="nav-link active" id="apropos-tab" data-bs-toggle="tab" data-bs-target="#a-propos" type="button" role="tab" aria-controls="a-propos" aria-selected="true">À propos</button>
|
|
|
</li>
|
|
|
<li class="nav-item" role="presentation">
|
|
|
<button class="nav-link" id="experience-tab" data-bs-toggle="tab" data-bs-target="#experience" type="button" role="tab" aria-controls="experience" aria-selected="false">Expérience</button>
|
|
|
</li>
|
|
|
<li class="nav-item" role="presentation">
|
|
|
<button class="nav-link" id="formation-tab" data-bs-toggle="tab" data-bs-target="#formation" type="button" role="tab" aria-controls="formation" aria-selected="false">Formation</button>
|
|
|
</li>
|
|
|
<li class="nav-item" role="presentation">
|
|
|
<button class="nav-link" id="cv-tab" data-bs-toggle="tab" data-bs-target="#cv" type="button" role="tab" aria-controls="cv" aria-selected="false">CV</button>
|
|
|
</li>
|
|
|
</ul>
|
|
|
|
|
|
<div class="tab-content" id="portfolioTabsContent">
|
|
|
<div class="tab-pane fade show active" id="a-propos" role="tabpanel" aria-labelledby="apropos-tab">
|
|
|
<h2>À propos de moi</h2>
|
|
|
<img src="/containers/roxanerossetto-portfolio3a/images/forge.jpg" class="img-fluid rounded mb-3" alt="Photo de Roxane devant le feu d'une des plus anciennes forges de France, en train de faire chauffer un lopin de fer " style="width: 100%; max-width: 300px;">
|
|
|
<p>Avant de me lancer dans le domaine de l'informatique, j’ai exercé un
|
|
|
métier aussi exigeant que rare : maréchale-ferrante. Un travail de
|
|
|
terrain, physique, manuel, qui m’a appris la rigueur, la persévérance,
|
|
|
et le goût du travail bien fait. Mais au fil du temps, une autre
|
|
|
curiosité s’est imposée à moi : celle de la technologie, du numérique,
|
|
|
et un peu plus tard celle pour l'intelligence artificielle.
|
|
|
Ce désir de reconversion n’est pas né d’un hasard, mais d’un vrai besoin
|
|
|
de challenge intellectuel, et d’un attrait profond pour les innovations
|
|
|
qui transforment notre monde.J’ai alors fait le choix d’entamer une formation en informatique, en repartant de zéro, emmenant avec moi toute la détermination et la persévérance qu'il faut pour mener à bien ce projet.</p>
|
|
|
<img src="/containers/roxanerossetto-portfolio3a/images/rox_dev.png" class="img-fluid rounded mb-3" alt="Photo de profil professionnelle de Roxane" style="width: 100%; max-width: 300px;">
|
|
|
<p>Ces trois années de formation, ponctuées par deux années d’alternance,
|
|
|
ont confirmé que j’avais trouvé ma voie. J’ai pu combiner mon sens
|
|
|
pratique avec une approche technique et humaine des projets, en
|
|
|
particulier dans le domaine de l’IA. Mon objectif aujourd’hui :
|
|
|
continuer à évoluer dans ce secteur passionnant, en contribuant à des
|
|
|
projets concrets et utiles.
|
|
|
À travers ce portfolio, je souhaite partager ce parcours atypique mais
|
|
|
cohérent, illustré par des expériences concrètes, des projets que j’ai
|
|
|
menés, et des compétences que j’ai consolidées. Je crois profondément
|
|
|
que ce sont les croisements d’univers – artisanat et technologie,
|
|
|
rigueur et curiosité – qui font la richesse de mon profil. Et c’est ce
|
|
|
que je souhaite continuer à cultiver.</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="tab-pane fade" id="experience" role="tabpanel" aria-labelledby="experience-tab">
|
|
|
<h2>Expérience professionnelle</h2>
|
|
|
<p>Durant ma dernière année d'alternance, j’ai été pleinement intégrée à un projet IA. J’ai mené un POC (proof of concept), apporté des directives techniques à l’équipe de développement, et présenté des prototypes au client. J’ai ainsi confirmé mon envie de travailler dans le domaine de l’intelligence artificielle.</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="tab-pane fade" id="formation" role="tabpanel" aria-labelledby="formation-tab">
|
|
|
<h2>Formation</h2>
|
|
|
<p>Je suis actuellement en BUT Informatique 3e année. Lors de la SAE de 3A, j’ai pu exploiter mon expérience en entreprise pour développer une application intégrant de l’IA. Cette expérience m’a permis de renforcer mes compétences techniques et mon intérêt pour la gestion de projet en IA.</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="tab-pane fade" id="cv" role="tabpanel" aria-labelledby="cv-tab">
|
|
|
<h2>Mon CV</h2>
|
|
|
<img src="/containers/roxanerossetto-portfolio3a/images/cv_rox.jpg" alt="CV de Roxane Rossetto" class="img-fluid rounded shadow mb-3">
|
|
|
<p>Je souhaite aujourd’hui continuer à développer mes compétences en IA et gestion de projet, avec pour objectif d’intégrer durablement l’entreprise qui m’a accueillie en alternance. Elle m’a d’ailleurs exprimé son souhait de m’embaucher sur un poste lié à la gestion de projets IA.</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</section>
|
|
|
</div>
|
|
|
</main>
|
|
|
|
|
|
<footer class="text-center py-4 mt-4 bg-white border-top">
|
|
|
<div class="container">
|
|
|
<p class="mb-1">Merci pour votre visite ! N'hésitez pas à me contacter pour toute collaboration ou question.</p>
|
|
|
</div>
|
|
|
</footer>
|
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
</body>
|
|
|
</html>
|
