You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
portfolio3a/index.html

113 lines
11 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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">
<header class="text-center py-3 mb-4 border-bottom">
<h1 class="h3">Portfolio de Roxane Rossetto</h1>
</header>
<main class="container">
<div class="row">
<!-- Sidebar -->
<aside class="col-md-4 mb-4 text-center 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 Rossetto">
<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" alt="Photo de Roxane devant le feu d'une de plus anciennes forges de France, en train de faire chauffer un lopin de fer. ">
<p>Avant de me lancer dans le domaine de l'informatique, jai exercé un métier aussi exigeant que rare : maréchale-ferrante. Un travail de terrain, physique, manuel, qui ma appris la rigueur, la persévérance, et le goût du travail bien fait. Mais au fil du temps, une autre curiosité sest 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 nest pas né dun hasard, mais dun vrai besoin de challenge intellectuel, et dun attrait profond pour les innovations qui transforment notre monde.</p>
<img src="" alt="">
<p> Jai alors fait le choix dentamer une formation en informatique, en repartant de zéro, emmenant avec moi toute la détermination et la perseverance qu'il faut pour mener à bien ce projet.
Ces trois années de formation, ponctuées par deux années dalternance, ont confirmé que javais trouvé ma voie. Jai pu combiner mon sens pratique avec une approche technique et humaine des projets, en particulier dans le domaine de lIA. Mon objectif aujourdhui : 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 jai menés, et des compétences que jai consolidées. Je crois profondément que ce sont les croisements dunivers artisanat et technologie, rigueur et curiosité qui font la richesse de mon profil. Et cest 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>Avant de me lancer dans le domaine de l'informatique, jai exercé un métier aussi exigeant que rare : maréchale-ferrante. Un travail de terrain, physique, manuel, qui ma appris la rigueur, la persévérance, et le goût du travail bien fait. Mais au fil du temps, une autre curiosité sest 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 nest pas né dun hasard, mais dun vrai besoin de challenge intellectuel, et dun attrait profond pour les innovations qui transforment notre monde. Jai alors fait le choix dentamer une formation en informatique, en repartant de zéro, emmenant avec moi toute la détermination et la perseverance qu'il faut pour mener à bien ce projet.
Ces trois années de formation, ponctuées par deux années dalternance, ont confirmé que javais trouvé ma voie. Jai pu combiner mon sens pratique avec une approche technique et humaine des projets, en particulier dans le domaine de lIA. Mon objectif aujourdhui : 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 jai menés, et des compétences que jai consolidées. Je crois profondément que ce sont les croisements dunivers artisanat et technologie, rigueur et curiosité qui font la richesse de mon profil. Et cest ce que je souhaite continuer à cultiver.</p>
</div>
<div class="tab-pane fade" id="formation" role="tabpanel" aria-labelledby="formation-tab">
<h2>Formation</h2>
<p>Avant de me lancer dans le domaine de l'informatique, jai exercé un métier aussi exigeant que rare : maréchale-ferrante. Un travail de terrain, physique, manuel, qui ma appris la rigueur, la persévérance, et le goût du travail bien fait. Mais au fil du temps, une autre curiosité sest 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 nest pas né dun hasard, mais dun vrai besoin de challenge intellectuel, et dun attrait profond pour les innovations qui transforment notre monde. Jai alors fait le choix dentamer une formation en informatique, en repartant de zéro, emmenant avec moi toute la détermination et la perseverance qu'il faut pour mener à bien ce projet.
Ces trois années de formation, ponctuées par deux années dalternance, ont confirmé que javais trouvé ma voie. Jai pu combiner mon sens pratique avec une approche technique et humaine des projets, en particulier dans le domaine de lIA. Mon objectif aujourdhui : 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 jai menés, et des compétences que jai consolidées. Je crois profondément que ce sont les croisements dunivers artisanat et technologie, rigueur et curiosité qui font la richesse de mon profil. Et cest ce que je souhaite continuer à cultiver.</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>Avant de me lancer dans le domaine de l'informatique, jai exercé un métier aussi exigeant que rare : maréchale-ferrante. Un travail de terrain, physique, manuel, qui ma appris la rigueur, la persévérance, et le goût du travail bien fait. Mais au fil du temps, une autre curiosité sest 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 nest pas né dun hasard, mais dun vrai besoin de challenge intellectuel, et dun attrait profond pour les innovations qui transforment notre monde. Jai alors fait le choix dentamer une formation en informatique, en repartant de zéro, emmenant avec moi toute la détermination et la perseverance qu'il faut pour mener à bien ce projet.
Ces trois années de formation, ponctuées par deux années dalternance, ont confirmé que javais trouvé ma voie. Jai pu combiner mon sens pratique avec une approche technique et humaine des projets, en particulier dans le domaine de lIA. Mon objectif aujourdhui : 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 jai menés, et des compétences que jai consolidées. Je crois profondément que ce sont les croisements dunivers artisanat et technologie, rigueur et curiosité qui font la richesse de mon profil. Et cest ce que je souhaite continuer à cultiver.</p>
</div>
</div>
</section>
</div>
</main>
<footer class="text-center py-4 mt-4 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>