add css rules and assets for landing's metrics
This commit is contained in:
parent
6f561945ed
commit
7cb515839d
|
|
@ -176,4 +176,14 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.landing-metrics-overview {
|
||||
grid-gap: 80px;
|
||||
}
|
||||
|
||||
.metrics-background {
|
||||
background-image: url("../metrics-bg.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,34 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="62.004" height="67" viewBox="0 0 62.004 67">
|
||||
<defs>
|
||||
<linearGradient id="linear-gradient" y1="0.129" x2="1" y2="1" gradientUnits="objectBoundingBox">
|
||||
<stop offset="0" stop-color="#e96439"/>
|
||||
<stop offset="1" stop-color="#ff7a4e"/>
|
||||
</linearGradient>
|
||||
<filter id="Union_1" x="0" y="0" width="56.004" height="61" filterUnits="userSpaceOnUse">
|
||||
<feOffset dx="-3" dy="-3" input="SourceAlpha"/>
|
||||
<feGaussianBlur stdDeviation="3" result="blur"/>
|
||||
<feFlood flood-color="#fff" flood-opacity="0.102"/>
|
||||
<feComposite operator="in" in2="blur"/>
|
||||
<feComposite in="SourceGraphic"/>
|
||||
</filter>
|
||||
<filter id="Union_1-2" x="6" y="6" width="56.004" height="61" filterUnits="userSpaceOnUse">
|
||||
<feOffset dx="3" dy="3" input="SourceAlpha"/>
|
||||
<feGaussianBlur stdDeviation="3" result="blur-2"/>
|
||||
<feFlood flood-opacity="0.102"/>
|
||||
<feComposite operator="in" in2="blur-2"/>
|
||||
<feComposite in="SourceGraphic"/>
|
||||
</filter>
|
||||
</defs>
|
||||
<g id="Group_15050" data-name="Group 15050" transform="translate(-1255.998 -177)" style="mix-blend-mode: hue;isolation: isolate">
|
||||
<g id="Group_15012" data-name="Group 15012" transform="translate(38.584 4.836)">
|
||||
<g transform="matrix(1, 0, 0, 1, 1217.41, 172.16)" filter="url(#Union_1)">
|
||||
<path id="Union_1-3" data-name="Union 1" d="M31.092,39.545V19.725a3.455,3.455,0,0,1,6.91,0v19.82a3.455,3.455,0,1,1-6.91,0Zm-10.364,0V25.536a3.455,3.455,0,0,1,6.909,0V39.545a3.455,3.455,0,1,1-6.909,0Zm-10.365,0v-9.36a3.455,3.455,0,0,1,6.91,0v9.36a3.455,3.455,0,1,1-6.91,0ZM0,39.545V19.725a3.455,3.455,0,1,1,6.909,0v19.82a3.455,3.455,0,1,1-6.909,0ZM10.363,20.95V6.942a3.455,3.455,0,0,1,6.91,0V20.95a3.455,3.455,0,0,1-6.91,0ZM20.728,16.3V10.428a3.455,3.455,0,1,1,6.909,0V16.3a3.455,3.455,0,1,1-6.909,0ZM0,10.491V3.455a3.455,3.455,0,1,1,6.909,0v7.036a3.455,3.455,0,0,1-6.909,0Z" transform="translate(12 12)" fill="url(#linear-gradient)"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_15010" data-name="Group 15010" transform="translate(38.584 4.836)">
|
||||
<g transform="matrix(1, 0, 0, 1, 1217.41, 172.16)" filter="url(#Union_1-2)">
|
||||
<path id="Union_1-4" data-name="Union 1" d="M31.092,39.545V19.725a3.455,3.455,0,0,1,6.91,0v19.82a3.455,3.455,0,1,1-6.91,0Zm-10.364,0V25.536a3.455,3.455,0,0,1,6.909,0V39.545a3.455,3.455,0,1,1-6.909,0Zm-10.365,0v-9.36a3.455,3.455,0,0,1,6.91,0v9.36a3.455,3.455,0,1,1-6.91,0ZM0,39.545V19.725a3.455,3.455,0,1,1,6.909,0v19.82a3.455,3.455,0,1,1-6.909,0ZM10.363,20.95V6.942a3.455,3.455,0,0,1,6.91,0V20.95a3.455,3.455,0,0,1-6.91,0ZM20.728,16.3V10.428a3.455,3.455,0,1,1,6.909,0V16.3a3.455,3.455,0,1,1-6.909,0ZM0,10.491V3.455a3.455,3.455,0,1,1,6.909,0v7.036a3.455,3.455,0,0,1-6.909,0Z" transform="translate(12 12)" fill="url(#linear-gradient)"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.8 KiB |
|
|
@ -0,0 +1,17 @@
|
|||
<svg id="Layer_1-2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="326" height="155.391" viewBox="0 0 326 155.391">
|
||||
<defs>
|
||||
<clipPath id="clip-path">
|
||||
<rect id="Rectangle_17830" data-name="Rectangle 17830" width="326" height="155.39" fill="none"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
<g id="Group_15222" data-name="Group 15222">
|
||||
<rect id="Rectangle_17829" data-name="Rectangle 17829" width="326" height="155.39" rx="15" fill="#4488f0"/>
|
||||
<g id="Group_15221" data-name="Group 15221" clip-path="url(#clip-path)">
|
||||
<circle id="Ellipse_868" data-name="Ellipse 868" cx="181.05" cy="181.05" r="181.05" transform="translate(-129.306 -88.381)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1" opacity="0.72"/>
|
||||
<circle id="Ellipse_869" data-name="Ellipse 869" cx="204.367" cy="204.367" r="204.367" transform="translate(-153.59 -135.71)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1" opacity="0.72"/>
|
||||
<circle id="Ellipse_870" data-name="Ellipse 870" cx="181.05" cy="181.05" r="181.05" transform="translate(-82.804 -115.955)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="0.75" opacity="0.72"/>
|
||||
<circle id="Ellipse_871" data-name="Ellipse 871" cx="181.05" cy="181.05" r="181.05" transform="translate(-56.26 -128.15)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="0.5" opacity="0.72"/>
|
||||
<path id="Path_119069" data-name="Path 119069" d="M-38.064-5.565a180.54,180.54,0,0,1,.745-69.415C-17.165-172.917,78.573-235.972,176.51-215.819S337.5-99.927,317.348-1.99,201.456,159,103.52,138.848A180.614,180.614,0,0,1-17.462,50.859" transform="translate(15.132 80.898)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="0.25" opacity="0.72"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
Loading…
Reference in New Issue