-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
87 lines (87 loc) · 17.8 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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1255.128 963.327">
<defs>
<linearGradient id="linear-gradient" x1="0.879" y1="0.203" x2="0.1" y2="0.806" gradientUnits="objectBoundingBox">
<stop offset="0" stop-color="#6c63ff"/>
<stop offset="0.481" stop-color="#e25ae7"/>
<stop offset="1" stop-color="#363280"/>
</linearGradient>
</defs>
<g id="men_svg" transform="translate(-266.872 -202.337)">
<path id="Path_27" data-name="Path 27" d="M344.7,212.233c-6.725,8.161-9.314,19.635-12.211,30.422C309.17,329.59,251.712,399.517,186.277,449.464c-27.71,21.157-61.446,49.53-55.384,87.463,3.264,20.372,17.586,35.368,28.226,51.96,22.323,34.742,29.563,81.965,18.924,123.555-12.1,47.321-45.922,91.476-35.454,139.325,6.455,29.453,28.373,50.414,49.444,68.429q49.309,42.13,101.76,78.934c23.44,16.445,48.376,32.447,75.694,34.534,24.053,1.841,47.616-7.3,70.454-16.322,19.954-7.891,40.412-16.1,56.525-31.907,10.517-10.321,18.9-23.636,30.582-32.079,27.44-19.832,62.686-7.265,94.151,1.227,74.246,19.93,153.707,12.653,224.358-20.543,108.374-50.929,190.978-157.88,296.984-215.264,45.578-24.679,95.157-39.995,137.361-71.779a256.594,256.594,0,0,0,60.379-65.336c31.907-49.223,49.162-111.982,44.179-173.416s-32.9-120.634-76.75-155.315c-46.941-37.123-106.227-44.057-159.635-66.343C1092.924,163.562,1043.86,124,989.238,99.293A324.8,324.8,0,0,0,709.1,105.54c-59.446,30.067-119.7,100.214-185.909,105.54C476.021,214.761,381.538,167.538,344.7,212.233Z" transform="translate(136.693 131.763)" opacity="0.1" fill="url(#linear-gradient)"/>
<g id="left_wheel">
<path id="Path_64" data-name="Path 64" d="M400.535,950.47l-7.695-120.192-.16-.258-7.756,2.7L349.238,936.848l-56.758-40.24,90.408-65.545.086-.258.515-.184,5.829-4.234-94.789-53.15L271.31,798.763l3.682,23.931,109,1.988v2.454l-111.038-1.988-4.2-27.17,31.785-34.926,47.554-55.47.847,2.295,10.063-11.045,37.381,6.7v-1.485l2.454.074v1.853l55.666,9.965-51.9,103.834-7.572,5.486v1.3l120.021-41.823L500.81,896.669,398.952,831.787l-3.583-2.013,60.059,96.8ZM395.626,834.7l7.179,112.142,49.15-21.329Zm-98.888,61.888,51.285,36.362,33.552-97.857Zm101.023-68.306,2.565,1.436,98.606,62.833,13.254-104.153Zm-8.713-8.836,3.08,4.97.54-.393,3.682-116.008-36.5-6.529-10.014,11.045Zm-92.556-47.935,91.844,51.543-1.6-2.614L347.986,714.565l-45.64,50.156Zm102.349-63.066L395.16,822.227l5.547-4.025,50.2-100.41Z" transform="translate(136.693 131.763)" fill="#535461"/>
<path id="Path_83" data-name="Path 83" d="M535.147,794.566a143.854,143.854,0,0,0-29.1-59.618,144.668,144.668,0,1,0,32.619,91.415,144.28,144.28,0,0,0-3.522-31.8ZM393.786,934.9a108.914,108.914,0,1,1,107.258-89.353A108.914,108.914,0,0,1,393.786,934.9Z" transform="translate(136.693 131.763)" fill="#535461"/>
<circle id="Ellipse_9" data-name="Ellipse 9" cx="15.72" cy="15.72" r="15.72" transform="translate(514.758 941.914)" fill="#535461"/>
</g>
<g id="right_wheel">
<path id="Path_63" data-name="Path 63" d="M923.558,950.961l-7.682-120.143-.16-.258-7.756,2.7-35.7,104.079L815.5,897.087l90.433-65.545.086-.258.515-.184,5.829-4.234-94.789-53.15-23.231,25.526,3.682,23.93L907,825.111v2.454l-111.037-1.988-4.173-27.133,31.772-34.914L871.082,708.1l.847,2.295,10.063-11.045,37.479,6.713v-1.485l2.454.074V706.5l55.666,9.965L925.644,820.35l-7.572,5.486v1.3L1038.1,785.313l-14.248,111.933L922,832.364l-3.583-2.013,60.059,96.814Zm-4.909-115.774,7.179,112.142L974.977,926Zm-98.876,61.9,51.285,36.362,33.552-97.857ZM920.8,828.781l2.565,1.436,98.606,62.833L1035.221,788.9Zm-8.713-8.836,3.08,4.97.54-.393,3.682-116.008-36.5-6.553-10.014,11.045Zm-92.519-47.922,91.844,51.543-1.6-2.614L871.058,715.08l-45.652,50.168Zm102.312-63.066-3.682,113.75,5.547-4.025,50.2-100.41Z" transform="translate(136.693 131.763)" fill="#535461"/>
<path id="Path_72" data-name="Path 72" d="M917.311,682.473a144.185,144.185,0,0,0-38.546,5.2,141.829,141.829,0,0,0-18.973,6.713A144.442,144.442,0,1,0,917.3,682.473Zm-.491,252.915a109.049,109.049,0,0,1-45.284-208.232,107.718,107.718,0,0,1,17.868-6.345,109.037,109.037,0,1,1,27.428,214.577Z" transform="translate(136.693 131.763)" fill="#535461"/>
<circle id="Ellipse_11" data-name="Ellipse 11" cx="15.72" cy="15.72" r="15.72" transform="translate(1037.792 942.405)" fill="#535461"/>
</g>
<g id="menbike">
<rect id="Rectangle_25" data-name="Rectangle 25" width="73.632" height="23.317" transform="translate(646.527 830.862) rotate(44.62)" fill="#5d004a"/>
<path id="Path_65" data-name="Path 65" d="M522.335,674.349s30.422-16.052,42.179-26.385a160.028,160.028,0,0,1,22.74-16.6l38.166-23.231,79.768-6.136,3.682,13.5s6.136,19.635-55.224,36.816-92.04,44.179-92.04,44.179S522.335,709.938,522.335,674.349Z" transform="translate(136.693 131.763)" fill="#db8b8b"/>
<path id="Path_66" data-name="Path 66" d="M564.858,693.825c-2.172,1.657-3.252,2.614-3.252,2.614s-39.271,13.5-39.271-22.09c0,0,1.9-1.006,4.909-2.688a33.957,33.957,0,0,0,28.938,16.187h4.16Z" transform="translate(136.693 131.763)" opacity="0.1"/>
<path id="Path_67" data-name="Path 67" d="M707.717,622.267c-3.412,7.228-15.18,19.108-54.071,29.993-49.837,13.953-79.437,34.362-88.788,41.565-2.172,1.657-3.252,2.614-3.252,2.614s-39.271,13.5-39.271-22.09c0,0,1.9-1.006,4.909-2.688,9.118-4.995,28.422-15.954,37.233-23.746a159.538,159.538,0,0,1,22.74-16.6l38.166-23.231,14.211-1.092,65.557-5.044,3.682,13.5S709.693,618.082,707.717,622.267Z" transform="translate(136.693 131.763)" opacity="0.05"/>
<path id="Path_68" data-name="Path 68" d="M522.949,666.372l-32.521,21.476,95.231,79.768s13.99-8.59,6.627-18.408c0,0-24.544-20.862-25.771-50.315l-7.363-9.818h-4.16a33.958,33.958,0,0,1-32.044-22.707Z" transform="translate(136.693 131.763)" fill="#abb1d1"/>
<path id="Path_69" data-name="Path 69" d="M707.717,622.267c-19.635-9.486-67.57-10.5-67.57-10.5l-.515-4.774,65.557-5.044,3.682,13.5S709.693,618.082,707.717,622.267Z" transform="translate(136.693 131.763)" opacity="0.1"/>
<path id="Path_70" data-name="Path 70" d="M640.147,609.307s57.679,1.227,72.405,13.5l-7.363-148.492H625.42Z" transform="translate(136.693 131.763)" fill="#abb1d1"/>
<path id="Path_71" data-name="Path 71" d="M640.147,608.694s57.679,1.227,72.405,13.5L705.189,473.7H625.42Z" transform="translate(136.693 131.763)" opacity="0.05"/>
<path id="Path_73" data-name="Path 73" d="M686.486,518.445s144.381-4.909,147.326,13.757S689.431,543,689.431,543,677.65,531.208,686.486,518.445Z" transform="translate(136.693 131.763)" fill="#535461"/>
<path id="Path_74" data-name="Path 74" d="M686.486,518.445s144.381-4.909,147.326,13.757S689.431,543,689.431,543,677.65,531.208,686.486,518.445Z" transform="translate(136.693 131.763)" opacity="0.05"/>
<circle id="Ellipse_7" data-name="Ellipse 7" transform="translate(726.929 1048.006)" fill="none" stroke="#c1272d" stroke-miterlimit="10" stroke-width="1.227"/>
<rect id="Rectangle_27" data-name="Rectangle 27" width="25.538" height="221.977" transform="translate(680.762 724.859)" fill="#5d004a"/>
<path id="Path_75" data-name="Path 75" d="M569.607,593.084v17.095c-8.492,1.1-17.181,1.8-25.538,2.074V593.084Z" transform="translate(136.693 131.763)" opacity="0.1"/>
<path id="Path_76" data-name="Path 76" d="M567.693,574.688a95.4,95.4,0,0,1-10.677-1.436c-13.843-2.651-48.745-8.21-58.133,1.227-11.781,11.781-7.854,32.41,23.575,35.356s85.45-4.909,96.262-16.7C618.72,593.084,599.171,577.105,567.693,574.688Z" transform="translate(136.693 131.763)" fill="#535461"/>
<path id="Path_77" data-name="Path 77" d="M475.419,583.413l268.144-83.487,8.836,20.629L477.383,614.842Z" transform="translate(224.008 202.339)" fill="#5d004a"/>
<path id="Path_78" data-name="Path 78" d="M554.979,715.031,748.472,524.483l10.8,15.708L574.614,732.7Z" transform="translate(224.008 202.339)" fill="#5d004a"/>
<path id="Path_79" data-name="Path 79" d="M889.392,720.811a107.721,107.721,0,0,0-17.868,6.345l-11.732-32.779a141.8,141.8,0,0,1,18.973-6.713Z" transform="translate(136.693 131.763)" opacity="0.1"/>
<path id="Path_80" data-name="Path 80" d="M834.9,746.46l-13.745,7.854L725.266,486.378l-4.3-11.99,22.593-12.775,5.657,17.647Z" transform="translate(224.008 202.339)" fill="#5d004a"/>
<path id="Path_81" data-name="Path 81" d="M749.221,479.26l-23.955,7.118-4.3-11.99,22.593-12.775Z" transform="translate(224.008 202.339)" opacity="0.1"/>
<path id="Path_82" data-name="Path 82" d="M690.413,570.5l134.563-46.167s23.575,2.945,14.726,22.593L704.17,587.193S683.553,589.156,690.413,570.5Z" transform="translate(136.693 131.763)" fill="#535461"/>
<path id="Path_84" data-name="Path 84" d="M538.669,826.363a146.134,146.134,0,0,1-1.739,22.458c-11.785-.823-23.959-2.05-35.887-3.277a109.945,109.945,0,0,0-.969-44.032c11.622-2.454,23.489-4.8,35.073-6.921a144.28,144.28,0,0,1,3.522,31.772Z" transform="translate(136.693 131.763)" opacity="0.1"/>
<path id="Path_85" data-name="Path 85" d="M569.607,788.958v26.1H544.069v-22.09C552.9,791.437,561.5,790.075,569.607,788.958Z" transform="translate(136.693 131.763)" opacity="0.1"/>
<path id="Path_86" data-name="Path 86" d="M404.6,825.909s206.269-54,222.959-33.392,34.374,48.119-17.635,57.936-209.214-16.7-209.214-16.7Z" transform="translate(136.693 131.763)" fill="#5d004a"/>
<path id="Path_87" data-name="Path 87" d="M506.05,734.948,479.837,758.94a109.224,109.224,0,0,0-15.659-16.3l24.47-25.563a145.751,145.751,0,0,1,17.4,17.868Z" transform="translate(136.693 131.763)" opacity="0.1"/>
<path id="Path_88" data-name="Path 88" d="M310.409,744.5l154.2-161.083,4.921,37.319L318.263,759.223Z" transform="translate(224.008 202.339)" fill="#5d004a"/>
<circle id="Ellipse_8" data-name="Ellipse 8" cx="15.72" cy="15.72" r="15.72" transform="translate(516.734 941.914)" opacity="0.1"/>
<circle id="Ellipse_10" data-name="Ellipse 10" cx="15.72" cy="15.72" r="15.72" transform="translate(1036.811 940.442)" opacity="0.1"/>
<circle id="Ellipse_12" data-name="Ellipse 12" cx="31.429" cy="31.429" r="31.429" transform="translate(742.637 910.498)" opacity="0.1"/>
<circle id="Ellipse_13" data-name="Ellipse 13" cx="31.429" cy="31.429" r="31.429" transform="translate(744.613 910.498)" fill="#535461"/>
<rect id="Rectangle_28" data-name="Rectangle 28" width="16.702" height="58.341" rx="8.345" transform="translate(760.957 944.576) rotate(-36.79)" fill="#6c63ff"/>
<path id="Path_89" data-name="Path 89" d="M781.275,373.684l-2.921,36.951a82.976,82.976,0,0,0,.184,14.052c.38,4.136,0,11.376-4.05,22.421a128.723,128.723,0,0,0-7.94,44.057v42.056l-28.226-4.909s1.227-58.906-3.682-68.723,3.682-96.949,3.682-96.949Z" transform="translate(136.693 131.763)" fill="#db8b8b"/>
<path id="Path_90" data-name="Path 90" d="M779.827,391.994l-1.473,18.641a82.882,82.882,0,0,0,.2,14.039c.38,4.136,0,11.376-4.05,22.433a128.722,128.722,0,0,0-7.94,44.057v42.056l-28.226-4.909s1.227-58.906-3.682-68.723c-3.473-6.958-.184-52.7,2.037-78.8.92-10.738,1.644-18.15,1.644-18.15l42.952,11.045Z" transform="translate(136.693 131.763)" opacity="0.05"/>
<path id="Path_91" data-name="Path 91" d="M641.4,655.941,630.783,716.32A137.7,137.7,0,0,1,624.647,740c-6.222,17.009-2.246,40.854.773,53.862,1.338,5.743,2.454,9.376,2.454,9.376l-31.907,17.181-9.818-7.363v-4.909L584.923,698.93c-7.363-17.181-4.909-42.952,0-52.77a41.6,41.6,0,0,0,2.921-10.088c2.454-13.156,3.215-31.637,3.215-31.637s19.635-33.135,42.952-11.045c8.59,8.136,11.855,18.776,12.542,28.962C647.756,639.791,641.4,655.941,641.4,655.941Z" transform="translate(136.693 131.763)" fill="#db8b8b"/>
<path id="Path_92" data-name="Path 92" d="M646.553,622.316c-17.021,10.112-46.634,12.972-58.709,13.72,2.454-13.156,3.215-31.637,3.215-31.637s19.635-33.135,42.952-11.045C642.6,601.49,645.866,612.13,646.553,622.316Z" transform="translate(136.693 131.763)" opacity="0.1"/>
<path id="Path_93" data-name="Path 93" d="M688.008,592.126a224.575,224.575,0,0,0-36.816,24.544c-19.635,15.954-68.723,17.181-68.723,17.181V615.443c1.227-22.09-19.635-46.634-47.861-115.357-18.028-43.885-13.033-68.723-7.069-81,3.387-6.934,7.069-9.818,7.069-9.818l153.4,29.453,5.486,16.445,11.7,35.1s-42.952,2.454-50.315,6.136-2.454,36.816-2.454,36.816C645.056,567.582,688.008,592.126,688.008,592.126Z" transform="translate(136.693 131.763)" fill="#abb1d1"/>
<path id="Path_94" data-name="Path 94" d="M781.275,373.684l-1.448,18.31c-21.353,6.136-36.6-13.4-36.6-13.4a56.209,56.209,0,0,0-6.553,2.2c.92-10.738,1.644-18.15,1.644-18.15Z" transform="translate(136.693 131.763)" opacity="0.1"/>
<path id="Path_95" data-name="Path 95" d="M693.493,455.17c-.577,5.731-.577,9.327-.577,9.327s-28.226,23.317-76.087-12.272-90.813-25.771-90.813-25.771.5-2.847,1.522-7.363c3.387-6.934,7.069-9.818,7.069-9.818l153.4,29.453Z" transform="translate(136.693 131.763)" opacity="0.1"/>
<path id="Path_96" data-name="Path 96" d="M797.818,325.762c-3.2,24.974-4.271,56.451-4.271,56.451-28.226,22.09-50.315-6.136-50.315-6.136-26.655,7.155-39.185,30.484-45.087,50.843a135.924,135.924,0,0,0-5.228,33.834s-7.461,6.136-21.206,7.363c-13,1.092-31.625-2.295-54.881-19.635-47.861-35.589-90.813-25.771-90.813-25.771s8.59-49.088,28.226-63.815,34.362-33.135,58.906-89.586,74.859-42.952,74.859-42.952,2.454-11.045,47.861,0A73.963,73.963,0,0,1,765.776,242.2C790.062,262.622,801.843,294.3,797.818,325.762Z" transform="translate(136.693 131.763)" fill="#fff"/>
<path id="Path_97" data-name="Path 97" d="M752.277,254.031c-.061,1.632-.2,3.448-.417,5.473-2.454,22.09-4.909,19.635-31.907,24.544-16.788,3.056-25.514-10.971-29.711-22.016a69.5,69.5,0,0,1-3.424-12.346l58.906-9.818S752.78,237.894,752.277,254.031Z" transform="translate(136.693 131.763)" fill="#db8b8b"/>
<path id="Path_98" data-name="Path 98" d="M698.145,426.981a135.924,135.924,0,0,0-5.228,33.834s-7.461,6.136-21.206,7.363a11.436,11.436,0,0,1-.884-2.454c-2.454-11.045-20.862-30.68-20.862-30.68-12.272-11.045-14.726-30.68-14.726-30.68l-20.249-59.519-6.75-5.522s28.226-22.09,52.77-3.682,17.181,57.679,17.181,57.679l4.909,13.5C688.192,411.114,693.371,418.686,698.145,426.981Z" transform="translate(136.693 131.763)" opacity="0.05"/>
<path id="Path_99" data-name="Path 99" d="M611.921,338.095l27,65.042s2.454,19.635,14.727,30.68c0,0,18.408,19.635,20.862,30.68s36.816,40.5,36.816,40.5,31.907,29.453,34.362,40.5c0,0,29.453,8.59,25.771,25.771,0,0,22.09-22.09,0-42.952S719.915,464.5,719.915,464.5s-17.181-45.407-33.135-58.906l-4.909-13.5s7.363-39.271-17.181-57.679S611.921,338.095,611.921,338.095Z" transform="translate(136.693 131.763)" fill="#db8b8b"/>
<path id="Path_100" data-name="Path 100" d="M627.875,803.206l-31.907,17.181-9.818-7.363v-4.909a74.318,74.318,0,0,0,31.355-9.462c2.945-1.669,5.719-3.313,7.94-4.762C626.734,799.573,627.875,803.206,627.875,803.206Z" transform="translate(136.693 131.763)" opacity="0.1"/>
<path id="Path_101" data-name="Path 101" d="M664.691,286.552l17.181,67.5s-52.77,8.59-63.815,0S586.15,343,586.15,343s22.09-63.815,34.362-71.178S664.691,286.552,664.691,286.552Z" transform="translate(136.693 131.763)" opacity="0.1"/>
<path id="Path_102" data-name="Path 102" d="M664.691,284.1l17.181,67.5s-52.77,8.59-63.815,0-31.907-11.045-31.907-11.045,22.09-63.815,34.362-71.178S664.691,284.1,664.691,284.1Z" transform="translate(136.693 131.763)" fill="#fff"/>
<path id="Path_103" data-name="Path 103" d="M752.277,252.8a42.952,42.952,0,0,1-62.035,8,69.5,69.5,0,0,1-3.424-12.346l58.906-9.818S752.78,236.666,752.277,252.8Z" transform="translate(136.693 131.763)" opacity="0.1"/>
<path id="Path_104" data-name="Path 104" d="M760.413,226.419a42.952,42.952,0,1,1-85.9,0v-2.135a42.965,42.965,0,1,1,85.9,2.135Z" transform="translate(136.693 131.763)" fill="#db8b8b"/>
<path id="Path_105" data-name="Path 105" d="M760.413,226.419a42.817,42.817,0,0,1-1.62,11.708,16.531,16.531,0,0,1-9.916-.908c-4.59-1.8-8.529-4.909-12.935-7.142-12.407-6.283-27.17-5.044-40.915-2.97-6.823,1.031-14.567,1.988-19.93-2.356a6.266,6.266,0,0,1-.528-.466,42.965,42.965,0,0,1,85.9,2.135Z" transform="translate(136.693 131.763)" opacity="0.1"/>
<path id="Path_107" data-name="Path 107" d="M559.765,358.344s31.907,8.59,41.725,30.68,36.374,26.127,36.374,26.127" transform="translate(136.693 131.763)" opacity="0.05"/>
<rect id="Rectangle_29" data-name="Rectangle 29" width="73.632" height="23.317" transform="translate(743.092 976.08)" fill="#5d004a"/>
<path id="Path_108" data-name="Path 108" d="M617.456,801.046c6.59-3.682,12.37-7.363,12.873-8.885,0,0,16.629,17.549,31.441,23a74.114,74.114,0,0,1,14.223,7.069c5.866,3.682,14.235,8.014,21.832,8.014,0,0,17.181,14.727-15.954,17.181s-110.448-6.136-110.448-6.136l4.909-30.68h0A74.577,74.577,0,0,0,617.456,801.046Z" transform="translate(136.693 131.763)" fill="#abb1d1"/>
</g>
<path id="hat" d="M643.436,199.85c2.614,8.2,15.168,8.455,21.611,14.493,3.35,3.142,4.909,7.78,8.59,10.579,5.117,3.9,12.505,3.043,19.022,2.111,13.119-1.865,27.207-2.982,39.037,2.675,4.2,2,7.965,4.8,12.346,6.431s9.818,1.829,13.377-1.068c2.847-2.319,3.89-6.136,6.467-8.689,2-2.013,4.786-3.142,7.069-4.909,5.007-3.78,7.167-9.94,8.59-15.831,2.945-12.125,3.792-25.195-1.227-36.693s-17.095-20.862-30.275-20.261c-4.037.184-7.977,1.227-12,1.669-10.493,1.068-20.862-2.454-31.392-3.056a17.88,17.88,0,0,0-9,1.227,16.419,16.419,0,0,0-5.412,4.847,51.7,51.7,0,0,0-9.646,21.452c-1.227,5.878-1.289,11.2-8.492,12.113C663.918,188.02,637.9,182.51,643.436,199.85Z" transform="translate(136.693 131.763)" fill="#472727"/>
</g>
</svg>
</body>
</html>