mirror of
https://github.com/LJ5O/website.git
synced 2026-08-11 22:54:46 +02:00
Contact button on footer
Also added picture
This commit is contained in:
36
style.css
36
style.css
@@ -34,6 +34,7 @@ a:visited{
|
||||
border: none;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#welcome_div{
|
||||
@@ -272,10 +273,11 @@ footer{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
gap: 30px;
|
||||
}
|
||||
|
||||
#footer_content h1{
|
||||
font-size: 2em;
|
||||
font-size: 1.8em;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
margin-bottom: 4px;
|
||||
@@ -289,7 +291,6 @@ footer{
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
align-content: flex-start;
|
||||
margin-right: 20px;
|
||||
}
|
||||
.footer_social_network_item{
|
||||
width: 50px;
|
||||
@@ -320,7 +321,7 @@ footer{
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.footer_links_box_title{
|
||||
font-size: 1.6em;
|
||||
font-size: 1.4em;
|
||||
border-bottom: rgb(179, 72, 122) 2px solid;
|
||||
margin: 0;
|
||||
margin-bottom: 2px;
|
||||
@@ -339,18 +340,37 @@ footer{
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
#footer_contact_div{
|
||||
border: rgb(82, 15, 170) 2px solid;
|
||||
width: 15%;
|
||||
}
|
||||
#footer_contact_div h1{
|
||||
width: fit-content !important;
|
||||
margin: auto;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#footer_contact_div p{
|
||||
margin-top: 10px;
|
||||
margin-bottom: 12px;
|
||||
text-align: center;
|
||||
}
|
||||
#footer_contact_button{
|
||||
background-color: rgb(65, 185, 61);
|
||||
font-size: 1.1em;
|
||||
width: 50%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
#footer_little_text{
|
||||
font-size: 0.8em;
|
||||
margin: 0;
|
||||
margin-left: 20px;
|
||||
}
|
||||
#footer_picture{
|
||||
width: 5vw;
|
||||
height: 5vw;
|
||||
right: 10%;
|
||||
top: 10px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin-left: auto;
|
||||
border: 2px green dotted;
|
||||
position: absolute;
|
||||
}
|
||||
#footer_picture img{
|
||||
width: 100%;
|
||||
|
||||
Reference in New Issue
Block a user