habib/portfolios_exemple2
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity
portfolios_exemple2/public/index.html
habsinn_root 94a22ebb72 aération blocs textes : marges à droite
2022-01-19 15:30:44 +01:00

1414 lines
26 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Source Themes Academia 4.3.1">
<meta name="generator" content="Hugo 0.89.4" />
<meta name="author" content="Léa Jean">
<meta name="description" content="Etudiante en Service Civique">
<link rel="alternate" hreflang="en-us" href="/">
<meta name="theme-color" content="#fc6f5c">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/academicons/1.8.6/css/academicons.min.css" integrity="sha256-uFVgMKfistnJAfoCUQigIl+JfUaP47GrRKjf6CTPVmw=" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.0/css/all.css" integrity="sha384-aOkxzJ5uQz7WBObEZcHvV5JvRW3TUc2rNPA7pe3AwnsUohiw1Vj2Rgx2KSOkF5+h" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.css" integrity="sha256-ygkqlh3CYSUri3LhQxzdcm0n1EQvH2Y+U5S2idbLtxs=" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/github.min.css" crossorigin="anonymous" title="hl-light">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/dracula.min.css" crossorigin="anonymous" title="hl-dark" disabled>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.2.0/leaflet.css" integrity="sha512-M2wvCLH6DSRazYeZRIm1JnYyh22purTM+FDB5CsyxtQJYeKq83arPe5wgbNmcFXGqiSH2XR8dT/fJISVA1r/zQ==" crossorigin="anonymous">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Open+Sans|Roboto+Mono&display=swap">
<link rel="stylesheet" href="/css/academia.min.1cdc2de8f12960b3a1fe0477298efd81.css">
<link rel="alternate" href="/index.xml" type="application/rss+xml" title="Léa Jean">
<link rel="feed" href="/index.xml" type="application/rss+xml" title="Léa Jean">
<link rel="manifest" href="/site.webmanifest">
<link rel="icon" type="image/png" href="/img/icon.png">
<link rel="apple-touch-icon" type="image/png" href="/img/icon-192.png">
<link rel="canonical" href="/">
<meta property="twitter:card" content="summary">
<meta property="og:site_name" content="Léa Jean">
<meta property="og:url" content="/">
<meta property="og:title" content="Léa Jean">
<meta property="og:description" content="Etudiante en Service Civique"><meta property="og:image" content="/img/icon-192.png">
<meta property="twitter:image" content="/img/icon-192.png"><meta property="og:locale" content="en-us">
<meta property="og:updated_time" content="2021-12-01T00:00:00&#43;00:00">
<title>Léa Jean</title>
</head>
<body id="top" data-spy="scroll" data-target="#navbar-main" data-offset="71" >
<aside class="search-results" id="search">
<div class="container">
<section class="search-header">
<div class="row no-gutters justify-content-between mb-3">
<div class="col-6">
<h1>Search</h1>
</div>
<div class="col-6 col-search-close">
<a class="js-search" href="#"><i class="fas fa-times-circle text-muted" aria-hidden="true"></i></a>
</div>
</div>
<div id="search-box">
</div>
</section>
<section class="section-search-results">
<div id="search-hits">
</div>
</section>
</div>
</aside>
<nav class="navbar navbar-light fixed-top navbar-expand-lg py-0" id="navbar-main">
<div class="container">
<a class="navbar-brand" href="/">Léa Jean</a>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"><span><i class="fas fa-bars"></i></span>
</button>
<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link " href="/#hero" data-target="#hero"><span>Accueil</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/#experience" data-target="#experience"><span>Parcours</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/#skills" data-target="#skills"><span>Compétences</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/#projects" data-target="#projects"><span>Réalisations</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/#about" data-target="#about"><span>But</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/#contact" data-target="#contact"><span>Contact</span></a>
</li>
<li class="nav-item">
<a class="nav-link js-dark-toggle" href="#"><i class="fas fa-moon" aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</nav>
<span class="js-widget-page d-none"></span>
<section id="hero" class="home-section wg-hero " style="background-color: #fff;" >
<div class="container">
<div class="row">
<div class="col-md-6 order-md-1 text-center text-md-left align-self-center">
<div><h2 id="etudiante-titulaire-dun-dut-génie-mécanique-je-me-suis-spécialisée-en--conception-et-fabrication-numérique"><strong>Etudiante</strong> titulaire d&rsquo;un DUT Génie Mécanique, je me suis spécialisée en <strong>Conception et Fabrication Numérique</strong></h2>
<p>En passe d&rsquo;achever ma première expérience professionnelle, au sein du Fablab Coh@bit porté par l&rsquo;IUT de Gradignan et l&rsquo;Université de Bordeaux III, je recherche un poste en France à partir de Février 2022, en cohérence avec mes compétences et mes aspirations.</p>
</div>
<p class="mt-4">
<a href="/authors/admin" class="btn btn-primary btn-lg page-scroll">Lire mon CV</a>
<a href="/#contact" class="btn btn-lg btn-outline-primary page-scroll">Me contacter</a>
</p>
</div>
<div class="col-10 mx-auto col-md-6 order-md-2 hero-media">
<img class="hero-img img-fluid" src="/img/photo-de-profil.jpg" alt="">
</div>
</div>
</div>
</section>
<section id="experience" class="home-section wg-experience " >
<div class="container">
<div class="row">
<div class="col-12 col-lg-4 section-heading">
<h1>Parcours</h1>
<p class="justify-text-left">GRANDES ÉTAPES DE MA FORMATION</p>
</div>
<div class="col-12 col-lg-8">
<div class="row experience">
<div class="col-auto text-center flex-column d-none d-sm-flex">
<div class="row h-50">
<div class="col ">&nbsp;</div>
<div class="col">&nbsp;</div>
</div>
<div class="m-2">
<span class="badge badge-pill border exp-fill">&nbsp;</span>
</div>
<div class="row h-50">
<div class="col border-right">&nbsp;</div>
<div class="col">&nbsp;</div>
</div>
</div>
<div class="col py-2">
<div class="card">
<div class="card-body">
<h4 class="card-title exp-title text-muted mt-0 mb-1">Stagiaire en Service Civique</h4>
<h4 class="card-title exp-company text-muted my-0">Fablab Coh@bit (IUT - Université Bordeaux III)</h4>
<div class="text-muted exp-meta">
07/2021 –
Present
<span class="middot-divider"></span>
<span>Bordeaux Métropole</span>
</div>
<div class="card-text"><p>De la co-conception à la fabrication de prototypes et de produits en petites séries, avec un fort caractère numérique :</p>
<ul>
<li>Impression 3D (CAO avec Freecad, imprimantes XX et YY)</li>
<li>Découpeuse laser (vectorisation avec Inkscape, Trottec 3000)</li>
<li>Fraiseuse numérique (CAO avec Freecad, modèle de fraiseuse ZZ)</li>
<li>Scanner 3D</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="row experience">
<div class="col-auto text-center flex-column d-none d-sm-flex">
<div class="row h-50">
<div class="col border-right">&nbsp;</div>
<div class="col">&nbsp;</div>
</div>
<div class="m-2">
<span class="badge badge-pill border ">&nbsp;</span>
</div>
<div class="row h-50">
<div class="col ">&nbsp;</div>
<div class="col">&nbsp;</div>
</div>
</div>
<div class="col py-2">
<div class="card">
<div class="card-body">
<h4 class="card-title exp-title text-muted mt-0 mb-1">Étudiante en IUT Génie Mécanique</h4>
<h4 class="card-title exp-company text-muted my-0">Université Bordeaux III</h4>
<div class="text-muted exp-meta">
09/2019 –
01/2022
<span class="middot-divider"></span>
<span>Bordeaux Métropole</span>
</div>
<div class="card-text"><p>Études en Génie Mécanique.</p>
<ul>
<li>Disciplines associées : Électronique.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="skills" class="home-section wg-featurette " >
<div class="container">
<div class="row featurette">
<div class="col-12 section-heading">
<h1>Compétences</h1>
<p>PRINCIPALES COMPÉTENCES TECHNIQUES</p>
</div>
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin">
<div class="progress-bar" style="width:90%"></div>
<div class="featurette-icon"><i class="fab fa-searchengin"></i></div>
<h3>Lire et questionner un cahier des charges</h3>
<p>90%</p>
</div>
</div>
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin">
<div class="progress-bar" style="width:60%"></div>
<div class="featurette-icon"><i class="fas fa-user-secret"></i></div>
<h3>Choisir les solutions techniques les mieux adaptées aux contraintes de réalisation</h3>
<p>60%</p>
</div>
</div>
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin">
<div class="progress-bar" style="width:65%"></div>
<div class="featurette-icon"><i class="fas fa-chart-line"></i></div>
<h3>Mettre en œuvre les outils métiers pour produire une solution complexe optimale</h3>
<p>65%</p>
</div>
</div>
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin">
<div class="progress-bar" style="width:85%"></div>
<div class="featurette-icon"><i class="fas fa-camera-retro"></i></div>
<h3>Élaborer un dossier technique exhaustif pour des pièces/systèmes complexes</h3>
<p>85%</p>
</div>
</div>
</div>
</div>
</section>
<section id="projects" class="home-section wg-portfolio " >
<div class="container">
<div class="row">
<div class="col-12 text-center section-heading">
<h1>Réalisations</h1>
<p>PRINCIPAUX PROJETS MENÉS AU FABLAB COH@BIT, AVEC LEURS DOCUMENTATIONS</p>
</div>
<div class="col-12">
<span class="d-none default-project-filter">*</span>
<div class="project-toolbar">
<div class="project-filters">
<ul class="list-inline text-center">
<li class="list-inline-item">
<a href="#" data-filter="*"
class="btn btn-primary btn-lg active">Toutes</a>
<a href="#" data-filter=".js-id-impression-3D"
class="btn btn-primary btn-lg">Impression 3D</a>
<a href="#" data-filter=".js-id-decoupeuse-laser"
class="btn btn-primary btn-lg">Découpe Laser</a>
<a href="#" data-filter=".js-id-fraiseuse-numerique"
class="btn btn-primary btn-lg">Fraisage numérique</a>
</li>
</ul>
</div>
</div>
<div class="isotope projects-container js-layout-masonry ">
<div class="project-card project-item isotope-item js-id-fraiseuse-numerique">
<div class="card rounded-0 shadow-sm">
<a href="/project/fraiseuse-numerique/" class="card-image">
<img src="/project/fraiseuse-numerique/featured_hud3597070b983ca2f9cb87c737083b0b9_5423576_550x0_resize_q90_lanczos.jpg" alt="" class="img-responsive">
</a>
<div class="card-body">
<h4><a href="/project/fraiseuse-numerique/" >Fraiseuse numérique</a></h4>
<div class="card-desription">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, eius.</p>
</div>
</div>
</div>
</div>
<div class="project-card project-item isotope-item js-id-fraiseuse-numerique">
<div class="card rounded-0 shadow-sm">
<a href="/project/scanner-3d/" class="card-image">
<img src="/project/scanner-3d/featured_huafb25b187cc602d9bebf090a88be9015_4914942_550x0_resize_q90_lanczos.jpg" alt="" class="img-responsive">
</a>
<div class="card-body">
<h4><a href="/project/scanner-3d/" >Scanner 3D</a></h4>
<div class="card-desription">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, eius.</p>
</div>
</div>
</div>
</div>
<div class="project-card project-item isotope-item js-id-decoupeuse-laser">
<div class="card rounded-0 shadow-sm">
<a href="/project/decoupeuse-laser/" class="card-image">
<img src="/project/decoupeuse-laser/featured_hufc147d311362c7076b5f511ad168799b_4584812_550x0_resize_q90_lanczos.jpg" alt="" class="img-responsive">
</a>
<div class="card-body">
<h4><a href="/project/decoupeuse-laser/" >Découpeuse laser</a></h4>
<div class="card-desription">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, eius.</p>
</div>
</div>
</div>
</div>
<div class="project-card project-item isotope-item js-id-impression-3D">
<div class="card rounded-0 shadow-sm">
<a href="/project/impression-3d/" class="card-image">
<img src="/project/impression-3d/featured_hudc38ec8a912a12a20bd54ac705919371_5841537_550x0_resize_q90_lanczos.jpg" alt="" class="img-responsive">
</a>
<div class="card-body">
<h4><a href="/project/impression-3d/" >Impression 3D</a></h4>
<div class="card-desription">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, eius.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="about" class="home-section wg-about " >
<div class="container">
<div class="row" itemprop="author" itemscope itemtype="http://schema.org/Person"
itemref="person-email person-telephone person-address">
<div class="col-lg-5">
<div id="profile">
<img class="img-fluid" src="/img/" itemprop="image" alt="Avatar">
</div>
<ul class="network-icon bg-white mx-2 py-2 text-center" aria-hidden="true">
<li class="mx-3">
<a itemprop="sameAs" href="/#contact" >
<i class="fas fa-envelope"></i>
</a>
</li>
<li class="mx-3">
<a itemprop="sameAs" href="https://github.com/gcushen" target="_blank" rel="noopener">
<i class="fab fa-github"></i>
</a>
</li>
</ul>
</div>
<div class="col-lg-7" itemprop="description">
<div class="portrait-title">
<h2 itemprop="name">Léa Jean</h2>
<h3 class="d-inline-block" itemprop="jobTitle">Etudiante en Service Civique,</h3>
<h3 class="d-inline-block" itemprop="worksFor" itemscope itemtype="http://schema.org/Organization">
<span itemprop="name">Fablab Coh@bit (IUT, Bordeaux III)</span>
</h3>
</div>
<link itemprop="url" href="">
<p>Comment je m&rsquo;imagine avoir évolué dans mon métier dans 10 ans ?
&hellip;&hellip;<br>
&hellip;&hellip;<br>
&hellip;&hellip;</p>
<p>Disponible pour un RDV ou un entretien à partir du 1er février 2022.</p>
</div>
</div>
</div>
</section>
<section id="contact" class="home-section wg-contact " >
<div class="container">
<div class="row contact-widget">
<div class="col-12 text-center section-heading">
<h1>Contact</h1>
<p>Joignable sur <a href="mailto:leajean2001@gmail.com">leajean2001@gmail.com</a> ou via ce formulaire</p>
</div>
<div class="col-12">
</div>
<div class="col-md-6">
<div class="mb-3">
<form name="contact" method="POST" action="https://formspree.io/leajean2001@gmail.com">
<div class="form-group form-inline">
<label class="sr-only" for="inputName">votre Nom</label>
<input type="text" name="name" class="form-control rounded-0 w-100" id="inputName"
placeholder="votre Nom" required>
</div>
<div class="form-group form-inline">
<label class="sr-only" for="inputEmail">votre Email</label>
<input type="email" name="email" class="form-control rounded-0 w-100" id="inputEmail"
placeholder="votre Email" required>
</div>
<div class="form-group">
<label class="sr-only" for="inputMessage">votre Message</label>
<textarea name="message" class="form-control rounded-0" id="inputMessage" rows="5"
placeholder="votre Message" required></textarea>
</div>
<button type="submit"
class="btn btn-outline-primary px-3 py-2">Envoyer</button>
</form>
</div>
</div>
<div class="col-md-6">
<ul class="fa-ul" itemscope>
<li>
<i class="fa-li fas fa-phone mt-2" aria-hidden="true"></i>
<span id="person-telephone" itemprop="telephone"><a href="tel:06%2011%2011%2011%2011">06 11 11 11 11</a></span>
</li>
<li>
<i class="fa-li fas fa-map-marker-alt mt-2" aria-hidden="true"></i>
<span id="person-address" itemprop="address">Talence, Bordeaux Métropole</span>
</li>
</ul>
</div>
<div class="col-12">
<div class="d-none">
<input id="map-provider" value="2">
<input id="map-lat" value="44.79115">
<input id="map-lng" value="-0.60842">
<input id="map-dir" value="Talence, Bordeaux Métropole">
<input id="map-zoom" value="15">
<input id="map-api-key" value="AIzaSyBu5nZKbeK-WHQ70oqOWo-_4VmwOwKP9YQ">
</div>
<div id="map"></div>
</div>
</div>
</div>
</section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/4.1.4/imagesloaded.pkgd.min.js" integrity="sha256-lqvxZrPLtfffUl2G/e7szqSvPBILGbwmsGE1MKlOi0Q=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.min.js" integrity="sha256-CBrpuqrMhXwcLLUd5tvQ4euBHCdh7wGlDfNz8vbu/iI=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.js" integrity="sha256-X5PoE3KU5l+JcX+w09p/wHl9AzK333C4hJ2I9S5mD4M=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/highlight.min.js" integrity="sha256-aYTdUrn6Ow1DDgh5JTc3aDGnnju48y/1c8s1dgkYPQ8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.2.0/leaflet.js" integrity="sha512-lInM/apFSqyy1o6s89K4iQUKg6ppXEgsVxT35HbzUupEVRh2Eu9Wdl4tHj7dZO0s1uvplcYGmt3498TtHq+log==" crossorigin="anonymous"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script src="/js/academia.min.e40e230d9b3dfeac86994156b6388764.js"></script>
<div class="container">
<footer class="site-footer">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 mb-4 mb-md-0">
<p class="mb-0">
Site réalisé à partir du thème :
<a href="https://themes.gohugo.io/themes/academia-hugo/" target="_blank" rel="noopener">Academia Hugo</a>.
</p>
</div>
<div class="col-md-6">
<ul class="list-inline network-icon text-right mb-0">
<li class="list-inline-item">
<a href="https://twitter.com/Twitter" target="_blank" rel="noopener" title="DM Me"><i class="fab fa-twitter" aria-hidden="true"></i></a>
</li>
<li class="list-inline-item">
<a href="skype:echo123?call" title="Skype Me"><i class="fab fa-skype" aria-hidden="true"></i></a>
</li>
<li class="list-inline-item">
<a href="https://keybase.io/" target="_blank" rel="noopener" title="Chat on Keybase"><i class="fab fa-keybase" aria-hidden="true"></i></a>
</li>
<li class="list-inline-item">
<a href="https://discourse.gohugo.io" target="_blank" rel="noopener" title="Discuss on Forum"><i class="fas fa-comments" aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</div>
<div id="modal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Cite</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<pre><code class="tex hljs"></code></pre>
</div>
<div class="modal-footer">
<a class="btn btn-outline-primary my-1 js-copy-cite" href="#" target="_blank">
<i class="fas fa-copy"></i> Copy
</a>
<a class="btn btn-outline-primary my-1 js-download-cite" href="#" target="_blank">
<i class="fas fa-download"></i> Download
</a>
<div id="modal-error"></div>
</div>
</div>
</div>
</div>
</body>
</html>
Reference in a new issue View git blame Copy permalink