-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
339 lines (333 loc) · 19.5 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
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Mavins record | Global</title>
<link rel="stylesheet" href="./assets/css/style.css" />
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z"
crossorigin="anonymous"
/>
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap"
rel="stylesheet"
/>
<script
src="https://kit.fontawesome.com/da014721b9.js"
crossorigin="anonymous"
></script>
<style>
body {
overflow-y: hidden;
}
.content {
height: 50vh !important;
}
</style>
</head>
<body>
<div class="preloader">
<svg
width="100%"
height="332"
viewBox="0 0 737 332"
fill="none"
xmlns="http://www.w3.org/2000/svg"
id="logo"
>
<mask
id="path-1-outside-1"
maskUnits="userSpaceOnUse"
x="0.825195"
y="0.140625"
width="736"
height="332"
fill="yellow"
>
<rect
fill="white"
x="0.825195"
y="0.140625"
width="736"
height="332"
/>
<path
d="M134.985 5.14062L174.497 103.754L214.009 5.14062H234.678V126H218.74V78.9346L220.234 28.1338L180.557 126H168.354L128.76 28.3828L130.337 78.9346V126H114.399V5.14062H134.985Z"
/>
<path
d="M331.05 94.457H280.415L269.043 126H252.607L298.76 5.14062H312.705L358.94 126H342.588L331.05 94.457ZM285.229 81.3418H326.318L305.732 24.8135L285.229 81.3418Z"
/>
<path
d="M407.915 104.833L442.446 5.14062H459.878L415.054 126H400.942L356.201 5.14062H373.55L407.915 104.833Z"
/>
<path d="M493.247 126H477.31V5.14062H493.247V126Z" />
<path
d="M615.352 126H599.331L538.486 32.8652V126H522.466V5.14062H538.486L599.497 98.6904V5.14062H615.352V126Z"
/>
<path
d="M50.2344 276.108H21.8457V325H5.8252V204.141H45.835C59.4482 204.141 69.9072 207.24 77.2119 213.438C84.5719 219.635 88.252 228.656 88.252 240.498C88.252 248.024 86.2044 254.582 82.1094 260.171C78.0697 265.76 72.4251 269.938 65.1758 272.705L93.5645 324.004V325H76.4648L50.2344 276.108ZM21.8457 263.076H46.333C54.2464 263.076 60.5273 261.029 65.1758 256.934C69.8796 252.839 72.2314 247.36 72.2314 240.498C72.2314 233.027 69.9902 227.3 65.5078 223.315C61.0807 219.331 54.6615 217.311 46.25 217.256H21.8457V263.076Z"
/>
<path
d="M178.979 269.136H126.602V311.968H187.446V325H110.664V204.141H186.616V217.256H126.602V256.104H178.979V269.136Z"
/>
<path
d="M296.187 286.65C294.692 299.434 289.961 309.312 281.992 316.284C274.079 323.201 263.537 326.66 250.366 326.66C236.089 326.66 224.634 321.541 216.001 311.304C207.424 301.066 203.135 287.37 203.135 270.215V258.594C203.135 247.36 205.127 237.482 209.111 228.96C213.151 220.438 218.851 213.908 226.211 209.37C233.571 204.777 242.093 202.48 251.777 202.48C264.616 202.48 274.909 206.077 282.656 213.271C290.404 220.41 294.914 230.316 296.187 242.988H280.166C278.783 233.359 275.767 226.387 271.118 222.07C266.525 217.754 260.078 215.596 251.777 215.596C241.595 215.596 233.599 219.359 227.788 226.885C222.033 234.411 219.155 245.119 219.155 259.009V270.713C219.155 283.828 221.895 294.259 227.373 302.007C232.852 309.754 240.516 313.628 250.366 313.628C259.22 313.628 265.999 311.636 270.703 307.651C275.462 303.612 278.617 296.611 280.166 286.65H296.187Z"
/>
<path
d="M410.986 268.472C410.986 280.314 408.994 290.662 405.01 299.517C401.025 308.315 395.381 315.039 388.076 319.688C380.771 324.336 372.249 326.66 362.51 326.66C352.992 326.66 344.552 324.336 337.192 319.688C329.832 314.984 324.105 308.315 320.01 299.683C315.97 290.994 313.895 280.951 313.784 269.551V260.835C313.784 249.214 315.804 238.949 319.844 230.039C323.883 221.13 329.583 214.323 336.943 209.619C344.359 204.86 352.826 202.48 362.344 202.48C372.028 202.48 380.55 204.832 387.91 209.536C395.326 214.185 401.025 220.964 405.01 229.873C408.994 238.727 410.986 249.048 410.986 260.835V268.472ZM395.132 260.669C395.132 246.336 392.254 235.352 386.499 227.715C380.744 220.023 372.692 216.177 362.344 216.177C352.272 216.177 344.331 220.023 338.521 227.715C332.765 235.352 329.805 245.977 329.639 259.59V268.472C329.639 282.362 332.544 293.291 338.354 301.26C344.22 309.173 352.272 313.13 362.51 313.13C372.803 313.13 380.771 309.395 386.416 301.924C392.061 294.398 394.966 283.634 395.132 269.634V260.669Z"
/>
<path
d="M479.219 276.108H450.83V325H434.81V204.141H474.819C488.433 204.141 498.892 207.24 506.196 213.438C513.556 219.635 517.236 228.656 517.236 240.498C517.236 248.024 515.189 254.582 511.094 260.171C507.054 265.76 501.41 269.938 494.16 272.705L522.549 324.004V325H505.449L479.219 276.108ZM450.83 263.076H475.317C483.231 263.076 489.512 261.029 494.16 256.934C498.864 252.839 501.216 247.36 501.216 240.498C501.216 233.027 498.975 227.3 494.492 223.315C490.065 219.331 483.646 217.311 475.234 217.256H450.83V263.076Z"
/>
<path
d="M539.648 325V204.141H573.765C584.279 204.141 593.576 206.465 601.655 211.113C609.735 215.762 615.96 222.375 620.332 230.952C624.759 239.53 627 249.38 627.056 260.503V268.223C627.056 279.622 624.842 289.611 620.415 298.188C616.043 306.766 609.762 313.351 601.572 317.944C593.438 322.537 583.947 324.889 573.101 325H539.648ZM555.586 217.256V311.968H572.354C584.639 311.968 594.185 308.149 600.991 300.513C607.853 292.876 611.284 282.002 611.284 267.891V260.835C611.284 247.111 608.047 236.458 601.572 228.877C595.153 221.24 586.022 217.367 574.18 217.256H555.586Z"
/>
<path
d="M686.821 271.128C673.153 267.199 663.192 262.384 656.938 256.685C650.741 250.929 647.642 243.846 647.642 235.435C647.642 225.916 651.432 218.058 659.014 211.86C666.65 205.607 676.556 202.48 688.73 202.48C697.031 202.48 704.419 204.085 710.894 207.295C717.424 210.505 722.459 214.932 726.001 220.576C729.598 226.221 731.396 232.391 731.396 239.087H715.376C715.376 231.782 713.052 226.055 708.403 221.904C703.755 217.699 697.197 215.596 688.73 215.596C680.872 215.596 674.73 217.339 670.303 220.825C665.931 224.256 663.745 229.043 663.745 235.186C663.745 240.111 665.82 244.289 669.971 247.72C674.176 251.095 681.287 254.194 691.304 257.017C701.375 259.839 709.233 262.965 714.878 266.396C720.578 269.772 724.784 273.729 727.495 278.267C730.262 282.804 731.646 288.145 731.646 294.287C731.646 304.082 727.827 311.94 720.19 317.861C712.554 323.727 702.344 326.66 689.561 326.66C681.26 326.66 673.512 325.083 666.318 321.929C659.124 318.719 653.563 314.347 649.634 308.813C645.76 303.28 643.823 296.999 643.823 289.971H659.844C659.844 297.275 662.528 303.058 667.896 307.319C673.319 311.525 680.54 313.628 689.561 313.628C697.972 313.628 704.419 311.912 708.901 308.481C713.384 305.05 715.625 300.374 715.625 294.453C715.625 288.532 713.55 283.966 709.399 280.757C705.249 277.492 697.723 274.282 686.821 271.128Z"
/>
</mask>
<path
d="M134.985 5.14062L174.497 103.754L214.009 5.14062H234.678V126H218.74V78.9346L220.234 28.1338L180.557 126H168.354L128.76 28.3828L130.337 78.9346V126H114.399V5.14062H134.985Z"
stroke="rgb(218,165,32)"
stroke-width="4"
mask="url(#path-1-outside-1)"
/>
<path
d="M331.05 94.457H280.415L269.043 126H252.607L298.76 5.14062H312.705L358.94 126H342.588L331.05 94.457ZM285.229 81.3418H326.318L305.732 24.8135L285.229 81.3418Z"
stroke="rgb(218,165,32)"
stroke-width="4"
mask="url(#path-1-outside-1)"
/>
<path
d="M407.915 104.833L442.446 5.14062H459.878L415.054 126H400.942L356.201 5.14062H373.55L407.915 104.833Z"
stroke="rgb(218,165,32)"
stroke-width="4"
mask="url(#path-1-outside-1)"
/>
<path
d="M493.247 126H477.31V5.14062H493.247V126Z"
stroke="rgb(218,165,32)"
stroke-width="4"
mask="url(#path-1-outside-1)"
/>
<path
d="M615.352 126H599.331L538.486 32.8652V126H522.466V5.14062H538.486L599.497 98.6904V5.14062H615.352V126Z"
stroke="rgb(218,165,32)"
stroke-width="4"
mask="url(#path-1-outside-1)"
/>
<path
d="M50.2344 276.108H21.8457V325H5.8252V204.141H45.835C59.4482 204.141 69.9072 207.24 77.2119 213.438C84.5719 219.635 88.252 228.656 88.252 240.498C88.252 248.024 86.2044 254.582 82.1094 260.171C78.0697 265.76 72.4251 269.938 65.1758 272.705L93.5645 324.004V325H76.4648L50.2344 276.108ZM21.8457 263.076H46.333C54.2464 263.076 60.5273 261.029 65.1758 256.934C69.8796 252.839 72.2314 247.36 72.2314 240.498C72.2314 233.027 69.9902 227.3 65.5078 223.315C61.0807 219.331 54.6615 217.311 46.25 217.256H21.8457V263.076Z"
stroke="rgb(218,165,32)"
stroke-width="4"
mask="url(#path-1-outside-1)"
/>
<path
d="M178.979 269.136H126.602V311.968H187.446V325H110.664V204.141H186.616V217.256H126.602V256.104H178.979V269.136Z"
stroke="rgb(218,165,32)"
stroke-width="4"
mask="url(#path-1-outside-1)"
/>
<path
d="M296.187 286.65C294.692 299.434 289.961 309.312 281.992 316.284C274.079 323.201 263.537 326.66 250.366 326.66C236.089 326.66 224.634 321.541 216.001 311.304C207.424 301.066 203.135 287.37 203.135 270.215V258.594C203.135 247.36 205.127 237.482 209.111 228.96C213.151 220.438 218.851 213.908 226.211 209.37C233.571 204.777 242.093 202.48 251.777 202.48C264.616 202.48 274.909 206.077 282.656 213.271C290.404 220.41 294.914 230.316 296.187 242.988H280.166C278.783 233.359 275.767 226.387 271.118 222.07C266.525 217.754 260.078 215.596 251.777 215.596C241.595 215.596 233.599 219.359 227.788 226.885C222.033 234.411 219.155 245.119 219.155 259.009V270.713C219.155 283.828 221.895 294.259 227.373 302.007C232.852 309.754 240.516 313.628 250.366 313.628C259.22 313.628 265.999 311.636 270.703 307.651C275.462 303.612 278.617 296.611 280.166 286.65H296.187Z"
stroke="rgb(218,165,32)"
stroke-width="4"
mask="url(#path-1-outside-1)"
/>
<path
d="M410.986 268.472C410.986 280.314 408.994 290.662 405.01 299.517C401.025 308.315 395.381 315.039 388.076 319.688C380.771 324.336 372.249 326.66 362.51 326.66C352.992 326.66 344.552 324.336 337.192 319.688C329.832 314.984 324.105 308.315 320.01 299.683C315.97 290.994 313.895 280.951 313.784 269.551V260.835C313.784 249.214 315.804 238.949 319.844 230.039C323.883 221.13 329.583 214.323 336.943 209.619C344.359 204.86 352.826 202.48 362.344 202.48C372.028 202.48 380.55 204.832 387.91 209.536C395.326 214.185 401.025 220.964 405.01 229.873C408.994 238.727 410.986 249.048 410.986 260.835V268.472ZM395.132 260.669C395.132 246.336 392.254 235.352 386.499 227.715C380.744 220.023 372.692 216.177 362.344 216.177C352.272 216.177 344.331 220.023 338.521 227.715C332.765 235.352 329.805 245.977 329.639 259.59V268.472C329.639 282.362 332.544 293.291 338.354 301.26C344.22 309.173 352.272 313.13 362.51 313.13C372.803 313.13 380.771 309.395 386.416 301.924C392.061 294.398 394.966 283.634 395.132 269.634V260.669Z"
stroke="rgb(218,165,32)"
stroke-width="4"
mask="url(#path-1-outside-1)"
/>
<path
d="M479.219 276.108H450.83V325H434.81V204.141H474.819C488.433 204.141 498.892 207.24 506.196 213.438C513.556 219.635 517.236 228.656 517.236 240.498C517.236 248.024 515.189 254.582 511.094 260.171C507.054 265.76 501.41 269.938 494.16 272.705L522.549 324.004V325H505.449L479.219 276.108ZM450.83 263.076H475.317C483.231 263.076 489.512 261.029 494.16 256.934C498.864 252.839 501.216 247.36 501.216 240.498C501.216 233.027 498.975 227.3 494.492 223.315C490.065 219.331 483.646 217.311 475.234 217.256H450.83V263.076Z"
stroke="rgb(218,165,32)"
stroke-width="4"
mask="url(#path-1-outside-1)"
/>
<path
d="M539.648 325V204.141H573.765C584.279 204.141 593.576 206.465 601.655 211.113C609.735 215.762 615.96 222.375 620.332 230.952C624.759 239.53 627 249.38 627.056 260.503V268.223C627.056 279.622 624.842 289.611 620.415 298.188C616.043 306.766 609.762 313.351 601.572 317.944C593.438 322.537 583.947 324.889 573.101 325H539.648ZM555.586 217.256V311.968H572.354C584.639 311.968 594.185 308.149 600.991 300.513C607.853 292.876 611.284 282.002 611.284 267.891V260.835C611.284 247.111 608.047 236.458 601.572 228.877C595.153 221.24 586.022 217.367 574.18 217.256H555.586Z"
stroke="rgb(218,165,32)"
stroke-width="4"
mask="url(#path-1-outside-1)"
/>
<path
d="M686.821 271.128C673.153 267.199 663.192 262.384 656.938 256.685C650.741 250.929 647.642 243.846 647.642 235.435C647.642 225.916 651.432 218.058 659.014 211.86C666.65 205.607 676.556 202.48 688.73 202.48C697.031 202.48 704.419 204.085 710.894 207.295C717.424 210.505 722.459 214.932 726.001 220.576C729.598 226.221 731.396 232.391 731.396 239.087H715.376C715.376 231.782 713.052 226.055 708.403 221.904C703.755 217.699 697.197 215.596 688.73 215.596C680.872 215.596 674.73 217.339 670.303 220.825C665.931 224.256 663.745 229.043 663.745 235.186C663.745 240.111 665.82 244.289 669.971 247.72C674.176 251.095 681.287 254.194 691.304 257.017C701.375 259.839 709.233 262.965 714.878 266.396C720.578 269.772 724.784 273.729 727.495 278.267C730.262 282.804 731.646 288.145 731.646 294.287C731.646 304.082 727.827 311.94 720.19 317.861C712.554 323.727 702.344 326.66 689.561 326.66C681.26 326.66 673.512 325.083 666.318 321.929C659.124 318.719 653.563 314.347 649.634 308.813C645.76 303.28 643.823 296.999 643.823 289.971H659.844C659.844 297.275 662.528 303.058 667.896 307.319C673.319 311.525 680.54 313.628 689.561 313.628C697.972 313.628 704.419 311.912 708.901 308.481C713.384 305.05 715.625 300.374 715.625 294.453C715.625 288.532 713.55 283.966 709.399 280.757C705.249 277.492 697.723 274.282 686.821 271.128Z"
stroke="rgb(218,165,32)"
stroke-width="4"
mask="url(#path-1-outside-1)"
/>
<defs>
<pattern
id="image"
x="0%"
y="0%"
height="100%"
width="100%"
viewBox="0 0 512 232"
>
<image
x="-56%"
y="-40%"
width="1332"
height="510"
xlink:href="./images/mavins2.jpg"
></image>
</pattern>
</defs>
<circle
class="medium"
cx="50"
cy="40%"
r="70"
fill="url(#image)"
stroke="rgb(218,165,32)"
stroke-width="0.5%"
id="rotateCircle"
></circle>
</svg>
<div class="cursor"></div>
</div>
<div class="content">
<header>
<div class="header">
<div class="header-top">
<div class="logo">
<a href="index.html">
<img src="./images/logo-light.png" alt="logo" />
</a>
</div>
<div class="menu-toggle">
<div class="bars-text">
<div class="bars"></div>
<div class="bars"></div>
<div class="bars"></div>
</div>
</div>
</div>
<nav>
<ul class="menu">
<li class="item-img">
<a href="index.html">
<img
src="./images/logo-aside-light.png"
alt=""
class="header-image image-container"
/>
</a>
</li>
<li>
<a href="about.html">ABOUT</a>
<div class="animation"></div>
</li>
<li>
<a href="talents.html">TALENTS</a>
<div class="animation"></div>
</li>
<li>
<a href="services.html">SERVICES</a>
<div class="animation"></div>
</li>
<li>
<a href="careers.html">CAREERS</a>
<div class="animation"></div>
</li>
<li>
<a href="faq.html">FAQ</a>
<div class="animation"></div>
</li>
<li>
<a href="contact.html">CONTACT US</a>
<div class="animation"></div>
</li>
<li class="search">
<i class="fa fa-search" aria-hidden="true"></i>
</li>
<div class="header-buttons">
<div><i class="fa fa-facebook" aria-hidden="true"></i></div>
<div><i class="fa fa-instagram" aria-hidden="true"></i></div>
<div><i class="fa fa-twitter" aria-hidden="true"></i></div>
</div>
</ul>
</nav>
</div>
</header>
<div class="search-div">
<div class="closebtn">
<i class="fa fa-times" aria-hidden="true"></i>
</div>
<div class="input">
<input
type="text"
class="name"
placeholder="Artiste, Business.."
/><button class="searchbtn">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="main">
<div class="body-content">
<div class="text">
<p class="name-center">CUTE</p>
</div>
<div class="buttons">
<button class="btn btnleft">
<div class="btw">
<i class="fa fa-chevron-left" aria-hidden="true"></i>
</div>
</button>
<button class="btn btnright">
<div class="btw">
<i class="fa fa-chevron-right" aria-hidden="true"></i>
</div>
</button>
</div>
</div>
</div>
<footer class="footer d-flex">
<div class="copyright col-sm-6 col-md-6">
© FAKO. All Rights Reserved.
</div>
<div class="contact d-none d-md-flex">
<div class="privacyPolicy">Privacy Policy</div>
<div class="scrollToTop">
<i class="fas fa-angle-up"></i>
</div>
<div class="contact-icon d-flex ml-5">
<div class="ml-4">
<a href="https://web.facebook.com/dfakorede29"
><i class="fa fa-facebook" aria-hidden="true"></i
></a>
</div>
<div class="ml-4">
<a href="https://github.com/fakoredeDamilola">
<i class="fa fa-github" aria-hidden="true"></i
></a>
</div>
<div class="ml-4">
<a href="https://www.twitter.com/@fakoredeDami"
><i class="fa fa-twitter" aria-hidden="true"></i
></a>
</div>
<div class="ml-4">
<a href="https://www.linkedin.com/in/fakorede-damilola-316736183/"
><i class="fab fa-linkedin-in"></i
></a>
</div>
</div>
</div>
</footer>
</div>
<script src="./assets/js/index.js"></script>
<script
src="https://code.jquery.com/jquery-3.5.1.js"
integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="
crossorigin="anonymous"
></script>
</body>
</html>