mguilbert/matheoguilbert.fr_v1
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

03/10/23 firstcommit

Browse Source
This commit is contained in:
Mathéo GUILBERT
2023-10-03 09:22:32 +02:00
commit ae1cf1315c
60 changed files with 6143 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
myPortfolio.html
+137
View File
@@ -0,0 +1,137 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="css/projects.css">
<link rel="stylesheet" href="css/backBtn.css">
<link rel="stylesheet" href="css/footer.css">
<link rel="stylesheet" href="css/overflow.css">
<title>Astro Pi</title>
</head>
<body>
<div class="containerBody">
<div class="header-container container-container">
<header class="container-container">
<button onclick="rtn()" class="backBtn-container">
<div class="backArrow">
<img src="img/backArrow.png" alt="back arrow">
</div>
<div class="backTxt">
<p>BACK</p>
</div>
</button>
<div class="projectName-container">
<div class="name">
<h1>Mon site web</h1>
</div>
<div class="space"></div>
<div class="logo">
<p class="htmlLogo">&lt;/html&gt;</p>
<p class="cssLogo">#css</p>
</div>
</div>
</header>
<div id="sltc2" class="spaceLabTitle-container">
<h1>Mon Portfolio</h1>
</div>
</div>
<!-- Pourquoi ? -->
<div class="desc-container black container-container">
<div id="imgPortfolio1" class="imgRight"></div>
<div class="descText">
<h2>Pourquoi ?</h2>
<p class="black">Il y à quelque temps, je me suis lancé dans ce projet dans l'objectif de le mettre en
lien dans mes projets motivés sur Parcoursup. En effet je me suis dit que cela pourrait être un plus
dans la prise en compte de mon dossier et que cela permettrait aux IUT d'avoir un aperçu de ce que
je fais déjà. Ce site me permet aussi de me faire de l'expérience avec les langages du web et
ensuite proposer des sites web sur Fiverr (<a class="black" href="https://fr.fiverr.com/maethik"
target="_blank">lien vers Fiverr</a>). Enfin acquérir plus de visibilité sur internet quoi !</p>
</div>
</div>
<!-- Comment ? -->
<div class="desc-container white container-container">
<div id="imgPortfolio2" class="imgRight"></div>
<div class="descText">
<h2>Comment ?</h2>
<p class="white">En développant ce site j'ai pu perfectionner ma maîtrise des langages HTML et CSS. J'ai
utilisé un petit peu de JavaScript pour deux trois animations sur le site. Je me suis également
servi d'un tout tout petit peu de PHP ... juste les bases.</p>
</div>
</div>
<footer class="container-container">
<div class="footer">
<div class="colones-container">
<div class="left">
<div class="links-container">
<a href="https://github.com/Maethik" target="_blank"><img src="img/githubLogo.svg"
alt="github logo"></a>
<a href="https://www.linkedin.com/in/math%C3%A9o-guilbert-26a209258/" target="_blank"><img
src="img//linkedinLogo.svg" alt="linkedin logo"></a>
<a href="https://www.awwwards.com/matheo/" target="_blank"><img src="img/awwwardsLogo.svg"
alt="awwwards logo"></a>
<a href="https://fr.fiverr.com/maethik" target="_blank"><img
src="img/fiverrLogo.svg" alt="fiverr logo"></a>
</div>
<!--<div class="btnContact-container">
<button><a href="contact.html">Me contacter par mail</a></button>
</div>-->
</div>
<div class="separation"></div>
<div class="right">
<p><a href="https://www.flaticon.com/free-icons/arrows" title="arrows icons">Arrows icons
created by Pixel perfect - Flaticon</a></p>
<p>Image par <a
href="https://pixabay.com/fr/users/prusakov-1149804/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=834635">Sergey
Prusakov</a> de <a
href="https://pixabay.com/fr//?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=834635">Pixabay</a>
</p>
<p><a href="https://www.flaticon.com/free-icons/arrow" title="arrow icons">Arrow icons created
by Freepik - Flaticon</a></p>
<p>Image par <a
href="https://pixabay.com/fr/users/blendertimer-9538909/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=5559099">Daniel
Roberts</a> de <a
href="https://pixabay.com/fr//?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=5559099">Pixabay</a>
</p>
<p>Image par <a
href="https://pixabay.com/fr/users/krzysztof-m-1363864/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=3173456">krzysztof-m</a>
de <a
href="https://pixabay.com/fr//?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=3173456">Pixabay</a>
</p>
<p><a href="https://www.flaticon.com/free-icons/pointing" title="pointing icons">Pointing icons
created by Freepik - Flaticon</a></p>
<p><a href="https://storyset.com/technology">Technology illustrations by Storyset</a></p>
<p><a href="https://storyset.com/work">Work illustrations by Storyset</a></p>
<p>Image par <a
href="https://pixabay.com/fr/users/naobim-1099306/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=7577483">naobim</a>
de <a
href="https://pixabay.com/fr//?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=7577483">Pixabay</a>
</p>
</div>
</div>
</div>
</footer>
</div>
<script src="js/backBtn.js"></script>
</body>
</html>
<!-- <a href="https://www.flaticon.com/free-icons/arrows" title="arrows icons">Arrows icons created by Pixel perfect - Flaticon</a> -->
<!--Image par <a href="https://pixabay.com/fr/users/prusakov-1149804/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=834635">Sergey Prusakov</a> de <a href="https://pixabay.com/fr//?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=834635">Pixabay</a>-->