Pierre/ship2net-www
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Import initial du site ship2net.fr : pages PHP, config, traductions t(), composer.json

Browse Source
This commit is contained in:
Pierre
2026-09-28 08:04:25 +00:00
commit 82f431b3ae
175 changed files with 25531 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
html/format_contact.css
+152
View File
@@ -0,0 +1,152 @@
#Contact{
height: 60vh;
width: 100%;
position: relative;
margin: auto;
display: flex;
flex-direction: column;
}
.text_contact{
height: 50%;
padding-left: 20%;
padding-right: 20%;
align-items: center;
display: flex;
}
.text_contact p{
font-size: 25px;
font-style: unset;
position: relative;
margin: auto;
}
.content_contact{
height: 50%;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.linkedin{
width: 33%;
height: 100%;
/* padding: 5%; */
display: flex;
}
.linkedin img{
height: 50px;
position: relative;
object-fit: contain;
margin: auto;
}
.linkedin a {
margin: auto;
}
.mail{
width: 43%;
height: 100%;
display: flex;
}
.mail p{
position: relative;
margin: auto;
padding: 20px;
padding-left: 40px;
padding-right: 40px;
background-color: var(--bleu_koriolan);
border-radius: 10px;
color: white;
font-size: 20px;
}
.phone{
width: 33%;
height: 100%;
/* padding: 5%; */
display: flex;
}
.phone p{
position: relative;
margin: auto;
padding: 20px;
padding-left: 40px;
padding-right: 40px;
background-color: var(--bleu_koriolan);
border-radius: 10px;
color: white;
font-size: 20px;
white-space: nowrap;
}
a:hover {
color: white !important;
}
@media only screen and (max-width: 850px) {
.content_contact{
display: flex;
flex-direction: column;
margin-top: -10px;
padding-left: 10%;
padding-right: 10%;
}
.linkedin{
width: 80vw;
height: 33%;
padding: 5%;
}
.mail{
width: 80vw;
height: 33%;
padding: 5%;
}
.phone{
width: 80vw;
height: 33%;
padding: 5%;
}
.text_contact{
height: 50%;
padding-left: 5%;
padding-right: 5%;
align-items: center;
display: flex;
}
.text_contact p{
font-size: 18px;
background-color: var(--bleu_koriolan_transparent);
padding: 22px;
border: 3px solid var(--bleu_koriolan_transparent);
border-radius: 15px;
}
.linkedin img{
height: 50px;
position: relative;
object-fit: contain;
margin: auto;
border-radius: 14px;
}
.mail p{
position: relative;
margin: auto;
margin-top: -10px;
width: 80vw;
padding: 20px;
padding-left: 30px;
padding-right: 30px;
background-color: var(--bleu_koriolan);
border-radius: 10px;
color: white;
font-size: 18px;
max-height: 67px;
}
.phone p{
position: relative;
width: 80vw;
margin: auto;
margin-top: -10px;
padding: 20px;
padding-left: 30px;
padding-right: 30px;
background-color: var(--bleu_koriolan);
border-radius: 10px;
color: white;
font-size: 18px;
max-height: 67px;
}
}