finished
This commit is contained in:
+65
-18
@@ -192,50 +192,99 @@
|
||||
font-size: 0.84rem;
|
||||
}
|
||||
footer {
|
||||
background: var(--bg-deep);
|
||||
border-top: 3px solid var(--gold);
|
||||
padding: 72px 8vw 40px;
|
||||
background: rgba(255, 243, 224, 0.94);
|
||||
border-top: 1px solid var(--border);
|
||||
padding: 84px 8vw 36px;
|
||||
}
|
||||
.footer-top {
|
||||
max-width: 1120px;
|
||||
margin: 0 auto;
|
||||
margin: 0 auto 30px;
|
||||
display: grid;
|
||||
grid-template-columns: 1.4fr 1.1fr 0.8fr 0.8fr;
|
||||
grid-template-columns:
|
||||
minmax(0, 1.1fr) minmax(320px, 1.2fr)
|
||||
minmax(0, 1fr) minmax(0, 1fr);
|
||||
gap: 28px;
|
||||
align-items: start;
|
||||
}
|
||||
.footer-brand p,
|
||||
.footer-col a,
|
||||
.footer-bottom span,
|
||||
.footer-legal a {
|
||||
color: var(--silver);
|
||||
}
|
||||
.footer-brand p {
|
||||
color: var(--grey);
|
||||
max-width: 28ch;
|
||||
margin-top: 14px;
|
||||
font-size: 0.88rem;
|
||||
}
|
||||
.footer-logo {
|
||||
display: inline-block;
|
||||
font-size: 1.6rem;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.footer-logo img { height: 34px; width: auto; }
|
||||
.footer-contact-shell {
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
max-width: 420px;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
.footer-contact-form {
|
||||
display: grid;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
.footer-contact-form textarea,
|
||||
.footer-contact-form input {
|
||||
width: 100%;
|
||||
border: 1px solid rgba(161, 136, 127, 0.2);
|
||||
border-radius: 18px;
|
||||
background: rgba(255, 243, 224, 0.06);
|
||||
color: var(--card);
|
||||
font: inherit;
|
||||
padding: 14px 16px;
|
||||
border-radius: 24px;
|
||||
border: 1px solid var(--border);
|
||||
background: rgba(93, 64, 55, 0.06);
|
||||
color: var(--white);
|
||||
font: inherit;
|
||||
}
|
||||
.footer-contact-form textarea {
|
||||
min-height: 110px;
|
||||
resize: vertical;
|
||||
padding-right: 60px;
|
||||
}
|
||||
.footer-contact-shell h4 {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.footer-contact-input-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
min-height: 48px;
|
||||
border-radius: 999px;
|
||||
overflow: hidden;
|
||||
background: rgba(93, 64, 55, 0.06);
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
.footer-contact-input-row input {
|
||||
border: none;
|
||||
background: transparent;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
height: 100%;
|
||||
}
|
||||
.footer-contact-send {
|
||||
height: 100%;
|
||||
min-height: 48px;
|
||||
padding: 0 18px;
|
||||
border: none;
|
||||
border-left: 1px solid var(--border);
|
||||
background: transparent;
|
||||
color: var(--gold);
|
||||
cursor: pointer;
|
||||
font-size: 0.92rem;
|
||||
}
|
||||
.footer-contact-message-wrap {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.footer-contact-message-wrap textarea {
|
||||
padding-right: 64px;
|
||||
}
|
||||
.footer-contact-message-wrap .footer-contact-send {
|
||||
position: absolute;
|
||||
@@ -246,7 +295,7 @@
|
||||
width: 40px;
|
||||
padding: 0;
|
||||
border-radius: 50%;
|
||||
border: none;
|
||||
border-left: none;
|
||||
background: rgba(255, 243, 224, 0.9);
|
||||
color: var(--gold);
|
||||
cursor: pointer;
|
||||
@@ -280,7 +329,6 @@
|
||||
.footer-col a,
|
||||
.footer-bottom span,
|
||||
.footer-legal a {
|
||||
color: var(--grey);
|
||||
font-size: 0.84rem;
|
||||
}
|
||||
.footer-col a:hover,
|
||||
@@ -318,7 +366,6 @@
|
||||
<a href="index.html#verticals">Solutions</a>
|
||||
<a href="about.html">About Us</a>
|
||||
<a href="legal.html">Legal</a>
|
||||
<a class="nav-cta" href="index.html#pricing">Free Trial</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user