Commit 32109266 authored by Rennarde's avatar Rennarde
Browse files

download is halfway there

parent 12a35e7c
......@@ -17,9 +17,9 @@
<div class="Header_Line"></div>
<!-- Titre, Images et Contact -->
<div class="Title">
<span class="">Dévelopeuse amatrice, pasionnée du libre</span>
<span class="">Développeuse amatrice, passionnée du libre</span>
<span class="Light"> Developpeuse en recherche d'experience
proffesionnelle avec une passion pour Linux et les logiciels libres.</span>
professionnelle avec une passion pour Linux et les logiciels libres.</span>
<img src="Composants/Capture_PP_CV.png" alt="Photo de profile">
<div class="Contact">
<div class="Phone">
......@@ -98,43 +98,43 @@
<div class="Skill_Grid">
<div class="Skill_Section">
<div class="Light">PYTHON</div>
<div class="Light">ANGLAIS</div>
<div class="Skill_Section_Bar"><progress max="100" value="80"></progress>80%</div>
</div>
<div class="Skill_Section">
<div class="Light">PYTHON</div>
<div class="Skill_Section_Bar"><progress max="100" value="80"></progress>80%</div>
<div class="Light">ESPAGNOL</div>
<div class="Skill_Section_Bar"><progress max="100" value="2"></progress>02%</div>
</div>
<div class="Skill_Section">
<div class="Light">PYTHON</div>
<div class="Skill_Section_Bar"><progress max="100" value="80"></progress>80%</div>
<div class="Light">ORGANISATION</div>
<div class="Skill_Section_Bar"><progress max="100" value="00"></progress>NON</div>
</div>
<div class="Skill_Section">
<div class="Light">PYTHON</div>
<div class="Skill_Section_Bar"><progress max="100" value="80"></progress>80%</div>
<div class="Skill_Section_Bar"><progress max="100" value="60"></progress>60%</div>
</div>
<div class="Skill_Section">
<div class="Light">PYTHON</div>
<div class="Skill_Section_Bar"><progress max="100" value="80"></progress>80%</div>
<div class="Light">C</div>
<div class="Skill_Section_Bar"><progress max="100" value="70"></progress>70%</div>
</div>
<div class="Skill_Section">
<div class="Light">PYTHON</div>
<div class="Skill_Section_Bar"><progress max="100" value="80"></progress>80%</div>
<div class="Light">ORGANISATION</div>
<div class="Skill_Section_Bar"><progress max="100" value="00"></progress>NON</div>
</div>
<div class="Skill_Section">
<div class="Light">PYTHON</div>
<div class="Skill_Section_Bar"><progress max="100" value="80"></progress>80%</div>
<div class="Light">JUL</div>
<div class="Skill_Section_Bar"><progress max="100" value="100"></progress>2022%</div>
</div>
<div class="Skill_Section">
<div class="Light">PYTHON</div>
<div class="Skill_Section_Bar"><progress max="100" value="80"></progress>80%</div>
<div class="Light">FATIGUE</div>
<div class="Skill_Section_Bar"><progress max="100" value="100"></progress>100%</div>
</div>
</div>
......@@ -209,26 +209,41 @@
<div class="Section_Line"></div>
<div class="Section_Title">Contact me</div>
<div class="Section_Line"></div>
<div class="Formulaire">
<div class="Formulaire_Civ_Name Light">
Civilité :
<select name="Civility" id="Civility">
<option value="Autre">Autre</option>
<option value="Male">Male</option>
<option value="Female">Female</option>
<option value="NonBinaire">Non Binaire</option>
</select>
Nom et prénom
<input type="text" name="NomPrenom" id="NomPrenom">
<div class="ContactMe_Formulaire">
<div class="Form_SubGrid">
<div class="Form_SubGrid_Civ">
<div class="Form_Text">Civilité *</div>
<select name="Civility" id="Civility">
<option value=""></option>
<option value="Autre">Autre</option>
<option value="Male">Male</option>
<option value="Female">Female</option>
<option value="NonBinaire">Non Binaire</option>
</select>
</div>
<div>
<div class="Form_Text">Prénom Nom *</div>
<input type="text" name="NomPrenom" id="NomPrenom">
</div>
</div>
<div>
<div class="Form_Text">Adresse email *</div>
<input type="text" name="Addresse" id="Addresse">
</div>
<div>
<div class="Form_Text">Titre du message *</div>
<input type="text" name="TitreMsg" id="TitreMsg">
</div>
<div class="MessageBox">
<div class="Form_Text">Votre message *</div>
<input type="text" name="Msg" id="Msg">
</div>
<button>Envoyer</button>
</div>
</div>
<!-- Download -->
<div class="Download">
<button>DOWNLOAD CV</button>
</div>
</body>
</html>
\ No newline at end of file
......@@ -39,58 +39,4 @@ body {
/* Lines */
.Line {
background-color: var(--line);
}
header {
display: flex;
flex-direction: row;
align-items: center;
margin: 2% 0% 2% 0%;
gap: 2%;
}
header .Name {
font-weight: 900;
font-size: 26px;
line-height: 30px;
margin: 0% 10% 0% 25%;
}
header a {
text-decoration: none;
color: var(--blue1);
font-weight: 300;
font-size: 17px;
line-height: 30px;
}
header .About {
font-weight: 900;
font-size: 16px;
line-height: 30px;
color: var(--accent);
}
.Header_Line {
width: 100%;
height: 1px;
}
.Intro {
display: flex;
flex-direction: column;
text-align: center;
margin-top: 10%;
/* Font Bold */
font-weight: 900;
font-size: 48px;
line-height: 56px;
color: var(--blue1);
}
.Intro img {
width: 13%;
height: 22.7%;
margin: auto;
margin-top: 7%;
}
\ No newline at end of file
......@@ -5,47 +5,5 @@
<link rel="stylesheet" href="Clean.css" />
</head>
<body>
<!-- Header avec ancres -->
<header>
<span class="Name">Lana Heyrendt</span>
<a href="" class="About">About me</a>
<a href="">Experience</a>
<a href="">Skills</a>
<a href="">Projects</a>
<a href="">Contact</a>
</header>
<div class="Header_Line Line"></div>
<!-- Intro, Images et Contact -->
<div class="Intro">
<span>Dévelopeuse amatrice, pasionnée du libre</span>
<span class="Font_Light"> Developpeuse en recherche d'experience
proffesionnelle avec une passion pour Linux et les logiciels libres.</span>
<img src="Composants/Capture_PP_CV.png" alt="Photo de profile">
<div class="Intro_Contact">
<div class="Phone">
<span>Phone </span>
<span class="Font_Light">652-390-294</span>
</div>
<div class="Line"></div>
<div class="Email">
<span>Email</span>
<span class="Font_Light">LanaHeyrendt@gmail.com</span>
</div>
</div>
</div>
<!-- Presentation -->
<div class="Presentation">
<span class="Bold">Bonjour, <span class="Accent">je suis Lana</span>
heureuse de vous rencontrer.</span>
<p class="Font_Light">Les logiciels libres évoluent constaments, c'est leurs force,
et ils grandissent au délà de leurs créateur·ices et devienne la norme.
Les logiciels propriétaires diponible au près du grand publique on
très souvent mauvaise réputation a cause de leurs pratique commerciale
aggressive et de leurs non respect de la vie privée, ils tiennent
au modèle financier rentable mais au pris de la fidèlité.
Ce genre de monopole tombe facilement en face d'un alternative,
qui est pratiquement sur d'arriver peut import le temps nécéssaire.</p>
</div>
<!-- Expérience -->
<div class></div>
</body>
\ No newline at end of file
......@@ -295,6 +295,7 @@ progress::-webkit-progress-bar {
width: 80%;
margin: auto;
margin-top: 120px;
justify-content: center;
}
.projet .Section_Line {
......@@ -339,18 +340,94 @@ progress::-webkit-progress-bar {
margin: auto;
}
.ContactMe .Formulaire {
.ContactMe_Formulaire {
margin-top: 120px;
}
.ContactMe .Formulaire {
display: flex;
flex-direction: column;
width: 60%;
justify-content: center;
margin: auto
margin: auto;
gap: 24px;
margin-bottom: 167px;
}
.Formulaire_Civ_Name{
color: #1A1A1A;
}
.Form_SubGrid {
display: grid;
grid-template-columns: repeat(4, 1fr);
margin-top: 120px;
}
.Form_Text {
color: #1A1A1A;
font-family: Roboto;
font-style: normal;
font-weight: 300;
font-size: 17px;
line-height: 20px;
}
.Form_SubGrid select {
background: #FFFFFF;
border: 1px solid #949494;
box-sizing: border-box;
border-radius: 4px;
width: 261px;
height: 59px;
}
.Form_SubGrid_Civ {
width: 309px;
}
.ContactMe_Formulaire input {
height: 59px;
width: 1134px;
border: 1px solid #949494;
box-sizing: border-box;
border-radius: 4px;
}
.Form_SubGrid input {
width: 825px;
height: 59px;
border: 1px solid #949494;
box-sizing: border-box;
border-radius: 4px;
}
.ContactMe_Formulaire .MessageBox input {
height: 230px;
}
.ContactMe_Formulaire button {
width: 130px;
height: 70px;
border-radius: 32px;
background-color: var(--burple-100);
font-family: Poppins;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 30px;
color: #FFFFFF;
}
.Download {
display: flex;
height: 452px;
justify-content: center;
background-color: var(--blue4);
}
.Download button {
background-color: #FFFFFF;
border: none;
}
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment