-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
241 lines (233 loc) · 28.4 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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
<!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">
<meta name="originLocation" content="Miami" />
<title>Explore Outdoors</title>
<link rel="shortcut icon" type="image/jpg" href="./assets/images/favicon-2.ico" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Castoro&family=Lobster&display=swap" rel="stylesheet">
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<link rel="stylesheet" href="./assets/styles/animations.css">
<link rel="stylesheet" href="./assets/styles/style.css">
</head>
<body class="body">
<main>
<!-- Preloader Section -->
<div class="preloader">
<img class="airplane" src="./assets/images/preloader-imgs/airplane.png" alt="airplane">
<h3><i>Taking you to Explore Outdoors...</i></h3>
<img class="cloud1" src="./assets/images/preloader-imgs/cloud.png" alt="cloud1">
<img class="cloud2" src="./assets/images/preloader-imgs/cloud.png" alt="cloud2">
<img class="cloud3" src="./assets/images/preloader-imgs/cloud.png" alt="cloud3">
</div>
<div class="main-content">
<!-- Header Section -->
<header class="container center-align">
<h1 class="header animate__animated animate__flipInX">Explore Outdoors</h1>
<div class="row slide-show" id="slide-show">
<div class="image-slider">
<h3 class="img-city animate__animated animate__flipInX"></h3>
<img class="slideShow responsive-img z-depth-5 img-city animate__animated animate__jackInTheBox"
name="slideShow" width="100%" height="400px">
</div>
</div>
<div class="row">
<div class="col s6 offset-s3 img-description">
<p class="city-description animate__animated animate__fadeInUp"></p>
</div>
</div>
</header>
<div class="container center-align z-depth-5">
<div id="home" class="row">
<div class="col s8 offset-s2 quizTitle">
<h2> Which Travel Destination Best Fits Your Personality?</h2>
</div>
<div class="col s6 offset-s3">
<p class='quizDesc'>
We often find ourselves asking ‘where should I travel this year?’ and we end up reaching a
‘short’
list
of about 10 must-see places!
So we decided to create this quiz, a tool to help you decide where to travel in 2021.
So if you’re like us and have found yourself asking ‘where shall I go on holiday in 2021?’
We’ve got
you
covered.
Play on to find out which travel destination will suit you best!
</p>
<div class="row">
<!-- Button to start the quiz -->
<button id="startQuiz" class="btn btn-large center-align">Start Quiz</button>
<div class="answers"></div>
</div>
</div>
<div id='connect'></div>
</div>
</div>
<!-- Footer section -->
<footer>
<svg class="back-ground-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path fill="#0168AE" fill-opacity="1"
d="M0,192L60,176C120,160,240,128,360,128C480,128,600,160,720,154.7C840,149,960,107,1080,101.3C1200,96,1320,128,1380,144L1440,160L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z">
</path>
</svg>
<div class="image-wrapper">
<svg class="lady-with-pins" width="1135" height="710" viewBox="0 0 1135 500" fill="none"
xmlns="http://www.w3.org/2000/svg">
<g id="lay-and-pin" clip-path="url(#clip0)">
<path id="third-line"
d="M407.521 305.04L313.43 399.131L314.844 400.545L408.935 306.454L407.521 305.04Z"
fill="#2F2E41" />
<path id="second-line" d="M284.989 412.163H172.559V414.163H284.989V412.163Z"
fill="#2F2E41" />
<path id="first-line"
d="M141.997 424.822L30.2743 536.545L31.6884 537.959L143.411 426.236L141.997 424.822Z"
fill="#2F2E41" />
<path id="second-circle"
d="M155.07 431.652C151.413 431.652 147.839 430.568 144.798 428.536C141.758 426.505 139.388 423.617 137.988 420.239C136.589 416.86 136.222 413.143 136.936 409.556C137.649 405.97 139.41 402.675 141.996 400.089C144.582 397.503 147.876 395.742 151.463 395.029C155.049 394.316 158.767 394.682 162.145 396.081C165.524 397.48 168.411 399.85 170.443 402.891C172.475 405.931 173.559 409.506 173.559 413.163C173.554 418.065 171.604 422.764 168.138 426.231C164.672 429.697 159.972 431.646 155.07 431.652ZM155.07 396.674C151.809 396.674 148.621 397.641 145.909 399.452C143.198 401.264 141.084 403.839 139.836 406.852C138.588 409.865 138.261 413.181 138.897 416.38C139.534 419.578 141.104 422.516 143.41 424.822C145.716 427.128 148.654 428.699 151.853 429.335C155.051 429.972 158.367 429.645 161.38 428.397C164.393 427.149 166.968 425.036 168.78 422.324C170.592 419.612 171.559 416.424 171.559 413.163C171.554 408.791 169.815 404.6 166.724 401.509C163.633 398.418 159.442 396.679 155.07 396.674Z"
fill="#2F2E41" />
<path id="third-circle"
d="M302.478 431.652C298.821 431.652 295.246 430.568 292.205 428.536C289.165 426.505 286.795 423.617 285.396 420.238C283.996 416.86 283.63 413.142 284.344 409.556C285.057 405.969 286.818 402.675 289.404 400.089C291.989 397.503 295.284 395.742 298.87 395.029C302.457 394.316 306.175 394.682 309.553 396.081C312.932 397.48 315.819 399.85 317.851 402.891C319.882 405.931 320.967 409.506 320.967 413.163C320.961 418.065 319.012 422.765 315.545 426.231C312.079 429.697 307.38 431.647 302.478 431.652ZM302.478 396.674C299.216 396.674 296.028 397.641 293.317 399.453C290.605 401.264 288.491 403.84 287.243 406.853C285.995 409.866 285.669 413.181 286.305 416.38C286.941 419.578 288.512 422.517 290.818 424.823C293.124 427.129 296.062 428.699 299.261 429.335C302.459 429.972 305.775 429.645 308.788 428.397C311.801 427.149 314.376 425.035 316.188 422.324C318 419.612 318.967 416.424 318.967 413.163C318.962 408.791 317.223 404.6 314.132 401.509C311.04 398.417 306.849 396.679 302.478 396.674Z"
fill="#2F2E41" />
<path id="forth-circle"
d="M420.737 310.894C417.08 310.894 413.505 309.81 410.465 307.778C407.424 305.747 405.055 302.859 403.655 299.481C402.256 296.102 401.89 292.385 402.603 288.798C403.317 285.212 405.078 281.917 407.663 279.332C410.249 276.746 413.543 274.985 417.13 274.272C420.716 273.558 424.434 273.924 427.812 275.324C431.191 276.723 434.078 279.093 436.11 282.133C438.142 285.174 439.226 288.748 439.226 292.405C439.221 297.307 437.271 302.007 433.805 305.473C430.338 308.939 425.639 310.889 420.737 310.894ZM420.737 275.916C417.476 275.916 414.288 276.884 411.576 278.695C408.864 280.507 406.751 283.083 405.503 286.096C404.255 289.109 403.929 292.424 404.565 295.622C405.201 298.821 406.772 301.759 409.078 304.065C411.384 306.371 414.322 307.941 417.52 308.578C420.719 309.214 424.034 308.887 427.047 307.639C430.06 306.391 432.635 304.278 434.447 301.566C436.259 298.854 437.226 295.666 437.226 292.405C437.221 288.033 435.482 283.842 432.391 280.751C429.3 277.66 425.108 275.921 420.737 275.916V275.916Z"
fill="#2F2E41" />
<g id="bottom-pin-shadow">
<path id="Vector"
d="M155.07 435.649C173.468 435.649 188.383 434.53 188.383 433.15C188.383 431.771 173.468 430.652 155.07 430.652C136.672 430.652 121.758 431.771 121.758 433.15C121.758 434.53 136.672 435.649 155.07 435.649Z"
fill="#2F2E41" />
</g>
<g class="bottom-pin">
<path id="Vector_2"
d="M155.07 304.065C150.696 304.065 146.364 304.926 142.322 306.6C138.28 308.275 134.608 310.728 131.515 313.822C128.421 316.915 125.968 320.587 124.294 324.629C122.619 328.671 121.758 333.002 121.758 337.377C121.758 355.775 155.07 416.494 155.07 416.494C155.07 416.494 188.383 355.775 188.383 337.377C188.383 333.002 187.521 328.671 185.847 324.629C184.173 320.587 181.719 316.915 178.626 313.822C175.532 310.728 171.86 308.275 167.818 306.6C163.777 304.926 159.445 304.065 155.07 304.065ZM155.07 354.866C151.611 354.866 148.23 353.84 145.354 351.919C142.478 349.997 140.236 347.266 138.912 344.07C137.589 340.874 137.242 337.358 137.917 333.965C138.592 330.573 140.258 327.456 142.704 325.011C145.149 322.565 148.266 320.899 151.658 320.224C155.051 319.549 158.567 319.896 161.763 321.219C164.959 322.543 167.69 324.785 169.612 327.661C171.533 330.537 172.559 333.918 172.559 337.377C172.559 342.016 170.717 346.464 167.437 349.744C164.157 353.024 159.709 354.866 155.07 354.866Z"
fill="#2F2E41" />
</g>
<g id="middle-pin-shadow">
<path id="Vector_3"
d="M420.737 314.891C439.135 314.891 454.049 313.773 454.049 312.393C454.049 311.013 439.135 309.894 420.737 309.894C402.339 309.894 387.424 311.013 387.424 312.393C387.424 313.773 402.339 314.891 420.737 314.891Z"
fill="#2F2E41" />
</g>
<g class="middle-pin">
<path id="Vector_4"
d="M420.737 179.143C411.902 179.143 403.429 182.653 397.181 188.9C390.934 195.147 387.424 203.621 387.424 212.456C387.424 230.853 420.737 291.573 420.737 291.573C420.737 291.573 454.049 230.853 454.049 212.456C454.049 208.081 453.188 203.749 451.514 199.707C449.839 195.666 447.386 191.993 444.292 188.9C441.199 185.807 437.527 183.353 433.485 181.679C429.443 180.005 425.112 179.143 420.737 179.143ZM420.737 229.945C417.278 229.945 413.897 228.919 411.02 226.997C408.144 225.075 405.903 222.344 404.579 219.148C403.255 215.953 402.909 212.436 403.584 209.044C404.259 205.651 405.924 202.535 408.37 200.089C410.816 197.643 413.932 195.977 417.325 195.303C420.717 194.628 424.234 194.974 427.43 196.298C430.625 197.621 433.357 199.863 435.278 202.739C437.2 205.615 438.226 208.997 438.226 212.456C438.226 217.094 436.383 221.542 433.103 224.822C429.824 228.102 425.375 229.945 420.737 229.945Z"
fill="#2F2E41" />
</g>
<path id="hair-peice"
d="M936.638 16.7866C936.638 12.8825 938.089 9.11779 940.707 6.22256C943.326 3.32732 946.927 1.50798 950.812 1.11743C950.294 1.06597 949.769 1.0379 949.237 1.0379C945.06 1.0379 941.054 2.69713 938.101 5.65057C935.147 8.60402 933.488 12.6098 933.488 16.7866C933.488 20.9634 935.147 24.9691 938.101 27.9225C941.054 30.876 945.06 32.5352 949.237 32.5352C949.769 32.5352 950.294 32.5071 950.812 32.4557C946.927 32.0651 943.326 30.2458 940.707 27.3505C938.089 24.4553 936.638 20.6906 936.638 16.7866Z"
fill="#2F2E41" />
<g id="girl">
<path id="Vector_5" d="M1074.71 707.341H621.177V709.784H1074.71V707.341Z"
fill="#2F2E41" />
<path id="Vector_6"
d="M995.433 72.4318C988.382 93.3075 977.571 112.328 955.536 112.328C933.502 112.328 916.881 94.4311 915.64 72.4318C914.053 44.3211 932.994 32.4188 955.536 32.5352C982.167 32.6728 1003.8 47.6574 995.433 72.4318Z"
fill="#2F2E41" />
<path id="Vector_7" d="M994.383 69.2821H915.64V169.024H994.383V69.2821Z"
fill="#2F2E41" />
<path id="Vector_8"
d="M996.695 143.59H1003.39C1003.39 143.59 1019.76 164.427 1012.32 192.706C1004.88 220.984 1010.83 226.194 1010.83 226.194C1010.83 226.194 1020.52 256.817 1010.1 302.956C999.686 349.095 1019.76 361.634 1019.76 361.634L1001.16 324.425L990.742 226.194L996.695 143.59Z"
fill="#575A89" />
<path id="Vector_9" opacity="0.1"
d="M996.695 146.038H1003.39C1003.39 146.038 1019.76 166.875 1012.32 195.154C1004.88 223.432 1010.83 228.642 1010.83 228.642C1010.83 228.642 1020.52 259.265 1010.1 305.404C999.686 351.543 1019.76 364.082 1019.76 364.082L1001.16 326.873L990.742 228.642L996.695 146.038Z"
fill="black" />
<path id="Vector_10"
d="M973.254 107.497C973.254 107.497 967.3 131.311 970.277 131.311C973.254 131.311 983.672 143.962 983.672 143.962L990.37 168.52L985.16 186.38L967.3 182.659L944.975 158.101L938.277 151.404L932.324 129.823C932.324 129.823 939.766 120.892 934.556 113.451C929.347 106.009 973.254 107.497 973.254 107.497Z"
fill="#FBBEBE" />
<path id="Vector_11" opacity="0.1"
d="M973.254 107.497C973.254 107.497 967.3 131.311 970.277 131.311C973.254 131.311 983.672 143.962 983.672 143.962L990.37 168.52L985.16 186.38L967.3 182.659L944.975 158.101L938.277 151.404L932.324 129.823C932.324 129.823 939.766 120.892 934.556 113.451C929.347 106.009 973.254 107.497 973.254 107.497Z"
fill="black" />
<path id="Vector_12"
d="M793.162 173.729L776.79 146.939C776.79 146.939 759.118 107.836 746.467 121.976C733.816 136.115 765.628 164.799 765.628 164.799L782 186.38L793.162 173.729Z"
fill="#FBBEBE" />
<path id="Vector_13"
d="M1010.46 406.657L998.556 493.726C998.556 493.726 1000.04 500.424 985.16 524.981C970.277 549.539 930.091 603.12 930.091 603.12L918.184 580.795C918.184 580.795 932.324 510.098 956.882 495.214L953.905 388.053L1010.46 406.657Z"
fill="#FBBEBE" />
<path id="Vector_14" opacity="0.1"
d="M1010.46 406.657L998.556 493.726C998.556 493.726 1000.04 500.424 985.16 524.981C970.277 549.539 930.091 603.12 930.091 603.12L918.184 580.795C918.184 580.795 932.324 510.098 956.882 495.214L953.905 388.053L1010.46 406.657Z"
fill="black" />
<path id="Vector_15"
d="M918.184 571.865L934.556 603.12C934.556 603.12 921.161 641.073 926.37 644.794C931.579 648.515 938.277 682.003 924.138 678.282C909.998 674.561 898.836 659.678 898.836 657.445C898.836 655.213 907.022 623.957 902.557 616.515C898.091 609.074 895.115 606.841 895.115 606.841L883.952 625.446L880.231 623.213L898.836 591.957C898.836 591.957 901.068 586.004 909.998 582.283L918.184 571.865Z"
fill="#2F2E41" />
<path id="Vector_16" opacity="0.1"
d="M918.184 571.865L934.556 603.12C934.556 603.12 921.161 641.073 926.37 644.794C931.579 648.515 938.277 682.003 924.138 678.282C909.998 674.561 898.836 659.678 898.836 657.445C898.836 655.213 907.022 623.957 902.557 616.515C898.091 609.074 895.115 606.841 895.115 606.841L883.952 625.446L880.231 623.213L898.836 591.957C898.836 591.957 901.068 586.004 909.998 582.283L918.184 571.865Z"
fill="black" />
<path id="Vector_17"
d="M954.079 394.304C954.079 394.304 959.858 476.61 947.207 498.191V605.353L930.091 607.585C930.091 607.585 895.526 550.851 908.177 495.038C920.828 439.225 895.115 388.053 895.115 388.053L954.079 394.304Z"
fill="#FBBEBE" />
<path id="Vector_18"
d="M949.812 125.73C967.074 125.73 981.067 111.736 981.067 94.4741C981.067 77.2122 967.074 63.2186 949.812 63.2186C932.55 63.2186 918.556 77.2122 918.556 94.4741C918.556 111.736 932.55 125.73 949.812 125.73Z"
fill="#FBBEBE" />
<path id="Vector_19"
d="M981.44 176.706L950.184 137.264L932.324 125.358L924.882 135.032L904.045 140.985C904.045 140.985 890.65 143.962 876.51 160.334C862.371 176.706 837.069 186.38 837.069 186.38L816.232 182.659C816.232 182.659 791.674 171.497 791.674 168.52C791.674 165.543 770.093 188.613 775.302 197.543C780.511 206.473 791.674 217.636 797.627 223.589C803.581 229.543 805.813 246.659 842.278 241.449C878.743 236.24 892.138 218.38 892.138 218.38C892.138 218.38 898.836 252.612 918.184 259.31C937.533 266.007 1000.79 270.472 1000.79 270.472L1014.18 225.822C1014.18 225.822 1029.07 206.473 1008.97 178.194C1008.97 178.194 1008.59 162.379 1006.43 151.855C1005.59 147.761 1004.48 144.468 1003.02 143.218C997.811 138.753 970.277 131.311 970.277 131.311C970.277 131.311 974.742 146.195 976.975 146.939C979.207 147.683 984.416 172.985 981.44 176.706Z"
fill="#575A89" />
<path id="Vector_20"
d="M881.347 398.843C918.824 396.239 940.644 402.378 950.377 407.059C952.187 407.878 953.891 408.912 955.453 410.14C956.167 410.743 956.509 411.211 956.509 411.494C956.509 413.727 1007.86 418.192 1026.46 413.727C1045.07 409.262 1013.81 313.263 1005.63 305.077C997.439 296.891 1001.85 266.93 1001.85 266.93C1001.85 266.93 985.532 263.403 981.067 264.891C976.602 266.379 953.533 262.659 945.347 258.193C937.161 253.728 926.742 256.705 920.045 255.217C917.053 254.554 915.542 255.671 914.791 257.114C913.621 259.28 911.854 261.065 909.701 262.257C893.902 271.358 881.221 334.286 871.673 369.076C861.255 407.029 881.347 398.843 881.347 398.843Z"
fill="#2F2E41" />
<path id="Vector_21"
d="M950.184 598.655L953.161 615.027C953.161 615.027 968.788 637.352 964.323 655.957C964.323 655.957 968.044 680.515 981.44 687.212C994.835 693.91 983.672 709.538 971.021 708.794C958.37 708.049 946.463 709.538 944.975 705.817C943.486 702.096 934.556 665.631 934.556 665.631L932.113 708.302L924.671 709.047L927.115 659.678C927.115 659.678 921.161 648.515 929.347 629.911L927.281 601.353C927.281 601.353 947.951 606.097 950.184 598.655Z"
fill="#2F2E41" />
<path id="Vector_22" opacity="0.1"
d="M950.378 407.059C952.187 407.878 953.891 408.912 955.453 410.14C955.847 403.107 958.124 360.578 955.393 361.262L950.378 407.059Z"
fill="black" />
<path id="Vector_23"
d="M936.873 51.4336C936.873 51.4336 936.527 49.5067 922.989 54.5834C909.451 59.66 901.337 97.1232 908.105 119.122C910.833 127.987 908.614 134.379 904.992 138.852C891.401 155.634 896.751 180.842 916.548 189.472C917.107 189.716 917.677 189.957 918.259 190.195L926.72 195.271C926.72 195.271 915.934 181.079 921.331 162.925C926.019 147.457 926.598 131.034 923.011 115.275C922.392 112.616 921.688 109.876 920.889 107.079C914.12 83.3879 917.412 86.1239 941.103 62.433C941.103 62.433 954.641 72.5862 966.487 77.6629C978.332 82.7395 988.485 87.8161 980.024 104.738C971.563 121.66 951.257 136.89 964.794 158.889C978.332 180.888 980.024 172.427 978.332 180.888L976.64 189.349L986.793 179.195L980.024 192.733C980.024 192.733 1002.02 192.733 1008.79 175.811L1012.18 179.195C1012.18 179.195 1025.71 155.504 1000.33 133.506C1000.33 133.506 991.87 128.429 1003.72 111.507C1015.56 94.5849 1006.46 58.2024 991.233 51.4336C976.003 44.6648 936.873 51.4336 936.873 51.4336Z"
fill="#2F2E41" />
<path id="Vector_24"
d="M955.536 40.9345C964.234 40.9345 971.285 33.8836 971.285 25.1858C971.285 16.4881 964.234 9.43719 955.536 9.43719C946.839 9.43719 939.788 16.4881 939.788 25.1858C939.788 33.8836 946.839 40.9345 955.536 40.9345Z"
fill="#2F2E41" />
<path id="Vector_25"
d="M480.32 679.049C490.275 679.049 498.345 670.978 498.345 661.023C498.345 651.068 490.275 642.998 480.32 642.998C470.365 642.998 462.295 651.068 462.295 661.023C462.295 670.978 470.365 679.049 480.32 679.049Z"
fill="#F1F1F1" />
<path id="Vector_26"
d="M592.467 602.803C602.422 602.803 610.492 594.733 610.492 584.778C610.492 574.823 602.422 566.753 592.467 566.753C582.512 566.753 574.442 574.823 574.442 584.778C574.442 594.733 582.512 602.803 592.467 602.803Z"
fill="#F1F1F1" />
<path id="Vector_27"
d="M453.779 531.81C463.734 531.81 471.804 523.739 471.804 513.784C471.804 503.829 463.734 495.759 453.779 495.759C443.824 495.759 435.754 503.829 435.754 513.784C435.754 523.739 443.824 531.81 453.779 531.81Z"
fill="#F1F1F1" />
</g>
<path id="first-circle"
d="M18.4893 568.233C14.8324 568.233 11.2577 567.149 8.21705 565.117C5.17645 563.086 2.80656 560.198 1.40707 556.82C0.00758862 553.441 -0.358631 549.724 0.354727 546.137C1.06808 542.551 2.82898 539.256 5.41473 536.67C8.00048 534.084 11.295 532.323 14.8815 531.61C18.4681 530.897 22.1857 531.263 25.5642 532.662C28.9427 534.061 31.8304 536.431 33.862 539.472C35.8937 542.512 36.978 546.087 36.978 549.744C36.9725 554.646 35.0228 559.345 31.5567 562.812C28.0906 566.278 23.3911 568.228 18.4893 568.233ZM18.4893 533.255C15.228 533.255 12.0399 534.222 9.3282 536.033C6.61649 537.845 4.50294 540.42 3.25483 543.433C2.00672 546.447 1.68011 549.762 2.3163 552.961C2.95248 556.159 4.52289 559.097 6.82894 561.403C9.13498 563.71 12.0731 565.28 15.2717 565.916C18.4703 566.553 21.7858 566.226 24.7988 564.978C27.8119 563.73 30.3872 561.617 32.1991 558.905C34.0109 556.193 34.978 553.005 34.978 549.744C34.973 545.372 33.2342 541.181 30.1431 538.09C27.052 534.999 22.8609 533.26 18.4893 533.255Z"
fill="#2F2E41" />
<path id="sixth-circle"
d="M748.864 185.14C745.207 185.14 741.633 184.056 738.592 182.024C735.552 179.992 733.182 177.105 731.783 173.726C730.383 170.348 730.017 166.63 730.731 163.044C731.444 159.457 733.205 156.163 735.791 153.577C738.377 150.992 741.671 149.231 745.257 148.517C748.844 147.804 752.561 148.17 755.94 149.569C759.318 150.969 762.206 153.338 764.237 156.379C766.269 159.419 767.353 162.994 767.354 166.651C767.348 171.553 765.398 176.252 761.932 179.719C758.466 183.185 753.766 185.134 748.864 185.14ZM748.864 150.162C745.603 150.162 742.415 151.129 739.703 152.941C736.992 154.753 734.879 157.328 733.631 160.341C732.383 163.354 732.056 166.67 732.692 169.868C733.329 173.067 734.899 176.005 737.205 178.311C739.511 180.617 742.449 182.187 745.648 182.823C748.846 183.459 752.162 183.133 755.175 181.885C758.188 180.637 760.763 178.523 762.575 175.812C764.387 173.1 765.354 169.912 765.354 166.651C765.348 162.279 763.61 158.088 760.518 154.997C757.427 151.906 753.236 150.167 748.864 150.162V150.162Z"
fill="#2F2E41" />
<path id="fifth-circle"
d="M623.942 310.894C620.286 310.894 616.711 309.81 613.671 307.778C610.63 305.747 608.26 302.859 606.861 299.481C605.462 296.102 605.095 292.385 605.809 288.798C606.522 285.212 608.283 281.917 610.869 279.332C613.455 276.746 616.749 274.985 620.336 274.272C623.922 273.558 627.64 273.924 631.018 275.324C634.396 276.723 637.284 279.093 639.316 282.133C641.347 285.174 642.432 288.748 642.432 292.405C642.426 297.307 640.476 302.007 637.01 305.473C633.544 308.939 628.844 310.889 623.942 310.894ZM623.942 275.916C620.681 275.916 617.493 276.884 614.782 278.695C612.07 280.507 609.957 283.083 608.709 286.096C607.461 289.109 607.134 292.424 607.771 295.622C608.407 298.821 609.977 301.759 612.283 304.065C614.589 306.371 617.527 307.941 620.726 308.578C623.925 309.214 627.24 308.887 630.253 307.639C633.266 306.391 635.841 304.278 637.653 301.566C639.465 298.854 640.432 295.666 640.432 292.405C640.427 288.033 638.688 283.842 635.597 280.751C632.505 277.66 628.314 275.921 623.942 275.916Z"
fill="#2F2E41" />
<path id="forth-line" d="M606.454 291.405H438.226V293.405H606.454V291.405Z"
fill="#2F2E41" />
<path id="fifth-line"
d="M735.665 178.436L635.495 278.606L636.909 280.02L737.079 179.85L735.665 178.436Z"
fill="#2F2E41" />
<g id="top-pin-shadow">
<path id="Vector_28"
d="M748.864 189.137C767.262 189.137 782.177 188.018 782.177 186.638C782.177 185.259 767.262 184.14 748.864 184.14C730.466 184.14 715.552 185.259 715.552 186.638C715.552 188.018 730.466 189.137 748.864 189.137Z"
fill="#2F2E41" />
</g>
<g class="top-pin">
<path id="Vector_29"
d="M748.864 59.2183C744.49 59.2183 740.158 60.08 736.116 61.7541C732.075 63.4282 728.402 65.882 725.309 68.9753C722.215 72.0687 719.762 75.741 718.088 79.7826C716.414 83.8243 715.552 88.1561 715.552 92.5308C715.552 110.929 748.864 171.648 748.864 171.648C748.864 171.648 782.177 110.929 782.177 92.5308C782.177 88.1561 781.315 83.8243 779.641 79.7826C777.967 75.741 775.513 72.0687 772.42 68.9753C769.326 65.882 765.654 63.4282 761.612 61.7541C757.571 60.08 753.239 59.2183 748.864 59.2183ZM748.864 110.02C745.405 110.02 742.024 108.994 739.148 107.072C736.272 105.151 734.03 102.419 732.707 99.2235C731.383 96.0278 731.037 92.5114 731.711 89.1189C732.386 85.7263 734.052 82.6101 736.498 80.1642C738.944 77.7183 742.06 76.0527 745.452 75.3778C748.845 74.703 752.361 75.0494 755.557 76.3731C758.753 77.6968 761.484 79.9384 763.406 82.8144C765.328 85.6905 766.353 89.0718 766.353 92.5308C766.353 97.1692 764.511 101.618 761.231 104.897C757.951 108.177 753.503 110.02 748.864 110.02Z"
fill="#2F2E41" />
</g>
</g>
<defs>
<clipPath id="clip0">
<rect width="1134.45" height="709.784" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</footer>
</div>
</main>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous">
</script>
<script src="./assets/js/script.js"></script>
</body>
</html>