├── .gitattributes
├── README.md
├── css
    └── style.css
├── images
    ├── bg-2.png
    ├── bg-pattern-desktop.svg
    ├── bg-pattern-mobile.svg
    ├── bg.png
    ├── bg.svg
    ├── create-this-cool-neon-animation-discord-avatar.jpg
    ├── f0082eb1d5c19d7ad401c4471701f7ec.jpg
    ├── fav-icon.png
    ├── favicon-32x32.png
    ├── fire.gif
    ├── icon-arrow-down.svg
    ├── icon_7.svg
    ├── illustration-box-desktop.svg
    ├── illustration-woman-online-desktop.svg
    ├── illustration-woman-online-mobile.svg
    ├── logo.png
    ├── model-bg.svg
    ├── model.png
    └── skill2.png
├── index.html
├── index.js
└── js
    └── main.js


/.gitattributes:
--------------------------------------------------------------------------------
1 | # Auto detect text files and perform LF normalization
2 | * text=auto
3 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | <div align="center">
 2 |   <p>
 3 |     <h1>Advanced Website</h1>
 4 |   </p>
 5 | </div>
 6 | 
 7 | ## Table Of Contents
 8 | 
 9 | - [Table Of Contents](#table-of-contents)
10 | - [About ❔](#about-)
11 | - [Preview](#preview)
12 | - [Other Projects](#other-projects)
13 | 
14 | 
15 | ## About ❔
16 | 
17 | This is a Advanced Website made by FiredragonPlayz#0087 and a friend using HTML and CSS!
18 | 
19 | ## Preview 
20 | 
21 | For a Live Preview of this website [click me](https://flamebot.gq)
22 | 
23 | ## Other Projects
24 | 
25 | - Other Projects
26 |   - [Flame Bot](https://top.gg/bot/796279185080582185)
27 |   - [Website](https://flamebot.gq)
28 | 
29 | Make Sure to ⭐ Star and 💎 Follow! 
30 | And Don't Remove the Credits!
31 | 
32 | 
33 | <br/>
34 | <br/>
35 | <div align="center">
36 | <a href="https://discord.com/users/725945760629129277" target="_blank" >
37 |     <img align ="left" alt="FiredragonPlayz's Discord" width="22px" src ="https://cdn.jsdelivr.net/npm/simple-icons@v3/icons/discord.svg" />
38 | </a>
39 |   <a href="https://twitter.com/Firedragon_Play" target="_blank">
40 |     <img align ="left" alt="FiredragonPlayz's Twitter " width="22px" src ="https://cdn.jsdelivr.net/npm/simple-icons@v3/icons/twitter.svg" />
41 |   </a>
42 |   <a href="https://youtube.com/c/FiredragonPlayz" target="_blank">
43 |     <img align ="left" alt="FiredragonPlayz's Twitter " width="22px" src ="https://cdn.jsdelivr.net/npm/simple-icons@v3/icons/youtube.svg" />
44 |   </a>
45 |   <a href="https://github.com/FiredragonPlayz" target="_blank">
46 |     <img align ="left" alt="FiredragonPlayz's Github " width="22px" src ="https://cdn.jsdelivr.net/npm/simple-icons@v3/icons/github.svg" />
47 |   </a>
48 | </div>


--------------------------------------------------------------------------------
/css/style.css:
--------------------------------------------------------------------------------
  1 | body {
  2 |     margin: 0px;
  3 |     padding: 0px;
  4 |     font-family: poppins;
  5 |     background-color: #111111;
  6 | }
  7 | 
  8 | *{
  9 |     box-sizing: border-box;
 10 | }
 11 | 
 12 | ul{
 13 |     list-style: none;
 14 | }
 15 | 
 16 | a{
 17 |     text-decoration: none;
 18 | }
 19 | 
 20 | .navigation{
 21 |     position: fixed;
 22 |     left: 0px;
 23 |     top: 0px;
 24 |     width: 100%;
 25 |     display: flex;
 26 |     justify-content: space-between;
 27 |     align-items: center;
 28 |     padding: 15px 50px;
 29 |     z-index: 4;
 30 |     background-image: linear-gradient(180deg, rgb(17, 17, 17) 15%, transparent);
 31 | }
 32 | a#scroll-up {
 33 | 	bottom: 40px;
 34 |     width: -3%;
 35 |     height: -   4%;
 36 | 	position: fixed;
 37 | 	right: 30px;
 38 | 	display: none;
 39 | 	-webkit-font-smoothing: antialiased;
 40 | 	font: normal 29px/1 'Genericons';
 41 | 	vertical-align: top;
 42 | 	color: #FFFFFF;
 43 | 	background-color: #0FBE7C;
 44 | 	opacity: 0.5;
 45 | 	filter:alpha(opacity=50); /* For IE8 and earlier */
 46 | 	border-radius: 3px;
 47 | 	padding: 6px;
 48 | }
 49 | a#scroll-up:before {
 50 | 	content: '\f432';
 51 | }
 52 | a#scroll-up:hover {
 53 | 	opacity: 4;
 54 | 	filter:alpha(opacity=100); /* For IE8 and earlier */
 55 | }
 56 | 
 57 | .menu{
 58 |     display: flex;
 59 |     justify-content: center;
 60 |     align-items: center;
 61 |     margin: 0px;
 62 | }
 63 | 
 64 | .menu li {
 65 |     padding: 20px;
 66 | }
 67 | 
 68 | .logo {
 69 |     height: 33px;
 70 | }
 71 | 
 72 | .logo img{
 73 |     height: 100%;
 74 |     object-fit: contain;
 75 |     object-position: center;
 76 | 
 77 | }
 78 | 
 79 | .menu li a{
 80 |     color: #ffffffcc;
 81 | }
 82 | 
 83 | .hire-me{
 84 |     color: #46a0f5;
 85 | }
 86 | 
 87 | .hire-me i{
 88 |     margin-left: 4px;
 89 | }
 90 | 
 91 | .menu li a:hover{
 92 |     color: #46a0f5;
 93 |     transition: all ease 0.5s;
 94 | }
 95 | 
 96 | .hire-me:hover{
 97 |     color: #1a82e2;
 98 |     transition: all ease 0.5s;
 99 | }
100 | 
101 | #main{
102 |     width: 100%;
103 |     height: 100vh;
104 |     position: relative;
105 |     overflow: hidden;
106 |     z-index: 1;
107 | }
108 | 
109 | #main::before{
110 |     content: '';
111 |     position: absolute;
112 |     width: 130%;
113 |     height: 100vh;
114 |     left: -20%;
115 |     top: -23%;
116 |     transform: rotate(10deg);
117 |     background: linear-gradient(45deg, rgb(19,19,19) -10%, #141516);
118 |     z-index: -1;
119 | 
120 | }
121 | 
122 | .main-text{
123 |     position: absolute;
124 |     left: 15%;
125 |     top: 50%;
126 |     transform: translate(-15%, -50%);
127 |     width: 500px;
128 | }
129 | 
130 | .main-text h1{
131 |     color: #ffffff;
132 |     font-size: 2.5rem;
133 |     font-weight: 600;
134 |     text-shadow: 2px 2px 30px rgba(0,0,0,0.1);
135 |     margin: 0px;
136 |     line-height: 45px;
137 | }
138 | 
139 | .main-text p{
140 |     color: #8a94a7c0;
141 |     font-size: 1rem;
142 |     margin: 0px;
143 |     margin-top: 10px;
144 | }
145 | 
146 | .main-btns{
147 |     display: flex;
148 |     align-items: center;
149 |     margin-top: 25px;
150 | }
151 | .main-btns a{
152 |     width:180px;
153 |     height: 50px;
154 |     display: flex;
155 |     justify-content: center;
156 |     align-items: center;
157 |     text-transform: uppercase;
158 |     color: #ffffff;
159 |     box-shadow: 2px 2px 30px rgba(0,0,0,0.05);
160 |     letter-spacing: 1px;
161 |     font-size: 0.9rem;
162 | }
163 | .download-cv-btn{
164 |     background: linear-gradient(90deg, #2788e2 20%, #3b58b8);
165 |     margin-right: 20px;
166 | }
167 | .hire-me-btn{
168 |     background-color: #242830;
169 | }
170 | .hire-me-btn:hover{
171 |     background-color: #0f7ce2;
172 |     transition: all ease 0.3s;
173 | }
174 | 
175 | .model{
176 |     width:500px;
177 |     height: 500px;
178 |     position: absolute;
179 |     top: 50%;
180 |     right: 7%;
181 |     transform: translate(-7%,-50%);
182 | }
183 | .model img{
184 |     width:100%;
185 |     height: 100%;
186 |     object-fit: contain;
187 | }
188 | 
189 | .model-bg{
190 |     position: absolute;
191 |     right: 0px;
192 |     top: 0px;
193 |     width:45%;
194 |     height: 100%;
195 | }
196 | .model-bg img{
197 |     width:100%;
198 |     height: 100%;
199 |     object-fit: contain;
200 |     object-position: top;
201 | }
202 | 
203 | /*about---------------------*/
204 | #about{
205 |     width:90%;
206 |     display: flex;
207 |     justify-content: space-around;
208 |     align-items: center;
209 |     margin: auto auto 50px auto;
210 | }
211 | .about-text-section{
212 |     width:400px;
213 | }
214 | .skill-heading span{
215 |     color: #416cdf;
216 |     font-weight: 500;
217 |     text-transform: uppercase;
218 |     letter-spacing: 1px;
219 |     font-size: 1rem;
220 | }
221 | .s-box-container{
222 |     margin-top: 30px;
223 | }
224 | .skill-box{
225 |     display: flex;
226 |     margin: 25px 0px;
227 | }
228 | .s-box-icon{
229 |     margin-right: 12px;
230 | }
231 | .s-box-icon i{
232 |     width:40px;
233 |     height: 40px;
234 |     border-radius: 50%;
235 |     display: flex;
236 |     justify-content: center;
237 |     align-items: center;
238 |     color: #ffffff;
239 |     background-color: #968f8f11;
240 |     font-size: 1.1rem;
241 | }
242 | 
243 | .skill-heading p{
244 |     color: #8a94a783;
245 |     font-size: 0.95rem;
246 | }
247 | .skill-box strong{
248 |     color: #ffffff;
249 |     margin: 0px;
250 |     font-weight: 400;
251 |     font-size: 0.9rem;
252 | }
253 | .skill-box p{
254 |     color: #8a94a783;
255 |     font-size: 0.9rem;
256 | }
257 | .fa-html5{
258 |     color: #e06061;
259 | }
260 | .fa-css3-alt{
261 |     color: #5d85f3;
262 | }
263 | .fa-js{
264 |     color: #f9ca31;
265 | }
266 | 
267 | 
268 | .skill-img{
269 |     width:300px;
270 |     height: 300px;
271 |     border-radius: 1rem;
272 | }
273 | .skill-img img{
274 |     width:100%;
275 |     height: 100%;
276 |     border-radius: 1rem;
277 | }
278 | 
279 | /*Introduction------------------*/
280 | #introduction{
281 |     display: flex;
282 |     justify-content: center;
283 |     align-items: center;
284 |     flex-direction: column;
285 |     z-index: 3;
286 |     position: relative;
287 |     text-align: center;
288 |     max-width: 80%;
289 |     border-top: 1px solid #292b32;
290 |     padding: 5px 0px;
291 |     border-bottom: 1px solid #292b32;
292 |     margin: 5px auto;
293 |     background-image: url(../images/bg.png);
294 |     background-size: 950px;
295 |     background-repeat: no-repeat;
296 |     background-position: center;
297 | }
298 | .intro-heading{
299 |     width:60%;
300 | }
301 | .intro-heading strong{
302 |     color: #ffffff;
303 |     font-size: 2.5rem;
304 |     font-weight: 600;
305 | }
306 | .intro-heading p{
307 |     color: #8a94a763;
308 | }
309 | .intro-video{
310 |     margin-top: 50px;
311 | }
312 | .intro-video iframe{
313 |     width:712px;
314 |     height: 400px;
315 | }
316 | 
317 | :root{
318 |   --nav-width: 92px;
319 | 
320 |   /*===== Colores =====*/
321 |   --first-color: #0C5DF4;
322 |   --bg-color: #12192C;
323 |   --sub-color: #B6CEFC;
324 |   --white-color: #FFF;
325 |   
326 |   /*===== Fuente y tipografia =====*/
327 |   --body-font: 'Poppins', sans-serif;
328 |   --normal-font-size: 1rem;
329 |   --small-font-size: .875rem;
330 |   
331 |   /*===== z index =====*/
332 |   --z-fixed: 100;
333 | }
334 | 
335 | 
336 | /*===== BASE =====*/
337 | *,::before,::after{
338 |   box-sizing: border-box;
339 | }
340 | body{
341 |   position: relative;
342 |   margin: 0;
343 |   padding: 2rem 0 0 6.75rem;
344 |   font-family: var(--body-font);
345 |   font-size: var(--normal-font-size);
346 |   transition: .5s;
347 | }
348 | h1{
349 |   margin: 0;
350 | }
351 | ul{
352 |   margin: 0;
353 |   padding: 0;
354 |   list-style: none;
355 | }
356 | a{
357 |   text-decoration: none;
358 | }
359 | 
360 | /*===== l NAV =====*/
361 | .l-navbar{
362 |   position: fixed;
363 |   top: 0;
364 |   left: 0;
365 |   width: var(--nav-width);
366 |   height: 100vh;
367 |   background-color: var(--bg-color);
368 |   color: var(--white-color);
369 |   padding: 1.5rem 1.5rem 2rem;
370 |   transition: .5s;
371 |   z-index: var(--z-fixed);
372 | }
373 | 
374 | /*===== NAV =====*/
375 | .nav{
376 |   height: 100%;
377 |   display: flex;
378 |   flex-direction: column;
379 |   justify-content: space-between;
380 |   overflow: hidden;
381 | }
382 | .nav__brand{
383 |   display: grid;
384 |   grid-template-columns: max-content max-content;
385 |   justify-content: space-between;
386 |   align-items: center;
387 |   margin-bottom: 2rem;
388 | }
389 | .nav__toggle{
390 |   font-size: 1.25rem;
391 |   padding: .75rem;
392 |   cursor: pointer;
393 | }
394 | .nav__logo{
395 |   color: var(--white-color);
396 |   font-weight: 600;
397 | }
398 | 
399 | .nav__link{
400 |   display: grid;
401 |   grid-template-columns: max-content max-content;
402 |   align-items: center;
403 |   column-gap: .75rem;
404 |   padding: .75rem;
405 |   color: var(--white-color);
406 |   border-radius: .5rem;
407 |   margin-bottom: 1rem;
408 |   transition: .3s;
409 |   cursor: pointer;
410 | }
411 | .nav__link:hover{
412 |   background-color: var(--first-color);
413 | }
414 | .nav__icon{
415 |   font-size: 1.25rem;
416 | }
417 | .nav__name{
418 |   font-size: var(--small-font-size);
419 | }
420 | 
421 | /*Expander menu*/
422 | .expander{
423 |   width: calc(var(--nav-width) + 9.25rem);
424 | }
425 | 
426 | /*Add padding body*/
427 | .body-pd{
428 |   padding: 2rem 0 0 16rem;
429 | }
430 | 
431 | /*Active links menu*/
432 | .active{
433 |   background-color: var(--first-color);
434 | }
435 | 
436 | /*===== COLLAPSE =====*/
437 | .collapse{
438 |   grid-template-columns: 20px max-content 1fr;
439 | }
440 | .collapse__link{
441 |   justify-self: flex-end;
442 |   transition: .5s;
443 | }
444 | .collapse__menu{
445 |   display: none;
446 |   padding: .75rem 2.25rem;
447 | }
448 | .collapse__sublink{
449 |   color: var(--sub-color);
450 |   font-size: var(--small-font-size);
451 | }
452 | .collapse__sublink:hover{
453 |   color: var(--white-color);
454 | }
455 | 
456 | /*Show collapse*/
457 | .showCollapse{
458 |   display: block;
459 | }
460 | 
461 | /*Rotate icon*/
462 | .rotate{
463 |   transform: rotate(180deg);
464 | }
465 | 
466 | #Features{
467 |     display: flex;
468 |     justify-content: center;
469 |     align-items: center;
470 |     flex-direction: column;
471 |     z-index: 3;
472 |     position: relative;
473 | }
474 | .Features-heading{
475 |     color: #ffffff;
476 |     font-size: 1.2rem;
477 |     letter-spacing: 1px;
478 |     text-transform: uppercase;
479 |     width:90%;
480 |     background-color: #141516;
481 |     padding: 10px;
482 |     display: flex;
483 | }
484 | .Features-box-container{
485 |     width:90%;
486 |     margin-top: 40px;
487 |     display: grid;
488 |     grid-template-columns: 1fr 1fr;
489 |     grid-template-rows: auto auto;
490 | }
491 | .service-box{
492 |     display: flex;
493 |     flex-direction: column;
494 |     justify-content: center;
495 |     margin: 0px 20px 20px 20px;
496 | }
497 | .service-box i{
498 |     font-size: 2.5rem;
499 |     background: linear-gradient(90deg,#2788e2 20%,#3b67b8);
500 |     margin-bottom: 10px;
501 |     margin-right: auto;
502 |     -webkit-background-clip: text;
503 |     -webkit-text-fill-color: transparent;
504 |  
505 | }
506 | .service-box p{
507 |     color: #8a94a783;
508 |     font-size: 0.95rem;
509 | }
510 | .service-box strong{
511 |     font-size: 1.2rem;
512 |     font-weight: 400;
513 |     letter-spacing: 1px;
514 |     color: #e4e4e4;
515 | }
516 | 
517 | .emojis{
518 |     display: flex;
519 |     flex-direction: column;
520 |     justify-content: center;
521 |     margin: 0px 20px 20px 20px;
522 | }
523 | 
524 | .emojis i{
525 |     font-size: 3.2rem;
526 |     background: linear-gradient(90deg,#2788e2 20%,#3b67b8);
527 |     margin-bottom: 10px;
528 |     margin-right: auto;
529 |     -webkit-background-clip: text;
530 |     -webkit-text-fill-color: transparent;
531 |  
532 | }
533 | 
534 | .emojis strong{
535 |     font-size: 1.2rem;
536 |     font-weight: 400;
537 |     letter-spacing: 1px;
538 |     color: #e4e4e4;
539 | }
540 | 
541 | #get-in-touch{
542 |     width:90%;
543 |     height:100px;
544 |     background-color: #15181d;
545 |     display: flex;
546 |     margin: 60px auto;
547 |     padding: 20px 40px;
548 |     justify-content: space-between;
549 |     align-items: center;
550 |     background-image: url(../images/bg-2.png);
551 |     background-position: top right;
552 |     background-size: 400px;
553 |     background-repeat: no-repeat;
554 | }
555 | #get-in-touch span{
556 |     color: #e4e4e4;
557 |     font-size: 1.3rem;
558 |     font-weight: 600;
559 | }
560 | #get-in-touch a{
561 |     color: #ffffff;
562 |     width:160px;
563 |     height: 50px;
564 |     display: flex;
565 |     justify-content: center;
566 |     align-items: center;
567 |     background: linear-gradient(90deg,#2788e2 20%,#3b4eb8);
568 | }
569 | 
570 | #client{
571 | 	width:100%;
572 | 	border-top: 1px solid rgba(58,58,58,0.03);
573 | 	border-bottom: 1px solid rgba(58,58,58,0.03);
574 | 	padding: 50px 0px;
575 | 	background-image: url("../images/bg.png");
576 | 	background-position: center;
577 | 	background-size: 1000px;
578 | }
579 | .client-heading{
580 | 	display: flex;
581 | 	justify-content: center;
582 | 	align-items: center;
583 | 	flex-direction: column;
584 | }
585 | .c-box-container{
586 | 	display: flex;
587 | 	justify-content: center;
588 | 	align-items: center;
589 | 	flex-wrap: wrap;
590 | 	margin:20px 0px;
591 | }
592 | .client-box {
593 | 	width:310px;
594 | 	height: 350px;
595 | 	background-color: black;
596 | 	border-radius: 10px;
597 | 	display: flex;
598 | 	justify-content: center;
599 | 	align-items: center;
600 | 	flex-direction: column;
601 | 	padding: 10px;
602 | 	margin: 20px;
603 | 	box-shadow: 5px 10px 30px rgba(0,0,0,0.08);
604 | }
605 | .client-box img{
606 | 	width:90px;
607 | 	height: 90px;
608 | 	border-radius: 50%;
609 | 	object-fit: cover;
610 | }
611 | .client-box strong{
612 | 	color:#ff0000;
613 | 	margin:0px;
614 | 	font-size: 1.1rem;
615 | 	font-weight: 600;
616 | 	margin-top:10px;
617 | }
618 | .star{
619 | display: flex;
620 | 	margin: 10px 0px 10px 0px;
621 | }
622 | .star i{
623 | 	color:#ff9529;
624 | }
625 | .client-box p{
626 | 	color:#747474;
627 | 	font-size: 0.9rem;
628 | 	margin:0px;
629 | 	text-align: center;
630 | 	display: block;
631 | 	display: -webkit-box;
632 | 	max-width: 80%;
633 | 	-webkit-line-clamp:4;
634 | 	-webkit-box-orient:vertical;
635 | 	overflow: hidden;
636 | 	text-overflow: ellipsis;
637 | }
638 | .client-box a{
639 | 	width:190px;
640 | 	height: 44px;
641 | 	display: flex;
642 | 	justify-content: center;
643 | 	align-items: center;
644 | 	color:black;
645 | 	background-color: #ff0000;
646 | 	border-radius: 20px;
647 | 	box-shadow: 4px 10px 30px rgba(24,139,119,0.2);
648 | }
649 | .client-box a{
650 | 	width:140px;
651 | 	margin-top: 20px;
652 | 	border-radius: 0px;
653 | }
654 | .client-box:hover{
655 | 	transform: translateY(-10px);
656 | 	box-shadow: 5px 10px 30px rgba(0,0,0,0.1);
657 |     background-color:black;
658 | 	transition:  0.5s;
659 | }
660 | 
661 | .client-heading span{
662 |     font-size: 1.2rem;
663 |     font-weight: 400;
664 |     letter-spacing: 1px;
665 |     color: #e4e4e4;
666 | }
667 | 
668 | .Featur-heading{
669 |     color: #ffffff;
670 |     font-size: 1.2rem;
671 |     letter-spacing: 1px;
672 |     text-transform: uppercase;
673 |     width:90%;
674 |     background-color: #141516;
675 |     padding: 10px;
676 |     display: flex;
677 | }
678 | 
679 | footer{
680 |     display: flex;
681 |     justify-content: space-around;
682 |     align-items: center;
683 |     background-color: #14151610;
684 |     padding: 10px;
685 |     margin-top: 50px;
686 |     border-top: 1px solid #272729;
687 | }
688 | .copyright{
689 |     color:#ffffff;
690 | }
691 | .footer-social{
692 |     display: flex;
693 |     justify-content: center;
694 |     align-items: center;
695 | }
696 | .footer-social a{
697 |     width:35px;
698 |     height: 35px;
699 |     display:flex;
700 |     justify-content: center;
701 |     align-items: center;
702 |     border-radius: 50%;
703 |     color: #ffffff;
704 |     background-color: #292b3252;
705 |     margin: 5px;
706 |     font-size: 0.9rem;
707 |     font-weight: 400;
708 | }
709 | .footer-social a:hover{
710 |     background-color: #ff0000;
711 |     transition: all ease 0.5s;
712 | }
713 | ::selection{
714 |     color: #e4e4e4;
715 |     background-color: #416cdf;
716 | }
717 | .footer-social a:nth-child(1) a:hover {
718 |     background-color: #1DA1F2;
719 | }
720 | 
721 | .footer-social a:nth-child(2) a:hover {
722 |     background-color: #ff0000;
723 | }
724 | #services,
725 | #introduction,
726 | #skills{
727 |     padding-top: 60px;
728 | }
729 | #introduction{
730 |     padding-bottom: 40px;
731 | }
732 | 
733 | 


--------------------------------------------------------------------------------
/images/bg-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/FiredragonPlayz/Advanced-Website-HTML-and-CSS/33551aa091bc6078b5c4078b30e776311ee21785/images/bg-2.png


--------------------------------------------------------------------------------
/images/bg-pattern-desktop.svg:
--------------------------------------------------------------------------------
1 | <svg width="966" height="945" xmlns="http://www.w3.org/2000/svg"><g fill-rule="nonzero" fill="none" opacity=".099"><path d="M468.755 937.353L19.744 671.73c-14.295-8.047-26.548-21.23-12.62-29.878L457.734 381.89c6.754-4.194 17.018-6.946 23.903-2.936l471.265 273.827c14.296 8.308 16.861 31.45 2.619 39.837L527.925 936.933a59.64 59.64 0 01-59.17.42z" fill="#6862E6"/><path d="M468.755 561.353L19.744 295.73c-14.295-8.047-26.548-21.23-12.62-29.878L457.734 5.89c6.754-4.194 17.018-6.946 23.903-2.936l471.265 273.827c14.296 8.308 16.861 31.45 2.619 39.837L527.925 560.933a59.64 59.64 0 01-59.17.42z" stroke="#1E1F36"/><path d="M468.755 636.353L19.744 370.73c-14.295-8.047-26.548-21.23-12.62-29.878L457.734 80.89c6.754-4.194 17.018-6.946 23.903-2.936l471.265 273.827c14.296 8.308 16.861 31.45 2.619 39.837L527.925 635.933a59.64 59.64 0 01-59.17.42z" stroke="#1E1F36"/></g></svg>


--------------------------------------------------------------------------------
/images/bg-pattern-mobile.svg:
--------------------------------------------------------------------------------
1 | <svg width="240" height="104" xmlns="http://www.w3.org/2000/svg"><path d="M116.454 102.048L4.667 34.239c-3.56-2.054-6.61-5.42-3.142-7.627l112.184-66.364c1.682-1.07 4.237-1.773 5.951-.75l117.328 69.904c3.559 2.12 4.198 8.028.652 10.17L131.185 101.94a14.53 14.53 0 01-14.731.107z" fill="#6862E6" fill-rule="nonzero" opacity=".099"/></svg>


--------------------------------------------------------------------------------
/images/bg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/FiredragonPlayz/Advanced-Website-HTML-and-CSS/33551aa091bc6078b5c4078b30e776311ee21785/images/bg.png


--------------------------------------------------------------------------------
/images/create-this-cool-neon-animation-discord-avatar.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/FiredragonPlayz/Advanced-Website-HTML-and-CSS/33551aa091bc6078b5c4078b30e776311ee21785/images/create-this-cool-neon-animation-discord-avatar.jpg


--------------------------------------------------------------------------------
/images/f0082eb1d5c19d7ad401c4471701f7ec.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/FiredragonPlayz/Advanced-Website-HTML-and-CSS/33551aa091bc6078b5c4078b30e776311ee21785/images/f0082eb1d5c19d7ad401c4471701f7ec.jpg


--------------------------------------------------------------------------------
/images/fav-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/FiredragonPlayz/Advanced-Website-HTML-and-CSS/33551aa091bc6078b5c4078b30e776311ee21785/images/fav-icon.png


--------------------------------------------------------------------------------
/images/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/FiredragonPlayz/Advanced-Website-HTML-and-CSS/33551aa091bc6078b5c4078b30e776311ee21785/images/favicon-32x32.png


--------------------------------------------------------------------------------
/images/fire.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/FiredragonPlayz/Advanced-Website-HTML-and-CSS/33551aa091bc6078b5c4078b30e776311ee21785/images/fire.gif


--------------------------------------------------------------------------------
/images/icon-arrow-down.svg:
--------------------------------------------------------------------------------
1 | <svg width="10" height="7" xmlns="http://www.w3.org/2000/svg"><path d="M1 .799l4 4 4-4" stroke="#F47B56" stroke-width="2" fill="none" fill-rule="evenodd"/></svg>


--------------------------------------------------------------------------------
/images/icon_7.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="iso-8859-1"?>
 2 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 470 470" enable-background="new 0 0 470 470" width="512px" height="512px">
 3 |   <g>
 4 |     <path d="M16.105,219.443h50.842l18.252,36.506c1.27,2.54,3.867,4.146,6.708,4.146s5.438-1.605,6.708-4.146l18.253-36.506h3.724   c4.142,0,7.5-3.357,7.5-7.5s-3.358-7.5-7.5-7.5h-8.359c-2.841,0-5.438,1.604-6.708,4.146l-13.618,27.235L78.29,208.589   c-1.27-2.54-3.867-4.146-6.708-4.146H16.105c-0.609,0-1.105-0.495-1.105-1.104V16.105C15,15.496,15.496,15,16.105,15h151.604   c0.61,0,1.106,0.496,1.106,1.105v81.306c0,4.143,3.358,7.5,7.5,7.5s7.5-3.357,7.5-7.5V16.105C183.815,7.225,176.59,0,167.709,0   H16.105C7.225,0,0,7.225,0,16.105v187.233C0,212.219,7.225,219.443,16.105,219.443z" fill="#1befc5"/>
 5 |     <path d="m91.908,30c-20.688,0-37.518,16.83-37.518,37.518s16.831,37.519 37.518,37.519 37.518-16.831 37.518-37.519-16.831-37.518-37.518-37.518zm0,60.036c-12.417,0-22.518-10.102-22.518-22.519 0-12.415 10.101-22.517 22.518-22.517s22.518,10.102 22.518,22.518c0,12.417-10.102,22.518-22.518,22.518z" fill="#1befc5"/>
 6 |     <path d="m91.908,135.036c8.819,0 17.411,2.459 24.845,7.11 3.513,2.198 8.139,1.133 10.336-2.379s1.132-8.14-2.379-10.336c-9.823-6.146-21.166-9.396-32.802-9.396-34.137,0.001-61.908,27.773-61.908,61.908 0,4.143 3.358,7.5 7.5,7.5h83.092c4.142,0 7.5-3.357 7.5-7.5s-3.358-7.5-7.5-7.5h-74.993c3.601-22.311 22.996-39.407 46.309-39.407z" fill="#1befc5"/>
 7 |     <path d="M453.896,0H302.291c-8.881,0-16.106,7.225-16.106,16.105v81.306c0,4.143,3.357,7.5,7.5,7.5s7.5-3.357,7.5-7.5V16.105   c0-0.609,0.496-1.105,1.106-1.105h151.604c0.609,0,1.104,0.496,1.104,1.105v187.233c0,0.609-0.495,1.104-1.104,1.104h-55.478   c-2.841,0-5.438,1.605-6.708,4.146l-13.617,27.235l-13.618-27.235c-1.271-2.541-3.867-4.146-6.708-4.146h-8.358   c-4.143,0-7.5,3.357-7.5,7.5s3.357,7.5,7.5,7.5h3.724l18.253,36.506c1.271,2.541,3.867,4.146,6.708,4.146s5.438-1.605,6.708-4.146   l18.253-36.506h50.842c8.88,0,16.104-7.225,16.104-16.104V16.105C470,7.225,462.775,0,453.896,0z" fill="#1befc5"/>
 8 |     <path d="m378.093,30c-20.688,0-37.519,16.83-37.519,37.518s16.831,37.519 37.519,37.519 37.518-16.831 37.518-37.519-16.831-37.518-37.518-37.518zm0,60.036c-12.417,0-22.519-10.102-22.519-22.519 0-12.416 10.102-22.518 22.519-22.518 12.416,0 22.518,10.102 22.518,22.518-0.001,12.418-10.102,22.519-22.518,22.519z" fill="#1befc5"/>
 9 |     <path d="m341.908,181.943c0,4.143 3.357,7.5 7.5,7.5h83.092c4.143,0 7.5-3.357 7.5-7.5 0-34.136-27.771-61.907-61.907-61.907-11.637,0-22.979,3.249-32.802,9.396-3.511,2.196-4.576,6.824-2.38,10.336 2.198,3.511 6.823,4.576 10.337,2.379 7.435-4.651 16.025-7.11 24.845-7.11 23.313,0 42.707,17.096 46.309,39.407h-74.993c-4.143-0.001-7.501,3.357-7.501,7.499z" fill="#1befc5"/>
10 |     <path d="m143.092,136.01v187.234c0,8.88 7.225,16.104 16.105,16.104h50.842l18.252,36.506c1.271,2.54 3.868,4.146 6.708,4.146 2.84,0 5.438-1.605 6.708-4.146l18.253-36.506h50.841c8.881,0 16.105-7.225 16.105-16.104v-187.234c0-8.88-7.225-16.104-16.105-16.104h-151.604c-8.88-0.001-16.105,7.224-16.105,16.104zm168.815,0v187.234c0,0.609-0.496,1.104-1.105,1.104h-55.476c-2.841,0-5.438,1.604-6.708,4.146l-13.618,27.235-13.617-27.235c-1.27-2.54-3.867-4.146-6.708-4.146h-55.477c-0.609,0-1.105-0.495-1.105-1.104v-187.234c0-0.609 0.496-1.104 1.105-1.104h151.604c0.609-0.001 1.105,0.494 1.105,1.104z" fill="#1befc5"/>
11 |     <path d="m235,224.941c20.687,0 37.518-16.831 37.518-37.519s-16.83-37.518-37.518-37.518c-20.688,0-37.518,16.83-37.518,37.518s16.83,37.519 37.518,37.519zm0-60.036c12.416,0 22.518,10.102 22.518,22.518 0,12.417-10.102,22.519-22.518,22.519-12.417,0-22.518-10.102-22.518-22.519-2.84217e-14-12.416 10.101-22.518 22.518-22.518z" fill="#1befc5"/>
12 |     <path d="m180.592,309.349h108.815c4.143,0 7.5-3.357 7.5-7.5 0-34.136-27.771-61.907-61.907-61.907-34.136,0-61.908,27.771-61.908,61.907-2.84217e-14,4.142 3.358,7.5 7.5,7.5zm54.408-54.408c23.312,0 42.707,17.096 46.309,39.407h-92.617c3.6-22.311 22.995-39.407 46.308-39.407z" fill="#1befc5"/>
13 |     <path d="m381.5,440.5c4.411,0 8-3.589 8-8s-3.589-8-8-8-8,3.589-8,8 3.589,8 8,8z" fill="#1befc5"/>
14 |     <path d="m340.5,440.5c4.411,0 8-3.589 8-8s-3.589-8-8-8-8,3.589-8,8 3.589,8 8,8z" fill="#1befc5"/>
15 |     <path d="m422.5,440.5c4.411,0 8-3.589 8-8s-3.589-8-8-8-8,3.589-8,8 3.589,8 8,8z" fill="#1befc5"/>
16 |     <path d="m462.5,395h-455c-4.142,0-7.5,3.357-7.5,7.5v60c0,4.143 3.358,7.5 7.5,7.5h455c4.143,0 7.5-3.357 7.5-7.5v-60c0-4.143-3.357-7.5-7.5-7.5zm-447.5,15h277.5v45h-277.5v-45zm440,45h-147.5v-45h147.5v45z" fill="#1befc5"/>
17 |   </g>
18 | </svg>
19 | 


--------------------------------------------------------------------------------
/images/illustration-box-desktop.svg:
--------------------------------------------------------------------------------
1 | <svg width="191" height="184" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter x="-97.9%" y="-76.3%" width="295.8%" height="313.7%" filterUnits="objectBoundingBox" id="a"><feOffset dy="25" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="25" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0.209139076 0 0 0 0 0.0691446444 0 0 0 0 0.478091033 0 0 0 0.497159091 0" in="shadowBlurOuter1"/></filter><path id="b" d="M0 27.756v53.87l41.968 24.035 47.387-28.025v-53.87"/></defs><g fill="none" fill-rule="evenodd"><g transform="translate(50.93 2.125)"><use fill="#000" filter="url(#a)" xlink:href="#b"/><use fill="#FF9271" xlink:href="#b"/></g><path fill="#DF5C34" fill-rule="nonzero" d="M92.899 53.917v53.87l47.387-28.026v-53.87z"/><path fill="#F47B56" fill-rule="nonzero" d="M50.93 29.88L99.624 2.126l40.662 23.767-47.387 28.025z"/><path d="M94.013 14.49a25.942 25.942 0 0114.207 3.129c2.486 1.462 3.844 2.988 4.036 4.579.192 1.59-.628 2.975-2.562 4.143a9.115 9.115 0 01-2.985 1.18c-.869.205-1.76.295-2.652.269l-.974-.077c.091.217.151.446.18.68a3.132 3.132 0 01-.513 1.552 5.704 5.704 0 01-2.1 2.065 12.633 12.633 0 01-6.7 1.77 13.247 13.247 0 01-6.957-1.757c-1.999-1.18-3.023-2.566-3.1-4.156a4.49 4.49 0 012.562-4.015 8.488 8.488 0 012.357-1.013 9.175 9.175 0 012.037-.346h.705l-1.282-.77 3.6-2.244 8.34 4.912a4.377 4.377 0 004.15 0c1.769-1.103 1.137-2.552-1.895-4.348a19.261 19.261 0 00-10.556-2.347 21.67 21.67 0 00-11.018 3.168c-3.023 1.89-4.522 4.143-4.496 6.76 0 2.564 1.601 4.848 4.714 6.682a21.015 21.015 0 0011.146 2.655 20.926 20.926 0 0011.017-2.925 12.353 12.353 0 003.062-2.565 5.683 5.683 0 001.28-2.18l.18-.808 4.753.269c.008.145.008.29 0 .436a8.216 8.216 0 01-.346 1.154 8.303 8.303 0 01-.82 1.72 11.912 11.912 0 01-1.69 2 15.952 15.952 0 01-2.755 2.13 25.602 25.602 0 01-9.326 3.36 35.176 35.176 0 01-10.877.192 24.896 24.896 0 01-9.339-3.053 12.127 12.127 0 01-5.304-5.566 8.192 8.192 0 010-6.593 12.692 12.692 0 015.266-5.759 28.966 28.966 0 0114.655-4.284zm4.663 13.262c-.17-.891-.77-1.64-1.601-2.001a6.579 6.579 0 00-3.33-.911 5.619 5.619 0 00-3.101.795 2.283 2.283 0 00-1.281 2.001c.117.89.69 1.654 1.512 2.014a6.54 6.54 0 003.394.86 6.092 6.092 0 003.254-.847 2.065 2.065 0 001.205-1.911" fill="#3E2928" fill-rule="nonzero"/></g></svg>


--------------------------------------------------------------------------------
/images/illustration-woman-online-desktop.svg:
--------------------------------------------------------------------------------
1 | <svg width="472" height="359" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="61.181%" y1="36.82%" x2="40.788%" y2="55.54%" id="a"><stop stop-color="#78B46A" offset="0%"/><stop stop-color="#7F3500" offset="3%"/><stop stop-color="#FFF" offset="100%"/></linearGradient><linearGradient x1="82.186%" y1="28.519%" x2="29.852%" y2="62.464%" id="b"><stop stop-color="#78B46A" offset="0%"/><stop stop-color="#7F3500" offset="3%"/><stop stop-color="#FFF" offset="100%"/></linearGradient><linearGradient x1="80.66%" y1="21.864%" x2="21.557%" y2="66.62%" id="c"><stop stop-color="#78B46A" offset="0%"/><stop stop-color="#7F3500" offset="3%"/><stop stop-color="#FFF" offset="100%"/></linearGradient><linearGradient x1="81.016%" y1="60.589%" x2="67.462%" y2="55.277%" id="d"><stop stop-color="#FFF" stop-opacity="0" offset="0%"/><stop stop-color="#DC841E" offset="99%"/></linearGradient><linearGradient x1="82.183%" y1="27.537%" x2="29.857%" y2="62.324%" id="e"><stop stop-color="#78B46A" offset="0%"/><stop stop-color="#7F3500" offset="3%"/><stop stop-color="#FFF" offset="100%"/></linearGradient></defs><g fill-rule="nonzero" fill="none"><path d="M229.018 355.203L9.313 225.211c-6.995-3.938-12.99-10.39-6.175-14.622L223.625 83.367c3.305-2.052 8.327-3.399 11.696-1.437l230.595 134.007c6.994 4.066 8.25 15.392 1.28 19.496L257.972 354.998a29.178 29.178 0 01-28.953.205z" fill="#5B36A0"/><path d="M229.018 349.203L9.313 219.211c-6.995-3.938-12.99-10.39-6.175-14.622L223.625 77.367c3.305-2.052 8.327-3.399 11.696-1.437l230.595 134.007c6.994 4.066 8.25 15.392 1.28 19.496L257.972 348.998a29.178 29.178 0 01-28.953.205z" fill="#6862E6"/><path d="M247.133 177.693L203.78 202.46s66.783 40.8 80.439 46.546l24.968-35.913" fill="url(#a)" opacity=".25" style="mix-blend-mode:multiply"/><path d="M232.157 296.513l-43.365-24.715-43.364 24.767s22.585 13.8 44.171 26.473c13.708-9.71 27.428-19.521 42.558-26.525z" fill="url(#b)" opacity=".25" style="mix-blend-mode:multiply"/><path d="M138.728 143.883l-27.505 15.712s2.331 14.404 15.988 20.15l36.01-23.087" fill="url(#c)" opacity=".46" style="mix-blend-mode:multiply"/><ellipse fill="#68E1FD" cx="152.192" cy="147.898" rx="16.59" ry="11.697"/><ellipse fill="#974C26" cx="152.179" cy="140.997" rx="12.426" ry="5.092"/><path d="M151.73 132.506c0-2.296-.076-4.591-.256-6.887-.051-.599-.106-1.193-.166-1.783l-.128-1.167c0-.347-.18-1.283-.18-1.193-.077-.47-.158-.936-.243-1.398a54.855 54.855 0 00-8.865-21.715 31.778 31.778 0 00-2.473 12.71c0 1.284.103 2.566.205 3.772v.757c.103.615.218 1.282.346 1.846a50.222 50.222 0 001.96 6.888 41.928 41.928 0 002.678 6.003 82.454 82.454 0 003.676 6.349 90.88 90.88 0 002.985 4.425c.308-2.86.449-5.734.461-8.607zm-6.52-25.819a2.067 2.067 0 000-.897c.316.324.628.658.935 1a2.84 2.84 0 00-.948-.103h.013z" fill="#999A1C"/><path d="M155.996 134.276a65.015 65.015 0 003.498-5.938c.282-.53.555-1.06.82-1.59l.525-1.065.5-1.103.55-1.283a54.876 54.876 0 004.266-23.087 31.728 31.728 0 00-8.967 9.363 45.938 45.938 0 00-1.858 3.284l-.256.474-.064.206c-.243.577-.487 1.154-.717 1.744a50.22 50.22 0 00-2.063 6.862 41.95 41.95 0 00-.986 6.503 77.621 77.621 0 00-.333 7.323c0 1.911 0 3.656.115 5.336 1.704-2.27 3.42-4.605 4.97-7.029zm8.456-25.254c.2-.226.349-.493.435-.783.094.445.175.873.244 1.283-.2-.2-.43-.368-.68-.5z" fill="#999A1C"/><path d="M155.907 139.997a64.687 64.687 0 003.843-2.078l.96-.59.629-.398.615-.436.717-.526a34.464 34.464 0 009.736-11.069 19.928 19.928 0 00-7.84 2.168c-.705.36-1.384.757-2.063 1.167l-.294.18-.103.09-.948.705a31.541 31.541 0 00-3.33 3.04 26.351 26.351 0 00-2.627 3.193 83.516 83.516 0 00-2.562 3.848 55.792 55.792 0 00-1.653 2.925c1.653-.693 3.306-1.411 4.92-2.22zm12.708-10.902a1.28 1.28 0 00.487-.283c-.094.274-.196.543-.308.808a1.797 1.797 0 00-.179-.513v-.012zM151.73 132.506c0-2.296-.076-4.591-.256-6.887-.051-.599-.106-1.193-.166-1.783l-.128-1.167c0-.347-.18-1.283-.18-1.193-.077-.47-.158-.936-.243-1.398a54.855 54.855 0 00-8.865-21.715 31.778 31.778 0 00-2.473 12.71c0 1.284.103 2.566.205 3.772v.757c.103.615.218 1.282.346 1.846a50.222 50.222 0 001.96 6.888 41.928 41.928 0 002.678 6.003 82.454 82.454 0 003.676 6.349 90.88 90.88 0 002.985 4.425c.308-2.86.449-5.734.461-8.607zm-6.52-25.819a2.067 2.067 0 000-.897c.316.324.628.658.935 1a2.84 2.84 0 00-.948-.103h.013z" fill="#999A1C"/><path d="M155.996 134.276a65.015 65.015 0 003.498-5.938c.282-.53.555-1.06.82-1.59l.525-1.065.5-1.103.55-1.283a54.876 54.876 0 004.266-23.087 31.728 31.728 0 00-8.967 9.363 45.938 45.938 0 00-1.858 3.284l-.256.474-.064.206c-.243.577-.487 1.154-.717 1.744a50.22 50.22 0 00-2.063 6.862 41.95 41.95 0 00-.986 6.503 77.621 77.621 0 00-.333 7.323c0 1.911 0 3.656.115 5.336 1.704-2.27 3.42-4.605 4.97-7.029zm8.456-25.254c.2-.226.349-.493.435-.783.094.445.175.873.244 1.283-.2-.2-.43-.368-.68-.5z" fill="#999A1C"/><path d="M155.907 139.997a64.687 64.687 0 003.843-2.078l.96-.59.629-.398.615-.436.717-.526a34.464 34.464 0 009.736-11.069 19.928 19.928 0 00-7.84 2.168c-.705.36-1.384.757-2.063 1.167l-.294.18-.103.09-.948.705a31.541 31.541 0 00-3.33 3.04 26.351 26.351 0 00-2.627 3.193 83.516 83.516 0 00-2.562 3.848 55.792 55.792 0 00-1.653 2.925c1.653-.693 3.306-1.411 4.92-2.22zm12.708-10.902a1.28 1.28 0 00.487-.283c-.094.274-.196.543-.308.808a1.797 1.797 0 00-.179-.513v-.012z" fill="#999A1C"/><path d="M264.35 168.022l-23.994 11.543a5.53 5.53 0 00-.384 9.76l56.867 33.22a5.518 5.518 0 007.43-1.782l13.823-21.523" fill="#A1482D"/><path d="M394.854 112.344L203.524 1.962a8.626 8.626 0 00-8.626.01 8.644 8.644 0 00-4.312 7.48v114.833a7.184 7.184 0 003.587 6.22L398.146 248.39a4.62 4.62 0 004.632.003 4.631 4.631 0 002.312-4.018V130.018a20.398 20.398 0 00-10.236-17.674z" fill="#F47B56"/><path d="M203.537 10.646l185.552 106.88a13.034 13.034 0 016.52 11.286v86.076a4.708 4.708 0 01-2.344 4.065 4.697 4.697 0 01-4.688.014L199.348 110.304a4.643 4.643 0 01-2.331-4.027V14.429c0-1.555.827-2.992 2.171-3.772a4.351 4.351 0 014.35-.011z" fill="#FFF"/><ellipse fill="#AB643C" transform="rotate(-10.9 280.738 168.465)" cx="280.738" cy="168.465" rx="4.036" ry="4.617"/><path fill="url(#d)" opacity=".32" d="M253.41 127.427l86.23 51.869 42.595-24.793-76.109-44.353"/><path d="M359.97 117.102l-93.224-56.91a3.225 3.225 0 00-3.278.028 3.233 3.233 0 00-1.565 2.884V95.53a3.4 3.4 0 001.627 2.924l93.212 55.704c.997.567 2.22.56 3.21-.02a3.22 3.22 0 001.594-2.79l.487-30.23a4.542 4.542 0 00-2.063-4.015z" fill="#E2AC00"/><path d="M337.667 133.789c3.343 4.681 9.223 5.99 13.118 2.937 3.894-3.053 4.343-9.324 1-13.993-3.345-4.669-9.225-5.99-13.12-2.937-3.894 3.052-4.342 9.311-.998 13.993z" fill="#FFF"/><path d="M328.52 111.318l-38.023-22.92a1.447 1.447 0 00-1.862.578 1.45 1.45 0 00.402 1.91l38.022 22.92a1.447 1.447 0 001.862-.578 1.45 1.45 0 00-.401-1.91zM326.957 120.63l-52.41-31.591a1.45 1.45 0 00-1.396 2.488l52.345 31.603a1.447 1.447 0 001.862-.578 1.45 1.45 0 00-.401-1.91v-.013z" fill="#F2F2F2"/><path d="M341.369 123.387L248.196 66.49a3.225 3.225 0 00-3.278.028 3.233 3.233 0 00-1.565 2.884v32.411a3.4 3.4 0 001.615 2.938l93.211 55.703c1.008.58 2.25.57 3.248-.025a3.22 3.22 0 001.569-2.848l.487-30.23a4.542 4.542 0 00-2.114-3.964z" fill="#F47B56"/><path d="M319.065 140.074c3.344 4.681 9.224 5.99 13.119 2.937 3.894-3.053 4.342-9.325.999-13.993-3.344-4.67-9.224-5.99-13.118-2.938-3.895 3.053-4.343 9.312-1 13.994z" fill="#FFF"/><path d="M309.918 117.602l-38.048-22.92a1.447 1.447 0 00-1.862.578 1.45 1.45 0 00.402 1.91l38.022 22.92a1.447 1.447 0 001.862-.578 1.45 1.45 0 00-.401-1.91h.025zM308.343 126.978l-52.397-31.642a1.447 1.447 0 00-1.862.579 1.45 1.45 0 00.402 1.91l52.409 31.59a1.447 1.447 0 001.862-.578 1.45 1.45 0 00-.402-1.91l-.012.051z" fill="#F2F2F2"/><path d="M317.99 127.21l-93.2-56.897a3.225 3.225 0 00-3.278.027 3.233 3.233 0 00-1.564 2.884v32.412a3.4 3.4 0 001.627 2.924l93.211 55.704c1.008.58 2.25.57 3.249-.026a3.22 3.22 0 001.568-2.847l.487-30.231a4.542 4.542 0 00-2.1-3.95z" fill="#68E1FD"/><path d="M317.99 127.21l-93.2-56.897a3.225 3.225 0 00-3.278.027 3.233 3.233 0 00-1.564 2.884v32.412a3.4 3.4 0 001.627 2.924l93.211 55.704c1.008.58 2.25.57 3.249-.026a3.22 3.22 0 001.568-2.847l.487-30.231a4.542 4.542 0 00-2.1-3.95z" fill="#68E1FD"/><path d="M295.673 143.896c3.343 4.681 9.224 5.99 13.118 2.937 3.895-3.053 4.343-9.325 1-13.993-3.344-4.669-9.225-5.99-13.119-2.937-3.894 3.052-4.304 9.311-1 13.993z" fill="#FFF"/><path d="M286.526 121.425l-38.035-22.92a1.447 1.447 0 00-1.862.578 1.45 1.45 0 00.401 1.91l38.023 22.92a1.447 1.447 0 001.862-.578 1.45 1.45 0 00-.402-1.91h.013zM284.95 130.75l-52.409-31.592a1.447 1.447 0 00-1.862.579 1.45 1.45 0 00.402 1.91l52.409 31.59a1.447 1.447 0 001.862-.578 1.45 1.45 0 00-.402-1.91z" fill="#F2F2F2"/><path d="M195.672 124.028a45.406 45.406 0 00-13.208 19.38c-4.638 12.827 6.956 33.784 6.956 33.784l18.038-14.3" fill="#FF8F6F"/><path d="M193.724 293.602l-4.893-2.706 1.28-7.003s7.29.692 7.93 3.283" fill="#003B94"/><path d="M195.518 293.5c1.102-.68 2.255-1.283 3.395-1.886 2.83-1.552 6.918-3.155 8.66-6.067a3.39 3.39 0 00-.23-3.848c-2.563-3.104-8.174 2.001-11.044-1.436-.563-.68-.832-11.467-.832-11.467l-10.915 2.95s-1.845 21.676-1.64 23.01c.205 1.334 3.959 2.566 3.959 2.566a9.666 9.666 0 003.151-1.283c1.14-.834.102-11.005 1.563-9.581 1.46 1.424 2.1 6.99 2.1 6.99.607.092 1.222.11 1.833.051z" fill="#F47B56"/><path d="M214.568 304.08l-4.894-2.667 1.28-7.003s7.29.693 7.93 3.283" fill="#003B94"/><path d="M216.412 303.978c1.102-.68 2.255-1.282 3.395-1.885 2.831-1.552 6.918-3.155 8.66-6.067a3.39 3.39 0 00-.23-3.848c-2.563-3.104-8.174 2.001-11.043-1.436-.564-.68-.833-11.467-.833-11.467l-10.915 2.95s-1.857 21.753-1.652 23.036c.205 1.282 3.958 2.565 3.958 2.565a9.666 9.666 0 003.152-1.283c1.14-.833.102-11.004 1.563-9.58 1.46 1.423 2.1 6.99 2.1 6.99a7.498 7.498 0 001.845.025z" fill="#F47B56"/><path d="M179.005 233.614l-3.216 43.058s5.125 7.08 22.304 3.142l.166-29.026M198.849 242.144c-.372 3.706 0 44.596 0 44.596s4.752 8.901 25.442 0l-.295-34.746" fill="#3E2928"/><path d="M177.403 247.838c1.41.975 1.896-4.04 3.37-3.18a83.77 83.77 0 0016.961 7.49h.128a1.165 1.165 0 011.576.577 89.585 89.585 0 0011.133 2.565c4.83.77 8.826-2.808 13.784-3.052 0-19.008.09-73.109-7.994-84.652l-23.918-8.055c-.115 1.975-11.606 15.314-11.325 31.578.32 18.328-2.062 35.618-2.472 41.351-.064.975-1.191 14.34-1.243 15.378z" fill="#3E2928"/><path d="M218.564 145.73l-2.203 21.804s-17.845.719-25.532-4.591v-18.496" fill="#FF8F6F"/><path d="M241.252 131.378l-1.819 2.488c.97-2.024 1.826-4.1 2.562-6.22.513-1.45-1.806-2.027-2.318-.578l-.27.744c.223-.77.432-1.543.628-2.322a1.195 1.195 0 10-2.319-.577 62.236 62.236 0 01-1.806 5.952 42.54 42.54 0 00.846-5.26c.154-1.525-2.242-1.461-2.383 0a37.916 37.916 0 01-1.076 5.965c0-.684-.064-1.368-.192-2.052a1.206 1.206 0 00-.5-.86 9.29 9.29 0 00-.23-.795 1.204 1.204 0 00-2.345.36l-.154 8.978c-.433.93-.999 1.795-1.678 2.565a41.64 41.64 0 013.331 2.565 34.337 34.337 0 012.716 2.565 65.716 65.716 0 002.216-2.924c.088-.075.166-.161.23-.257a255.44 255.44 0 016.611-9.337c.948-1.052-1.14-2.219-2.05-1z" fill="#FFB5A9"/><path d="M207.24 125.85s8.43 2.27 11.85 7.695a96.553 96.553 0 015.65 11.66l6.225-9.685s7.559 2.322 10.556 6.042c0 0-8.967 19.623-16.782 21.304-7.814 1.68-16.116-11.518-16.116-11.518s-1.716 5.515-1.383-.372" fill="#FF8F6F"/><path d="M212.595 146.82a17.097 17.097 0 01-5.342-7.618c-1.013-3.45.256-6.478 1.434-9.684a31.237 31.237 0 002.204-9.966c.102-3.36-.282-6.72-.513-10.069a.976.976 0 010-.436c-1.127-3.783-3.433-6.99-7.98-7.375-11.774-1-12.44 12.057-12.35 17.367.09 5.31.653 8.901-3.254 11.12-3.908 2.219-6.726 8.042-2.998 12.75 3.728 4.706.384 2.988-2.101 7.169-2.485 4.181-1.845 9.402 3.254 11.287 5.099 1.885 28.799-1.655 30.976-3.848a4.531 4.531 0 001.115-3.206 12.444 12.444 0 00-4.445-7.49z" fill="#007F68"/><path d="M224.176 39.132a18.805 18.805 0 013.33 9.748 6.419 6.419 0 01-1.088 4.553 2.624 2.624 0 01-3.178.552 4.906 4.906 0 01-1.716-1.154 5.989 5.989 0 01-1.102-1.398l-.307-.603a2.13 2.13 0 01-.308.436 2.24 2.24 0 01-1.05.449 3.186 3.186 0 01-1.896-.231 7.113 7.113 0 01-3.357-3.014 9.692 9.692 0 01-1.486-4.861 4.775 4.775 0 011.192-3.848 2.739 2.739 0 013.113-.488c.513.205.986.5 1.396.873.35.297.659.637.922 1.013l.23.41v-1.141l2.563 1 .256 7.209c.018.516.178 1.017.462 1.449.24.417.609.745 1.05.936 1.238.488 1.81-.581 1.717-3.206a13.889 13.889 0 00-2.473-7.247 12.136 12.136 0 00-5.675-4.848 4.774 4.774 0 00-5.33.68 7.252 7.252 0 00-2.062 5.925 15.3 15.3 0 002.562 7.696 11.817 11.817 0 005.47 5.13c.812.34 1.684.51 2.563.5a3.417 3.417 0 001.665-.307l.513-.283 1.55 2.886-.257.18a6.133 6.133 0 01-.755.359c-.41.177-.84.298-1.282.36a6.398 6.398 0 01-1.703 0 8.575 8.575 0 01-2.165-.552 14.093 14.093 0 01-5.125-3.771 22.36 22.36 0 01-3.971-6.208 19.027 19.027 0 01-1.64-6.888c-.138-2 .27-3.999 1.179-5.784a6.51 6.51 0 013.638-3.207 7 7 0 015.047.257 16.288 16.288 0 017.508 6.438zm-5.65 9.12c.42-.538.61-1.221.525-1.899a4.904 4.904 0 00-.679-2.372 3.255 3.255 0 00-1.55-1.411 1.395 1.395 0 00-1.576.205 2.35 2.35 0 00-.563 1.86c.029.846.28 1.669.73 2.385.37.652.94 1.165 1.627 1.463a1.28 1.28 0 001.486-.231M375.433 178.013a18.74 18.74 0 013.33 9.748 6.419 6.419 0 01-1.088 4.553 2.637 2.637 0 01-3.177.552 5.047 5.047 0 01-1.717-1.154 6.207 6.207 0 01-1.102-1.399l-.307-.602c-.087.156-.19.302-.308.436-.304.24-.666.395-1.05.449a3.071 3.071 0 01-1.883-.218 7.113 7.113 0 01-3.357-3.027 9.653 9.653 0 01-1.499-4.874 4.724 4.724 0 011.192-3.848 2.726 2.726 0 013.1-.487c.514.204.987.499 1.396.872.35.302.66.647.923 1.026l.243.41v-1.141l2.562.987.257 7.209c.022.515.181 1.015.46 1.449.242.417.61.745 1.051.936 1.281.488 1.807-.577 1.73-3.206a13.953 13.953 0 00-2.473-7.26 12.161 12.161 0 00-5.662-4.835 4.787 4.787 0 00-5.33.667 7.252 7.252 0 00-2.01 5.964 15.25 15.25 0 002.561 7.695 11.868 11.868 0 005.535 4.964 6.668 6.668 0 002.562.513 3.545 3.545 0 001.665-.308l.513-.282 1.55 2.886-.256.18a6.133 6.133 0 01-.756.359c-.412.17-.842.29-1.281.359a6.526 6.526 0 01-1.717 0 8.55 8.55 0 01-2.152-.564 14.093 14.093 0 01-5.125-3.759 22.41 22.41 0 01-3.97-6.22 18.988 18.988 0 01-1.64-6.888 11.003 11.003 0 011.178-5.772 6.562 6.562 0 013.638-3.219 7.09 7.09 0 015.06.257 16.315 16.315 0 017.354 6.592zm-5.65 9.12a2.567 2.567 0 00.538-1.899 4.865 4.865 0 00-.691-2.372 3.204 3.204 0 00-1.538-1.411 1.395 1.395 0 00-1.575.192 2.323 2.323 0 00-.577 1.86c.03.842.281 1.66.73 2.373.369.655.94 1.172 1.627 1.475a1.28 1.28 0 001.486-.218" fill="#F47B56"/><path d="M120.139 232.704L76.774 208l-43.351 24.754s24.122 15.083 45.709 27.756c13.707-9.697 25.89-20.791 41.007-27.807z" fill="url(#e)" opacity=".25" style="mix-blend-mode:multiply"/></g></svg>


--------------------------------------------------------------------------------
/images/illustration-woman-online-mobile.svg:
--------------------------------------------------------------------------------
1 | <svg width="266" height="196" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient x1="61.181%" y1="36.858%" x2="40.788%" y2="55.524%" id="a"><stop stop-color="#78B46A" offset="0%"/><stop stop-color="#7F3500" offset="3%"/><stop stop-color="#FFF" offset="100%"/></linearGradient><linearGradient x1="82.186%" y1="28.582%" x2="29.852%" y2="62.428%" id="b"><stop stop-color="#78B46A" offset="0%"/><stop stop-color="#7F3500" offset="3%"/><stop stop-color="#FFF" offset="100%"/></linearGradient><linearGradient x1="80.66%" y1="21.945%" x2="21.557%" y2="66.572%" id="c"><stop stop-color="#78B46A" offset="0%"/><stop stop-color="#7F3500" offset="3%"/><stop stop-color="#FFF" offset="100%"/></linearGradient><linearGradient x1="81.016%" y1="60.558%" x2="67.462%" y2="55.262%" id="d"><stop stop-color="#FFF" stop-opacity="0" offset="0%"/><stop stop-color="#DC841E" offset="99%"/></linearGradient><linearGradient x1="82.183%" y1="27.602%" x2="29.857%" y2="62.288%" id="e"><stop stop-color="#78B46A" offset="0%"/><stop stop-color="#7F3500" offset="3%"/><stop stop-color="#FFF" offset="100%"/></linearGradient><filter x="-195.8%" y="-152.6%" width="491.7%" height="527.4%" filterUnits="objectBoundingBox" id="f"><feOffset dy="25" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="25" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0.209139076 0 0 0 0 0.0691446444 0 0 0 0 0.478091033 0 0 0 0.497159091 0" in="shadowBlurOuter1"/></filter><path id="g" d="M0 13.878v26.935L20.984 52.83l23.694-14.013V11.883"/></defs><g fill="none" fill-rule="evenodd"><g transform="translate(29)" fill-rule="nonzero"><path d="M114.994 178.096L4.676 112.92c-3.512-1.974-6.523-5.209-3.1-7.331L112.286 41.8c1.66-1.03 4.181-1.705 5.873-.72l115.786 67.19c3.512 2.038 4.142 7.717.643 9.774l-105.056 59.95a14.67 14.67 0 01-14.538.102z" fill="#5B36A0"/><path d="M114.994 175.088L4.676 109.91c-3.512-1.975-6.523-5.21-3.1-7.332l110.71-63.788c1.66-1.029 4.181-1.704 5.873-.72l115.786 67.19c3.512 2.039 4.142 7.717.643 9.775l-105.056 59.949a14.67 14.67 0 01-14.538.103z" fill="#6862E6"/><path d="M124.09 89.094l-21.768 12.418s33.533 20.457 40.39 23.338l12.537-18.007" fill="url(#a)" opacity=".25" style="mix-blend-mode:multiply"/><path d="M116.57 148.67l-21.774-12.393-21.774 12.418s11.34 6.92 22.18 13.274c6.882-4.868 13.771-9.788 21.368-13.3z" fill="url(#b)" opacity=".25" style="mix-blend-mode:multiply"/><path d="M69.658 72.142L55.847 80.02s1.17 7.222 8.028 10.103l18.082-11.576" fill="url(#c)" opacity=".46" style="mix-blend-mode:multiply"/><ellipse fill="#68E1FD" cx="76.418" cy="74.155" rx="8.33" ry="5.865"/><ellipse fill="#974C26" cx="76.412" cy="70.695" rx="6.24" ry="2.553"/><path d="M76.187 66.438c0-1.151-.039-2.303-.129-3.454-.026-.3-.054-.598-.084-.894l-.064-.585c0-.173-.09-.643-.09-.598-.039-.236-.08-.47-.122-.7a27.482 27.482 0 00-4.451-10.888 15.913 15.913 0 00-1.242 6.373c0 .643.051 1.286.103 1.89v.38a25.153 25.153 0 001.158 4.38 21.007 21.007 0 001.344 3.009 41.327 41.327 0 001.846 3.183c.515.81 1.004 1.53 1.5 2.219.154-1.434.224-2.875.23-4.315zm-3.274-12.946a1.035 1.035 0 000-.45c.158.163.315.33.47.502a1.428 1.428 0 00-.477-.052h.007z" fill="#999A1C"/><path d="M78.329 67.325c.643-.97 1.21-1.93 1.756-2.977.141-.266.279-.532.412-.798l.263-.534.251-.553.277-.643a27.48 27.48 0 002.142-11.575 15.918 15.918 0 00-4.503 4.694 23.024 23.024 0 00-.933 1.647l-.128.237-.033.103c-.122.29-.244.58-.36.875a25.153 25.153 0 00-1.035 3.44 21.005 21.005 0 00-.496 3.261 38.863 38.863 0 00-.167 3.672c0 .958 0 1.833.058 2.675.855-1.138 1.717-2.308 2.496-3.524zm4.245-12.662c.101-.113.176-.247.219-.393.047.223.088.438.122.644-.1-.1-.215-.185-.34-.251z" fill="#999A1C"/><path d="M78.284 70.193c.647-.321 1.29-.668 1.93-1.041l.482-.296.315-.2.309-.218.36-.264a17.288 17.288 0 004.889-5.55 10.017 10.017 0 00-3.937 1.087c-.354.18-.695.38-1.036.585l-.147.09-.052.045-.476.354c-.593.467-1.152.977-1.672 1.524-.481.498-.922 1.034-1.32 1.601a41.869 41.869 0 00-1.286 1.93c-.308.514-.585.996-.83 1.466.83-.347 1.66-.708 2.47-1.113zm6.38-5.466a.643.643 0 00.245-.141 6.569 6.569 0 01-.154.405.9.9 0 00-.09-.257v-.007zM76.187 66.438c0-1.151-.039-2.303-.129-3.454-.026-.3-.054-.598-.084-.894l-.064-.585c0-.173-.09-.643-.09-.598-.039-.236-.08-.47-.122-.7a27.482 27.482 0 00-4.451-10.888 15.913 15.913 0 00-1.242 6.373c0 .643.051 1.286.103 1.89v.38a25.153 25.153 0 001.158 4.38 21.007 21.007 0 001.344 3.009 41.327 41.327 0 001.846 3.183c.515.81 1.004 1.53 1.5 2.219.154-1.434.224-2.875.23-4.315zm-3.274-12.946a1.035 1.035 0 000-.45c.158.163.315.33.47.502a1.428 1.428 0 00-.477-.052h.007z" fill="#999A1C"/><path d="M78.329 67.325c.643-.97 1.21-1.93 1.756-2.977.141-.266.279-.532.412-.798l.263-.534.251-.553.277-.643a27.48 27.48 0 002.142-11.575 15.918 15.918 0 00-4.503 4.694 23.024 23.024 0 00-.933 1.647l-.128.237-.033.103c-.122.29-.244.58-.36.875a25.153 25.153 0 00-1.035 3.44 21.005 21.005 0 00-.496 3.261 38.863 38.863 0 00-.167 3.672c0 .958 0 1.833.058 2.675.855-1.138 1.717-2.308 2.496-3.524zm4.245-12.662c.101-.113.176-.247.219-.393.047.223.088.438.122.644-.1-.1-.215-.185-.34-.251z" fill="#999A1C"/><path d="M78.284 70.193c.647-.321 1.29-.668 1.93-1.041l.482-.296.315-.2.309-.218.36-.264a17.288 17.288 0 004.889-5.55 10.017 10.017 0 00-3.937 1.087c-.354.18-.695.38-1.036.585l-.147.09-.052.045-.476.354c-.593.467-1.152.977-1.672 1.524-.481.498-.922 1.034-1.32 1.601a41.869 41.869 0 00-1.286 1.93c-.308.514-.585.996-.83 1.466.83-.347 1.66-.708 2.47-1.113zm6.38-5.466a.643.643 0 00.245-.141 6.569 6.569 0 01-.154.405.9.9 0 00-.09-.257v-.007z" fill="#999A1C"/><path d="M132.735 84.245l-12.048 5.788a2.772 2.772 0 00-.193 4.894l28.554 16.656a2.773 2.773 0 003.731-.894l6.94-10.791" fill="#A1482D"/><path d="M198.264 56.328L102.194.984a4.336 4.336 0 00-6.497 3.756v57.575c0 1.287.686 2.476 1.8 3.12l102.42 59.106a2.323 2.323 0 003.486-2.013V65.19a10.225 10.225 0 00-5.14-8.862z" fill="#F47B56"/><path d="M102.2 5.338l93.169 53.588a6.533 6.533 0 013.274 5.66v43.157a2.36 2.36 0 01-3.531 2.045l-95.016-54.482a2.328 2.328 0 01-1.17-2.02V7.235a2.186 2.186 0 013.274-1.897z" fill="#FFF"/><ellipse fill="#AB643C" transform="rotate(-10.9 140.964 84.467)" cx="140.964" cy="84.467" rx="2.026" ry="2.315"/><path fill="url(#d)" opacity=".32" d="M127.242 63.891l43.297 26.007 21.389-12.431-38.216-22.238"/><path d="M180.748 58.714l-46.81-28.534a1.621 1.621 0 00-2.431 1.46v16.257a1.704 1.704 0 00.817 1.467l46.803 27.93a1.615 1.615 0 002.412-1.41l.244-15.157a2.276 2.276 0 00-1.035-2.013z" fill="#E2AC00"/><path d="M169.549 67.08c1.679 2.348 4.631 3.004 6.587 1.473 1.955-1.53 2.18-4.675.501-7.016-1.679-2.34-4.631-3.003-6.587-1.472-1.955 1.53-2.18 4.669-.501 7.016z" fill="#FFF"/><path d="M164.956 55.814l-19.092-11.492a.727.727 0 00-.733 1.247l19.092 11.492a.727.727 0 00.733-1.247zM164.171 60.483l-26.315-15.84a.727.727 0 00-.702 1.248l26.284 15.846a.727.727 0 00.733-1.248v-.006z" fill="#F2F2F2"/><path d="M171.408 61.865l-46.784-28.527a1.621 1.621 0 00-2.432 1.46v16.25c-.007.6.3 1.159.81 1.473l46.804 27.93a1.615 1.615 0 002.419-1.44l.244-15.159a2.276 2.276 0 00-1.061-1.987z" fill="#F47B56"/><path d="M160.209 70.232c1.679 2.347 4.631 3.003 6.587 1.473 1.955-1.53 2.18-4.676.501-7.017-1.679-2.34-4.631-3.003-6.587-1.472-1.955 1.53-2.18 4.669-.501 7.016z" fill="#FFF"/><path d="M155.616 58.965L136.51 47.473a.727.727 0 00-.733 1.248l19.092 11.492a.727.727 0 00.733-1.248h.013zM154.825 63.666l-26.31-15.865a.727.727 0 00-.733 1.248l26.316 15.839a.727.727 0 00.733-1.248l-.006.026z" fill="#F2F2F2"/><path d="M159.668 63.782l-46.796-28.528a1.621 1.621 0 00-2.432 1.46v16.251a1.704 1.704 0 00.817 1.466l46.803 27.93a1.615 1.615 0 002.419-1.44l.244-15.159c.021-.8-.38-1.551-1.055-1.98z" fill="#68E1FD"/><path d="M159.668 63.782l-46.796-28.528a1.621 1.621 0 00-2.432 1.46v16.251a1.704 1.704 0 00.817 1.466l46.803 27.93a1.615 1.615 0 002.419-1.44l.244-15.159c.021-.8-.38-1.551-1.055-1.98z" fill="#68E1FD"/><path d="M148.463 72.148c1.679 2.348 4.631 3.004 6.587 1.473 1.955-1.53 2.18-4.675.501-7.016-1.678-2.34-4.631-3.003-6.586-1.473-1.956 1.53-2.162 4.67-.502 7.016z" fill="#FFF"/><path d="M143.87 60.881L124.772 49.39a.727.727 0 00-.734 1.248l19.092 11.492a.727.727 0 00.734-1.248h.006zM143.079 65.557l-26.316-15.84a.727.727 0 00-.733 1.248l26.315 15.84a.727.727 0 00.734-1.248z" fill="#F2F2F2"/><path d="M98.25 62.187a22.765 22.765 0 00-6.632 9.717c-2.328 6.43 3.493 16.939 3.493 16.939l9.057-7.17" fill="#FF8F6F"/><path d="M97.273 147.21l-2.458-1.357.644-3.511s3.66.347 3.981 1.646" fill="#003B94"/><path d="M98.173 147.158c.553-.34 1.132-.643 1.705-.945 1.421-.778 3.473-1.582 4.348-3.042a1.697 1.697 0 00-.116-1.929c-1.286-1.556-4.104 1.003-5.544-.72-.283-.341-.419-5.75-.419-5.75l-5.48 1.48s-.926 10.868-.823 11.537c.102.668 1.987 1.286 1.987 1.286a4.857 4.857 0 001.583-.643c.572-.418.051-5.518.784-4.804.734.714 1.055 3.505 1.055 3.505.305.046.614.054.92.025z" fill="#F47B56"/><path d="M107.738 152.464l-2.457-1.338.643-3.511s3.66.347 3.982 1.646" fill="#003B94"/><path d="M108.665 152.412c.553-.34 1.132-.643 1.704-.945 1.422-.778 3.474-1.582 4.349-3.042a1.697 1.697 0 00-.116-1.929c-1.287-1.556-4.104 1.003-5.545-.72-.283-.341-.418-5.75-.418-5.75l-5.48 1.48s-.933 10.906-.83 11.55c.102.643 1.987 1.286 1.987 1.286a4.857 4.857 0 001.583-.643c.572-.418.051-5.518.784-4.804.734.714 1.055 3.505 1.055 3.505.307.042.619.046.927.012z" fill="#F47B56"/><path d="M89.882 117.133l-1.615 21.588s2.573 3.55 11.2 1.576l.083-14.553M99.846 121.41c-.187 1.858 0 22.36 0 22.36s2.386 4.462 12.775 0l-.148-17.422" fill="#3E2928"/><path d="M89.078 124.264c.707.49.952-2.025 1.691-1.594a42.094 42.094 0 008.517 3.755h.064a.586.586 0 01.792.29c1.834.547 3.7.976 5.59 1.286 2.424.386 4.431-1.409 6.92-1.53 0-9.531.046-36.657-4.013-42.445l-12.01-4.038c-.058.99-5.828 7.678-5.686 15.833.16 9.19-1.036 17.858-1.242 20.733-.032.489-.598 7.19-.623 7.71z" fill="#3E2928"/><path d="M109.745 73.068l-1.106 10.933s-8.96.36-12.82-2.303v-9.273" fill="#FF8F6F"/><path d="M121.137 65.872l-.913 1.247A30.002 30.002 0 00121.51 64c.258-.726-.907-1.016-1.164-.289l-.135.373c.112-.386.217-.774.315-1.164a.6.6 0 10-1.164-.29 31.17 31.17 0 01-.907 2.985 21.3 21.3 0 00.425-2.637c.077-.765-1.126-.733-1.197 0-.1 1.01-.28 2.01-.54 2.99a5.57 5.57 0 00-.097-1.029.604.604 0 00-.25-.43 4.653 4.653 0 00-.116-.4.605.605 0 00-1.178.18l-.077 4.502c-.218.467-.501.9-.842 1.287.578.4 1.137.83 1.672 1.286.478.403.933.833 1.364 1.286.386-.48.757-.969 1.113-1.466a.643.643 0 00.115-.129 128.076 128.076 0 013.32-4.682c.476-.527-.573-1.112-1.03-.501z" fill="#FFB5A9"/><path d="M104.059 63.1s4.233 1.138 5.95 3.859a48.38 48.38 0 012.837 5.845l3.126-4.855s3.795 1.164 5.3 3.029c0 0-4.502 9.84-8.426 10.682-3.924.842-8.092-5.775-8.092-5.775s-.862 2.765-.695-.187" fill="#FF8F6F"/><path d="M106.748 73.615a8.572 8.572 0 01-2.683-3.82c-.508-1.73.129-3.248.72-4.856a15.643 15.643 0 001.107-4.997c.052-1.684-.141-3.37-.257-5.048a.489.489 0 010-.218c-.566-1.898-1.724-3.505-4.008-3.698-5.911-.502-6.246 6.045-6.2 8.707.044 2.663.328 4.463-1.634 5.576-1.962 1.112-3.378 4.032-1.506 6.392 1.872 2.36.193 1.499-1.055 3.595-1.247 2.097-.926 4.714 1.634 5.66 2.56.945 14.46-.83 15.554-1.93a2.27 2.27 0 00.56-1.608 6.238 6.238 0 00-2.232-3.755z" fill="#007F68"/><path d="M112.563 19.62a9.42 9.42 0 011.672 4.888 3.215 3.215 0 01-.547 2.283 1.319 1.319 0 01-1.595.277 2.464 2.464 0 01-.862-.58 3.003 3.003 0 01-.553-.7l-.154-.302c-.042.079-.094.152-.155.218-.153.12-.335.197-.527.225-.322.06-.654.02-.952-.115a3.57 3.57 0 01-1.686-1.512 4.854 4.854 0 01-.746-2.437c-.095-.7.124-1.406.598-1.93a1.377 1.377 0 011.564-.244c.258.103.495.251.7.438.176.149.332.32.464.508l.116.206v-.573l1.286.502.129 3.614c.009.259.089.51.231.727.121.209.306.373.528.47.622.244.909-.292.862-1.609a6.957 6.957 0 00-1.242-3.633 6.091 6.091 0 00-2.85-2.43 2.4 2.4 0 00-2.675.34 3.633 3.633 0 00-1.036 2.971 7.664 7.664 0 001.287 3.859 5.93 5.93 0 002.746 2.572c.408.17.845.255 1.287.25.287.02.575-.033.836-.154l.257-.141.779 1.447-.129.09c-.122.068-.249.129-.38.18-.205.089-.421.15-.643.18a3.217 3.217 0 01-.855 0 4.31 4.31 0 01-1.087-.277 7.076 7.076 0 01-2.573-1.89 11.209 11.209 0 01-1.994-3.113 9.529 9.529 0 01-.824-3.453 5.542 5.542 0 01.592-2.9 3.267 3.267 0 011.827-1.608 3.52 3.52 0 012.534.128 8.175 8.175 0 013.77 3.229zm-2.837 4.573c.211-.27.306-.612.264-.952a2.456 2.456 0 00-.341-1.19 1.634 1.634 0 00-.779-.707.701.701 0 00-.79.103 1.177 1.177 0 00-.284.933c.015.424.141.836.367 1.196.185.326.472.584.817.733.247.127.548.08.746-.116M188.512 89.255a9.388 9.388 0 011.672 4.887 3.215 3.215 0 01-.546 2.283 1.325 1.325 0 01-1.596.277 2.534 2.534 0 01-.862-.58 3.113 3.113 0 01-.553-.7l-.154-.302a1.248 1.248 0 01-.155.218c-.152.12-.334.199-.527.225-.319.064-.65.026-.946-.109a3.57 3.57 0 01-1.685-1.518 4.835 4.835 0 01-.753-2.443c-.099-.7.12-1.408.599-1.93a1.37 1.37 0 011.556-.244c.258.102.496.25.701.437.176.152.331.325.464.515l.122.205v-.572l1.286.495.129 3.614c.011.259.091.51.231.727.121.21.306.374.528.47.643.244.907-.29.868-1.608a6.99 6.99 0 00-1.241-3.64 6.104 6.104 0 00-2.843-2.424 2.406 2.406 0 00-2.676.334 3.633 3.633 0 00-1.01 2.99 7.639 7.639 0 001.286 3.859 5.956 5.956 0 002.78 2.489c.407.17.844.257 1.286.257.287.017.574-.036.836-.155l.257-.141.779 1.447-.13.09c-.121.069-.248.129-.379.18a2.83 2.83 0 01-.643.18 3.281 3.281 0 01-.862 0 4.298 4.298 0 01-1.08-.283 7.076 7.076 0 01-2.573-1.884 11.234 11.234 0 01-1.995-3.12 9.51 9.51 0 01-.823-3.452 5.51 5.51 0 01.592-2.894 3.293 3.293 0 011.827-1.615 3.564 3.564 0 012.54.13 8.188 8.188 0 013.693 3.305zm-2.837 4.572c.213-.269.31-.611.27-.952a2.437 2.437 0 00-.347-1.19 1.608 1.608 0 00-.772-.707.701.701 0 00-.791.097 1.164 1.164 0 00-.29.932c.015.422.142.833.367 1.19.185.328.472.588.817.74a.643.643 0 00.746-.11" fill="#F47B56"/><path d="M60.324 116.676L38.55 104.29l-21.768 12.412s12.113 7.562 22.951 13.916c6.883-4.862 13-10.424 20.591-13.942z" fill="url(#e)" opacity=".25" style="mix-blend-mode:multiply"/></g><g transform="translate(50 68)"><use fill="#000" filter="url(#f)" xlink:href="#g"/><use fill="#FF9271" xlink:href="#g"/></g><path fill="#DF5C34" fill-rule="nonzero" d="M70.984 93.896v26.935l23.694-14.013V79.883z"/><path fill="#F47B56" fill-rule="nonzero" d="M50 81.878L74.347 68l20.33 11.883-23.693 14.013z"/><path d="M71.541 74.182a12.971 12.971 0 017.104 1.565c1.243.731 1.922 1.494 2.018 2.29.096.795-.314 1.487-1.281 2.07a4.557 4.557 0 01-1.493.59c-.434.103-.88.149-1.326.135l-.487-.038c.046.109.076.223.09.34a1.566 1.566 0 01-.256.776c-.254.43-.616.786-1.05 1.032a6.316 6.316 0 01-3.35.885 6.623 6.623 0 01-3.479-.878c-.999-.59-1.511-1.283-1.55-2.078a2.245 2.245 0 011.281-2.007 4.244 4.244 0 011.179-.507 4.588 4.588 0 011.018-.173h.353l-.641-.385 1.8-1.122 4.17 2.456a2.188 2.188 0 002.075 0c.884-.551.568-1.276-.948-2.174a9.63 9.63 0 00-5.278-1.174 10.835 10.835 0 00-5.509 1.584c-1.511.945-2.26 2.072-2.248 3.38 0 1.283.8 2.424 2.357 3.341 1.7.95 3.629 1.41 5.573 1.328a10.463 10.463 0 005.509-1.462 6.177 6.177 0 001.53-1.283c.293-.31.512-.683.641-1.09l.09-.404 2.376.134c.004.073.004.146 0 .219-.043.196-.101.389-.173.577-.103.3-.24.59-.41.859-.244.364-.527.7-.845 1-.42.405-.88.762-1.377 1.065a12.801 12.801 0 01-4.663 1.68 17.588 17.588 0 01-5.439.096 12.448 12.448 0 01-4.67-1.526 6.064 6.064 0 01-2.651-2.783 4.096 4.096 0 010-3.296 6.346 6.346 0 012.633-2.88 14.483 14.483 0 017.327-2.142zm2.332 6.631a1.372 1.372 0 00-.8-1 3.29 3.29 0 00-1.666-.455 2.81 2.81 0 00-1.55.397c-.384.187-.631.573-.64 1 .058.445.345.827.755 1.007a3.27 3.27 0 001.697.43 3.046 3.046 0 001.627-.423c.373-.17.61-.546.603-.956" fill="#3E2928" fill-rule="nonzero"/></g></svg>


--------------------------------------------------------------------------------
/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/FiredragonPlayz/Advanced-Website-HTML-and-CSS/33551aa091bc6078b5c4078b30e776311ee21785/images/logo.png


--------------------------------------------------------------------------------
/images/model-bg.svg:
--------------------------------------------------------------------------------
1 | <svg width="807" height="708" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="73.351%" y1="86.398%" x2="-8.617%" y2="-18.811%" id="a"><stop stop-color="#0270D7" stop-opacity="0" offset="0%"/><stop stop-color="#00BFFB" offset="51.568%"/><stop stop-color="#0270D7" offset="100%"/></linearGradient><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="b"><stop stop-color="#FFF" stop-opacity=".32" offset="0%"/><stop stop-color="#0270D7" stop-opacity="0" offset="100%"/></linearGradient><linearGradient x1="0%" y1="0%" y2="88.353%" id="c"><stop stop-color="#00BFFB" offset="0%"/><stop stop-color="#FFF" stop-opacity="0" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path d="M548.329 331.135c-10.827-5.575-22.39-9.473-34.118-12.358-11.764-2.804-23.737-4.498-35.687-5.502-23.927-2.09-47.793-1.674-71.383-3.41l-8.853-.65-8.833-.895-4.417-.45c-1.47-.163-2.936-.372-4.404-.557l-8.81-1.14c-11.71-1.755-23.406-3.69-34.983-6.237-5.812-1.164-11.563-2.6-17.33-3.971-2.892-.652-5.738-1.49-8.61-2.227-2.86-.781-5.741-1.48-8.582-2.327-5.687-1.681-11.403-3.266-17.034-5.13-2.822-.912-5.66-1.777-8.47-2.728l-8.41-2.904c-2.812-.942-5.593-1.976-8.37-3.017l-8.34-3.107-8.27-3.29-4.135-1.644-4.098-1.735-8.196-3.474-8.122-3.643c-5.436-2.38-10.755-5.018-16.124-7.545-21.341-10.395-42.111-21.953-62.298-34.423-20.131-12.562-39.717-25.988-58.606-40.308-4.697-3.613-9.433-7.175-14.044-10.893l-6.948-5.538-6.862-5.64a343.29 343.29 0 0 1-6.81-5.7l-6.763-5.75-6.67-5.856c-2.225-1.948-4.447-3.901-6.624-5.902-9.988-9.067-11.182-7.79-1.261 1.388 2.167 2.029 4.378 4.01 6.594 5.986l6.638 5.943 6.732 5.837a339.623 339.623 0 0 0 6.778 5.789l6.83 5.729 6.916 5.628c4.59 3.78 9.306 7.402 13.98 11.079 18.81 14.569 38.32 28.26 58.397 41.096 20.135 12.742 40.87 24.585 62.217 35.266 5.37 2.6 10.69 5.309 16.133 7.762l8.132 3.75 8.21 3.582 4.106 1.789 4.145 1.698 8.29 3.397 8.367 3.213c2.788 1.076 5.577 2.146 8.4 3.123l8.446 3.009c2.82.987 5.673 1.885 8.508 2.832 5.659 1.932 11.406 3.587 17.126 5.333 2.857.884 5.759 1.613 8.636 2.426 2.89.77 5.754 1.642 8.666 2.326 5.808 1.43 11.602 2.934 17.46 4.158 11.67 2.67 23.474 4.714 35.3 6.578l8.9 1.214 4.453.598 4.465.482 8.932.964 8.957.712c23.907 1.898 47.776 1.584 71.289 3.7 11.759 1.016 23.409 2.684 34.785 5.4 11.344 2.794 22.466 6.546 32.785 11.845 1.254.623 2.465 1.236 3.602 1.887a7129.6 7129.6 0 0 0 3.335 1.829c2.085 1.273 4.095 2.352 5.838 3.518.89.557 1.745 1.09 2.562 1.6.799.539 1.562 1.05 2.289 1.54l2.097 1.374 1.839 1.287c1.153.812 2.223 1.464 3.102 2.07a29.24 29.24 0 0 0 2.282 1.45c1.283.717 2.084.936 2.366.659.283-.278.048-1.054-.741-2.328a29.382 29.382 0 0 0-1.603-2.284c-.677-.884-1.568-1.81-2.576-2.89-.511-.532-1.05-1.108-1.646-1.685-.617-.553-1.27-1.138-1.954-1.753-.695-.607-1.417-1.258-2.203-1.9-.806-.617-1.648-1.261-2.528-1.932-1.741-1.38-3.78-2.642-5.936-4.068-1.096-.682-2.263-1.334-3.46-2.03-1.188-.71-2.455-1.367-3.773-2.025" fill-opacity=".32" fill="url(#a)" transform="rotate(31 293.468 227.547)"/><path d="M325.998 406.651c9.565 7.539 20.17 13.571 31.134 18.641 11.012 4.997 22.442 8.945 33.981 12.21 23.089 6.618 46.596 10.763 69.421 16.969l8.566 2.326 8.5 2.565 4.25 1.283c1.412.442 2.811.927 4.217 1.388l8.43 2.8c11.16 3.958 22.272 8.089 33.15 12.798 5.484 2.252 10.855 4.759 16.255 7.205 2.714 1.192 5.348 2.556 8.026 3.828 2.658 1.313 5.354 2.548 7.98 3.922 5.263 2.736 10.571 5.382 15.743 8.286 2.596 1.434 5.217 2.825 7.793 4.294l7.701 4.456c2.582 1.461 5.115 3.007 7.642 4.558l7.594 4.642 7.49 4.806 3.745 2.404 3.692 2.485 7.383 4.974 7.277 5.126c4.882 3.373 9.6 6.978 14.388 10.483 18.966 14.276 37.149 29.585 54.586 45.678 17.364 16.172 34.028 33.088 49.838 50.75 3.921 4.442 7.89 8.843 11.707 13.372l5.764 6.762 5.66 6.845a343.29 343.29 0 0 1 5.596 6.894l5.543 6.935 5.429 7.022c1.813 2.337 3.621 4.678 5.377 7.058 8.074 10.806 9.49 9.78 1.502-1.122-1.74-2.405-3.532-4.772-5.33-7.134l-5.382-7.1-5.495-7.015a339.623 339.623 0 0 0-5.549-6.976l-5.611-6.927-5.715-6.844c-3.785-4.586-7.723-9.042-11.61-13.543-15.684-17.89-32.223-35.053-49.482-51.484-17.334-16.35-35.428-31.931-54.345-46.49-4.775-3.576-9.481-7.25-14.355-10.697l-7.267-5.233-7.376-5.082-3.69-2.54-3.744-2.458-7.49-4.916-7.6-4.75c-2.531-1.589-5.065-3.171-7.65-4.67l-7.716-4.564c-2.581-1.507-5.21-2.933-7.812-4.404-5.186-2.976-10.512-5.697-15.793-8.503-2.636-1.412-5.346-2.682-8.015-4.029-2.69-1.307-5.335-2.71-8.063-3.937-5.428-2.513-10.829-5.093-16.347-7.413-10.945-4.847-22.142-9.106-33.396-13.193l-8.505-2.89-4.256-1.436-4.29-1.325-8.585-2.65-8.656-2.409c-23.106-6.425-46.596-10.67-69.274-17.234-11.349-3.241-22.466-7.102-33.115-11.94-10.603-4.906-20.804-10.71-29.923-17.881-1.112-.851-2.184-1.684-3.175-2.54a7129.6 7129.6 0 0 0-2.925-2.432c-1.804-1.647-3.571-3.09-5.06-4.567-.768-.717-1.504-1.404-2.21-2.06-.68-.681-1.332-1.33-1.952-1.948l-1.797-1.749-1.56-1.614c-.976-1.017-1.902-1.861-2.65-2.625a29.24 29.24 0 0 0-1.963-1.858c-1.122-.948-1.867-1.316-2.197-1.098-.33.219-.248 1.025.284 2.426.265.7.644 1.55 1.137 2.548.496.997 1.194 2.075 1.978 3.329.4.62.818 1.288 1.294 1.968l1.583 2.094c.567.728 1.151 1.505 1.8 2.285l2.113 2.379c1.446 1.686 3.206 3.314 5.051 5.126.946.878 1.967 1.741 3.008 2.652 1.032.923 2.15 1.811 3.318 2.708" fill-opacity=".48" fill="#1D2026"/><path d="M279.236 342.842c21.126.122 42.298.388 63.513-.171 21.204-.56 42.464-1.952 63.528-5.152 2.638-.361 5.254-.865 7.877-1.318 2.62-.479 5.253-.885 7.86-1.425 5.207-1.118 10.444-2.105 15.603-3.435 10.382-2.399 20.595-5.457 30.757-8.64l7.567-2.556 3.78-1.288 3.748-1.38 7.493-2.765 7.421-2.952 3.71-1.478 3.673-1.567 7.343-3.135 7.268-3.305 3.633-1.655 3.598-1.73 7.187-3.472 7.115-3.618c4.764-2.372 9.41-4.965 14.108-7.46 9.302-5.16 18.54-10.437 27.578-16.038 18.143-11.088 35.716-23.055 52.924-35.474 34.397-24.886 67.16-51.775 99.673-78.699 9.273-7.68 8.706-8.346-.596-.723-32.704 26.796-65.626 53.476-100.11 78.095-17.25 12.287-34.848 24.107-52.99 35.043-9.036 5.524-18.265 10.724-27.554 15.806-4.69 2.455-9.328 5.01-14.08 7.343l-7.1 3.56-7.168 3.413-3.586 1.701-3.621 1.625-7.243 3.25-7.316 3.078-3.659 1.538-3.693 1.452-7.388 2.895-7.457 2.712-3.73 1.353c-1.245.443-2.506.841-3.759 1.264l-7.527 2.503c-10.102 3.12-20.252 6.11-30.56 8.455-5.124 1.299-10.321 2.264-15.491 3.353-2.586.534-5.2.92-7.8 1.39-2.604.436-5.197.936-7.816 1.284-20.901 3.115-42.04 4.454-63.183 4.986-21.15.53-42.329.255-63.51.15-40.935-.243-40.97 2.912-.02 3.187" fill-opacity=".64" fill="#FFF"/><path d="M317.207 613.49a115.075 115.075 0 0 1-16.962 38.129c-7.896 11.559-17.952 21.637-29.469 29.602a115.153 115.153 0 0 1-38.089 17.168c-13.599 3.384-27.833 4.119-41.737 2.419-13.904-1.707-27.517-5.942-39.873-12.578a116.18 116.18 0 0 1-32.738-26.035c-9.227-10.555-16.526-22.795-21.387-35.95-.219-.597-.428-1.197-.637-1.796.39.2.837.415 1.356.645a30.717 30.717 0 0 0 4.293 1.57c1.751.52 3.8 1.135 6.201 1.56 1.235.237 2.465.505 3.706.715l3.736.543 1.87.266 1.88.178 3.763.354c5.028.26 10.08.417 15.113.042 10.078-.54 20.057-2.56 29.664-5.657 19.17-6.347 36.766-17.59 50.325-32.588 13.672-14.897 23.201-33.44 27.693-53.055 4.476-19.631 3.815-40.355-1.912-59.525a41.554 41.554 0 0 0-.548-1.633c.511.178 1.02.354 1.54.543 13.076 4.82 25.255 12.062 35.776 21.22a116.054 116.054 0 0 1 26.005 32.52c13.275 24.59 17.05 54.148 10.431 81.344m-7.58-82.72a118.994 118.994 0 0 0-26.697-33.5c-10.819-9.436-23.36-16.898-36.837-21.856-6.523-2.376-12.442-3.803-17.542-4.785-5.123-.887-9.434-1.33-12.888-1.46-1.729-.052-3.239-.103-4.534-.092a79.164 79.164 0 0 0-3.236.185c-1.724.143-2.58.319-2.58.517-.002.198.853.419 2.551.648.848.114 1.908.23 3.177.349 1.266.162 2.741.35 4.426.567 3.366.42 7.548 1.1 12.511 2.135 4.283.978 9.161 2.226 14.518 4.049.143.609.34 1.345.607 2.232 5.48 19.112 5.838 39.63 1.168 58.91-4.688 19.27-14.296 37.329-27.837 51.74-13.434 14.52-30.706 25.302-49.42 31.372-9.384 2.954-19.106 4.882-28.924 5.378-4.904.355-9.823.188-14.722-.064l-3.666-.347-1.832-.173-1.823-.26-3.643-.525c-1.209-.203-2.409-.464-3.614-.692-2.337-.41-4.35-.91-6.102-1.25l-4.392-.846c-1.096-.19-1.946-.281-2.568-.291-4.006-12.132-5.96-24.926-5.83-37.7.084-14.028 2.881-28.008 8.013-41.043 5.137-13.04 12.681-25.121 22.118-35.482 9.43-10.372 20.785-18.968 33.276-25.293a115.85 115.85 0 0 1 40.06-11.824l5.22-.45c1.491-.143 2.74-.154 3.737-.241 1.994-.136 2.994-.275 2.992-.388 0-.113-1.003-.201-3.014-.238-1.004 0-2.263-.063-3.768.027-1.504.09-3.26.198-5.263.357a116.958 116.958 0 0 0-40.514 11.792c-12.649 6.344-24.157 14.996-33.74 25.447a117.426 117.426 0 0 0-22.519 35.834c-5.244 13.184-8.14 27.343-8.28 41.565-.2 14.213 2.137 28.48 6.995 41.873 4.878 13.383 12.246 25.854 21.582 36.628A118.335 118.335 0 0 0 150 690.22c12.555 6.815 26.416 11.197 40.594 13.005 14.175 1.804 28.702 1.115 42.618-2.276a117.727 117.727 0 0 0 39.032-17.377 117.543 117.543 0 0 0 30.302-30.18 117.9 117.9 0 0 0 17.556-39.03c6.882-27.88 3.143-58.261-10.474-83.59" fill="url(#b)" transform="rotate(-153 202.226 587.462)"/><path d="M225.208 378.092c-4.67-3.148-10.014-4.876-15.42-5.49-2.708-.347-5.455-.286-8.184-.023l-2.043.265-1.968.38c-.66.114-1.297.303-1.945.453-.648.154-1.292.319-1.922.516-10.215 2.978-18.986 8.399-27.77 12.792-17.4 8.892-37.08 13.095-56.65 12.62-19.566-.574-39.019-5.98-55.849-16.114l-1.59-.925-1.546-.997-3.089-2-2.996-2.136-1.497-1.07-1.449-1.134-2.893-2.277-2.788-2.402c-1.894-1.565-3.6-3.333-5.402-5-3.427-3.508-6.794-7.096-9.772-11-1.57-1.887-2.928-3.934-4.38-5.911-.7-1.007-1.343-2.052-2.017-3.076-.667-1.03-1.35-2.05-1.944-3.122-2.802-4.824-4.37-4.045-1.619.944.58 1.107 1.251 2.16 1.906 3.224.663 1.058 1.294 2.139 1.984 3.18 1.43 2.049 2.77 4.168 4.322 6.132 2.945 4.052 6.287 7.798 9.703 11.47 1.794 1.75 3.5 3.6 5.395 5.25l2.792 2.533 2.901 2.408 1.456 1.199 1.506 1.137 3.017 2.27 3.117 2.136 1.562 1.064 1.608.995c17.017 10.866 37.046 17.04 57.376 18.105 20.32.982 41.065-2.995 59.48-12.082 9.134-4.445 17.706-9.543 26.837-12.118 4.586-1.322 9.074-1.888 13.622-1.34 4.514.507 8.94 1.98 12.568 4.418 3.477 2.383 5.472 4.705 6.934 6.354.776.809 1.31 1.493 1.847 1.917.532.426 1.01.612 1.394.513.384-.1.674-.486.83-1.206.15-.718.223-1.795-.142-3.123a21.669 21.669 0 0 0-.28-1.072c-.11-.378-.298-.737-.47-1.135a36.352 36.352 0 0 0-.596-1.232c-.215-.432-.52-.82-.808-1.254-1.136-1.76-2.906-3.46-5.128-5.036" fill="url(#c)" transform="rotate(-29 117.147 385.807)"/></g></svg>


--------------------------------------------------------------------------------
/images/model.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/FiredragonPlayz/Advanced-Website-HTML-and-CSS/33551aa091bc6078b5c4078b30e776311ee21785/images/model.png


--------------------------------------------------------------------------------
/images/skill2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/FiredragonPlayz/Advanced-Website-HTML-and-CSS/33551aa091bc6078b5c4078b30e776311ee21785/images/skill2.png


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <html lang="en">
  4 | <meta name="viewport" content="width=device-width, initial-scale=1">
  5 | <meta name="description"
  6 | 	content="Flame Bot is a multipurpose bot with Moderation, Leveling System, Fun commands, Utility Commands, Giveaways command, Music, and more!">
  7 | <meta name="keywords"
  8 | 	content=" Discord, Discordbot, Discord, bot, Discord, Music, Bot, Discord, Musicbot, Musicbot, Music, bot">
  9 | <meta property=og:image
 10 | 	content='https://images-ext-1.discordapp.net/external/_RUs495N4XCOXvIGq5NPHavewThI3Y6OjeeWg1Hw4GY/https/media.discordapp.net/attachments/784784343863263246/806784598503718943/flame_website_logo.gif'>
 11 | <meta http-equiv="content-language" content="en">
 12 | <meta name="robots" content="index, follow">
 13 | <link rel='stylesheet' id='wpzoom-social-icons-genericons-css'  href='http://glutenfreeliv.in/wp/wp-content/plugins/social-icons-widget-by-wpzoom/assets/css/genericons.css?ver=1605542014' type='text/css' media='all' />
 14 | 
 15 | <head>
 16 | 	<meta charset="utf-8">
 17 | 	<title>Flame Bot- Disord Bot</title>
 18 | 
 19 | 	<link rel="stylesheet" type="text/css" href="css/style.css">
 20 | 	<link rel="shortcut icon"
 21 | 		href="https://media.discordapp.net/attachments/796358841038143488/798846894461550622/flame.png?width=427&height=427">
 22 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
 23 | 	<!--using FontAwesome--------------->
 24 | 	<link rel="preconnect" href="https://fonts.gstatic.com">
 25 | 	<link
 26 | 		href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
 27 | 		rel="stylesheet">
 28 | 
 29 | 	<script crossorigin="anonymous" src="https://kit.fontawesome.com/c8e4d183c2.js"></script>
 30 | </head>
 31 | 
 32 | <body id="body-pd">
 33 | 	<div class="l-navbar" id="navbar">
 34 | 		<nav class="nav">
 35 | 			<div>
 36 | 				<div class="nav__brand">
 37 | 					<ion-icon name="menu-outline" class="nav__toggle" id="nav-toggle"></ion-icon>
 38 | 
 39 | 					<a href="https://dsc.gg/flamebot" class="nav__logo">Flame Bot </a>
 40 | 
 41 | 				</div>
 42 | 				<div class="nav__list">
 43 | 					<a href="index.html" class="nav__link active">
 44 | 						<ion-icon name="home-outline" class="nav__icon"></ion-icon>
 45 | 						<span class="nav__name">Home</span>
 46 | 
 47 | 						<a href="https://flamebot.gitbook.io/flame-bot/" target="_blank" class="nav__link">
 48 | 							<ion-icon name="bar-chart-outline" class="nav__icon"></ion-icon>
 49 | 							<span class="nav__name">Commands</span>
 50 | 						</a>
 51 | 					</a>
 52 | 					<a href="#about" class="nav__link">
 53 | 						<ion-icon name="information-circle-outline" class="nav__icon"></ion-icon>
 54 | 						<span class="nav__name">About Flame Bot</span>
 55 | 					</a>
 56 | 
 57 | 					<a href="#introduction" class="nav__link">
 58 | 						<ion-icon name="logo-youtube" class="nav__icon"></ion-icon>
 59 | 						<span class="nav__name">Introduction</span>
 60 | 					</a>
 61 | 
 62 | 					<a href="#Features" class="nav__link">
 63 | 						<ion-icon name="layers-outline" class="nav__icon"></ion-icon>
 64 | 						<span class="nav__name">Features</span>
 65 | 					</a>
 66 | 
 67 | 					<a href="#client" class="nav__link">
 68 | 						<ion-icon name="ribbon-outline" class="nav__icon"></ion-icon>
 69 | 						<span class="nav__name">Developer</span>
 70 | 					</a>
 71 | 
 72 | 
 73 | 				</div>
 74 | 			</div>
 75 | 		</nav>
 76 | 	</div>
 77 | 
 78 | 	<a href="index.html" id="scroll-up" style="display: inline;"></a>
 79 | 	<!-- Maker Badge -->
 80 | 	<script type="text/javascript">
 81 | 		(function (w, d) {
 82 | 			w.makerbadge = {}, methods = ['init'];
 83 | 			w.makerbadge._c = [];
 84 | 			methods.forEach(m => { w.makerbadge[m] = function () { w.makerbadge._c.push([m, arguments]); } });
 85 | 			var el = d.createElement('script'); el.type = "text/javascript"; el.async = true; el.src = "https://makerbadge.com/shim.js";
 86 | 			var before = d.getElementsByTagName('script')[0]; before.parentNode.insertBefore(el, before);
 87 | 		})(window, document);
 88 | 		makerbadge.init({ clientId: "d99137e9-ad0d-4d55-b23e-76e129def979", position: "left" });
 89 | 	</script>
 90 | 
 91 | 	<!-- ===== IONICONS ===== -->
 92 | 	<script src="https://unpkg.com/ionicons@5.1.2/dist/ionicons.js"></script>
 93 | 
 94 | 	<!-- ===== MAIN JS ===== -->
 95 | 	<script src="js/main.js"></script>
 96 | </body>
 97 | 
 98 | <body>
 99 | 	<nav class="navigation">
100 | 		<a href="#" class="logo">
101 | 			<img src="https://cdn.discordapp.com/avatars/771030287122432000/cd36dfae5dc071c680436c7ffb442017.png">
102 | 		</a>
103 | 
104 | 		<ul class="menu">
105 | 			<li><a href="index.html">Home</a></li>
106 | 			<li><a href="https://flamebot.gitbook.io/flame-bot/" target="_blank">Commands</a></li>
107 | 			<li><a href="https://discord.gg/FCP2HWksBU" target="_blank">Join us on Discord</a></li>
108 | 			<li><a href="https://top.gg/bot/796279185080582185/vote" target="_blank">Vote</a></li>
109 | 		</ul>
110 | 		<a href="https://dsc.gg/flamebot" class="hire-me" target="_blank">
111 | 			Invite Me
112 | 			<i class="fas fa-chevron-right"></i>
113 | 		</a>
114 | 	</nav>
115 | 
116 | 	<section id="main">
117 | 		<div class="main-text" data-aos="fade-up">
118 | 			<h1>FLAME BOT</h1>
119 | 			<p>Flame Bot is a multipurpose bot with Moderation, Leveling System, Fun commands, Utility Commands,
120 | 				Giveaways command, Music, and more!</p>
121 | 			<div class="main-btns">
122 | 				<a href="https://dsc.gg/flamebot" target="_blank" class="download-cv-btn">Invite Me</a>
123 | 				<a href="https://discord.gg/FCP2HWksBU" target="_blank" class="hire-me-btn">Support Server</a>
124 | 			</div>
125 | 		</div>
126 | 		<!--mode-bg------------>
127 | 
128 | 
129 | 		<div class="model">
130 | 			<img src="https://www.pngarts.com/files/3/Technology-PNG-Image-Background.png" data-aos="fade-up">
131 | 		</div>
132 | 	</section>
133 | 	<!--about---------------------------->
134 | 	<section id="about">
135 | 		<!--about-text-section---->
136 | 		<div class="about-text-section" data-aos="fade-up">
137 | 			<!--heading--------->
138 | 			<div class="skill-heading" data-aos="fade-up">
139 | 				<span>About Flame Bot</span>
140 | 				<p>Flame Bot was made by Javascript v12 Language, is a multi-purpose and a user-friendly bot which gives
141 | 					you a lot of fun commands, Utility Commands! Moderation Commands! and more!</p>
142 | 
143 | 			</div>
144 | 			<!--about-box-container--->
145 | 			<div class="s-box-container">
146 | 				<!--skill-box-->
147 | 				<div class="skill-box" data-aos="fade-up">
148 | 					<!--box-icon---->
149 | 					<div class="s-box-icon">
150 | 						<i>1</i>
151 | 					</div>
152 | 					<!--box-text---->
153 | 					<div class="s-box-text">
154 | 						<strong>Name</strong>
155 | 						<p>Flame Bot (796279185080582185)</p>
156 | 						<!--progress-line---->
157 | 
158 | 					</div>
159 | 				</div>
160 | 				<!--skill-box-->
161 | 				<div class="skill-box" data-aos="fade-up">
162 | 					<!--box-icon---->
163 | 					<div class="s-box-icon">
164 | 						<i>2</i>
165 | 					</div>
166 | 					<!--box-text---->
167 | 					<div class="s-box-text">
168 | 						<strong>Version</strong>
169 | 						<p>1.5.8</p>
170 | 						<!--progress-line---->
171 | 
172 | 					</div>
173 | 				</div>
174 | 				<!--skill-box-->
175 | 				<div class="skill-box" data-aos="fade-up">
176 | 					<!--box-icon---->
177 | 					<div class="s-box-icon">
178 | 						<i>3</i>
179 | 					</div>
180 | 					<!--box-text---->
181 | 					<div class="s-box-text">
182 | 						<strong>Bot library</strong>
183 | 						<p>Discord.js (Javascript)</p>
184 | 						<!--progress-line---->
185 | 
186 | 					</div>
187 | 				</div>
188 | 				<div class="skill-box" data-aos="fade-up">
189 | 					<!--box-icon---->
190 | 					<div class="s-box-icon">
191 | 						<i>4</i>
192 | 					</div>
193 | 					<!--box-text---->
194 | 					<div class="s-box-text">
195 | 						<strong>Default Prefix</strong>
196 | 						<p>f!</p>
197 | 
198 | 						<!--progress-line---->
199 | 
200 | 					</div>
201 | 				</div>
202 | 
203 | 			</div>
204 | 		</div>
205 | 		<!--skill-img-section---------->
206 | 		<aisle>
207 | 			<div class="skill-img" data-aos="fade-up">
208 | 				<img
209 | 					src="https://images-ext-1.discordapp.net/external/_RUs495N4XCOXvIGq5NPHavewThI3Y6OjeeWg1Hw4GY/https/media.discordapp.net/attachments/784784343863263246/806784598503718943/flame_website_logo.gif" />
210 | 			</div>
211 | 		</aisle>
212 | 	</section>
213 | 
214 | 	<section id="introduction">
215 | 		<!--heading---->
216 | 		<div class="intro-heading" data-aos="fade-up">
217 | 			<strong>Introduction</strong>
218 | 			<p>Hello, In this video you can get how to use Flame Bot. After Watching this video you know how does Flame
219 | 				Bot works, Thanks!</p>
220 | 		</div>
221 | 		<!--place-your-self-introduction-video-here-->
222 | 		<div class="intro-video" data-aos="fade-up">
223 | 			<iframe src="https://www.youtube.com/embed/G8jqLaoPSgg" frameborder="0.5"></iframe>
224 | 		</div>
225 | 
226 | 	</section>
227 | 
228 | 
229 | 	<!--Features----------------------------------->
230 | 	<section id="Features">
231 | 		<!--heading----->
232 | 		<strong class="Features-heading" data-aos="fade-up">
233 | 			Features</strong>
234 | 		<!--Features-box-container----->
235 | 		<div class="Features-box-container">
236 | 			<!--service-box--------->
237 | 			<div class="service-box" data-aos="fade-up">
238 | 				<!--icon-->
239 | 				<i class="fas fa-code"></i>
240 | 				<!--heading--->
241 | 				<strong>Easy To Use</strong>
242 | 				<!--details-->
243 | 				<p>A bot that can help you with your server, just type f!help to get all the commands of the bot</p>
244 | 			</div>
245 | 			<!--service-box--------->
246 | 			<div class="service-box" data-aos="fade-up">
247 | 				<!--icon-->
248 | 				<i class="fas fa-cogs"></i>
249 | 				<!--heading--->
250 | 				<strong>24/7 Online</strong>
251 | 				<!--details-->
252 | 				<p>Flame Bot is hosted on a very good host so it will be on 24/7, There is nothing to worry about
253 | 					hosting in Flame Bot.
254 | 				</p>
255 | 			</div>
256 | 			<!--service-box--------->
257 | 			<div class="service-box" data-aos="fade-up">
258 | 				<!--icon-->
259 | 				<i class="fas fa-drafting-compass"></i>
260 | 				<!--heading--->
261 | 				<strong>Customizable Prefix</strong>
262 | 				<!--details-->
263 | 				<p>You can customize Flame Bot prefix in your server. Flame Bot provides facility to Customize bot
264 | 					prefix in every server.</p>
265 | 			</div>
266 | 			<!--service-box--------->
267 | 			<div class="service-box" data-aos="fade-up">
268 | 				<!--icon-->
269 | 				<i class="far fa-chart-bar"></i>
270 | 				<!--heading--->
271 | 				<strong>100+ Commands</strong>
272 | 				<!--details-->
273 | 				<p>Yes Flame Bot has more than 100 commands! and more commands can be added in future.
274 | 				</p>
275 | 			</div>
276 | 		</div>
277 | 	</section>
278 | 	<section id="get-in-touch" data-aos="fade-up">
279 | 		<span>Still not conviced for inviting, Let test the Bot on the Support server.</span>
280 | 		<a href="https://discord.gg/FCP2HWksBU" target="_blank">Support Server</a>
281 | 	</section>
282 | 
283 | 	<!--client----------------------------------->
284 | 	<section id="client">
285 | 		<!--heading------->
286 | 		<div class="client-heading">
287 | 			<strong class="Featur-heading" data-aos="fade-up">
288 | 				Developer</strong>
289 | 			<!--client-box-container--------------->
290 | 			<div class="c-box-container">
291 | 				<!--box-1----->
292 | 				<div class="client-box">
293 | 					<!--img-------->
294 | 					<img src="images/fire.gif" />
295 | 					<!--stars/reviews---------->
296 | 					<!-- <div class="star">
297 | 						<i class="fas fa-star"></i>
298 | 						<i class="fas fa-star"></i>
299 | 						<i class="fas fa-star"></i>
300 | 						<i class="fas fa-star"></i>
301 | 						<i class="fas fa-star"></i>
302 | 					</div> -->
303 | 					<!--details/comment------>
304 | 					<p><b>FiredragonPlayz</b></p>
305 | 					<!--btn--------->
306 | 
307 | 				</div>
308 | 			</div>
309 | 			<br />
310 | 
311 | 
312 | 			<a href="https://discord.com/users/725945760629129277">
313 | 				<img src="https://discord.c99.nl/widget/theme-3/725945760629129277.png" alt="Discord" />
314 | 			</a>
315 | 
316 | 			<br />
317 | 			<a href="https://github.com/FiredragonPlayz">
318 | 				<img src="https://github-readme-stats.vercel.app/api?username=firedragonplayz&show_icons=true&hide_border=true&theme=tokyonight"
319 | 					alt="Github">
320 | 			</a><br />
321 | 
322 | 
323 | 	</section>
324 | 
325 | 	<footer>
326 | 		<!--copyright-->
327 | 		<span class="copyright">Copyright © 2020 Flame Bot Project. All rights reserved.</span>
328 | 		<!--footer-social-links---->
329 | 		<div class="footer-social">
330 | 			<!--facebook-->
331 | 			<a href="https://twitter.com/Firedragon_Play" target="_blank">
332 | 				<i class="fab fa-twitter"></i>
333 | 			</a>
334 | 			<!--twitter-->
335 | 			<a href="https://dsc.gg/flamebot" target="_blank">
336 | 				<i class="fas fa-plus"></i>
337 | 			</a>
338 | 
339 | 			<a href="https://discord.gg/FCP2HWksBU" target="_blank>">
340 | 				<i class="far fa-question-circle"></i>
341 | 			</a>
342 | 			<!--youtube-->
343 | 			<a href="https://youtube.com/c/FiredragonPlayz">
344 | 				<i class="fab fa-youtube"></i>
345 | 			</a>
346 | 			<a href="https://github.com/FiredragonPlayz">
347 | 				<i class="fab fa-github"></i>
348 | 			</a>
349 | 		</div>
350 | 	</footer>
351 | 
352 | 
353 | </body>
354 | 
355 | </html>


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
 1 | const express = require('express')
 2 | const app = express()
 3 | app.get('/',(req, res) => res.sendFile(__dirname+'/index.html'))
 4 | app.use("/css", express.static(__dirname + "/css"));
 5 | 
 6 | app.get('/invite', (req, res) => res.redirect('https://dsc.gg/flamebot')
 7 | 
 8 |     )
 9 |     
10 | app.listen(3000)


--------------------------------------------------------------------------------
/js/main.js:
--------------------------------------------------------------------------------
 1 | const showMenu = (toggleId, navbarId, bodyId) => {
 2 |   const toggle = document.getElementById(toggleId),
 3 |     navbar = document.getElementById(navbarId),
 4 |     bodypadding = document.getElementById(bodyId)
 5 | 
 6 |   if (toggle && navbar) {
 7 |     toggle.addEventListener('click', () => {
 8 |       navbar.classList.toggle('expander')
 9 | 
10 |       bodypadding.classList.toggle('body-pd')
11 |     })
12 |   }
13 | }
14 | showMenu('nav-toggle', 'navbar', 'body-pd')
15 | 
16 | /*===== LINK ACTIVE  =====*/
17 | const linkColor = document.querySelectorAll('.nav__link')
18 | function colorLink() {
19 |   linkColor.forEach(l => l.classList.remove('active'))
20 |   this.classList.add('active')
21 | }
22 | linkColor.forEach(l => l.addEventListener('click', colorLink))
23 | 
24 | 
25 | /*===== COLLAPSE MENU  =====*/
26 | const linkCollapse = document.getElementsByClassName('collapse__link')
27 | var i
28 | 
29 | for (i = 0; i < linkCollapse.length; i++) {
30 |   linkCollapse[i].addEventListener('click', function () {
31 |     const collapseMenu = this.nextElementSibling
32 |     collapseMenu.classList.toggle('showCollapse')
33 | 
34 |     const rotate = collapseMenu.previousElementSibling
35 |     rotate.classList.toggle('rotate')
36 |   })
37 | }


--------------------------------------------------------------------------------