TRUkae/CV
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Upload files to "/"

Browse source
This commit is contained in:
Lou 2025-09-17 11:57:45 +00:00
parent 4723840bcc
commit 795bb34240
2 changed files with 557 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

324
styles.css Normal file
View 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;
}