css contact us
This commit is contained in:
parent
c90ab45a53
commit
bb9a7267b8
|
|
@ -355,6 +355,90 @@ include 'static.php';
|
||||||
text-align: center
|
text-align: center
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* CONTACT PAGE */
|
||||||
|
|
||||||
|
.card ul {
|
||||||
|
margin: 10px 0 0 18px;
|
||||||
|
padding: 0;
|
||||||
|
line-height: 1.7;
|
||||||
|
color: #cbd5e1;
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card ul li {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card p {
|
||||||
|
margin: 6px 0;
|
||||||
|
line-height: 1.6;
|
||||||
|
color: #cbd5e1;
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* SOCIAL ICON ROW */
|
||||||
|
|
||||||
|
.social-row {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 14px;
|
||||||
|
margin-top: 10px;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social-btn {
|
||||||
|
width: 58px;
|
||||||
|
height: 58px;
|
||||||
|
display: grid;
|
||||||
|
place-items: center;
|
||||||
|
border-radius: 14px;
|
||||||
|
background: rgba(255, 255, 255, .03);
|
||||||
|
border: 1px solid rgba(255, 255, 255, .08);
|
||||||
|
color: #cbd5e1;
|
||||||
|
transition: .25s;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social-btn:hover {
|
||||||
|
transform: translateY(-4px) scale(1.05);
|
||||||
|
background: linear-gradient(135deg, #0ea5e9, #6366f1);
|
||||||
|
color: white;
|
||||||
|
box-shadow: 0 10px 25px rgba(0, 0, 0, .45);
|
||||||
|
}
|
||||||
|
|
||||||
|
.social-btn svg {
|
||||||
|
width: 24px;
|
||||||
|
height: 24px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* CONTACT CARD HEADINGS */
|
||||||
|
|
||||||
|
.card.wide h3 {
|
||||||
|
border-bottom: 1px solid rgba(255, 255, 255, .08);
|
||||||
|
padding-bottom: 8px;
|
||||||
|
margin-bottom: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ADDRESS BLOCK */
|
||||||
|
|
||||||
|
.card p br {
|
||||||
|
margin-bottom: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOBILE TUNING */
|
||||||
|
|
||||||
|
@media(max-width:600px) {
|
||||||
|
.social-row {
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social-btn {
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue