@ -12,6 +12,7 @@
< script src = "https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous">< / script >
< script src = "https://kit.fontawesome.com/79d05f40e5.js" crossorigin = "anonymous" > < / script >
< title > Portfolio< / title >
< / head >
@ -50,10 +51,6 @@
< img loading = "lazy" class = "profile-pic" src = "./assets/alexis-b&w.png" alt = "profile-pic" >
< / div >
< / div >
<!-- Overflow Icon -->
< div class = "outer-img1" >
< i class = "fa-10x fa-solid fa-star-of-life icon-color inner-img1 animation1" > < / i >
< / div >
< / div >
<!-- Experience -->
@ -68,11 +65,17 @@
< / div >
< div class = "d-flex flex-column justify-content-center align-items-center" >
< p >
Passionné d'informatique depuis plusieurs années, j'ai pu découvrir ce domaine durant le lycée, grâce au parcours N.S.I. En effet, j'ai pu y découvrir de nombreux secteurs du développement informatique.
Passionné d'informatique depuis plusieurs années, j'ai pu découvrir ce domaine durant le lycée, grâce au
parcours N.S.I. En effet, j'ai pu y découvrir de nombreux secteurs du développement informatique.
< / br > < / br >
J'ai beaucoup apprécié cette spécialité, car elle m'a permis de me donner un ordre d'idée du secteur dans lequel je pourrai m'orienter durant mes études supérieures. Je me suis donc orienté dans un BUT Informatique à l'IUT de Clermont-Ferrand. Puis pendant deux années supplémentaires en Mastère informatique à l'école Hexagone situé également à Clermont-Ferrand. Cette fois-ci, je me spécialise un peu en me tournant vers la filière "Architecture des Systèmes d'information".
J'ai beaucoup apprécié cette spécialité, car elle m'a permis de me donner un ordre d'idée du secteur
dans lequel je pourrai m'orienter durant mes études supérieures. Je me suis donc orienté dans un BUT
Informatique à l'IUT de Clermont-Ferrand. Puis pendant deux années supplémentaires en Mastère
informatique à l'école Hexagone situé également à Clermont-Ferrand. Cette fois-ci, je me spécialise un
peu en me tournant vers la filière "Architecture des Systèmes d'information".
< / br > < / br >
Pour ce qui est de mes hobbies et de mes passions, j'aime beaucoup le sport. Notamment, la musculation en salle de sport et la boxe thaïlandaise. Je m'intéresse également de plus en plus à l'automobile.
Pour ce qui est de mes hobbies et de mes passions, j'aime beaucoup le sport. Notamment, la musculation
en salle de sport et la boxe thaïlandaise. Je m'intéresse également de plus en plus à l'automobile.
< / p >
< / div >
< / div >
@ -99,42 +102,23 @@
<!-- Project -->
< div id = "projects" class = "container" >
< div class = "text-center py-4" >
< h2 class = "text-decoration-underline" > Projet s< / h2 >
< h2 class = "text-decoration-underline" > Expérience s< / h2 >
< / div >
< div class = "column" >
< div class = "border border-secondary p-5 my-4 demo-effect" >
< div class = "row" >
< div class = "col-8" >
< h3 > SAÉ (projet de groupe)< / h3 >
< p style = "margin-bottom: -16px;" > Jeu de quiz< / p >
< / div >
< div class = "col-4" >
< p style = "padding-top: 16px; float: right;" > Product Deign 2022< / p >
< / div >
< / div >
< / div >
< div class = "border border-secondary p-5 my-4 demo-effect" >
< div class = "row" >
< div class = "col-8" >
< h3 > 02. Webflow Awwwards Team< / h3 >
< p style = "margin-bottom: -16px;" > Runner Up - Webflow Expert Design< / p >
< / div >
< div class = "col-4" >
< p style = "padding-top: 16px; float: right;" > Development 2021< / p >
< / div >
< / div >
< / div >
< div class = "border border-secondary p-5 my-4 demo-effect" >
< div class = "row" >
< div class = "col-8" >
< h3 > 03. Webflow Awwwards Team< / h3 >
< p style = "margin-bottom: -16px;" > Runner Up - Webflow Expert Design< / p >
< h3 >
< strong > Stage/CDD/Alternance chez Internet Evolution< / strong >
< / h3 >
< p style = "margin-bottom: -16px;" >
< strong > Développement d'application web métier< / strong > < / br >
Angular, Symfony, ApiPlatform
< / p >
< / div >
< div class = "col-4" >
< p style = "padding-top: 16px; float: right;" > Branding 2021 < / p >
< p style = "padding-top: 16px; float: right;" > Avril 2023 - Août 2024< / p >
< / div >
< / div >
< / div >
@ -142,15 +126,19 @@
< div class = "border border-secondary p-5 my-4 demo-effect" >
< div class = "row" >
< div class = "col-8" >
< h3 > 04. Webflow Awwwards Team< / h3 >
< p style = "margin-bottom: -16px;" > Runner Up - Webflow Expert Design< / p >
< h3 >
< strong > Magasinier chez A.P.E.R.A.M imphy< / strong >
< / h3 >
< p style = "margin-bottom: -16px;" >
< strong > Réalisation de l'inventaire< / strong > < / br >
Autonomie, rigueur, organisation
< / p >
< / div >
< div class = "col-4" >
< p style = "padding-top: 16px; float: right;" > Graphic Design 2019< / p >
< p style = "padding-top: 16px; float: right;" > Juillet 2022 - Juillet 2022 < / p >
< / div >
< / div >
< / div >
< / div >
<!-- Overflow Icon -->
@ -169,33 +157,18 @@
< div class = "row gx-5 my-4" >
< div class = "col-6" >
< div class = "row border border-secondary p-4 demo-effect" >
< h3 > Web Design< / h3 >
< p > Every single project is a challenge that we accept eagerly. Let’
ideas together!< / p >
< h3 > Conception web< / h3 >
< p >
Réalisation de maquette, intégration, développement et maintenance.
< / p >
< / div >
< / div >
< div class = "col-6" >
< div class = "row border border-secondary p-4 demo-effect" >
< h3 > Product Design< / h3 >
< p > Every single project is a challenge that we accept eagerly. Let’
ideas together!< / p >
< / div >
< / div >
< / div >
< div class = "row gx-5 my-4" >
< div class = "col-6" >
< div class = "row border border-secondary p-4 demo-effect" >
< h3 > UI/UX Design< / h3 >
< p > Every single project is a challenge that we accept eagerly. Let’
ideas together!< / p >
< / div >
< / div >
< div class = "col-6" >
< div class = "row border border-secondary p-4 demo-effect" >
< h3 > Art Direction< / h3 >
< p > Every single project is a challenge that we accept eagerly. Let’
ideas together!< / p >
< h3 > Développement web< / h3 >
< p >
Développement de site web, application web, e-commerce, blog, etc.
< / p >
< / div >
< / div >
< / div >
@ -203,76 +176,19 @@
< / div >
< / div >
<!-- Get in touch -->
< div id = "contactus" class = "container-fluid bg-white" >
< div class = "text-center" >
< h2 class = "py-3 text-decoration-underline" > Me contacter< / h2 >
< / div >
< div class = "container my-5 git-container" >
< div class = "col" >
< form class = "needs-validation" >
< div class = "row g-3" >
< div class = "col-sm-6" >
< label for = "firstName" class = "form-label" >
< p style = "font-weight: 600; margin-bottom: 0;" > Prénom< / p >
< / label >
< input type = "text" class = "form-control border-secondary rounded-0" id = "firstName" placeholder = ""
value="" required>
< / div >
< div class = "col-sm-6" >
< label for = "lastName" class = "form-label" >
< p style = "font-weight: 600; margin-bottom: 0;" > Nom< / p >
< / label >
< input type = "text" class = "form-control border-secondary rounded-0" id = "lastName" placeholder = ""
value="" required>
< / div >
< div class = "col-12" >
< label for = "email" class = "form-label" >
< p style = "font-weight: 600; margin-bottom: 0;" > Email< / p >
< / label >
< input type = "email" class = "form-control border-secondary rounded-0" id = "email" >
< / div >
< div class = "col-12" >
< label for = "address2" class = "form-label" >
< p style = "font-weight: 600; margin-bottom: 0;" > Objet< span class = "text-muted" >
(Optional)< / span > < / p >
< / label >
< input type = "textarea" class = "form-control border-secondary rounded-0" id = "address2" >
< / div >
< div class = "col-12" >
< label for = "address2" class = "form-label" >
< p style = "font-weight: 600; margin-bottom: 0;" > Message< / p >
< / label >
< textarea class = "form-control border-secondary rounded-0 textarea" id = "address2" rows = "4" > < / textarea >
< / div >
< / div >
< button class = "w-100 btn btn-color btn-lg my-4 rounded-0" type = "submit" >
Continue to checkout
< / button >
< / form >
< / div >
< / div >
< / div >
<!-- Footer -->
< div class = "container-fluid footer p-5" >
< div class = "container" >
< div class = "footer-icon" >
< i class = "fa-brands fa-linkedin-in social-icon float-end" > < / i >
< i class = "fa-brands fa-twitter social-icon float-end" > < / i >
< i class = "fa-solid fa-user social-icon float-end" > < / i >
< i class = "fa-brands fa-youtube social-icon float-end" > < / i >
< a >
< i class = "fa-solid fa-envelope social-icon float-end" > < / i >
< / a >
< a href = "https://www.linkedin.com/in/alexis-carreau-b72119254" target = "_blank" >
< i class = "fa-brands fa-linkedin social-icon float-end" > < / i >
< / a >
< / div >
< p class = "copy-tag" > © Made by Alexis CARREAU< / p >
Alexis1663
5 months ago
