Commit 6b49ca86 by Arjun Jhukal

updated the static layout for footer

parent e58319bc
This source diff could not be displayed because it is too large. You can view the blob instead.
<svg width="213" height="216" viewBox="0 0 213 216" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.1">
<path d="M196.584 526.504L167.545 440.485L139.642 357.78L138.543 354.505L115.72 343.082L59.5738 314.98H59.6117H59.2705L115.379 286.879L138.201 275.455L139.301 272.219L167.241 189.475L196.243 103.495L206.934 71.8139L212.659 54.793H145.48L144.381 57.9915L115.379 143.934L91.2674 215.406L87.0214 228.01L86.339 229.952L-14.9594 280.672L19.1605 314.98L19.1985 315.018L-14.8457 349.212L-11.7749 350.697L5.74001 359.493L37.5853 375.41L86.6802 399.97V400.009L87.3247 401.95L91.6086 414.592L115.682 485.989L145.784 575.358L213 575.167L207.275 558.147L196.584 526.504Z" fill="url(#paint0_linear_5470_4967)"/>
<path d="M51.1572 194.236L74.3588 125.467L80.1592 108.256L94.1863 66.7127L116.705 0H49.4891L40.7696 25.855L26.9699 66.7127L7.14239 125.467L-0.705185 148.733L-44.7958 170.818L-97.8713 197.397L-50.4066 245.07L51.1572 194.236Z" fill="url(#paint1_linear_5470_4967)"/>
</g>
<defs>
<linearGradient id="paint0_linear_5470_4967" x1="374.274" y1="510.968" x2="-159.309" y2="-20.2751" gradientUnits="userSpaceOnUse">
<stop stop-color="#1616F7"/>
<stop offset="1" stop-color="#43B2E5"/>
</linearGradient>
<linearGradient id="paint1_linear_5470_4967" x1="397.096" y1="488.084" x2="-136.525" y2="-43.1967" gradientUnits="userSpaceOnUse">
<stop stop-color="#1616F7"/>
<stop offset="1" stop-color="#43B2E5"/>
</linearGradient>
</defs>
</svg>
<svg width="215" height="216" viewBox="0 0 215 216" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.1">
<path d="M132.499 108.256L161.501 194.236L179.32 203.146L236.831 231.933L242.366 234.713L259.918 243.471L263.52 245.299L310.985 197.625L257.492 170.818L213.364 148.733L205.516 125.467L185.689 66.7127L171.927 25.855L163.169 0H95.953L118.472 66.7127L132.499 108.256Z" fill="url(#paint0_linear_5470_4959)"/>
<path d="M121.733 414.592V414.554L125.979 401.95L126.661 400.008L228.149 349.212L194.105 315.018L194.143 314.98L228.073 280.9L224.775 279.263L207.26 270.505L175.415 254.55L126.32 229.99V229.952L125.675 228.01L121.391 215.368L97.3178 143.972L67.1785 54.6025L0 54.7929L5.72458 71.8138L16.4155 103.495L45.4554 189.513L73.358 272.18L74.4574 275.455L97.2799 286.879L153.426 314.98L153.388 315.018H153.729L97.6211 343.082L74.7607 354.505L73.6992 357.742L45.7587 440.485L16.7567 526.504L6.06578 558.147L0.303289 575.167H67.5197L68.6191 571.969L97.6211 486.027L121.733 414.592Z" fill="url(#paint1_linear_5470_4959)"/>
</g>
<defs>
<linearGradient id="paint0_linear_5470_4959" x1="718.832" y1="656.047" x2="185.25" y2="124.804" gradientUnits="userSpaceOnUse">
<stop stop-color="#1616F7"/>
<stop offset="1" stop-color="#43B2E5"/>
</linearGradient>
<linearGradient id="paint1_linear_5470_4959" x1="546.147" y1="829.529" x2="12.5267" y2="298.248" gradientUnits="userSpaceOnUse">
<stop stop-color="#1616F7"/>
<stop offset="1" stop-color="#43B2E5"/>
</linearGradient>
</defs>
</svg>
......@@ -126,7 +126,9 @@
}
.section-footer {
padding: 64px 0;
padding: 64px 0 68px;
position: relative;
z-index: 1;
.row {
@media (max-width: 991px) {
......@@ -276,7 +278,7 @@
display: block;
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1)
border-bottom: 1px solid rgba(119, 145, 250, 0.1);
}
ul {
......@@ -357,8 +359,55 @@
}
}
}
.footer-about {
text-align: center;
max-width: 568px;
margin: 48px auto 0;
.logo {
margin-bottom: 8px;
}
span {
display: block;
font-weight: 400;
font-size: 12px;
line-height: 180%;
letter-spacing: 0px;
margin: 8px 0;
}
p {
font-weight: 400;
font-size: 10px !important;
line-height: 150%;
letter-spacing: -0.4px;
margin-bottom: 0;
opacity: 0.56;
}
}
}
.scroll-animate {
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
span {
font-size: 24px;
line-height: 180%;
font-weight: 800;
letter-spacing: 0px;
mix-blend-mode: overlay;
opacity: 0.2;
color: #868fce;
}
}
@media (min-width:576px) {
.section-footer {
.footer-links {
......@@ -375,6 +424,8 @@
@media (min-width:768px) {
.section-footer {
.footer-links {
grid-template-columns: repeat(3, 1fr);
......@@ -383,6 +434,25 @@
grid-column: 1/-1;
}
}
&::before,
&::after {
content: "";
position: absolute;
bottom: 0;
width: 215px;
height: 216px;
}
&::before {
left: 0;
background: url(../img/footer-shape-left.svg) no-repeat center/cover;
}
&::after {
right: 0;
background: url(../img/footer-shape-right.svg) no-repeat center/cover;
}
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment