24 lines
28 KiB
HTML
24 lines
28 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en" >
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>CodePen - SVG Loader</title>
|
||
|
|
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||
|
|
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
|
||
|
|
<link rel="stylesheet" href="./style.css">
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<!-- partial:index.partial.html -->
|
||
|
|
<div class="container">
|
||
|
|
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1056 248"><defs><style></style></defs><path d="M85,184q0,19.58-16.82,19.57h-.47v30.6q23.84-.13,36.41-13.77t12.69-38.84V151.22H85ZM104.1,27.66Q91.53,14,67.69,13.89v30.6h.47Q85,44.48,85,64.36V89.13h31.81V66.5Q116.79,41.42,104.1,27.66Z"/><path d="M224.14,144.49q-5.87-11.09-19-24l-24,24a78.33,78.33,0,0,1,11.19,13.88,45.38,45.38,0,0,1,6.12,23.71c0,7.55-1.48,13-4.43,16.36s-7.29,5.05-13,5.05q-17.45,0-17.44-20.8V168H131.77v12.24q0,26,12.54,39.9t37,13.93q24.78,0,37.78-14.07t13-40.37Q232.09,159.48,224.14,144.49Z"/><path d="M337.92,144.49Q330.55,130.66,312,114L288.08,137.9q12.81,11.76,18,20.5a45.48,45.48,0,0,1,6.12,23.71c0,7.55-1.48,13-4.43,16.36s-7.31,5.05-13,5.05q-17.43,0-17.43-20.8V168H245.55v12.24q0,26,12.54,39.9t37,13.93q24.76,0,37.78-14.07t13-40.37Q345.87,159.48,337.92,144.49Z"/><path d="M485.65,17h-24V54.27h.16l15,105.82H461.63v29.06h19.12v-.61l6.12,42.51h33.64Z"/><path d="M637.34,219.88a142.71,142.71,0,0,1-.62-14.83V167.43q0-19-5-30.28a26.24,26.24,0,0,0-17.28-15v-.61q22-8.86,22-42.2V66.19q0-25.08-11.93-37.16T586.56,17h-.14v30.6q8.28.23,12.23,5.19,4.13,5.19,4.12,16.82V86.07q0,12.24-5,17.44c-2.69,2.76-6.47,4.44-11.31,5v31q8.15.93,11.93,5.56,4.73,5.82,4.73,20.5v39.15a149.24,149.24,0,0,0,.61,16.51,49.33,49.33,0,0,0,2.45,9.79h34.25A37.28,37.28,0,0,1,637.34,219.88Z"/><path d="M702.64,17v214.1h16.67V47.54h35.17V17Z"/><path d="M787.06,17v214.1h17.27V17Z"/><path d="M916,144.49q-6.65-12.5-22.39-27.3l-24,24q10.08,9.74,14.56,17.24a45.48,45.48,0,0,1,6.12,23.71c0,7.55-1.48,13-4.44,16.36s-7.3,5.05-13,5.05q-17.43,0-17.43-20.8V168H823.6v12.24q0,26,12.54,39.9t37,13.93q24.78,0,37.77-14.07t13-40.37Q923.92,159.48,916,144.49Z"/><path d="M986.31,17v214.1h16.83V47.54h35.17V17Z"/><rect class="cls-1" x="44.45" y="87.82" width="6.89" height="3.6"/><rect class="cls-1" x="44.45" y="70.21" width="6.89" height="3.6"/><path class="cls-1" d="M44.45,52.59v3.6h7.81a20,20,0,0,1,1.28-3.6Z"/><rect class="cls-1" x="44.45" y="34.97" width="23.25" height="3.6"/><path class="cls-1" d="M67.69,21v-3.6H45.9c-.5.19-1,.39-1.45.59v3Z"/><rect class="cls-1" x="44.45" y="79.01" width="6.89" height="3.6"/><path class="cls-1" d="M44.45,61.4V65h6.88v-.64c0-1,.05-2,.12-3Z"/><path class="cls-1" d="M44.45,43.78v3.6H57.77a16.88,16.88,0,0,1,9.92-2.89v-.71Z"/><rect class="cls-1" x="44.45" y="26.16" width="23.25" height="3.6"/><rect class="cls-1" x="44.14" y="87.82" width="0.31" height="3.6"/><rect class="cls-1" x="44.14" y="70.21" width="0.31" height="3.6"/><rect class="cls-1" x="44.14" y="52.59" width="0.31" height="3.6"/><rect class="cls-1" x="44.14" y="34.97" width="0.31" height="3.6"/><path class="cls-1" d="M44.45,21v-3l-.31.12V21Z"/><rect class="cls-1" x="44.14" y="79.01" width="0.31" height="3.6"/><rect class="cls-1" x="44.14" y="61.4" width="0.31" height="3.6"/><rect class="cls-1" x="44.14" y="43.78" width="0.31" height="3.6"/><rect class="cls-1" x="44.14" y="26.16" width="0.31" height="3.6"/><rect class="cls-1" x="44.45" y="175.91" width="6.89" height="3.6"/><rect class="cls-1" x="44.45" y="158.29" width="6.89" height="3.6"/><rect class="cls-1" x="44.45" y="140.67" width="6.89" height="3.6"/><rect class="cls-1" x="44.45" y="123.06" width="6.89" height="3.6"/><rect class="cls-1" x="44.45" y="105.44" width="6.89" height="3.6"/><rect class="cls-1" x="44.45" y="167.1" width="6.89" height="3.6"/><rect class="cls-1" x="44.45" y="149.48" width="6.89" height="3.6"/><rect class="cls-1" x="44.45" y="131.86" width="6.89" height="3.6"/><rect class="cls-1" x="44.45" y="114.25" width="6.89" height="3.6"/><rect class="cls-1" x="44.45" y="96.63" width="6.89" height="3.6"/><rect class="cls-1" x="44.14" y="175.91" width="0.31" height="3.6"/><rect class="cls-1" x="44.14" y="158.29" width="0.31" height="3.6"/><rect class="cls-1" x="44.14" y="140.67" width="0.31" height="3.6"/><rect class="cls-1" x="44.14" y="123.06" width="0.31" height="3.6"/><rect class="cls-1" x="44.14" y="105.44" width="0.31" height="3.6"/><rect class="cls-1" x="44.14" y="167.1" width="0.31" height="3.6"/><rect class="cls-1" x="44.14" y="1
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<!-- partial -->
|
||
|
|
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
|
||
|
|
<script src='https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.0/anime.min.js'></script>
|
||
|
|
<script src='https://unpkg.co/gsap@3/dist/gsap.min.js'></script><script src="./script.js"></script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|