Upload files to "/"
This commit is contained in:
parent
4723840bcc
commit
795bb34240
2 changed files with 557 additions and 0 deletions
233
index.html
Normal file
233
index.html
Normal file
|
|
@ -0,0 +1,233 @@
|
||||||
|
<!doctype HTML>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta name="viewport" content="width=device-width, inital-scale=1.0">
|
||||||
|
<title> CV Delforge Louhane </title>
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="styles.css"/>
|
||||||
|
<script src="custom.js"></script>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<! –– partie gauche ––>
|
||||||
|
<div class="left_side">
|
||||||
|
<div class="profileText">
|
||||||
|
<div class="imgBx">
|
||||||
|
<img src="images\photoZoom.png"
|
||||||
|
width= "400"
|
||||||
|
height= "400" />
|
||||||
|
</div>
|
||||||
|
<div class="Contact">
|
||||||
|
<h2> Louhane Delforge<br><span>Alternante - 23 ans</span></h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="contact">
|
||||||
|
<h3 class="title">Contact</h3>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<span class="icon"><i class="fa fa-envelope" aria-hidden="true"></i></span>
|
||||||
|
<span class="link"> <a href="mailto:louhanedelforge@gmail.com">louhanedelforge@gmail.com</a></span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="icon"><i class="fa fa-mobile" aria-hidden="true"></i></span>
|
||||||
|
<span class="text">06.51.23.13.62</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="icon"><i class="fa fa-map-marker" aria-hidden="true"></i></span>
|
||||||
|
<span class="text">Toulouse / Prignac-en-médoc</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="icon"><i class="fa fa-linkedin" aria-hidden="true"></i></span>
|
||||||
|
<span class="link"> <a href="www.linkedin.com/in/louhane-delforge">louhane.delforge</a></span>
|
||||||
|
</li>
|
||||||
|
<!--<li>-->
|
||||||
|
<!--<span class="icon"><i class="fa fa-globe" aria-hidden="true"></i></span>-->
|
||||||
|
<!--<span class="link"> <a href="https://portfolio.ldelforge.com/">portfolio.ldelforge.com</a></span>-->
|
||||||
|
<!--</li>-->
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="formation">
|
||||||
|
<h3 class="title">formation</h3>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<h5> sept 2015 - juillet 2019 </h5>
|
||||||
|
<h4> Bac ES spé SSPO </h4>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<h5>sept 2019 - juillet 2022</h5>
|
||||||
|
<h4>Licence de droit Univ. de Bordeaux</h4>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<h5>sept 2022 - juin 2024</h5>
|
||||||
|
<h4>BTS SIO en alternance</h4>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="langues">
|
||||||
|
<h3 class="title">langues</h3>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<span class="text">anglais B2</span>
|
||||||
|
<span class="percent">
|
||||||
|
<div style="width: 90%;"></div>
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="text">espagnol A2</span>
|
||||||
|
<span class="percent">
|
||||||
|
<div style="width: 55%;"></div>
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<br/>
|
||||||
|
<div class="competences">
|
||||||
|
<h3 class="title">competences</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Windows</li>
|
||||||
|
<li>Windows serveur</li>
|
||||||
|
<li>Linux</li>
|
||||||
|
<li>Scripting (Python, C#, PowerShell)</li>
|
||||||
|
<li>Dev (HTML/CSS, JavaScript)</li>
|
||||||
|
</ul>
|
||||||
|
<br/>
|
||||||
|
<div class="competences">
|
||||||
|
<h3 class="title">soft skill</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Ponctualité</li>
|
||||||
|
<li>Réactivité</li>
|
||||||
|
<li>Travail d'équipe</li>
|
||||||
|
<li>Respect des procédures</li>
|
||||||
|
<li>Capacité d'adaption</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<! –– partie droite ––>
|
||||||
|
<div class="right_side">
|
||||||
|
<div class="about">
|
||||||
|
<span class="icon"> <i class="fa fa-user-o" aria-hidden="true"></i> </span>
|
||||||
|
<span class = "about"> Profil </span>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Suite au mon BTS SIO (services informatiques aux organisations) spécialité SISR (solutions d'infrastructures, sytèmes et réseaux), je recherche une alternance pour un Bachelor - Administratrice systèmes et réseaux (admissible à l'école d'ingénieur CESI).
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="about">
|
||||||
|
<! –– pro ––>
|
||||||
|
<span class="icon"> <i class="fa fa-briefcase" aria-hidden="true"></i> </span>
|
||||||
|
<span class = "about"> Expérience Professionnelle </span>
|
||||||
|
<h3 class="name"> Epsilon Composite (Alternance) <span> Gaillan, sept 2022 - juillet 2024</span></h3>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Support utilisateurs (demandes directes par téléphone ou tickets GLPI)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Gestion de serveurs (AD, Exchange, ...) en VM sous Vsphere
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Gestion de parc (téléphones, PC, utilisateurs, périphériques) via GLPI et AD
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Préparation de PC, déploiement d'images (Clonezilla)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Gestion de l'infrastructure (déploiement et maintenance de serveurs)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Gestion de serveur de fichiers (droits NTFS, restauration avec Veeam backup)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Mise en place de VLAN pour sécurisation du réseau interne
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h3 class = "name">Joue Club <span>Lesparre, été 2019</span></h3>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Conseil client
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Tenue de caisse
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Décolisage et réassort
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h3 class="name_sub">Monoprix <span>Bordeaux, 2019 - 2020</span></h3>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Tenue de caisse
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<! –– asso ––>
|
||||||
|
<div class="about">
|
||||||
|
<span class="icon"> <i class="fa fa-sign-language" aria-hidden="true"></i> </span>
|
||||||
|
<span class = "about"> Expérience Associative </span>
|
||||||
|
<h3 class= "name">Association Rose Médoc <span> Lesparre, 2022 - aujourd'hui</span></h3>
|
||||||
|
<ul>
|
||||||
|
<li> Aide à la réalisation d'un google form pour recenser les besoins des patientes en Médoc</li>
|
||||||
|
<li> Aide à la réalisation & gestion du site web et des réseaux sociaux </li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3 class= "name">Café librairie Mots & Merveilles associatif <span> Lesparre, 2018 - 2020</span></h3>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Tenue de permanence (accueil, conseil et vente)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Création d'un tableur de gestion de stock et de commandes
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3 class="name">Maison des lycéens <span> Lycée Langevin, 2018 - 2019</span> </h3>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Trésorière (gestion du compte de l'association & bilan financier)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Organisation de projets sur l'année (bal, tombola)
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<! –– diplomes ––>
|
||||||
|
<div class="about">
|
||||||
|
<span class="icon"> <i class="fa fa-graduation-cap" aria-hidden="true"></i> </span>
|
||||||
|
<span class = "about"> Diplômes </span>
|
||||||
|
<ul>
|
||||||
|
<li> Bac ES spé SSPO avec mention</li>
|
||||||
|
<li> Cambridge English Certificate</li>
|
||||||
|
<li> Certification Pix (258) </li>
|
||||||
|
<li> ASSR 1 & 2</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<! –– passions ––>
|
||||||
|
<div class="about">
|
||||||
|
<span class="icon"> <i class="fa fa-heart" aria-hidden="true"></i> </span>
|
||||||
|
<span class = "about"> Centres d'intérêt</span>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Nouvelles technologies
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Nouveaux médias & Streaming (Twitch,...)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Jeux Vidéos & Esport
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Musique, séries, films
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Culture asiatique
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
324
styles.css
Normal file
324
styles.css
Normal file
|
|
@ -0,0 +1,324 @@
|
||||||
|
@import url('https:fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap');
|
||||||
|
*
|
||||||
|
{
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-family: 'Poppins',sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--color-lightblue: #1f4482;
|
||||||
|
--color-cyan: #d2e4f6;
|
||||||
|
--color-darkblue: #0e2241;
|
||||||
|
--color-red: #fd5e55;
|
||||||
|
--color-darkgrey: darkgrey;
|
||||||
|
--color-lightgrey : #c7c5c4;
|
||||||
|
--color-almostwhite: #E7E8E4;
|
||||||
|
--color-white : #fff;
|
||||||
|
--color-black : #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
body
|
||||||
|
{
|
||||||
|
background: var(--color-darkgrey);
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container
|
||||||
|
{
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1000px;
|
||||||
|
min-height: 1000px;
|
||||||
|
background: var(--color-lightgrey);
|
||||||
|
margin: 50px;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1.5fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container .left_side
|
||||||
|
{
|
||||||
|
position: relative;
|
||||||
|
background: var(--color-lightblue) ;
|
||||||
|
padding: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profileText
|
||||||
|
{
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profileText .imgBx
|
||||||
|
{
|
||||||
|
position: center;
|
||||||
|
width: 240px;
|
||||||
|
height: 240px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profileText .imgBx img
|
||||||
|
{
|
||||||
|
position: center;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profileText h2
|
||||||
|
{
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size:1.5em;
|
||||||
|
margin-top: 20px;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 1.4em;
|
||||||
|
color: var(--color-lightgrey);
|
||||||
|
}
|
||||||
|
|
||||||
|
.profileText h2 span
|
||||||
|
{
|
||||||
|
color: var(--color-cyan);
|
||||||
|
font-size: 0.7em;
|
||||||
|
font-weight: 300;
|
||||||
|
border-bottom: 2px solid rgba(194,65,61,1);
|
||||||
|
padding-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title
|
||||||
|
{
|
||||||
|
color: var(--color-red);
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-weight: 600;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
margin-bottom: 3px;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a
|
||||||
|
{
|
||||||
|
color: inherit;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover
|
||||||
|
{
|
||||||
|
color:var(--color-darkblue);
|
||||||
|
text-decoration:none;
|
||||||
|
cursor:pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact
|
||||||
|
{
|
||||||
|
padding-top: 60px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact ul
|
||||||
|
{
|
||||||
|
position: relative;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact ul li
|
||||||
|
{
|
||||||
|
position: relative;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact ul li .icon
|
||||||
|
{
|
||||||
|
display: inline-block;
|
||||||
|
width: 30px;
|
||||||
|
font-size: 18px;
|
||||||
|
color: var(--color-cyan);
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact ul li span
|
||||||
|
{
|
||||||
|
color: var(--color-lightgrey);
|
||||||
|
font-weight: 300;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.formation
|
||||||
|
{
|
||||||
|
padding-top: 40px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.formation title
|
||||||
|
{
|
||||||
|
margin: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.formation ul li
|
||||||
|
{
|
||||||
|
position: relative;
|
||||||
|
list-style: none;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.formation h5
|
||||||
|
{
|
||||||
|
font-weight: 550;
|
||||||
|
color: var(--color-darkblue);
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.formation h4
|
||||||
|
{
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--color-lightgrey);
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.langues
|
||||||
|
{
|
||||||
|
padding-top: 40px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.langues ul
|
||||||
|
{
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.langues ul li
|
||||||
|
{
|
||||||
|
position: relative;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.langues ul li span
|
||||||
|
{
|
||||||
|
color: var(--color-lightgrey);
|
||||||
|
font-weight: 300;
|
||||||
|
}
|
||||||
|
|
||||||
|
.langues .percent
|
||||||
|
{
|
||||||
|
position:relative;
|
||||||
|
width: 100%;
|
||||||
|
height: 6px;
|
||||||
|
background: var(--color-lightgrey);
|
||||||
|
display: block;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.langues .percent div
|
||||||
|
{
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
height: 100%;
|
||||||
|
background: var(--color-darkblue);
|
||||||
|
}
|
||||||
|
|
||||||
|
.competences
|
||||||
|
{
|
||||||
|
padding-top: 20px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.competences ul
|
||||||
|
{
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.competences ul li
|
||||||
|
{
|
||||||
|
position: relative;
|
||||||
|
list-style: none;
|
||||||
|
color: var(--color-lightgrey);
|
||||||
|
}
|
||||||
|
|
||||||
|
.competences ul li span
|
||||||
|
{
|
||||||
|
color: var(--color-lightgrey);
|
||||||
|
}
|
||||||
|
|
||||||
|
.competences .percent
|
||||||
|
{
|
||||||
|
position:relative;
|
||||||
|
width: 100%;
|
||||||
|
height: 6px;
|
||||||
|
background: var(--color-lightgrey);
|
||||||
|
display: block;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.competences .percent div
|
||||||
|
{
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
height: 100%;
|
||||||
|
background: var(--color-darkblue);
|
||||||
|
}
|
||||||
|
|
||||||
|
.container .right_side
|
||||||
|
{
|
||||||
|
position: relative;
|
||||||
|
background: var(--color-lightgrey);
|
||||||
|
padding:60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container .right_side .about
|
||||||
|
{
|
||||||
|
position: center;
|
||||||
|
color: var(--color-lightblue) ;
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: bolder;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container .right_side .about .icon
|
||||||
|
{
|
||||||
|
color: var(--color-lightblue) ;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about li
|
||||||
|
{
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container .right_side .name
|
||||||
|
{
|
||||||
|
color: var(--color-darkblue);
|
||||||
|
font-size: 17px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.name span
|
||||||
|
{
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container .right_side ul
|
||||||
|
{
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container .right_side ul li
|
||||||
|
{
|
||||||
|
position: relative;
|
||||||
|
list-style: none;
|
||||||
|
color: var(--color-darkblue);
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: normal;
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue