440 lines
23 KiB
HTML
440 lines
23 KiB
HTML
<!DOCTYPE HTML>
|
||
<html>
|
||
<head>
|
||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-167417611-1"></script>
|
||
<script>
|
||
window.dataLayer = window.dataLayer || [];
|
||
function gtag(){dataLayer.push(arguments);}
|
||
gtag('js', new Date());
|
||
|
||
gtag('config', 'UA-167417611-1');
|
||
</script>
|
||
<title>Adrien CHARBONNEAU – Naturaliste écologue</title>
|
||
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||
<meta name="description" content="Site de présentation d'Adrien CHARBONNEAU - Naturaliste écologue et ornithologue passionné.">
|
||
<meta name="author" content="Adrien CHARBONNEAU">
|
||
|
||
<meta property="og:title" content="Adrien CHARBONNEAU – Naturaliste écologue" />
|
||
<meta property="og:image" content="https://adriencharbonneau.fr/images/CORSICA.jpg" />
|
||
<meta property="og:url" content="https://adriencharbonneau.fr" />
|
||
<meta property="og:description" content="Site de présentation d'Adrien CHARBONNEAU - Naturaliste écologue et ornithologue passionné." />
|
||
<meta property="og:nom_du_site" content="Adrien CHARBONNEAU – Naturaliste écologue"/>
|
||
|
||
<link rel="stylesheet" href="assets/css/main.css" />
|
||
<link rel="icon" type="image/png" href="images/AC_favicon.png" />
|
||
</head>
|
||
<body class="is-preload">
|
||
|
||
<!-- Header -->
|
||
<section id="header">
|
||
<header>
|
||
<span class="image avatar"><img src="images/avatar.jpg" alt="" /></span>
|
||
<h1 id="logo"><a href="#">Adrien CHARBONNEAU</a></h1>
|
||
<p>Naturaliste écologue <br>
|
||
et ornithologue passionné</p>
|
||
</header>
|
||
<nav id="nav">
|
||
<ul id="menu">
|
||
<li><a href="#presentation" class="active">Présentation</a>
|
||
<li><a href="#publications">Publications</a></li>
|
||
<li><a href="#supports">Supports de stage</a></li>
|
||
<li><a href="#competences">Compétences professionnelles</a></li>
|
||
<!-- <li><a href="#contact">Contact</a></li> -->
|
||
</ul>
|
||
</nav>
|
||
<footer>
|
||
<ul class="icons">
|
||
<li><a href="https://www.linkedin.com/in/adrien-charbonneau/" target="_blank" class="icon brands fa-linkedin-in" title="Linkedin"><span class="label">Linkedin</span></a></li>
|
||
<li><a href="https://www.researchgate.net/profile/Adrien-Charbonneau" target="_blank" class="icon brands fa-researchgate" title="ResearchGate"><span class="label">ResearchGate</span></a></li>
|
||
<li><a href="https://git.adriencharbonneau.fr/Adrien/Site-internet" target="_blank" class="icon brands fa-git" title="Dépôt git"><span class="label">Dépôt Git</span></a></li>
|
||
<li><a href="mailto:adrien.charbonneau@free.fr" class="icon solid fa-envelope" title="Adresse courriel"><span class="label">Email</span></a></li>
|
||
<li><a href="docs/CV_Adrien_CHARBONNEAU.pdf" target="_blank" class="icon solid fa-address-card" title="Curriculum Vitae"><span class="label">Curriculum Vitae</span></a></li>
|
||
</ul>
|
||
</footer>
|
||
</section>
|
||
|
||
<!-- Wrapper -->
|
||
<div id="wrapper">
|
||
|
||
<!-- Main -->
|
||
<div id="main">
|
||
|
||
<!-- presentation -->
|
||
<section id="presentation">
|
||
<div class="image main" data-position="center">
|
||
<img src="images/banner.jpg" alt="" />
|
||
</div>
|
||
<div class="container">
|
||
<header class="major">
|
||
<h2>Présentation</h2>
|
||
<p>Bonjour et bienvenue sur mon site !</p>
|
||
</header>
|
||
<blockquote>
|
||
<b>Adrien CHARBONNEAU</b><br>
|
||
24 ans<br>
|
||
69100 - Villeurbanne, Rhône - France
|
||
</blockquote>
|
||
<p>Cette page est, comme vous l'aurez compris, complémentaire à mon Curriculum Vitae (<i>que vous pourrez retrouver ci-dessous</i>).<br>
|
||
Elle vous présente divers liens et informations utiles à ma présentation. Vous retrouverez notamment la liste de mes <u><b>compétences professionnelles</b></u>.<br>
|
||
<blockquote>Que fais-je en ce moment ? Pour le savoir rendez-vous ici : <a href="ACTUALITE.html" class="button alt small">- ACTUALITÉ -</a></blockquote><br>
|
||
N’hésitez pas à me contacter, que ce soit pour une question, une compétence ou une demande de précision sur une expérience professionnelle, en utilisant mon adresse courriel ci-dessous :<br>
|
||
<ul>
|
||
<li><a href="mailto:adrien.charbonneau@free.fr">adrien.charbonneau@free.fr</a></li>
|
||
</ul></p>
|
||
<p align="center"><a href="docs/CV_Adrien_CHARBONNEAU.pdf" target="_blank" class="button">– CURRICULUM VITAE –</a></p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Gallery -->
|
||
<div class="gallery lightbox style1 small">
|
||
<article>
|
||
<a href="images/galerie/fulls/ATHNOC2.jpg" class="image">
|
||
<img src="images/galerie/thumbs/ATHNOC2.jpg" alt="" />
|
||
</a>
|
||
<div class="caption">
|
||
<h3 align="center">Chevêche d'Athéna</h3>
|
||
<p>Athene noctua</p>
|
||
<ul class="actions fixed">
|
||
<li><span class="button small">Agrandir</span></li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
<article>
|
||
<a href="images/galerie/fulls/EMBSCH.jpg" class="image">
|
||
<img src="images/galerie/thumbs/EMBSCH.jpg" alt="" />
|
||
</a>
|
||
<div class="caption">
|
||
<h3>Bruant des roseaux</h3>
|
||
<p>Emberiza schoeniclus</p>
|
||
<ul class="actions fixed">
|
||
<li><span class="button small">Agrandir</span></li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
<article>
|
||
<a href="images/galerie/fulls/PARCAE.jpg" class="image">
|
||
<img src="images/galerie/thumbs/PARCAE.jpg" alt="" />
|
||
</a>
|
||
<div class="caption">
|
||
<h3>Mésange bleue</h3>
|
||
<p>Cyanistes caeruleus</p>
|
||
<ul class="actions fixed">
|
||
<li><span class="button small">Agrandir</span></li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
<article>
|
||
<a href="images/galerie/fulls/PARMAJ.jpg" class="image">
|
||
<img src="images/galerie/thumbs/PARMAJ.jpg" alt="" />
|
||
</a>
|
||
<div class="caption">
|
||
<h3>Mésange charbonnière</h3>
|
||
<p>Parus major</p>
|
||
<ul class="actions fixed">
|
||
<li><span class="button small">Agrandir</span></li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
<article>
|
||
<a href="images/galerie/fulls/POCHONS.jpg" class="image">
|
||
<img src="images/galerie/thumbs/POCHONS.jpg" alt="" />
|
||
</a>
|
||
<div class="caption">
|
||
<h3>Pochons</h3>
|
||
<p>Sac en tissu pour le transport des oiseaux</p>
|
||
<ul class="actions fixed">
|
||
<li><span class="button small">Agrandir</span></li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
<article>
|
||
<a href="images/galerie/fulls/PRUMOD.jpg" class="image">
|
||
<img src="images/galerie/thumbs/PRUMOD.jpg" alt="" />
|
||
</a>
|
||
<div class="caption">
|
||
<h3>Accenteur mouchet</h3>
|
||
<p>Prunella modularis</p>
|
||
<ul class="actions fixed">
|
||
<li><span class="button small">Agrandir</span></li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
<article>
|
||
<a href="images/galerie/fulls/TRAVEE.jpg" class="image">
|
||
<img src="images/galerie/thumbs/TRAVEE.jpg" alt="" />
|
||
</a>
|
||
<div class="caption">
|
||
<h3>Travée de baguage</h3>
|
||
<p>Zone ouverte où les filets de capture sont tendus</p>
|
||
<ul class="actions fixed">
|
||
<li><span class="button small">Agrandir</span></li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
<article>
|
||
<a href="images/galerie/fulls/PHYCOL.jpg" class="image">
|
||
<img src="images/galerie/thumbs/PHYCOL.jpg" alt="" />
|
||
</a>
|
||
<div class="caption">
|
||
<h3>Pouillot véloce</h3>
|
||
<p>Phylloscopus collybita</p>
|
||
<ul class="actions fixed">
|
||
<li><span class="button small">Agrandir</span></li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
|
||
<!-- publications -->
|
||
<section id="publications">
|
||
<div class="container">
|
||
<h3>Publications</h3>
|
||
<p>Mes différentes publications et écrits scientifiques majeurs qui ont jalonnés mon Master en Biodiversité, Écologie et Évolution.</p>
|
||
<div class="features">
|
||
<article>
|
||
<a href="" class="image"><img src="images/GECKO.jpg" alt="" /></a>
|
||
<div class="inner">
|
||
<h4>Compétition entre deux espèces de Geckos sur l’île de Porquerolles (<i>2019-2020</i>)</h4>
|
||
<p>(<i><b>Bientôt disponible</b></i>) - La Tarente de Maurétanie (<i>Tarentola mauritanica</i>) est, sur l'île de Porquerolles (83), une espèce importée par l'homme. Le Gecko indigène de l'île et occupant la même niche écologique que cette dernière est l'Hémidactyle verruqueux (<i>Hemidactylus turcicus</i>). Il est supposé qu'une compétition réside entre les deux espèces.</p>
|
||
</div>
|
||
</article>
|
||
<article>
|
||
<a href="docs/PGM.pdf" class="image"><img src="images/PGM.jpg" alt="" /></a>
|
||
<div class="inner">
|
||
<h4>Caractérisation du territoire de reproduction de la Pie-grièche méridionale (<i>2019</i>)</h4>
|
||
<p>La superficie du territoire de reproduction de la Pie-grièche méridionale (<i>Lanius meridionalis</i>) étant très peu connu, cette étude souhaite apporter des précisions quant à cela.</p>
|
||
</div>
|
||
</article>
|
||
<article>
|
||
<a href="docs/ORTHOPTERES.pdf" class="image"><img src="images/ORTHO.jpg" alt="" /></a>
|
||
<div class="inner">
|
||
<h4>Étude du lien entre communautés d’Orthoptères et hauteur de végétation par différentes méthodes d’échantillonnage dans la vallée de l’Ubaye (<i>2018-2019</i>)</h4>
|
||
<p>Sujet de l'école de terrain 2018. Dans le Parc National du Mercantour, la hauteur de végétation a-t-elle une importance dans la répartition des communautés d'Orthoptères ?</p>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<!-- supports -->
|
||
<section id="supports">
|
||
<div class="container">
|
||
<h3>Supports de stage</h3>
|
||
<p>De nombreuses données et annexes sont disponible durant un stage. Elles sont regroupées par stage :</p>
|
||
<div class="features">
|
||
<article>
|
||
<a href="http://adrien.charbonneau.free.fr/PRO/STAGE/ALAN/" class="image"><img src="images/ALAN.jpg" alt="" /></a>
|
||
<div class="inner">
|
||
<h4>Support de stage de Master 2 : <b>Impact de la lumière artificielle et de la structure du paysage sur la biodiversité en période nocturne</b> (<i>2020</i>)</h4>
|
||
<p>Il est admis que la lumière artificielle a des effets néfastes sur la biodiversité. Qu'en est-il en addition à la structure paysagère et au sein du Parc Naturel Régional des Baronnies provençales ?</p>
|
||
</div>
|
||
</article>
|
||
<article>
|
||
<a href="http://adrien.charbonneau.free.fr/PRO/STAGE/PGM/" class="image"><img src="images/PGM.jpg" alt="" /></a>
|
||
<div class="inner">
|
||
<h4>Support de stage de Master 1 : <b>Caractérisation du territoire de reproduction de la Pie-grièche méridionale</b> (<i>2019</i>)</h4>
|
||
<p>Dans un but de mesures de gestion de la garrigue et de précision du protocole d'échantillonnage du Plan National d'Actions sur les Pie-grièches (ici la Pie-grièche méridionale), la surface du territoire de reproduction de l'espèce est une information clé.</p>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- competences -->
|
||
<section id="competences">
|
||
<div class="container">
|
||
<h3>Compétences</h3>
|
||
<p>Mes compétences sont présentées dans la liste ci-dessous, vous y trouverez les références du matériel et des ressources technologiques (<i>ex : logiciel</i>) que je maîtrise. N’hésitez pas, comme précisé précédemment, à me questionner (<i>ou demander un avis</i>) sur une compétence, méthode ou matériel utilisé, j’y répondrai avec plaisir.<br>
|
||
<i>Dans les parties concernant le matériel, un astérisque (<b>*</b>) signifie que je possède le matériel cité. Pour les identifications acoustiques, le matériel est cité dans la section “acoustique”.</i></p>
|
||
<ul class="feature-icons">
|
||
<li class="icon solid fa-feather-alt menu"><a href="#naturalistes">Naturalistes</a></li>
|
||
<li class="icon solid fa-clipboard-check menu"><a href="#science">Méthodologie et démarche scientifique</a></li>
|
||
<li class="icon solid fa-percentage menu"><a href="#statistiques">Analyses statistiques et Modélisation</a></li>
|
||
<li class="icon solid fa-map-marked-alt menu"><a href="#cartographie">Analyses spatiales et Cartographie</a></li>
|
||
<li class="icon solid fa-microphone-alt menu"><a href="#acoustique">Acoustique</a></li>
|
||
<li class="icon solid fa-mountain menu"><a href="#interets">Autres compétences et intérêts divers</a></li>
|
||
</ul>
|
||
<hr>
|
||
<div class="features">
|
||
<article>
|
||
<h5 id="naturalistes">Compétences naturalistes</h5>
|
||
<a class="image comp"><img src="images/ADRIEN_CHARBONNEAU.png" alt="" /><legend>Suivi ornithologique et entomologique (odonates) dans la Tarentaise (73)</legend></a>
|
||
<div class="inner comp">
|
||
<ul class="feature-icons">
|
||
<li class="icon solid fa-feather-alt">Ornithologie<p class="details">Identification visuelle, en main (<i>formation de baguage</i>) et acoustique.</p></li>
|
||
<li class="icon solid fa-spider">Entomologie<p class="details">(<i>Lépidoptères, Odonates, Orthoptères</i>) - Identification visuelle, en main (<i>capture au filet, prospection au "drap" nocturne</i>) et acoustique.</p></li>
|
||
<li class="icon solid fa-paw">Mammalogie<p class="details">(<i>Chiroptères, Macro/Méso/Micro-mammifères</i>) - Identification visuelle et auditive - Télémétrie / Analyse de pelote de réjection.</p></li>
|
||
<li class="icon solid fa-frog">Herpétologie<p class="details">Identification visuelle, en main (<i>plaque à reptiles, "seau" à amphibiens</i>) et acoustique.</p></li>
|
||
<li class="icon solid fa-tree">Botanique généraliste<p class="details">Identification des familles et utilisation des flores (<i>Flora Gallica / Flore Méd' / Flores forestières...</i>) - Détermination des habitats - Loupe de botanique, mise en herbier et photographie.</p></li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
<article>
|
||
<h5 id="science">Compétences en méthodologie et en démarche scientifique</h5>
|
||
<a class="image comp"><img src="images/RADIOPISTAGE.png" alt="" /><legend>Radiopistage de Pie-grièche méridionale (Lanius meridionalis) dans les Garrigues de Lançon (13)</legend></a>
|
||
<div class="inner comp">
|
||
<ul class="feature-icons">
|
||
<li class="icon solid fa-book">Bases théoriques de l'écologie<p class="details">
|
||
<ul class="sublist">
|
||
<li>Évolution</li>
|
||
<li>Conservation</li>
|
||
<li>Gestion de la biodiversité</li>
|
||
<li>Bio/Éco-acoustique</li>
|
||
<li>Paysage</li>
|
||
</ul>
|
||
</p></li>
|
||
<li class="icon solid fa-clipboard-list">Mise en place de protocole / étude pilote</p></li>
|
||
<li class="icon solid fa-map-marked-alt">Application de protocole/stratégie d'échantillonnage</li>
|
||
<li class="icon solid fa-chart-bar">Analyse de données<p class="ref">(voir Modélisation et Cartographie ci-dessous)</p></li>
|
||
<li class="icon solid fa-paragraph">Rédaction de rapports d'étude/articles scientifiques<p class="details">Introduction, Matériel et Méthode, Résultats, Discussion/Conclusion</p></li>
|
||
<li class="icon solid fa-file-alt">Rédaction de rapports d'inventaires/prédiagnostics/Volet Naturel d'Étude d'Impact</li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article>
|
||
<h5 id="statistiques">Compétences en analyses statistiques et en modélisation</h5>
|
||
<a class="image comp"><img src="images/ABON-HV.png" alt="" /><legend>Représentation de l’abondance en orthoptères dans le massif du Mercantour (04) en fonction de la hauteur de végétation</legend></a>
|
||
<div class="inner comp">
|
||
<ul class="feature-icons">
|
||
<li class="icon solid fa-chart-line">Modèles Linéaires<p class="details">Simples et mixtes</p></li>
|
||
<li class="icon solid fa-percentage">Modèles Linéaires Généralisés<p class="details">Simples et mixtes - GLM/GLMM - Logiciel R</p></li>
|
||
<li class="icon solid fa-chart-area">Species Distribution Model<p class="details">SDM - Logiciel R et Maxent</p></li>
|
||
<li class="icon solid fa-ring">Capture-Marquage-Recapture<p class="details">CMR - Logiciel Mark</p></li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article>
|
||
<h5 id="cartographie">Compétences en analyses spatiales et en cartographie</h5>
|
||
<a class="image comp"><img src="images/CARTE.png" alt="" /><legend>Tirage aléatoire de positions sur le territoire de la France métropolitaine</legend></a>
|
||
<div class="inner comp">
|
||
<ul class="feature-icons">
|
||
<li class="icon solid fa-layer-group">QGIS<p class="details">SAGA, GRASS, Modéleur graphique</p></li>
|
||
<li class="icon solid fa-globe">ARCGIS (<i>bases</i>)</li>
|
||
<li class="icon solid fa-code">R / packages<p class="details"><ul class="sublist">
|
||
<li><b><i>Cartographie</i></b> : rgdal ; rgeos ; gridExtra ; raster ; RSAGA ; maptools ; spatstat ; cartography ; sf ; sp</li>
|
||
<li><b><i>Acoustique</i></b> : tuneR ; seewave ; soundecology ; pumilioR</li>
|
||
<li><b><i>Écologie du paysage</i></b> : spatialEco ; landscapemetrics ; landscapetools</li>
|
||
<li><b><i>Domaine vital d'espèce</i></b> : adehabitatHR</li>
|
||
</ul></p></li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
<article>
|
||
<h5 id="acoustique">Compétences acoustiques et audionaturalistes</h5>
|
||
<a class="image comp"><img src="images/AUDIOMOTH.jpg" alt="" /><legend>AudioMoth durant le stage de M2</legend></a>
|
||
<div class="inner comp">
|
||
<ul class="feature-icons">
|
||
<li class="icon solid fa-microphone-alt">Prise de son<p class="details"><ul class="sublist">
|
||
<li>Song Meter Acoustic Recorder (<i>SM4 Acoustic</i>)</li>
|
||
<li>AudioMoth (<i>version 1.1.0 et 1.2.0</i>) <b>*</b></li>
|
||
<li>Song Meter SM4BAT-FS Ultrasonic Recorder (<i>SM4 bat</i>)</li>
|
||
<li>Enregistreur ZOOM H5 <b>*</b> (<i>couplé à des microphones Primo EM172 et une parabole</i>)</li>
|
||
<li>PETTERSSON D240x</li>
|
||
<li>Echo Meter Touch 2 Pro</li>
|
||
<li>Magenta Bat 5 Detector <b>*</b></li>
|
||
|
||
</ul></p></li>
|
||
<li class="icon solid fa-file-audio">Analyse acoustique<p class="details">Identification des espèces, calcul des indices acoustiques,...<ul class="sublist">
|
||
<li>Audacity</li>
|
||
<li>Syrinx</li>
|
||
<li>Kaléidoscope</li>
|
||
<li>Batexplorer</li>
|
||
<li>Raven Lite</li>
|
||
<li><b><i>R / packages</i></b> : tuneR ; seewave ; soundecology ; pumilioR</li>
|
||
|
||
</ul></p></li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
<p>
|
||
<span class="image fit"><img src="images/CLAGLA.jpg" alt="" /><legend>Sonogramme partiel d’un Coucou geai (<i>Clamator glandarius</i>) en migration nocturne – © Adrien CHARBONNEAU</legend></span>
|
||
|
||
|
||
</p>
|
||
<article>
|
||
<h5 id="interets">Les autres compétences et intérêts</h5>
|
||
<a class="image comp"><img src="images/LAUZANIER.jpg" alt="" /><legend>Lac du Lauzanier - Mercantour (04)</legend></a>
|
||
<div class="inner comp">
|
||
<ul class="feature-icons">
|
||
<li class="icon solid fa-cloud-sun-rain">Astronomie/Météorologie</li>
|
||
<li class="icon solid fa-hiking">Randonnée<p class="details">Très bonne condition physique et très bonnes connaissances des milieux fréquentés</p></li>
|
||
<li class="icon solid fa-server">Informatique<p class="details"><ul class="sublist">
|
||
<li>Connaissances des systèmes d’exploitations Windows/MacOS/Distributions Linux – Maintenance de ces derniers</li>
|
||
<li>Création de site internet : HTML / CSS / PHP</li>
|
||
<li>Base de données MySQL</li>
|
||
<li>Language de programmation : R, JavaScript, C++, Python, Bash (<i>shell</i>), Git (<i><a href="https://git.adriencharbonneau.fr/Adrien/Site-internet">Dépôt personnel</a> / Framagit / Github</i>)</li>
|
||
<li>Gestion/Montage de vidéo et photographies</li>
|
||
<li>Connaissances en sécurité informatique</li>
|
||
</ul></p></li>
|
||
<li class="icon solid fa-tools">Électronique et "bricolage"<p class="details"><ul class="sublist">
|
||
<li>Utilisation et programmation de Raspberry Pi/Arduino : Récepteur ADS-B / Serveur web / Routeur wifi / Projet de station météo, d'enregistreur passif (<i>type SM4 / AudioMoth</i>) et de caméra pour nichoir.</li>
|
||
<li>Montage d’ordinateur fixe et portable / connaissance du matériel</li>
|
||
<li>“Touche à tout” : bricolage divers (<i>ex : nichoirs, parabole, modélisme,…</i>)</li>
|
||
</ul></p></li>
|
||
<li class="icon solid fa-share-alt">Communication<p class="details"><ul class="sublist">
|
||
<li>Public : Prise de contact, oral, conférence, animation ...</li>
|
||
<li>Réseaux sociaux : Facebook; Twitter, Instagram, Blog,...</li>
|
||
</ul></p></li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
<!-- contact
|
||
<section id="contact">
|
||
<div class="container">
|
||
<h3>Contact</h3>
|
||
<p>N’hésitez surtout pas à me contacter par le biais de ce formulaire ou de l'adresse courriel fournie en haut de page. J’y répondrai avec plaisir.</p>
|
||
<form method="post" action="mailto:adrien.charbonneau@free.fr">
|
||
<div class="row gtr-uniform">
|
||
<div class="col-6 col-12-xsmall"><input type="text" name="prenom" id="prenom" placeholder="Prénom" /></div>
|
||
<div class="col-6 col-12-xsmall"><input type="text" name="nom" id="nom" placeholder="Nom de famille" /></div>
|
||
<div class="col-12"><input type="email" name="email" id="email" placeholder="Email" /></div>
|
||
<div class="col-12"><input type="text" name="subject" id="subject" placeholder="Sujet" /></div>
|
||
<div class="col-12"><textarea name="message" id="message" placeholder="Message" rows="6"></textarea></div>
|
||
<div class="col-12">
|
||
<ul class="actions">
|
||
<li><input type="submit" class="primary" value="Envoyer le message" /></li>
|
||
<li><input type="reset" value="Effacer" /></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</section>
|
||
-->
|
||
|
||
</div>
|
||
|
||
<!-- Footer -->
|
||
<section id="footer">
|
||
<div class="container">
|
||
<ul class="copyright">
|
||
<li>© Adrien CHARBONNEAU - 2021. Tous droits réservés.</li><li>Inspiré de : <a href="http://html5up.net">HTML5 UP</a></li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
</div>
|
||
|
||
<!-- Scripts -->
|
||
<script src="assets/js/jquery.min.js"></script>
|
||
<script src="assets/js/jquery.scrollex.min.js"></script>
|
||
<script src="assets/js/jquery.scrolly.min.js"></script>
|
||
<script src="assets/js/browser.min.js"></script>
|
||
<script src="assets/js/breakpoints.min.js"></script>
|
||
<script src="assets/js/util.js"></script>
|
||
<script src="assets/js/main.js"></script>
|
||
</body>
|
||
</html> |