Commit a5ba7991 authored by Baptiste HEYRENDT's avatar Baptiste HEYRENDT
Browse files

It's over

parent 694d86ec
......@@ -4,7 +4,7 @@
<title>CV Lana Heyrendt</title>
<link rel="stylesheet" href="Style.css" />
</head>
<body>
<body class="dark">
<!-- Header avec ancres -->
<header>
<span class="Name">Lana Heyrendt</span>
......@@ -210,35 +210,36 @@
<div class="Section_Title">Contact me</div>
<div class="Section_Line"></div>
<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>
<form action="">
<div class="Form_SubGrid">
<div class="Form_SubGrid_Civ">
<div class="Form_Text">Civilité *</div>
<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>
</div>
<div>
<div class="Form_Text Form_Text_Over_100">Prénom Nom *</div>
<input type="text" name="NomPrenom" id="NomPrenom" required>
</div>
</div>
<div>
<div class="Form_Text">Prénom Nom *</div>
<input type="text" name="NomPrenom" id="NomPrenom">
<div class="Full_Mental_Breakdown">
<div class="Form_Text">Adresse email *</div>
<input type="email" name="Addresse" id="Addresse" required>
</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 class="Full_Mental_Breakdown">
<div class="Form_Text">Titre du message *</div>
<input type="text" name="TitreMsg" id="TitreMsg" required>
</div>
<div class="MessageBox Full_Mental_Breakdown">
<div class="Form_Text">Votre message *</div>
<textarea name="Wesh" id="Wesh" cols="120" rows="20"></textarea>
</div>
<button>Envoyer</button>
</form>
</div>
</div>
<!-- Download -->
......
......@@ -16,7 +16,7 @@ body {
--blue4: #F9FBFD;
--accent: #8428F8;
--line: #E5EBF2;
--AHHHHHH: #1A1A1A;
/* Fonts */
font-family: Roboto;
font-style: normal;
......@@ -24,6 +24,26 @@ body {
margin: 0% 0% 0% 0%;
}
body.dark {
background-color: #1D274F;
--bw-100: #181743;
--bw-200: #3f474b;
--bw-300: #7f8a8f;
--bw-400: #bec7cc;
--bw-500: #dde6ea;
--bw-600: #f3f8fb;
--bw-700: #ffffff;
--burple-100: #2407D8;
--burple-200: #5034FF;
--blue4: #141C3A;
--blue3: #535E88;
--blue2: #DCDCDE;
--blue1: #F9FBFD;
--accent: #8428F8;
--line: #E5EBF2;
--AHHHHHH: #B5B5B5;
}
.Bold {
font-weight: 900;
font-size: 26px;
......@@ -55,6 +75,7 @@ header .Name {
font-size: 26px;
line-height: 30px;
margin: 0% 10% 0% 25%;
color: var(--blue1);
}
header a {
......@@ -72,6 +93,7 @@ header .About {
.Header_Line {
width: 100%;
height: 1px;
background-color: var(--line);
}
.Title {
......@@ -144,21 +166,26 @@ header .About {
.Experience {
display: flex;
flex-direction: column;
text-align: center
text-align: center;
margin-top: 17px;
margin-bottom: 47px;
}
.Experience .Line {
height: 1px;
margin: 2% 7% 6% 10%;
width: 80%;
align-self: center;
margin-top: 44px;
}
.Grid {
display: grid;
grid-template-columns: 1fr 175px 1fr;
align-items: center;
margin-bottom: 17px;
margin-top: 44px;
}
.Grid .left {
......@@ -170,8 +197,8 @@ header .About {
justify-self: start;
text-align: left;
align-self: start;
margin-right: 520px;
width: 380px;
margin-right: auto;
}
.Grid .Line {
......@@ -196,8 +223,17 @@ header .About {
flex-direction: column;
}
.Skills .Line {
width: 80%;
height: 1px;
align-self: center;
margin-top: 44px;
margin-bottom: 155px;
}
.Skills .Bold {
margin: 175px;
align-self: center;
margin: auto;
}
.Skill_Grid {
......@@ -228,6 +264,7 @@ progress::-webkit-progress-bar {
.Skill_Section_Bar {
display: flex;
gap: 18px;
color: var(--blue1);
}
.Skill_Section_Bar progress {
......@@ -327,6 +364,8 @@ progress::-webkit-progress-bar {
.ContactMe {
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
}
.ContactMe .Section_Title {
......@@ -352,7 +391,7 @@ progress::-webkit-progress-bar {
}
.Formulaire_Civ_Name{
color: #1A1A1A;
color: var(--AHHHHHH);
}
.Form_SubGrid {
......@@ -362,7 +401,7 @@ progress::-webkit-progress-bar {
}
.Form_Text {
color: #1A1A1A;
color: var(--AHHHHHH);
font-family: Roboto;
font-style: normal;
font-weight: 300;
......@@ -380,12 +419,12 @@ progress::-webkit-progress-bar {
}
.Form_SubGrid_Civ {
width: 309px;
width: 30%;
}
.ContactMe_Formulaire input {
height: 59px;
width: 1134px;
width: 100%;
border: 1px solid #949494;
box-sizing: border-box;
......@@ -394,9 +433,9 @@ progress::-webkit-progress-bar {
}
.Form_SubGrid input {
width: 825px;
width: 275%;
height: 59px;
margin-left: 25%;
border: 1px solid #949494;
box-sizing: border-box;
border-radius: 4px;
......@@ -410,6 +449,7 @@ progress::-webkit-progress-bar {
width: 130px;
height: 70px;
border-radius: 32px;
border: none;
background-color: var(--burple-100);
font-family: Poppins;
......@@ -429,6 +469,23 @@ progress::-webkit-progress-bar {
}
.Download a {
background-color: #FFFFFF;
color: var(--accent);
font-family: Roboto;
font-style: normal;
font-weight: 900;
font-size: 26px;
line-height: 30px;
}
.ContactMe_Formulaire textarea {
width: 100%;
height: 230px;
}
.Form_Text_Over_100 {
margin-left: 25%;
}
.Full_Mental_Breakdown {
margin-top: 24px;
}
\ 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