-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
31 lines (31 loc) · 3.94 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Animation</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="banner">
<div class="title">
<svg
width="300"
height="300"
viewBox="0 0 20 13"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.32872 1.796C9.32872 2.036 9.27672 2.216 9.17272 2.336C9.07672 2.456 8.91672 2.516 8.69272 2.516C8.67672 2.684 8.64072 2.976 8.58472 3.392C8.50472 3.952 8.46072 4.264 8.45272 4.328C7.74072 9.632 6.25672 12.284 4.00072 12.284C3.33672 12.284 2.81672 12.096 2.44072 11.72C2.07272 11.344 1.88872 10.872 1.88872 10.304C1.88872 9.288 2.32072 8.392 3.18472 7.616C4.04872 6.832 5.18472 6.184 6.59272 5.672C6.68072 5.104 6.74872 4.596 6.79672 4.148L7.01272 2.336C6.53272 2.288 6.08472 2.264 5.66872 2.264C4.55672 2.264 3.73672 2.372 3.20872 2.588C2.68072 2.804 2.41672 3.156 2.41672 3.644C2.41672 3.884 2.49672 4.144 2.65672 4.424C2.70472 4.504 2.72872 4.588 2.72872 4.676C2.72872 4.844 2.64072 4.996 2.46472 5.132C2.29672 5.26 2.11272 5.324 1.91272 5.324C1.65672 5.324 1.46072 5.216 1.32472 5C1.10072 4.632 0.988719 4.204 0.988719 3.716C0.988719 1.796 2.66872 0.835999 6.02872 0.835999C7.00472 0.835999 7.87672 0.931999 8.64472 1.124C9.10072 1.236 9.32872 1.46 9.32872 1.796ZM4.15672 11C4.54872 11 4.94072 10.704 5.33272 10.112C5.72472 9.52 6.06872 8.484 6.36472 7.004C4.41272 7.86 3.43672 8.908 3.43672 10.148C3.43672 10.42 3.50072 10.632 3.62872 10.784C3.75672 10.928 3.93272 11 4.15672 11ZM15.2116 7.316C15.3156 7.316 15.3956 7.368 15.4516 7.472C15.5076 7.576 15.5356 7.708 15.5356 7.868C15.5356 8.252 15.4196 8.48 15.1876 8.552C14.7076 8.72 14.1796 8.816 13.6036 8.84C13.4516 9.512 13.1516 10.052 12.7036 10.46C12.2556 10.86 11.7476 11.06 11.1796 11.06C10.6996 11.06 10.2876 10.944 9.94363 10.712C9.60763 10.48 9.35163 10.172 9.17563 9.788C8.99963 9.404 8.91162 8.988 8.91162 8.54C8.91162 7.932 9.02763 7.392 9.25963 6.92C9.49163 6.44 9.81163 6.068 10.2196 5.804C10.6276 5.532 11.0796 5.396 11.5756 5.396C12.1836 5.396 12.6716 5.608 13.0396 6.032C13.4156 6.448 13.6356 6.964 13.6996 7.58C14.0756 7.556 14.5236 7.476 15.0436 7.34C15.1076 7.324 15.1636 7.316 15.2116 7.316ZM11.2756 9.788C11.5316 9.788 11.7516 9.684 11.9356 9.476C12.1276 9.268 12.2556 8.968 12.3196 8.576C12.0716 8.408 11.8796 8.188 11.7436 7.916C11.6156 7.644 11.5516 7.356 11.5516 7.052C11.5516 6.924 11.5636 6.796 11.5876 6.668H11.5276C11.2076 6.668 10.9396 6.824 10.7236 7.136C10.5156 7.44 10.4116 7.872 10.4116 8.432C10.4116 8.872 10.4956 9.208 10.6636 9.44C10.8396 9.672 11.0436 9.788 11.2756 9.788ZM18.8017 8.684C18.9057 8.684 18.9857 8.732 19.0417 8.828C19.1057 8.924 19.1377 9.056 19.1377 9.224C19.1377 9.512 19.0697 9.76 18.9337 9.968C18.7097 10.312 18.4137 10.58 18.0457 10.772C17.6857 10.964 17.2537 11.06 16.7497 11.06C15.9817 11.06 15.3857 10.832 14.9617 10.376C14.5377 9.912 14.3257 9.288 14.3257 8.504C14.3257 7.952 14.4417 7.44 14.6737 6.968C14.9057 6.488 15.2257 6.108 15.6337 5.828C16.0497 5.548 16.5177 5.408 17.0377 5.408C17.5017 5.408 17.8737 5.548 18.1537 5.828C18.4337 6.1 18.5737 6.472 18.5737 6.944C18.5737 7.496 18.3737 7.972 17.9737 8.372C17.5817 8.764 16.9097 9.076 15.9577 9.308C16.1497 9.676 16.4737 9.86 16.9297 9.86C17.2577 9.86 17.5257 9.784 17.7337 9.632C17.9497 9.48 18.1977 9.224 18.4777 8.864C18.5737 8.744 18.6817 8.684 18.8017 8.684ZM16.8337 6.584C16.5377 6.584 16.2857 6.756 16.0777 7.1C15.8777 7.444 15.7777 7.86 15.7777 8.348V8.372C16.2497 8.26 16.6217 8.092 16.8937 7.868C17.1657 7.644 17.3017 7.384 17.3017 7.088C17.3017 6.936 17.2577 6.816 17.1697 6.728C17.0897 6.632 16.9777 6.584 16.8337 6.584Z"
fill="white"
/>
</svg>
</div>
</div>
<audio autoplay loop>
<source src="song.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
</body>
</html>