hugo.pradier2
/
Portfolio_PRADIER
generated from Templates_CodeFirst/templateHtmlCss
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ajout responsive
continuous-integration/drone/push Build is passing Details

Browse Source
master
Hugo PRADIER 11 months ago
parent 4d9a64ee65
commit 14f70462ae
1 changed files with 86 additions and 85 deletions
Show Stats Download Patch File Download Diff File

171
index.html
Unescape View File

@ -163,12 +163,12 @@
<section id="apropos" class="py-5 bg-light"> <section id="apropos" class="py-5 bg-light">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col"> <div class="col-12 col-md-4">
<h2>À propos de moi</h2> <h2>À propos de moi</h2>
</div> </div>
<div class="col"> <div class="col-12 col-md-8">
<p></p> <p></p>
<h3 class="py-3">Bonjour, je m'appelle Hugo Pradier</h3> <h3 class="py-3">Bonjour, je m'appelle Hugo PRADIER</h3>
<p> <p>
Étudiant en troisième année de BUT Production Informatique à Étudiant en troisième année de BUT Production Informatique à
l'IUT de Clermont-Ferrand. Passionné par l’informatique, je suis l'IUT de Clermont-Ferrand. Passionné par l’informatique, je suis
@ -207,7 +207,7 @@
<h2 class="mb-4">Expériences</h2> <h2 class="mb-4">Expériences</h2>
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-12 col-lg-6">
<div class="card"> <div class="card">
<img <img
src="./assets/images/logoSylink.jpg" src="./assets/images/logoSylink.jpg"
@ -230,32 +230,34 @@
<strong>Dates de l'expérience :</strong> du 1er septembre <strong>Dates de l'expérience :</strong> du 1er septembre
2023 au 31 août 2024 (1 an) 2023 au 31 août 2024 (1 an)
</p> </p>
<a <div class="row">
href="#" <a
class="btn btn-secondary" href="#"
data-bs-toggle="modal" class="btn btn-secondary col-12 col-md-4 me-2 mb-2"
data-bs-target="#modalSylinkDev" data-bs-toggle="modal"
>Développement</a data-bs-target="#modalSylinkDev"
> >Développement</a
<a >
href="#" <a
class="btn btn-secondary" href="#"
data-bs-toggle="modal" class="btn btn-secondary col-12 col-md-4 me-2 mb-2"
data-bs-target="#modalSylinkDoc" data-bs-toggle="modal"
>Documentation</a data-bs-target="#modalSylinkDoc"
> >Documentation</a
<a >
href="#" <a
class="btn btn-secondary" href="#"
data-bs-toggle="modal" class="btn btn-secondary col-12 col-md-3 me-2 mb-2"
data-bs-target="#modalSylinkCollab" data-bs-toggle="modal"
>Collaboration</a data-bs-target="#modalSylinkCollab"
> >Collaboration</a
>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-12 col-lg-6">
<div class="card"> <div class="card">
<img <img
src="./assets/images/cegiLogo.png" src="./assets/images/cegiLogo.png"
@ -280,27 +282,29 @@
<strong>Dates de l'expérience :</strong> du 11 avril au 17 <strong>Dates de l'expérience :</strong> du 11 avril au 17
juin 2023 (10 semaines) juin 2023 (10 semaines)
</p> </p>
<a <div class="row">
href="#" <a
class="btn btn-secondary" href="#"
data-bs-toggle="modal" class="btn btn-secondary col-12 col-md-4 me-2 mb-2"
data-bs-target="#modalCegiDev" data-bs-toggle="modal"
>Développement</a data-bs-target="#modalCegiDev"
> >Développement</a
<a >
href="#" <a
class="btn btn-secondary" href="#"
data-bs-toggle="modal" class="btn btn-secondary col-12 col-md-3 me-2 mb-2"
data-bs-target="#modalCegiDoc" data-bs-toggle="modal"
>Documentation</a data-bs-target="#modalCegiDoc"
> >Documentation</a
<a >
href="#" <a
class="btn btn-secondary" href="#"
data-bs-toggle="modal" class="btn btn-secondary col-12 col-md-4 me-2 mb-2"
data-bs-target="#modalCegiConduite" data-bs-toggle="modal"
>Conduire un projet</a data-bs-target="#modalCegiConduite"
> >Conduire un projet</a
>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -610,7 +614,7 @@
<h2 class="text-center">Formation</h2> <h2 class="text-center">Formation</h2>
<div class="container mt-5"> <div class="container mt-5">
<div class="row justify-content-center align-items-center"> <div class="row justify-content-center align-items-center">
<div class="col-md-4 text-center"> <div class="col-12 col-md-4 text-center">
<div <div
class="rounded-circle bg-secondary d-flex justify-content-center align-items-center" class="rounded-circle bg-secondary d-flex justify-content-center align-items-center"
style="width: 200px; height: 200px" style="width: 200px; height: 200px"
@ -625,7 +629,7 @@
> >
</div> </div>
</div> </div>
<div class="col-md-3"> <div class="col-12 col-md-3">
<h3 class="text-md-end">BUT Production Informatique</h3> <h3 class="text-md-end">BUT Production Informatique</h3>
<p class="text-md-end"> <p class="text-md-end">
IUT de Clermont-Ferrand, 63<br /> IUT de Clermont-Ferrand, 63<br />
@ -634,7 +638,6 @@
</div> </div>
</div> </div>
<hr /> <hr />
<!-- Barre horizontale -->
<div class="row justify-content-center align-items-center mt-4"> <div class="row justify-content-center align-items-center mt-4">
<div class="col-md-4 text-center"> <div class="col-md-4 text-center">
<div <div
@ -661,9 +664,7 @@
</p> </p>
</div> </div>
</div> </div>
<hr /> <hr />
<!-- Barre horizontale -->
<div class="row justify-content-center align-items-center mt-4"> <div class="row justify-content-center align-items-center mt-4">
<div class="col-md-4 text-center"> <div class="col-md-4 text-center">
<div <div
@ -702,7 +703,7 @@
<!-- Developpement --> <!-- Developpement -->
<h3 class="mt-4">Développement</h3> <h3 class="mt-4">Développement</h3>
<div class="row mt-4"> <div class="row mt-4">
<div class="col-2"> <div class="col-6 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">HTML</h5> <h5 class="card-title text-center">HTML</h5>
@ -714,7 +715,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-6 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">CSS</h5> <h5 class="card-title text-center">CSS</h5>
@ -726,7 +727,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-6 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">Javascript</h5> <h5 class="card-title text-center">Javascript</h5>
@ -738,7 +739,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-6 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">PHP</h5> <h5 class="card-title text-center">PHP</h5>
@ -750,7 +751,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-6 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">Typescript</h5> <h5 class="card-title text-center">Typescript</h5>
@ -762,7 +763,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-6 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">Ruby</h5> <h5 class="card-title text-center">Ruby</h5>
@ -774,7 +775,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-6 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">Python</h5> <h5 class="card-title text-center">Python</h5>
@ -786,7 +787,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-6 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">Java</h5> <h5 class="card-title text-center">Java</h5>
@ -798,7 +799,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-6 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">C</h5> <h5 class="card-title text-center">C</h5>
@ -810,7 +811,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-6 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">C++</h5> <h5 class="card-title text-center">C++</h5>
@ -822,7 +823,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-6 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">C#</h5> <h5 class="card-title text-center">C#</h5>
@ -834,7 +835,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-6 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">SQL</h5> <h5 class="card-title text-center">SQL</h5>
@ -850,8 +851,8 @@
<!-- Langues --> <!-- Langues -->
<h3>Langues</h3> <h3>Langues</h3>
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center mt-4">
<div class="col-2"> <div class="col-4 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">Français</h5> <h5 class="card-title text-center">Français</h5>
@ -866,7 +867,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-4 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">Anglais</h5> <h5 class="card-title text-center">Anglais</h5>
@ -881,7 +882,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-4 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">Espagnol</h5> <h5 class="card-title text-center">Espagnol</h5>
@ -902,7 +903,7 @@
<h3>Outils</h3> <h3>Outils</h3>
<div class="row mt-4"> <div class="row mt-4">
<div class="col-2"> <div class="col-6 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">Visual Studio</h5> <h5 class="card-title text-center">Visual Studio</h5>
@ -914,7 +915,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-6 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">Jetbrains</h5> <h5 class="card-title text-center">Jetbrains</h5>
@ -926,7 +927,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-6 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">Docker</h5> <h5 class="card-title text-center">Docker</h5>
@ -938,7 +939,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-6 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">Kubernetes</h5> <h5 class="card-title text-center">Kubernetes</h5>
@ -950,7 +951,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-6 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">Proxmox</h5> <h5 class="card-title text-center">Proxmox</h5>
@ -962,7 +963,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-6 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">Git</h5> <h5 class="card-title text-center">Git</h5>
@ -974,7 +975,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-6 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">xUnit</h5> <h5 class="card-title text-center">xUnit</h5>
@ -986,7 +987,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-6 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">Postman</h5> <h5 class="card-title text-center">Postman</h5>
@ -998,7 +999,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-6 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">Swagger</h5> <h5 class="card-title text-center">Swagger</h5>
@ -1010,7 +1011,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-6 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">Figma</h5> <h5 class="card-title text-center">Figma</h5>
@ -1022,7 +1023,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-6 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">Canva</h5> <h5 class="card-title text-center">Canva</h5>
@ -1034,7 +1035,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-2"> <div class="col-6 col-md-2">
<div class="card border-secondary mb-3" style="max-width: 10rem"> <div class="card border-secondary mb-3" style="max-width: 10rem">
<div class="card-body text-secondary"> <div class="card-body text-secondary">
<h5 class="card-title text-center">Office</h5> <h5 class="card-title text-center">Office</h5>
@ -1056,7 +1057,7 @@
<h2>Contact</h2> <h2>Contact</h2>
<div class="row gy-4 mt-5"> <div class="row gy-4 mt-5">
<div class="col-4"> <div class="col-12 col-md-4">
<h3>Informations</h3> <h3>Informations</h3>
<ul class="list-unstyled mt-5"> <ul class="list-unstyled mt-5">
<li style="font-size: 20px"> <li style="font-size: 20px">
@ -1074,7 +1075,7 @@
</ul> </ul>
</div> </div>
<div class="col-8"> <div class="col-12 col-md-8">
<!-- Formulaire --> <!-- Formulaire -->
<h3>Formulaire</h3> <h3>Formulaire</h3>
<form id="contact-form" class="row mt-5"> <form id="contact-form" class="row mt-5">
@ -1154,7 +1155,7 @@
<footer class="border-top"> <footer class="border-top">
<div class="container py-5"> <div class="container py-5">
<div class="row gy-4 align-items-center"> <div class="row gy-4 align-items-center">
<div class="col-12 col-md-4"> <div class="col-12 col-md-4 text-center text-md-start">
<a class="navbar-brand text-dark text-uppercase fw-bold" href="#"> <a class="navbar-brand text-dark text-uppercase fw-bold" href="#">
<span class="bg-secondary bg-gradient p-1 rounded-3 text-light" <span class="bg-secondary bg-gradient p-1 rounded-3 text-light"
>Hugo</span >Hugo</span
@ -1162,7 +1163,7 @@
PRADIER PRADIER
</a> </a>
</div> </div>
<div class="col-12 col-md-4 text-md-center"> <div class="col-12 col-md-4 text-center">
<ul class="list-unstyled mb-0"> <ul class="list-unstyled mb-0">
<li> <li>
<a <a
@ -1175,7 +1176,7 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="col-12 col-md-4 text-md-end"> <div class="col-12 col-md-4 text-md-end text-center">
<ul class="list-inline mb-0"> <ul class="list-inline mb-0">
<li class="list-inline-item"> <li class="list-inline-item">
<a <a

Write Preview
Loading…
Cancel
Save