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