COMMIT

LICENSE-free.txt

@@ -0,0 +1,31 @@
+super-folio
+v1.2.0
+Update Date: July 8, 2021
+
+License - FREE
+
+License Terms
+-------------
+
+Under free license, you can use the template in personal (non-commercial) projects with credit. For credit, you need to keep the link to templateflip.com in the site footer.
+
+You can buy a premium license to be allowed to remove the footer link and to use the item in commercial projects (or for clients).
+
+Download & Buy - https://templateflip.com/templates/super-folio/
+Demo - https://templateflip.com/demo/templates/super-folio/
+
+Compare licenses - https://templateflip.com/licenses/
+Terms - https://templateflip.com/terms/
+FAQ - https://templateflip.com/faq/
+
+
+Prohibitions
+------------
+
+You do not have the rights to sub-license, sell or distribute any of TemplateFlip item.
+If you wish to promote our resources on your site, you must link back to our item page,
+where users can find the download and not directly to the download file.
+You must NOT use any item from TemplateFlip for displaying unlawful content.
+For any further queries regarding terms of use and licensing feel free to contact us.
+
+*************

README.txt

@@ -0,0 +1,44 @@
+Directory Structure
+-------------------
+css\              - Stylesheets CSS files for the template.
+images\           - Images used in template.
+scripts\          - JavaScript used in the template.
+styles\           - SCSS source files for stylesheets CSS. Available in Purchased versions only.
+favicon.ico       - Favicon placeholder provided for the template.
+index.html        - Main HTML page to open the template in browser.
+*.html            - Additional HTML pages (if any).
+LICENSE-*.txt     - License file as per your downloaded variant.
+
+How to Edit the template
+------------------------
+
+1. Editing Content in template
+
+To edit the content open the corresponding *.html files and open them
+in an editor such as VSCode or Notepad++.
+Search for the content you want to change and edit it to the text you want.
+Save the file and reopen HTML file in browser to see the changes.
+
+2. Editing Styles of template
+
+The main style is present in css\main.css which you can edit.
+You must know how to edit CSS files to do this.
+If you have purchased any of the premium version then you will also get
+SCSS source files which generates all the styles of the template.
+You can use these SCSS files to make your changes and regenerate CSS.
+
+3. Changing Images
+
+You can change images inside the images\ folder.
+Make sure to name the file same as the original file.
+If you wish to change the name of the image file then you must
+also make corresponding change in the HTML file which refer to that image.
+
+How to use the template
+-----------------------
+Upload the contents to your webserver.
+index.html must be in the main (root) folder of your webserver.
+Do not change the name of the template folders or files unless you know
+what you are doing and are changing the names in HTML files too.
+For webhosting, you can go with https://templateflip.com/go/hosting for easy FTP file uploads.
+

images/illustrations/hello.svg

@@ -0,0 +1,82 @@
+<svg width="534" height="442" viewBox="0 0 534 442" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M81.1041 355.563C81.1041 382.287 65.2143 391.619 45.6146 391.619C45.1583 391.619 44.7044 391.615 44.253 391.602C43.3453 391.582 42.445 391.543 41.557 391.479C23.8665 390.228 10.1225 380.415 10.1225 355.563C10.1225 329.845 42.9876 297.391 45.4666 294.982L45.4715 294.979C45.5653 294.886 45.6146 294.839 45.6146 294.839C45.6146 294.839 81.1041 328.836 81.1041 355.563Z" fill="#2E8F66"/>
+<path d="M44.3196 387.53L57.3014 369.396L44.2875 389.521L44.253 391.602C43.3453 391.582 42.445 391.543 41.557 391.479L42.9556 364.742L42.9457 364.535L42.9704 364.496L43.1011 361.97L30.0552 341.794L43.1406 360.076L43.1726 360.611L44.2308 340.41L33.062 319.563L44.3665 336.861L45.4666 294.982L45.4715 294.839V294.979L45.289 328.005L56.406 314.912L45.2421 330.848L44.9486 348.936L55.3305 331.579L44.9042 351.599L44.7414 361.654L59.8124 337.493L44.6847 365.164L44.3196 387.53Z" fill="#F2F2F2"/>
+<g opacity="0.7">
+<path opacity="0.7" d="M492.738 168.245V161.809H460.553V191.577C460.553 193.241 461.214 194.837 462.391 196.014C463.568 197.191 465.164 197.852 466.829 197.852H486.462C488.127 197.852 489.723 197.191 490.9 196.014C492.077 194.837 492.738 193.241 492.738 191.577V184.979C494.958 184.979 497.086 184.098 498.655 182.529C500.225 180.96 501.106 178.832 501.106 176.612C501.106 174.393 500.225 172.265 498.655 170.696C497.086 169.127 494.958 168.245 492.738 168.245ZM492.738 181.761V171.464C494.104 171.464 495.414 172.006 496.379 172.972C497.345 173.937 497.888 175.247 497.888 176.612C497.888 177.978 497.345 179.288 496.379 180.253C495.414 181.219 494.104 181.761 492.738 181.761Z" fill="url(#paint0_linear)"/>
+</g>
+<path d="M491.703 169.253C490.191 169.253 488.714 169.701 487.458 170.54C486.201 171.38 485.222 172.573 484.644 173.969C484.065 175.365 483.914 176.901 484.209 178.383C484.504 179.865 485.231 181.226 486.3 182.294C487.368 183.363 488.73 184.09 490.212 184.385C491.694 184.68 493.23 184.528 494.627 183.95C496.023 183.372 497.216 182.393 498.055 181.137C498.895 179.88 499.343 178.403 499.343 176.892C499.343 174.866 498.538 172.923 497.105 171.49C495.672 170.058 493.729 169.253 491.703 169.253ZM491.703 181.593C490.773 181.593 489.864 181.318 489.09 180.801C488.317 180.285 487.715 179.55 487.359 178.691C487.003 177.832 486.91 176.887 487.091 175.975C487.273 175.063 487.72 174.225 488.378 173.568C489.035 172.911 489.873 172.463 490.785 172.281C491.697 172.1 492.643 172.193 493.502 172.549C494.361 172.905 495.095 173.507 495.612 174.28C496.129 175.054 496.404 175.962 496.404 176.892C496.404 178.139 495.909 179.335 495.027 180.217C494.146 181.098 492.95 181.593 491.703 181.593Z" fill="#6C63FF"/>
+<path opacity="0.1" d="M491.703 169.253C490.191 169.253 488.714 169.701 487.458 170.54C486.201 171.38 485.222 172.573 484.644 173.969C484.065 175.365 483.914 176.901 484.209 178.383C484.504 179.865 485.231 181.226 486.3 182.294C487.368 183.363 488.73 184.09 490.212 184.385C491.694 184.68 493.23 184.528 494.627 183.95C496.023 183.372 497.216 182.393 498.055 181.137C498.895 179.88 499.343 178.403 499.343 176.892C499.343 174.866 498.538 172.923 497.105 171.49C495.672 170.058 493.729 169.253 491.703 169.253ZM491.703 181.593C490.773 181.593 489.864 181.318 489.09 180.801C488.317 180.285 487.715 179.55 487.359 178.691C487.003 177.832 486.91 176.887 487.091 175.975C487.273 175.063 487.72 174.225 488.378 173.568C489.035 172.911 489.873 172.463 490.785 172.281C491.697 172.1 492.643 172.193 493.502 172.549C494.361 172.905 495.095 173.507 495.612 174.28C496.129 175.054 496.404 175.962 496.404 176.892C496.404 178.139 495.909 179.335 495.027 180.217C494.146 181.098 492.95 181.593 491.703 181.593Z" fill="black"/>
+<path d="M462.316 163.376H491.703V190.525C491.703 192.053 491.096 193.518 490.015 194.598C488.935 195.678 487.47 196.285 485.942 196.285H468.076C466.549 196.285 465.083 195.678 464.003 194.598C462.923 193.518 462.316 192.053 462.316 190.525V163.376Z" fill="#6C63FF"/>
+<path opacity="0.1" d="M486.413 163.376V190.555C486.413 192.075 485.809 193.532 484.735 194.607C483.66 195.681 482.202 196.285 480.683 196.285H483.621C485.141 196.285 486.599 195.681 487.673 194.607C488.748 193.532 489.352 192.075 489.352 190.555V163.376H486.413Z" fill="black"/>
+<path d="M468.115 141.471C467.864 141.479 467.617 141.542 467.393 141.656C467.168 141.77 466.972 141.931 466.817 142.13C466.432 142.828 467.13 143.616 467.768 144.096C468.945 144.983 470.187 145.854 470.987 147.092C471.788 148.33 472.039 150.058 471.164 151.244C470.021 152.794 467.295 153.127 467.032 155.034C466.862 156.258 467.921 157.302 468.993 157.916C471.64 159.432 475.053 159.837 476.97 162.209C477.763 160.579 479.537 159.636 481.306 159.233C483.074 158.831 484.911 158.861 486.704 158.588C486.997 158.582 487.285 158.508 487.543 158.371C487.802 158.233 488.025 158.037 488.194 157.798C488.695 156.781 487.267 155.561 487.76 154.54C488.135 153.763 489.237 153.823 490.042 153.512C491.353 153.005 491.893 151.319 491.521 149.964C491.149 148.609 490.098 147.55 488.994 146.682C486.016 144.342 482.435 142.966 478.813 141.976C477.129 141.516 475.151 140.794 473.402 140.725C471.713 140.657 469.787 141.185 468.115 141.471Z" fill="#EEEEEE"/>
+<path d="M261.859 203.224L200.413 394.623" stroke="#873F3F" stroke-width="8" stroke-miterlimit="10"/>
+<g opacity="0.7">
+<path opacity="0.7" d="M309.467 416.18C301.908 416.618 295.175 422.949 295.175 422.949L291.919 414.873L291.653 414.96C293.244 407.998 325.606 264.487 293.21 252.115C268.316 242.608 241.912 230.843 221.225 231.285V197.383H250.227V196.175H273.188C277.589 193.032 271.194 190.87 264.046 189.519C264.337 189.186 264.594 188.824 264.812 188.438L301.587 122.47C301.587 122.47 310.046 108.575 304.608 101.929C299.17 95.2839 291.315 118.845 291.315 118.845L261.104 162.343C261.104 162.343 230.612 130.567 211.215 114.765C209.062 112.632 206.634 110.797 203.994 109.308C200.453 106.913 197.773 105.672 196.451 106.158C196.438 106.163 196.427 106.172 196.414 106.177C193.474 105.363 190.438 104.951 187.388 104.95H184.971V99.9932C190.385 98.2054 195.338 95.2455 199.477 91.3243C203.616 87.4031 206.838 82.6173 208.915 77.3081C212.324 71.6635 214.405 65.3184 215.003 58.7518C215.601 52.1852 214.699 45.5687 212.366 39.4016C212.726 39.3589 213.073 39.2388 213.383 39.0493C214.477 38.345 214.586 36.8042 214.48 35.5073C214.083 31.1544 212.632 26.9637 210.251 23.2976C207.871 19.6314 204.634 16.6002 200.819 14.4659C197.757 12.7921 194.251 11.6389 191.994 8.97877C190.054 6.69301 189.239 3.49612 186.892 1.63111C184.103 -0.584562 180.075 -0.20366 176.653 0.785001C172.845 1.88661 169.237 3.58878 165.966 5.82729C162.265 8.36199 158.924 11.6184 154.663 13.0213C151.635 14.0182 148.352 13.9983 145.305 14.9349C142.966 15.6757 140.834 16.9535 139.078 18.6659C137.322 20.3783 135.991 22.4779 135.192 24.7967C134.416 27.2878 134.122 29.9038 134.327 32.5048C132.474 35.6017 131.015 38.9183 129.986 42.3772C129.758 42.5003 129.529 42.6208 129.303 42.7477L129.966 42.4499C127.655 50.2496 127.578 58.5412 129.744 66.3824C131.91 74.2236 136.233 81.3001 142.221 86.8079C146.952 92.9665 153.426 97.5605 160.802 99.9932V105.99C155.54 107.125 150.519 109.181 145.973 112.063L145.966 112.055C145.966 112.055 145.581 112.293 144.92 112.737C144.854 112.782 144.788 112.826 144.722 112.871C140.251 115.905 125.269 126.991 125.775 138.971C125.755 139.432 125.758 139.894 125.783 140.357C124.965 143.819 124.551 147.365 124.549 150.922V237.861C124.537 247.467 127.766 256.797 133.713 264.341C121.104 267.167 113.068 271.441 113.068 276.223C113.132 276.624 113.132 277.031 113.068 277.432C113.068 285.94 138.497 292.837 169.866 292.837C173.658 292.837 177.363 292.735 180.947 292.543L216.391 321.232L159.594 412.457C159.594 412.457 140.863 426.956 155.364 431.789C169.866 436.622 199.473 440.247 199.473 440.247C199.473 440.247 204.306 431.789 197.66 428.164C191.013 424.539 181.95 426.352 181.95 426.352L183.158 419.102C183.158 419.102 281.647 334.523 261.104 305.524C257.173 299.976 253.243 294.252 249.279 288.617L264.783 290.03L268.311 422.802L268.752 422.659C267.867 425.267 261.603 444.953 275.487 441.622C290.351 438.055 317.396 425.476 317.396 425.476C317.396 425.476 317.025 415.741 309.467 416.18ZM250.227 187.717L221.225 179.298V154.489L252.747 187.947C251.198 187.792 250.227 187.717 250.227 187.717Z" fill="url(#paint1_linear)"/>
+</g>
+<path d="M172.644 101.026C196.138 101.026 215.184 81.9831 215.184 58.4927C215.184 35.0022 196.138 15.9594 172.644 15.9594C149.15 15.9594 130.105 35.0022 130.105 58.4927C130.105 81.9831 149.15 101.026 172.644 101.026Z" fill="black"/>
+<path d="M221.092 155.965L253.556 190.422C254.239 191.147 255.084 191.701 256.022 192.039C256.96 192.377 257.965 192.489 258.954 192.366C259.943 192.244 260.89 191.889 261.717 191.332C262.543 190.775 263.227 190.031 263.713 189.161L299.671 124.655L289.627 121.111L260.086 163.644C260.086 163.644 204.627 105.848 196.868 108.706C189.109 111.563 221.092 155.965 221.092 155.965Z" fill="#F6E05E"/>
+<path d="M159.055 275.294L111.198 399.349" stroke="#BDBDBD" stroke-width="5" stroke-miterlimit="10"/>
+<path d="M182.688 275.294L230.545 399.349" stroke="#BDBDBD" stroke-width="5" stroke-miterlimit="10"/>
+<path d="M170.872 291.244C201.544 291.244 226.409 284.5 226.409 276.18C226.409 267.86 201.544 261.116 170.872 261.116C140.199 261.116 115.334 267.86 115.334 276.18C115.334 284.5 140.199 291.244 170.872 291.244Z" fill="#B84733"/>
+<path d="M170.872 290.062C201.544 290.062 226.409 283.318 226.409 274.999C226.409 266.679 201.544 259.935 170.872 259.935C140.199 259.935 115.334 266.679 115.334 274.999C115.334 283.318 140.199 290.062 170.872 290.062Z" fill="#F55F44"/>
+<path d="M147.502 302.55L199.903 318.694" stroke="#BDBDBD" stroke-width="5" stroke-miterlimit="10"/>
+<path d="M194.241 302.55L141.841 318.694" stroke="#BDBDBD" stroke-width="5" stroke-miterlimit="10"/>
+<path d="M171.518 107.524H188.006C196.781 107.524 205.196 111.009 211.401 117.213C217.606 123.417 221.092 131.832 221.092 140.605V228.035H126.56V152.476C126.56 140.554 131.297 129.12 139.728 120.69C148.159 112.26 159.595 107.524 171.518 107.524Z" fill="#F6E05E"/>
+<path d="M126.56 228.035H221.092V279.429H168.508C157.383 279.429 146.713 275.01 138.846 267.144C130.979 259.279 126.56 248.61 126.56 237.487V228.035Z" fill="#39447A"/>
+<path opacity="0.05" d="M127.837 142.992L185.642 197.907H249.451V189.637L194.505 173.687L147.502 115.652C147.502 115.652 126.159 128.837 127.837 142.992Z" fill="black"/>
+<path d="M127.837 141.81L185.642 196.726H249.451V188.455L194.505 172.505L147.502 114.471C147.502 114.471 126.159 127.656 127.837 141.81Z" fill="#F6E05E"/>
+<path d="M249.451 188.455C249.451 188.455 280.174 190.818 271.903 196.726H249.451V188.455Z" fill="#FDA57D"/>
+<path d="M289.627 121.111C289.627 121.111 297.308 98.0722 302.626 104.57C307.943 111.068 299.671 124.655 299.671 124.655L289.627 121.111Z" fill="#FDA57D"/>
+<path opacity="0.05" d="M126.56 228.035V230.792L221.092 230.988V228.035H126.56Z" fill="black"/>
+<path d="M200.095 282.704L263.684 288.499L267.134 418.327L289.899 410.916C289.899 410.916 323.946 263.823 291.48 251.425C259.014 239.026 223.92 222.699 202.968 236.005C182.015 249.311 200.095 282.704 200.095 282.704Z" fill="#39447A"/>
+<path opacity="0.1" d="M203.958 242.803C203.958 242.803 238.817 260.525 243.543 280.611L203.958 242.803Z" fill="black"/>
+<path d="M166.737 278.838L216.365 319.009L160.828 408.21L183.87 414.708C183.87 414.708 280.174 332.005 260.086 303.649C239.998 275.294 219.91 242.213 195.096 241.622C170.281 241.031 166.737 278.838 166.737 278.838Z" fill="#39447A"/>
+<path opacity="0.05" d="M244.725 148.285L257.132 169.552L260.086 163.644L244.725 148.285Z" fill="black"/>
+<path d="M160.828 408.21C160.828 408.21 142.512 422.388 156.692 427.114C170.872 431.84 199.822 435.384 199.822 435.384C199.822 435.384 204.549 427.114 198.05 423.569C191.551 420.025 182.688 421.797 182.688 421.797L183.87 414.708L160.828 408.21Z" fill="#333333"/>
+<path d="M267.662 417.907C267.662 417.907 259.617 440.216 274.151 436.728C288.685 433.241 315.13 420.941 315.13 420.941C315.13 420.941 314.767 411.422 307.377 411.851C299.986 412.279 293.402 418.47 293.402 418.47L290.218 410.573L267.662 417.907Z" fill="#333333"/>
+<path d="M173.826 86.8481H173.826C167.3 86.8481 162.009 92.1378 162.009 98.6629V110.478C162.009 117.003 167.3 122.292 173.826 122.292H173.826C180.352 122.292 185.642 117.003 185.642 110.478V98.6629C185.642 92.1378 180.352 86.8481 173.826 86.8481Z" fill="#FDA57D"/>
+<path opacity="0.05" d="M173.826 88.0296C170.692 88.0296 167.686 89.2744 165.47 91.4901C163.254 93.7058 162.009 96.7109 162.009 99.8444V103.859C169.685 106.383 177.967 106.383 185.642 103.859V99.8444C185.642 96.7109 184.397 93.7058 182.181 91.4901C179.965 89.2744 176.96 88.0296 173.826 88.0296Z" fill="black"/>
+<path d="M173.826 104.57C194.709 104.57 211.639 87.6434 211.639 66.763C211.639 45.8826 194.709 28.9557 173.826 28.9557C152.942 28.9557 136.013 45.8826 136.013 66.763C136.013 87.6434 152.942 104.57 173.826 104.57Z" fill="#FDA57D"/>
+<path opacity="0.05" d="M136.013 65.0475C136.013 65.0475 145.466 67.4832 150.784 56.7407C156.101 45.9982 160.237 40.1387 182.097 46.4865C203.958 52.8344 208.355 53.6089 209.406 47.6062C210.124 43.5044 202.351 33.5412 197.356 27.6425C194.919 24.7649 190.943 23.0484 186.693 23.0484H162.009L147.239 29.8845L136.013 39.6504L133.65 52.8344L136.013 65.0475Z" fill="black"/>
+<path d="M136.013 63.866C136.013 63.866 145.466 66.3018 150.784 55.5593C156.101 44.8167 160.237 38.9572 182.097 45.305C203.958 51.6529 208.355 52.4274 209.406 46.4247C210.124 42.3229 202.351 32.3597 197.356 26.4611C194.919 23.5835 190.943 21.8669 186.693 21.8669H162.009L147.239 28.703L136.013 38.4689L133.65 51.6529L136.013 63.866Z" fill="black"/>
+<path d="M139.853 71.4889C141.974 71.4889 143.694 68.0506 143.694 63.8093C143.694 59.568 141.974 56.1297 139.853 56.1297C137.732 56.1297 136.013 59.568 136.013 63.8093C136.013 68.0506 137.732 71.4889 139.853 71.4889Z" fill="#FDA57D"/>
+<path d="M137.109 44.0487C136.232 39.1034 135.371 33.9105 136.967 29.1483C137.748 26.881 139.05 24.8279 140.767 23.1535C142.484 21.479 144.569 20.2296 146.855 19.5052C149.835 18.5895 153.046 18.6089 156.006 17.6341C160.173 16.2623 163.439 13.0781 167.059 10.5996C170.257 8.41074 173.785 6.74632 177.508 5.66915C180.854 4.7024 184.793 4.32995 187.52 6.4965C189.815 8.32015 190.612 11.4461 192.509 13.6812C194.716 16.2823 198.145 17.4099 201.138 19.0466C204.869 21.1336 208.034 24.0976 210.362 27.6824C212.689 31.2673 214.109 35.365 214.497 39.6213C214.6 40.8895 214.494 42.3961 213.424 43.0848C212.759 43.4228 212.01 43.5595 211.269 43.4781C196.157 43.2621 181.026 43.0452 165.976 41.6581C161.297 41.2269 156.609 40.6821 151.914 40.8599C144.648 41.1432 137.552 43.145 131.209 46.7012" fill="black"/>
+<path d="M71.6678 381.185H19.3696C8.67209 381.185 0 389.855 0 400.551V400.551C0 411.247 8.67209 419.918 19.3696 419.918H71.6678C82.3653 419.918 91.0374 411.247 91.0374 400.551C91.0374 389.855 82.3653 381.185 71.6678 381.185Z" fill="#8B4444"/>
+<path d="M340.241 242.902C340.471 242.894 340.689 242.797 340.848 242.632C341.008 242.466 341.097 242.245 341.097 242.016C341.097 241.786 341.008 241.565 340.848 241.4C340.689 241.234 340.471 241.137 340.241 241.13C340.012 241.137 339.794 241.234 339.634 241.4C339.475 241.565 339.385 241.786 339.385 242.016C339.385 242.245 339.475 242.466 339.634 242.632C339.794 242.797 340.012 242.894 340.241 242.902Z" fill="url(#paint2_linear)"/>
+<path d="M470.279 203.224L531.725 421.851" stroke="#873F3F" stroke-width="8" stroke-miterlimit="10"/>
+<path d="M531.974 196.821H200.164V209.75H531.974V196.821Z" fill="#873F3F"/>
+<path d="M332.462 193.772H285.787C283.666 193.772 281.947 195.491 281.947 197.612V197.612C281.947 199.732 283.666 201.452 285.787 201.452H332.462C334.583 201.452 336.302 199.732 336.302 197.612C336.302 195.491 334.583 193.772 332.462 193.772Z" fill="#535461"/>
+<g opacity="0.7">
+<path opacity="0.7" d="M433.458 108.151H331.706C322.497 108.151 315.033 115.614 315.033 124.821V184.877C315.033 194.084 322.497 201.547 331.706 201.547H433.458C442.666 201.547 450.13 194.084 450.13 184.877V124.821C450.13 115.614 442.666 108.151 433.458 108.151Z" fill="url(#paint3_linear)"/>
+</g>
+<path d="M429.564 109.874H333.296C324.54 109.874 317.441 116.971 317.441 125.726V185.695C317.441 194.45 324.54 201.547 333.296 201.547H429.564C438.321 201.547 445.419 194.45 445.419 185.695V125.726C445.419 116.971 438.321 109.874 429.564 109.874Z" fill="#3E3F49"/>
+<path d="M431.337 109.874H335.069C326.312 109.874 319.214 116.971 319.214 125.726V185.695C319.214 194.45 326.312 201.547 335.069 201.547H431.337C440.093 201.547 447.192 194.45 447.192 185.695V125.726C447.192 116.971 440.093 109.874 431.337 109.874Z" fill="#535461"/>
+<path d="M389.181 159.214C391.465 159.214 393.317 157.362 393.317 155.079C393.317 152.795 391.465 150.943 389.181 150.943C386.897 150.943 385.046 152.795 385.046 155.079C385.046 157.362 386.897 159.214 389.181 159.214Z" fill="#E0E0E0"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear" x1="480.83" y1="197.852" x2="480.83" y2="161.809" gradientUnits="userSpaceOnUse">
+<stop stop-color="#808080" stop-opacity="0.25"/>
+<stop offset="0.53514" stop-color="#808080" stop-opacity="0.12"/>
+<stop offset="1" stop-color="#808080" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="105157" y1="364256" x2="105157" y2="33544.4" gradientUnits="userSpaceOnUse">
+<stop stop-color="#808080" stop-opacity="0.25"/>
+<stop offset="0.53514" stop-color="#808080" stop-opacity="0.12"/>
+<stop offset="1" stop-color="#808080" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint2_linear" x1="1581.84" y1="1104.33" x2="1581.84" y2="1099.02" gradientUnits="userSpaceOnUse">
+<stop stop-color="#808080" stop-opacity="0.25"/>
+<stop offset="0.53514" stop-color="#808080" stop-opacity="0.12"/>
+<stop offset="1" stop-color="#808080" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint3_linear" x1="87795.9" y1="31973" x2="87795.9" y2="17206.9" gradientUnits="userSpaceOnUse">
+<stop stop-color="#808080" stop-opacity="0.25"/>
+<stop offset="0.53514" stop-color="#808080" stop-opacity="0.12"/>
+<stop offset="1" stop-color="#808080" stop-opacity="0.1"/>
+</linearGradient>
+<clipPath id="clip0">
+<rect width="534" height="442" fill="white"/>
+</clipPath>
+</defs>
+</svg>

images/illustrations/hello2.svg

@@ -0,0 +1,82 @@
+<svg width="534" height="442" viewBox="0 0 534 442" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M81.1041 355.563C81.1041 382.287 65.2143 391.619 45.6146 391.619C45.1583 391.619 44.7044 391.615 44.253 391.602C43.3453 391.582 42.445 391.543 41.557 391.479C23.8665 390.228 10.1225 380.415 10.1225 355.563C10.1225 329.845 42.9876 297.391 45.4666 294.982L45.4715 294.979C45.5653 294.886 45.6146 294.839 45.6146 294.839C45.6146 294.839 81.1041 328.836 81.1041 355.563Z" fill="#37BC9B"/>
+<path d="M44.3196 387.53L57.3014 369.396L44.2875 389.521L44.253 391.602C43.3453 391.582 42.445 391.543 41.557 391.479L42.9556 364.742L42.9457 364.535L42.9704 364.496L43.1011 361.97L30.0552 341.794L43.1406 360.076L43.1726 360.611L44.2308 340.41L33.062 319.563L44.3665 336.861L45.4666 294.982L45.4715 294.839V294.979L45.289 328.005L56.406 314.912L45.2421 330.848L44.9486 348.936L55.3305 331.579L44.9042 351.599L44.7414 361.654L59.8124 337.493L44.6847 365.164L44.3196 387.53Z" fill="#F2F2F2"/>
+<g opacity="0.7">
+<path opacity="0.7" d="M492.738 168.245V161.809H460.553V191.577C460.553 193.241 461.214 194.837 462.391 196.014C463.568 197.191 465.164 197.852 466.829 197.852H486.462C488.127 197.852 489.723 197.191 490.9 196.014C492.077 194.837 492.738 193.241 492.738 191.577V184.979C494.958 184.979 497.086 184.098 498.655 182.529C500.225 180.96 501.106 178.832 501.106 176.612C501.106 174.393 500.225 172.265 498.655 170.696C497.086 169.127 494.958 168.245 492.738 168.245ZM492.738 181.761V171.464C494.104 171.464 495.414 172.006 496.379 172.972C497.345 173.937 497.888 175.247 497.888 176.612C497.888 177.978 497.345 179.288 496.379 180.253C495.414 181.219 494.104 181.761 492.738 181.761Z" fill="url(#paint0_linear)"/>
+</g>
+<path d="M491.703 169.253C490.191 169.253 488.714 169.701 487.458 170.54C486.201 171.38 485.222 172.573 484.644 173.969C484.065 175.365 483.914 176.901 484.209 178.383C484.504 179.865 485.231 181.226 486.3 182.294C487.368 183.363 488.73 184.09 490.212 184.385C491.694 184.68 493.23 184.528 494.627 183.95C496.023 183.372 497.216 182.393 498.055 181.137C498.895 179.88 499.343 178.403 499.343 176.892C499.343 174.866 498.538 172.923 497.105 171.49C495.672 170.058 493.729 169.253 491.703 169.253ZM491.703 181.593C490.773 181.593 489.864 181.318 489.09 180.801C488.317 180.285 487.715 179.55 487.359 178.691C487.003 177.832 486.91 176.887 487.091 175.975C487.273 175.063 487.72 174.225 488.378 173.568C489.035 172.911 489.873 172.463 490.785 172.281C491.697 172.1 492.643 172.193 493.502 172.549C494.361 172.905 495.095 173.507 495.612 174.28C496.129 175.054 496.404 175.962 496.404 176.892C496.404 178.139 495.909 179.335 495.027 180.217C494.146 181.098 492.95 181.593 491.703 181.593Z" fill="#6C63FF"/>
+<path opacity="0.1" d="M491.703 169.253C490.191 169.253 488.714 169.701 487.458 170.54C486.201 171.38 485.222 172.573 484.644 173.969C484.065 175.365 483.914 176.901 484.209 178.383C484.504 179.865 485.231 181.226 486.3 182.294C487.368 183.363 488.73 184.09 490.212 184.385C491.694 184.68 493.23 184.528 494.627 183.95C496.023 183.372 497.216 182.393 498.055 181.137C498.895 179.88 499.343 178.403 499.343 176.892C499.343 174.866 498.538 172.923 497.105 171.49C495.672 170.058 493.729 169.253 491.703 169.253ZM491.703 181.593C490.773 181.593 489.864 181.318 489.09 180.801C488.317 180.285 487.715 179.55 487.359 178.691C487.003 177.832 486.91 176.887 487.091 175.975C487.273 175.063 487.72 174.225 488.378 173.568C489.035 172.911 489.873 172.463 490.785 172.281C491.697 172.1 492.643 172.193 493.502 172.549C494.361 172.905 495.095 173.507 495.612 174.28C496.129 175.054 496.404 175.962 496.404 176.892C496.404 178.139 495.909 179.335 495.027 180.217C494.146 181.098 492.95 181.593 491.703 181.593Z" fill="black"/>
+<path d="M462.316 163.376H491.703V190.525C491.703 192.053 491.096 193.518 490.015 194.598C488.935 195.678 487.47 196.285 485.942 196.285H468.076C466.549 196.285 465.083 195.678 464.003 194.598C462.923 193.518 462.316 192.053 462.316 190.525V163.376Z" fill="#6C63FF"/>
+<path opacity="0.1" d="M486.413 163.376V190.555C486.413 192.075 485.809 193.532 484.735 194.607C483.66 195.681 482.202 196.285 480.683 196.285H483.621C485.141 196.285 486.599 195.681 487.673 194.607C488.748 193.532 489.352 192.075 489.352 190.555V163.376H486.413Z" fill="black"/>
+<path d="M468.115 141.471C467.864 141.479 467.617 141.542 467.393 141.656C467.168 141.77 466.972 141.931 466.817 142.13C466.432 142.828 467.13 143.616 467.768 144.096C468.945 144.983 470.187 145.854 470.987 147.092C471.788 148.33 472.039 150.058 471.164 151.244C470.021 152.794 467.295 153.127 467.032 155.034C466.862 156.258 467.921 157.302 468.993 157.916C471.64 159.432 475.053 159.837 476.97 162.209C477.763 160.579 479.537 159.636 481.306 159.233C483.074 158.831 484.911 158.861 486.704 158.588C486.997 158.582 487.285 158.508 487.543 158.371C487.802 158.233 488.025 158.037 488.194 157.798C488.695 156.781 487.267 155.561 487.76 154.54C488.135 153.763 489.237 153.823 490.042 153.512C491.353 153.005 491.893 151.319 491.521 149.964C491.149 148.609 490.098 147.55 488.994 146.682C486.016 144.342 482.435 142.966 478.813 141.976C477.129 141.516 475.151 140.794 473.402 140.725C471.713 140.657 469.787 141.185 468.115 141.471Z" fill="#EEEEEE"/>
+<path d="M261.859 203.224L200.413 394.623" stroke="#873F3F" stroke-width="8" stroke-miterlimit="10"/>
+<g opacity="0.7">
+<path opacity="0.7" d="M309.467 416.18C301.908 416.618 295.175 422.949 295.175 422.949L291.919 414.873L291.653 414.96C293.244 407.998 325.606 264.487 293.21 252.115C268.316 242.608 241.912 230.843 221.225 231.285V197.383H250.227V196.175H273.188C277.589 193.032 271.194 190.87 264.046 189.519C264.337 189.186 264.594 188.824 264.812 188.438L301.587 122.47C301.587 122.47 310.046 108.575 304.608 101.929C299.17 95.2839 291.315 118.845 291.315 118.845L261.104 162.343C261.104 162.343 230.612 130.567 211.215 114.765C209.062 112.632 206.634 110.797 203.994 109.308C200.453 106.913 197.773 105.672 196.451 106.158C196.438 106.163 196.427 106.172 196.414 106.177C193.474 105.363 190.438 104.951 187.388 104.95H184.971V99.9932C190.385 98.2054 195.338 95.2455 199.477 91.3243C203.616 87.4031 206.838 82.6173 208.915 77.3081C212.324 71.6635 214.405 65.3184 215.003 58.7518C215.601 52.1852 214.699 45.5687 212.366 39.4016C212.726 39.3589 213.073 39.2388 213.383 39.0493C214.477 38.345 214.586 36.8042 214.48 35.5073C214.083 31.1544 212.632 26.9637 210.251 23.2976C207.871 19.6314 204.634 16.6002 200.819 14.4659C197.757 12.7921 194.251 11.6389 191.994 8.97877C190.054 6.69301 189.239 3.49612 186.892 1.63111C184.103 -0.584562 180.075 -0.20366 176.653 0.785001C172.845 1.88661 169.237 3.58878 165.966 5.82729C162.265 8.36199 158.924 11.6184 154.663 13.0213C151.635 14.0182 148.352 13.9983 145.305 14.9349C142.966 15.6757 140.834 16.9535 139.078 18.6659C137.322 20.3783 135.991 22.4779 135.192 24.7967C134.416 27.2878 134.122 29.9038 134.327 32.5048C132.474 35.6017 131.015 38.9183 129.986 42.3772C129.758 42.5003 129.529 42.6208 129.303 42.7477L129.966 42.4499C127.655 50.2496 127.578 58.5412 129.744 66.3824C131.91 74.2236 136.233 81.3001 142.221 86.8079C146.952 92.9665 153.426 97.5605 160.802 99.9932V105.99C155.54 107.125 150.519 109.181 145.973 112.063L145.966 112.055C145.966 112.055 145.581 112.293 144.92 112.737C144.854 112.782 144.788 112.826 144.722 112.871C140.251 115.905 125.269 126.991 125.775 138.971C125.755 139.432 125.758 139.894 125.783 140.357C124.965 143.819 124.551 147.365 124.549 150.922V237.861C124.537 247.467 127.766 256.797 133.713 264.341C121.104 267.167 113.068 271.441 113.068 276.223C113.132 276.624 113.132 277.031 113.068 277.432C113.068 285.94 138.497 292.837 169.866 292.837C173.658 292.837 177.363 292.735 180.947 292.543L216.391 321.232L159.594 412.457C159.594 412.457 140.863 426.956 155.364 431.789C169.866 436.622 199.473 440.247 199.473 440.247C199.473 440.247 204.306 431.789 197.66 428.164C191.013 424.539 181.95 426.352 181.95 426.352L183.158 419.102C183.158 419.102 281.647 334.523 261.104 305.524C257.173 299.976 253.243 294.252 249.279 288.617L264.783 290.03L268.311 422.802L268.752 422.659C267.867 425.267 261.603 444.953 275.487 441.622C290.351 438.055 317.396 425.476 317.396 425.476C317.396 425.476 317.025 415.741 309.467 416.18ZM250.227 187.717L221.225 179.298V154.489L252.747 187.947C251.198 187.792 250.227 187.717 250.227 187.717Z" fill="url(#paint1_linear)"/>
+</g>
+<path d="M172.644 101.026C196.138 101.026 215.184 81.9831 215.184 58.4927C215.184 35.0022 196.138 15.9594 172.644 15.9594C149.15 15.9594 130.105 35.0022 130.105 58.4927C130.105 81.9831 149.15 101.026 172.644 101.026Z" fill="black"/>
+<path d="M221.092 155.965L253.556 190.422C254.239 191.147 255.084 191.701 256.022 192.039C256.96 192.377 257.965 192.489 258.954 192.366C259.943 192.244 260.89 191.889 261.717 191.332C262.543 190.775 263.227 190.031 263.713 189.161L299.671 124.655L289.627 121.111L260.086 163.644C260.086 163.644 204.627 105.848 196.868 108.706C189.109 111.563 221.092 155.965 221.092 155.965Z" fill="#F6E05E"/>
+<path d="M159.055 275.294L111.198 399.349" stroke="#BDBDBD" stroke-width="5" stroke-miterlimit="10"/>
+<path d="M182.688 275.294L230.545 399.349" stroke="#BDBDBD" stroke-width="5" stroke-miterlimit="10"/>
+<path d="M170.872 291.244C201.544 291.244 226.409 284.5 226.409 276.18C226.409 267.86 201.544 261.116 170.872 261.116C140.199 261.116 115.334 267.86 115.334 276.18C115.334 284.5 140.199 291.244 170.872 291.244Z" fill="#B84733"/>
+<path d="M170.872 290.062C201.544 290.062 226.409 283.318 226.409 274.999C226.409 266.679 201.544 259.935 170.872 259.935C140.199 259.935 115.334 266.679 115.334 274.999C115.334 283.318 140.199 290.062 170.872 290.062Z" fill="#E9573F"/>
+<path d="M147.502 302.55L199.903 318.694" stroke="#BDBDBD" stroke-width="5" stroke-miterlimit="10"/>
+<path d="M194.241 302.55L141.841 318.694" stroke="#BDBDBD" stroke-width="5" stroke-miterlimit="10"/>
+<path d="M171.518 107.524H188.006C196.781 107.524 205.196 111.009 211.401 117.213C217.606 123.417 221.092 131.832 221.092 140.605V228.035H126.56V152.476C126.56 140.554 131.297 129.12 139.728 120.69C148.159 112.26 159.595 107.524 171.518 107.524Z" fill="#F6E05E"/>
+<path d="M126.56 228.035H221.092V279.429H168.508C157.383 279.429 146.713 275.01 138.846 267.144C130.979 259.279 126.56 248.61 126.56 237.487V228.035Z" fill="#3F3D56"/>
+<path opacity="0.05" d="M127.837 142.992L185.642 197.907H249.451V189.637L194.505 173.687L147.502 115.652C147.502 115.652 126.159 128.837 127.837 142.992Z" fill="black"/>
+<path d="M127.837 141.81L185.642 196.726H249.451V188.455L194.505 172.505L147.502 114.471C147.502 114.471 126.159 127.656 127.837 141.81Z" fill="#F6E05E"/>
+<path d="M249.451 188.455C249.451 188.455 280.174 190.818 271.903 196.726H249.451V188.455Z" fill="#FDA57D"/>
+<path d="M289.627 121.111C289.627 121.111 297.308 98.0722 302.626 104.57C307.943 111.068 299.671 124.655 299.671 124.655L289.627 121.111Z" fill="#FDA57D"/>
+<path opacity="0.05" d="M126.56 228.035V230.792L221.092 230.988V228.035H126.56Z" fill="black"/>
+<path d="M200.095 282.704L263.684 288.499L267.134 418.327L289.899 410.916C289.899 410.916 323.946 263.823 291.48 251.425C259.014 239.026 223.92 222.699 202.968 236.005C182.015 249.311 200.095 282.704 200.095 282.704Z" fill="#3F3D56"/>
+<path opacity="0.1" d="M203.958 242.803C203.958 242.803 238.817 260.525 243.543 280.611L203.958 242.803Z" fill="black"/>
+<path d="M166.737 278.838L216.365 319.009L160.828 408.21L183.87 414.708C183.87 414.708 280.174 332.005 260.086 303.649C239.998 275.294 219.91 242.213 195.096 241.622C170.281 241.031 166.737 278.838 166.737 278.838Z" fill="#3F3D56"/>
+<path opacity="0.05" d="M244.725 148.285L257.132 169.552L260.086 163.644L244.725 148.285Z" fill="black"/>
+<path d="M160.828 408.21C160.828 408.21 142.512 422.388 156.692 427.114C170.872 431.84 199.822 435.384 199.822 435.384C199.822 435.384 204.549 427.114 198.05 423.569C191.551 420.025 182.688 421.797 182.688 421.797L183.87 414.708L160.828 408.21Z" fill="#2F2E41"/>
+<path d="M267.662 417.907C267.662 417.907 259.617 440.216 274.151 436.728C288.685 433.241 315.13 420.941 315.13 420.941C315.13 420.941 314.767 411.422 307.377 411.851C299.986 412.279 293.402 418.47 293.402 418.47L290.218 410.573L267.662 417.907Z" fill="#2F2E41"/>
+<path d="M173.826 86.8481H173.826C167.3 86.8481 162.009 92.1378 162.009 98.6629V110.478C162.009 117.003 167.3 122.292 173.826 122.292H173.826C180.352 122.292 185.642 117.003 185.642 110.478V98.6629C185.642 92.1378 180.352 86.8481 173.826 86.8481Z" fill="#FDA57D"/>
+<path opacity="0.05" d="M173.826 88.0296C170.692 88.0296 167.686 89.2744 165.47 91.4901C163.254 93.7058 162.009 96.7109 162.009 99.8444V103.859C169.685 106.383 177.967 106.383 185.642 103.859V99.8444C185.642 96.7109 184.397 93.7058 182.181 91.4901C179.965 89.2744 176.96 88.0296 173.826 88.0296Z" fill="black"/>
+<path d="M173.826 104.57C194.709 104.57 211.639 87.6434 211.639 66.763C211.639 45.8826 194.709 28.9557 173.826 28.9557C152.942 28.9557 136.013 45.8826 136.013 66.763C136.013 87.6434 152.942 104.57 173.826 104.57Z" fill="#FDA57D"/>
+<path opacity="0.05" d="M136.013 65.0475C136.013 65.0475 145.466 67.4832 150.784 56.7407C156.101 45.9982 160.237 40.1387 182.097 46.4865C203.958 52.8344 208.355 53.6089 209.406 47.6062C210.124 43.5044 202.351 33.5412 197.356 27.6425C194.919 24.7649 190.943 23.0484 186.693 23.0484H162.009L147.239 29.8845L136.013 39.6504L133.65 52.8344L136.013 65.0475Z" fill="black"/>
+<path d="M136.013 63.866C136.013 63.866 145.466 66.3018 150.784 55.5593C156.101 44.8167 160.237 38.9572 182.097 45.305C203.958 51.6529 208.355 52.4274 209.406 46.4247C210.124 42.3229 202.351 32.3597 197.356 26.4611C194.919 23.5835 190.943 21.8669 186.693 21.8669H162.009L147.239 28.703L136.013 38.4689L133.65 51.6529L136.013 63.866Z" fill="black"/>
+<path d="M139.853 71.4889C141.974 71.4889 143.694 68.0506 143.694 63.8093C143.694 59.568 141.974 56.1297 139.853 56.1297C137.732 56.1297 136.013 59.568 136.013 63.8093C136.013 68.0506 137.732 71.4889 139.853 71.4889Z" fill="#FDA57D"/>
+<path d="M137.109 44.0487C136.232 39.1034 135.371 33.9105 136.967 29.1483C137.748 26.881 139.05 24.8279 140.767 23.1535C142.484 21.479 144.569 20.2296 146.855 19.5052C149.835 18.5895 153.046 18.6089 156.006 17.6341C160.173 16.2623 163.439 13.0781 167.059 10.5996C170.257 8.41074 173.785 6.74632 177.508 5.66915C180.854 4.7024 184.793 4.32995 187.52 6.4965C189.815 8.32015 190.612 11.4461 192.509 13.6812C194.716 16.2823 198.145 17.4099 201.138 19.0466C204.869 21.1336 208.034 24.0976 210.362 27.6824C212.689 31.2673 214.109 35.365 214.497 39.6213C214.6 40.8895 214.494 42.3961 213.424 43.0848C212.759 43.4228 212.01 43.5595 211.269 43.4781C196.157 43.2621 181.026 43.0452 165.976 41.6581C161.297 41.2269 156.609 40.6821 151.914 40.8599C144.648 41.1432 137.552 43.145 131.209 46.7012" fill="black"/>
+<path d="M71.6678 381.185H19.3696C8.67209 381.185 0 389.855 0 400.551V400.551C0 411.247 8.67209 419.918 19.3696 419.918H71.6678C82.3653 419.918 91.0374 411.247 91.0374 400.551C91.0374 389.855 82.3653 381.185 71.6678 381.185Z" fill="#495057"/>
+<path d="M340.241 242.902C340.471 242.894 340.689 242.797 340.848 242.632C341.008 242.466 341.097 242.245 341.097 242.016C341.097 241.786 341.008 241.565 340.848 241.4C340.689 241.234 340.471 241.137 340.241 241.13C340.012 241.137 339.794 241.234 339.634 241.4C339.475 241.565 339.385 241.786 339.385 242.016C339.385 242.245 339.475 242.466 339.634 242.632C339.794 242.797 340.012 242.894 340.241 242.902Z" fill="url(#paint2_linear)"/>
+<path d="M470.279 203.224L531.725 421.851" stroke="#873F3F" stroke-width="8" stroke-miterlimit="10"/>
+<path d="M531.974 196.821H200.164V209.75H531.974V196.821Z" fill="#873F3F"/>
+<path d="M332.462 193.772H285.787C283.666 193.772 281.947 195.491 281.947 197.612V197.612C281.947 199.732 283.666 201.452 285.787 201.452H332.462C334.583 201.452 336.302 199.732 336.302 197.612C336.302 195.491 334.583 193.772 332.462 193.772Z" fill="#535461"/>
+<g opacity="0.7">
+<path opacity="0.7" d="M433.458 108.151H331.706C322.497 108.151 315.033 115.614 315.033 124.821V184.877C315.033 194.084 322.497 201.547 331.706 201.547H433.458C442.666 201.547 450.13 194.084 450.13 184.877V124.821C450.13 115.614 442.666 108.151 433.458 108.151Z" fill="url(#paint3_linear)"/>
+</g>
+<path d="M429.564 109.874H333.296C324.54 109.874 317.441 116.971 317.441 125.726V185.695C317.441 194.45 324.54 201.547 333.296 201.547H429.564C438.321 201.547 445.419 194.45 445.419 185.695V125.726C445.419 116.971 438.321 109.874 429.564 109.874Z" fill="#3E3F49"/>
+<path d="M431.337 109.874H335.069C326.312 109.874 319.214 116.971 319.214 125.726V185.695C319.214 194.45 326.312 201.547 335.069 201.547H431.337C440.093 201.547 447.192 194.45 447.192 185.695V125.726C447.192 116.971 440.093 109.874 431.337 109.874Z" fill="#535461"/>
+<path d="M389.181 159.214C391.465 159.214 393.317 157.362 393.317 155.079C393.317 152.795 391.465 150.943 389.181 150.943C386.897 150.943 385.046 152.795 385.046 155.079C385.046 157.362 386.897 159.214 389.181 159.214Z" fill="#E0E0E0"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear" x1="480.83" y1="197.852" x2="480.83" y2="161.809" gradientUnits="userSpaceOnUse">
+<stop stop-color="#808080" stop-opacity="0.25"/>
+<stop offset="0.53514" stop-color="#808080" stop-opacity="0.12"/>
+<stop offset="1" stop-color="#808080" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="105157" y1="364256" x2="105157" y2="33544.4" gradientUnits="userSpaceOnUse">
+<stop stop-color="#808080" stop-opacity="0.25"/>
+<stop offset="0.53514" stop-color="#808080" stop-opacity="0.12"/>
+<stop offset="1" stop-color="#808080" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint2_linear" x1="1581.84" y1="1104.33" x2="1581.84" y2="1099.02" gradientUnits="userSpaceOnUse">
+<stop stop-color="#808080" stop-opacity="0.25"/>
+<stop offset="0.53514" stop-color="#808080" stop-opacity="0.12"/>
+<stop offset="1" stop-color="#808080" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint3_linear" x1="87795.9" y1="31973" x2="87795.9" y2="17206.9" gradientUnits="userSpaceOnUse">
+<stop stop-color="#808080" stop-opacity="0.25"/>
+<stop offset="0.53514" stop-color="#808080" stop-opacity="0.12"/>
+<stop offset="1" stop-color="#808080" stop-opacity="0.1"/>
+</linearGradient>
+<clipPath id="clip0">
+<rect width="534" height="442" fill="white"/>
+</clipPath>
+</defs>
+</svg>

images/illustrations/hello3.svg

@@ -0,0 +1,82 @@
+<svg width="534" height="442" viewBox="0 0 534 442" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M81.1041 355.563C81.1041 382.287 65.2143 391.619 45.6146 391.619C45.1583 391.619 44.7044 391.615 44.253 391.602C43.3453 391.582 42.445 391.543 41.557 391.479C23.8665 390.228 10.1225 380.415 10.1225 355.563C10.1225 329.845 42.9876 297.391 45.4666 294.982L45.4715 294.979C45.5653 294.886 45.6146 294.839 45.6146 294.839C45.6146 294.839 81.1041 328.836 81.1041 355.563Z" fill="#37BC9B"/>
+<path d="M44.3196 387.53L57.3014 369.396L44.2875 389.521L44.253 391.602C43.3453 391.582 42.445 391.543 41.557 391.479L42.9556 364.742L42.9457 364.535L42.9704 364.496L43.1011 361.97L30.0552 341.794L43.1406 360.076L43.1726 360.611L44.2308 340.41L33.062 319.563L44.3665 336.861L45.4666 294.982L45.4715 294.839V294.979L45.289 328.005L56.406 314.912L45.2421 330.848L44.9486 348.936L55.3305 331.579L44.9042 351.599L44.7414 361.654L59.8124 337.493L44.6847 365.164L44.3196 387.53Z" fill="#F2F2F2"/>
+<g opacity="0.7">
+<path opacity="0.7" d="M492.738 168.245V161.809H460.553V191.577C460.553 193.241 461.214 194.837 462.391 196.014C463.568 197.191 465.164 197.852 466.829 197.852H486.462C488.127 197.852 489.723 197.191 490.9 196.014C492.077 194.837 492.738 193.241 492.738 191.577V184.979C494.958 184.979 497.086 184.098 498.655 182.529C500.225 180.96 501.106 178.832 501.106 176.612C501.106 174.393 500.225 172.265 498.655 170.696C497.086 169.127 494.958 168.245 492.738 168.245ZM492.738 181.761V171.464C494.104 171.464 495.414 172.006 496.379 172.972C497.345 173.937 497.888 175.247 497.888 176.612C497.888 177.978 497.345 179.288 496.379 180.253C495.414 181.219 494.104 181.761 492.738 181.761Z" fill="url(#paint0_linear)"/>
+</g>
+<path d="M491.703 169.253C490.191 169.253 488.714 169.701 487.458 170.54C486.201 171.38 485.222 172.573 484.644 173.969C484.065 175.365 483.914 176.901 484.209 178.383C484.504 179.865 485.231 181.226 486.3 182.294C487.368 183.363 488.73 184.09 490.212 184.385C491.694 184.68 493.23 184.528 494.627 183.95C496.023 183.372 497.216 182.393 498.055 181.137C498.895 179.88 499.343 178.403 499.343 176.892C499.343 174.866 498.538 172.923 497.105 171.49C495.672 170.058 493.729 169.253 491.703 169.253ZM491.703 181.593C490.773 181.593 489.864 181.318 489.09 180.801C488.317 180.285 487.715 179.55 487.359 178.691C487.003 177.832 486.91 176.887 487.091 175.975C487.273 175.063 487.72 174.225 488.378 173.568C489.035 172.911 489.873 172.463 490.785 172.281C491.697 172.1 492.643 172.193 493.502 172.549C494.361 172.905 495.095 173.507 495.612 174.28C496.129 175.054 496.404 175.962 496.404 176.892C496.404 178.139 495.909 179.335 495.027 180.217C494.146 181.098 492.95 181.593 491.703 181.593Z" fill="#6C63FF"/>
+<path opacity="0.1" d="M491.703 169.253C490.191 169.253 488.714 169.701 487.458 170.54C486.201 171.38 485.222 172.573 484.644 173.969C484.065 175.365 483.914 176.901 484.209 178.383C484.504 179.865 485.231 181.226 486.3 182.294C487.368 183.363 488.73 184.09 490.212 184.385C491.694 184.68 493.23 184.528 494.627 183.95C496.023 183.372 497.216 182.393 498.055 181.137C498.895 179.88 499.343 178.403 499.343 176.892C499.343 174.866 498.538 172.923 497.105 171.49C495.672 170.058 493.729 169.253 491.703 169.253ZM491.703 181.593C490.773 181.593 489.864 181.318 489.09 180.801C488.317 180.285 487.715 179.55 487.359 178.691C487.003 177.832 486.91 176.887 487.091 175.975C487.273 175.063 487.72 174.225 488.378 173.568C489.035 172.911 489.873 172.463 490.785 172.281C491.697 172.1 492.643 172.193 493.502 172.549C494.361 172.905 495.095 173.507 495.612 174.28C496.129 175.054 496.404 175.962 496.404 176.892C496.404 178.139 495.909 179.335 495.027 180.217C494.146 181.098 492.95 181.593 491.703 181.593Z" fill="black"/>
+<path d="M462.316 163.376H491.703V190.525C491.703 192.053 491.096 193.518 490.015 194.598C488.935 195.678 487.47 196.285 485.942 196.285H468.076C466.549 196.285 465.083 195.678 464.003 194.598C462.923 193.518 462.316 192.053 462.316 190.525V163.376Z" fill="#6C63FF"/>
+<path opacity="0.1" d="M486.413 163.376V190.555C486.413 192.075 485.809 193.532 484.735 194.607C483.66 195.681 482.202 196.285 480.683 196.285H483.621C485.141 196.285 486.599 195.681 487.673 194.607C488.748 193.532 489.352 192.075 489.352 190.555V163.376H486.413Z" fill="black"/>
+<path d="M468.115 141.471C467.864 141.479 467.617 141.542 467.393 141.656C467.168 141.77 466.972 141.931 466.817 142.13C466.432 142.828 467.13 143.616 467.768 144.096C468.945 144.983 470.187 145.854 470.987 147.092C471.788 148.33 472.039 150.058 471.164 151.244C470.021 152.794 467.295 153.127 467.032 155.034C466.862 156.258 467.921 157.302 468.993 157.916C471.64 159.432 475.053 159.837 476.97 162.209C477.763 160.579 479.537 159.636 481.306 159.233C483.074 158.831 484.911 158.861 486.704 158.588C486.997 158.582 487.285 158.508 487.543 158.371C487.802 158.233 488.025 158.037 488.194 157.798C488.695 156.781 487.267 155.561 487.76 154.54C488.135 153.763 489.237 153.823 490.042 153.512C491.353 153.005 491.893 151.319 491.521 149.964C491.149 148.609 490.098 147.55 488.994 146.682C486.016 144.342 482.435 142.966 478.813 141.976C477.129 141.516 475.151 140.794 473.402 140.725C471.713 140.657 469.787 141.185 468.115 141.471Z" fill="#EEEEEE"/>
+<path d="M261.859 203.224L200.413 394.623" stroke="#873F3F" stroke-width="8" stroke-miterlimit="10"/>
+<g opacity="0.7">
+<path opacity="0.7" d="M309.467 416.18C301.908 416.618 295.175 422.949 295.175 422.949L291.919 414.873L291.653 414.96C293.244 407.998 325.606 264.487 293.21 252.115C268.316 242.608 241.912 230.843 221.225 231.285V197.383H250.227V196.175H273.188C277.589 193.032 271.194 190.87 264.046 189.519C264.337 189.186 264.594 188.824 264.812 188.438L301.587 122.47C301.587 122.47 310.046 108.575 304.608 101.929C299.17 95.2839 291.315 118.845 291.315 118.845L261.104 162.343C261.104 162.343 230.612 130.567 211.215 114.765C209.062 112.632 206.634 110.797 203.994 109.308C200.453 106.913 197.773 105.672 196.451 106.158C196.438 106.163 196.427 106.172 196.414 106.177C193.474 105.363 190.438 104.951 187.388 104.95H184.971V99.9932C190.385 98.2054 195.338 95.2455 199.477 91.3243C203.616 87.4031 206.838 82.6173 208.915 77.3081C212.324 71.6635 214.405 65.3184 215.003 58.7518C215.601 52.1852 214.699 45.5687 212.366 39.4016C212.726 39.3589 213.073 39.2388 213.383 39.0493C214.477 38.345 214.586 36.8042 214.48 35.5073C214.083 31.1544 212.632 26.9637 210.251 23.2976C207.871 19.6314 204.634 16.6002 200.819 14.4659C197.757 12.7921 194.251 11.6389 191.994 8.97877C190.054 6.69301 189.239 3.49612 186.892 1.63111C184.103 -0.584562 180.075 -0.20366 176.653 0.785001C172.845 1.88661 169.237 3.58878 165.966 5.82729C162.265 8.36199 158.924 11.6184 154.663 13.0213C151.635 14.0182 148.352 13.9983 145.305 14.9349C142.966 15.6757 140.834 16.9535 139.078 18.6659C137.322 20.3783 135.991 22.4779 135.192 24.7967C134.416 27.2878 134.122 29.9038 134.327 32.5048C132.474 35.6017 131.015 38.9183 129.986 42.3772C129.758 42.5003 129.529 42.6208 129.303 42.7477L129.966 42.4499C127.655 50.2496 127.578 58.5412 129.744 66.3824C131.91 74.2236 136.233 81.3001 142.221 86.8079C146.952 92.9665 153.426 97.5605 160.802 99.9932V105.99C155.54 107.125 150.519 109.181 145.973 112.063L145.966 112.055C145.966 112.055 145.581 112.293 144.92 112.737C144.854 112.782 144.788 112.826 144.722 112.871C140.251 115.905 125.269 126.991 125.775 138.971C125.755 139.432 125.758 139.894 125.783 140.357C124.965 143.819 124.551 147.365 124.549 150.922V237.861C124.537 247.467 127.766 256.797 133.713 264.341C121.104 267.167 113.068 271.441 113.068 276.223C113.132 276.624 113.132 277.031 113.068 277.432C113.068 285.94 138.497 292.837 169.866 292.837C173.658 292.837 177.363 292.735 180.947 292.543L216.391 321.232L159.594 412.457C159.594 412.457 140.863 426.956 155.364 431.789C169.866 436.622 199.473 440.247 199.473 440.247C199.473 440.247 204.306 431.789 197.66 428.164C191.013 424.539 181.95 426.352 181.95 426.352L183.158 419.102C183.158 419.102 281.647 334.523 261.104 305.524C257.173 299.976 253.243 294.252 249.279 288.617L264.783 290.03L268.311 422.802L268.752 422.659C267.867 425.267 261.603 444.953 275.487 441.622C290.351 438.055 317.396 425.476 317.396 425.476C317.396 425.476 317.025 415.741 309.467 416.18ZM250.227 187.717L221.225 179.298V154.489L252.747 187.947C251.198 187.792 250.227 187.717 250.227 187.717Z" fill="url(#paint1_linear)"/>
+</g>
+<path d="M172.644 101.026C196.138 101.026 215.184 81.9831 215.184 58.4927C215.184 35.0022 196.138 15.9594 172.644 15.9594C149.15 15.9594 130.105 35.0022 130.105 58.4927C130.105 81.9831 149.15 101.026 172.644 101.026Z" fill="black"/>
+<path d="M221.092 155.965L253.556 190.422C254.239 191.147 255.084 191.701 256.022 192.039C256.96 192.377 257.965 192.489 258.954 192.366C259.943 192.244 260.89 191.889 261.717 191.332C262.543 190.775 263.227 190.031 263.713 189.161L299.671 124.655L289.627 121.111L260.086 163.644C260.086 163.644 204.627 105.848 196.868 108.706C189.109 111.563 221.092 155.965 221.092 155.965Z" fill="#CCCCCC"/>
+<path d="M159.055 275.294L111.198 399.349" stroke="#BDBDBD" stroke-width="5" stroke-miterlimit="10"/>
+<path d="M182.688 275.294L230.545 399.349" stroke="#BDBDBD" stroke-width="5" stroke-miterlimit="10"/>
+<path d="M170.872 291.244C201.544 291.244 226.409 284.5 226.409 276.18C226.409 267.86 201.544 261.116 170.872 261.116C140.199 261.116 115.334 267.86 115.334 276.18C115.334 284.5 140.199 291.244 170.872 291.244Z" fill="#B84733"/>
+<path d="M170.872 290.062C201.544 290.062 226.409 283.318 226.409 274.999C226.409 266.679 201.544 259.935 170.872 259.935C140.199 259.935 115.334 266.679 115.334 274.999C115.334 283.318 140.199 290.062 170.872 290.062Z" fill="#E9573F"/>
+<path d="M147.502 302.55L199.903 318.694" stroke="#BDBDBD" stroke-width="5" stroke-miterlimit="10"/>
+<path d="M194.241 302.55L141.841 318.694" stroke="#BDBDBD" stroke-width="5" stroke-miterlimit="10"/>
+<path d="M171.518 107.524H188.006C196.781 107.524 205.196 111.009 211.401 117.213C217.606 123.417 221.092 131.832 221.092 140.605V228.035H126.56V152.476C126.56 140.554 131.297 129.12 139.728 120.69C148.159 112.26 159.595 107.524 171.518 107.524Z" fill="#CCCCCC"/>
+<path d="M126.56 228.035H221.092V279.429H168.508C157.383 279.429 146.713 275.01 138.846 267.144C130.979 259.279 126.56 248.61 126.56 237.487V228.035Z" fill="#3F3D56"/>
+<path opacity="0.05" d="M127.837 142.992L185.642 197.907H249.451V189.637L194.505 173.687L147.502 115.652C147.502 115.652 126.159 128.837 127.837 142.992Z" fill="black"/>
+<path d="M127.837 141.81L185.642 196.726H249.451V188.455L194.505 172.505L147.502 114.471C147.502 114.471 126.159 127.656 127.837 141.81Z" fill="#CCCCCC"/>
+<path d="M249.451 188.455C249.451 188.455 280.174 190.818 271.903 196.726H249.451V188.455Z" fill="#FDA57D"/>
+<path d="M289.627 121.111C289.627 121.111 297.308 98.0722 302.626 104.57C307.943 111.068 299.671 124.655 299.671 124.655L289.627 121.111Z" fill="#FDA57D"/>
+<path opacity="0.05" d="M126.56 228.035V230.792L221.092 230.988V228.035H126.56Z" fill="black"/>
+<path d="M200.095 282.704L263.684 288.499L267.134 418.327L289.899 410.916C289.899 410.916 323.946 263.823 291.48 251.425C259.014 239.026 223.92 222.699 202.968 236.005C182.015 249.311 200.095 282.704 200.095 282.704Z" fill="#3F3D56"/>
+<path opacity="0.1" d="M203.958 242.803C203.958 242.803 238.817 260.525 243.543 280.611L203.958 242.803Z" fill="black"/>
+<path d="M166.737 278.838L216.365 319.009L160.828 408.21L183.87 414.708C183.87 414.708 280.174 332.005 260.086 303.649C239.998 275.294 219.91 242.213 195.096 241.622C170.281 241.031 166.737 278.838 166.737 278.838Z" fill="#3F3D56"/>
+<path opacity="0.05" d="M244.725 148.285L257.132 169.552L260.086 163.644L244.725 148.285Z" fill="black"/>
+<path d="M160.828 408.21C160.828 408.21 142.512 422.388 156.692 427.114C170.872 431.84 199.822 435.384 199.822 435.384C199.822 435.384 204.549 427.114 198.05 423.569C191.551 420.025 182.688 421.797 182.688 421.797L183.87 414.708L160.828 408.21Z" fill="#2F2E41"/>
+<path d="M267.662 417.907C267.662 417.907 259.617 440.216 274.151 436.728C288.685 433.241 315.13 420.941 315.13 420.941C315.13 420.941 314.767 411.422 307.377 411.851C299.986 412.279 293.402 418.47 293.402 418.47L290.218 410.573L267.662 417.907Z" fill="#2F2E41"/>
+<path d="M173.826 86.8481H173.826C167.3 86.8481 162.009 92.1378 162.009 98.6629V110.478C162.009 117.003 167.3 122.292 173.826 122.292H173.826C180.352 122.292 185.642 117.003 185.642 110.478V98.6629C185.642 92.1378 180.352 86.8481 173.826 86.8481Z" fill="#FDA57D"/>
+<path opacity="0.05" d="M173.826 88.0296C170.692 88.0296 167.686 89.2744 165.47 91.4901C163.254 93.7058 162.009 96.7109 162.009 99.8444V103.859C169.685 106.383 177.967 106.383 185.642 103.859V99.8444C185.642 96.7109 184.397 93.7058 182.181 91.4901C179.965 89.2744 176.96 88.0296 173.826 88.0296Z" fill="black"/>
+<path d="M173.826 104.57C194.709 104.57 211.639 87.6434 211.639 66.763C211.639 45.8826 194.709 28.9557 173.826 28.9557C152.942 28.9557 136.013 45.8826 136.013 66.763C136.013 87.6434 152.942 104.57 173.826 104.57Z" fill="#FDA57D"/>
+<path opacity="0.05" d="M136.013 65.0475C136.013 65.0475 145.466 67.4832 150.784 56.7407C156.101 45.9982 160.237 40.1387 182.097 46.4865C203.958 52.8344 208.355 53.6089 209.406 47.6062C210.124 43.5044 202.351 33.5412 197.356 27.6425C194.919 24.7649 190.943 23.0484 186.693 23.0484H162.009L147.239 29.8845L136.013 39.6504L133.65 52.8344L136.013 65.0475Z" fill="black"/>
+<path d="M136.013 63.866C136.013 63.866 145.466 66.3018 150.784 55.5593C156.101 44.8167 160.237 38.9572 182.097 45.305C203.958 51.6529 208.355 52.4274 209.406 46.4247C210.124 42.3229 202.351 32.3597 197.356 26.4611C194.919 23.5835 190.943 21.8669 186.693 21.8669H162.009L147.239 28.703L136.013 38.4689L133.65 51.6529L136.013 63.866Z" fill="black"/>
+<path d="M139.853 71.4889C141.974 71.4889 143.694 68.0506 143.694 63.8093C143.694 59.568 141.974 56.1297 139.853 56.1297C137.732 56.1297 136.013 59.568 136.013 63.8093C136.013 68.0506 137.732 71.4889 139.853 71.4889Z" fill="#FDA57D"/>
+<path d="M137.109 44.0487C136.232 39.1034 135.371 33.9105 136.967 29.1483C137.748 26.881 139.05 24.8279 140.767 23.1535C142.484 21.479 144.569 20.2296 146.855 19.5052C149.835 18.5895 153.046 18.6089 156.006 17.6341C160.173 16.2623 163.439 13.0781 167.059 10.5996C170.257 8.41074 173.785 6.74632 177.508 5.66915C180.854 4.7024 184.793 4.32995 187.52 6.4965C189.815 8.32015 190.612 11.4461 192.509 13.6812C194.716 16.2823 198.145 17.4099 201.138 19.0466C204.869 21.1336 208.034 24.0976 210.362 27.6824C212.689 31.2673 214.109 35.365 214.497 39.6213C214.6 40.8895 214.494 42.3961 213.424 43.0848C212.759 43.4228 212.01 43.5595 211.269 43.4781C196.157 43.2621 181.026 43.0452 165.976 41.6581C161.297 41.2269 156.609 40.6821 151.914 40.8599C144.648 41.1432 137.552 43.145 131.209 46.7012" fill="black"/>
+<path d="M71.6678 381.185H19.3696C8.67209 381.185 0 389.855 0 400.551V400.551C0 411.247 8.67209 419.918 19.3696 419.918H71.6678C82.3653 419.918 91.0374 411.247 91.0374 400.551C91.0374 389.855 82.3653 381.185 71.6678 381.185Z" fill="#495057"/>
+<path d="M340.241 242.902C340.471 242.894 340.689 242.797 340.848 242.632C341.008 242.466 341.097 242.245 341.097 242.016C341.097 241.786 341.008 241.565 340.848 241.4C340.689 241.234 340.471 241.137 340.241 241.13C340.012 241.137 339.794 241.234 339.634 241.4C339.475 241.565 339.385 241.786 339.385 242.016C339.385 242.245 339.475 242.466 339.634 242.632C339.794 242.797 340.012 242.894 340.241 242.902Z" fill="url(#paint2_linear)"/>
+<path d="M470.279 203.224L531.725 421.851" stroke="#873F3F" stroke-width="8" stroke-miterlimit="10"/>
+<path d="M531.974 196.821H200.164V209.75H531.974V196.821Z" fill="#873F3F"/>
+<path d="M332.462 193.772H285.787C283.666 193.772 281.947 195.491 281.947 197.612V197.612C281.947 199.732 283.666 201.452 285.787 201.452H332.462C334.583 201.452 336.302 199.732 336.302 197.612C336.302 195.491 334.583 193.772 332.462 193.772Z" fill="#535461"/>
+<g opacity="0.7">
+<path opacity="0.7" d="M433.458 108.151H331.706C322.497 108.151 315.033 115.614 315.033 124.821V184.877C315.033 194.084 322.497 201.547 331.706 201.547H433.458C442.666 201.547 450.13 194.084 450.13 184.877V124.821C450.13 115.614 442.666 108.151 433.458 108.151Z" fill="url(#paint3_linear)"/>
+</g>
+<path d="M429.564 109.874H333.296C324.54 109.874 317.441 116.971 317.441 125.726V185.695C317.441 194.45 324.54 201.547 333.296 201.547H429.564C438.321 201.547 445.419 194.45 445.419 185.695V125.726C445.419 116.971 438.321 109.874 429.564 109.874Z" fill="#3E3F49"/>
+<path d="M431.337 109.874H335.069C326.312 109.874 319.214 116.971 319.214 125.726V185.695C319.214 194.45 326.312 201.547 335.069 201.547H431.337C440.093 201.547 447.192 194.45 447.192 185.695V125.726C447.192 116.971 440.093 109.874 431.337 109.874Z" fill="#535461"/>
+<path d="M389.181 159.214C391.465 159.214 393.317 157.362 393.317 155.079C393.317 152.795 391.465 150.943 389.181 150.943C386.897 150.943 385.046 152.795 385.046 155.079C385.046 157.362 386.897 159.214 389.181 159.214Z" fill="#E0E0E0"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear" x1="480.83" y1="197.852" x2="480.83" y2="161.809" gradientUnits="userSpaceOnUse">
+<stop stop-color="#808080" stop-opacity="0.25"/>
+<stop offset="0.53514" stop-color="#808080" stop-opacity="0.12"/>
+<stop offset="1" stop-color="#808080" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="105157" y1="364256" x2="105157" y2="33544.4" gradientUnits="userSpaceOnUse">
+<stop stop-color="#808080" stop-opacity="0.25"/>
+<stop offset="0.53514" stop-color="#808080" stop-opacity="0.12"/>
+<stop offset="1" stop-color="#808080" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint2_linear" x1="1581.84" y1="1104.33" x2="1581.84" y2="1099.02" gradientUnits="userSpaceOnUse">
+<stop stop-color="#808080" stop-opacity="0.25"/>
+<stop offset="0.53514" stop-color="#808080" stop-opacity="0.12"/>
+<stop offset="1" stop-color="#808080" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint3_linear" x1="87795.9" y1="31973" x2="87795.9" y2="17206.9" gradientUnits="userSpaceOnUse">
+<stop stop-color="#808080" stop-opacity="0.25"/>
+<stop offset="0.53514" stop-color="#808080" stop-opacity="0.12"/>
+<stop offset="1" stop-color="#808080" stop-opacity="0.1"/>
+</linearGradient>
+<clipPath id="clip0">
+<rect width="534" height="442" fill="white"/>
+</clipPath>
+</defs>
+</svg>

images/illustrations/hello4.svg

@@ -0,0 +1,81 @@
+<svg width="534" height="442" viewBox="0 0 534 442" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M81.1041 355.563C81.1041 382.287 65.2143 391.619 45.6146 391.619C45.1583 391.619 44.7044 391.615 44.253 391.602C43.3453 391.582 42.445 391.543 41.557 391.479C23.8665 390.228 10.1225 380.415 10.1225 355.563C10.1225 329.845 42.9876 297.391 45.4666 294.982L45.4715 294.979C45.5653 294.886 45.6146 294.839 45.6146 294.839C45.6146 294.839 81.1041 328.836 81.1041 355.563Z" fill="#37BC9B"/>
+<path d="M44.3196 387.53L57.3014 369.396L44.2875 389.521L44.253 391.602C43.3453 391.582 42.445 391.543 41.557 391.479L42.9556 364.742L42.9457 364.535L42.9704 364.496L43.1011 361.97L30.0552 341.794L43.1406 360.076L43.1726 360.611L44.2308 340.41L33.062 319.563L44.3665 336.861L45.4666 294.982L45.4715 294.839V294.979L45.289 328.005L56.406 314.912L45.2421 330.848L44.9486 348.936L55.3305 331.579L44.9042 351.599L44.7414 361.654L59.8124 337.493L44.6847 365.164L44.3196 387.53Z" fill="#F2F2F2"/>
+<g opacity="0.7">
+<path opacity="0.7" d="M492.738 168.245V161.809H460.553V191.577C460.553 193.241 461.214 194.837 462.391 196.014C463.568 197.191 465.164 197.852 466.829 197.852H486.462C488.127 197.852 489.723 197.191 490.9 196.014C492.077 194.837 492.738 193.241 492.738 191.577V184.979C494.958 184.979 497.086 184.098 498.655 182.529C500.225 180.96 501.106 178.832 501.106 176.612C501.106 174.393 500.225 172.265 498.655 170.696C497.086 169.127 494.958 168.245 492.738 168.245ZM492.738 181.761V171.464C494.104 171.464 495.414 172.006 496.379 172.972C497.345 173.937 497.888 175.247 497.888 176.612C497.888 177.978 497.345 179.288 496.379 180.253C495.414 181.219 494.104 181.761 492.738 181.761Z" fill="url(#paint0_linear)"/>
+</g>
+<path d="M492.64 169C491.129 169 489.652 169.448 488.396 170.287C487.139 171.127 486.16 172.32 485.582 173.716C485.003 175.112 484.852 176.648 485.147 178.13C485.442 179.612 486.169 180.973 487.238 182.041C488.306 183.11 489.668 183.837 491.15 184.132C492.632 184.427 494.168 184.276 495.564 183.697C496.961 183.119 498.154 182.14 498.993 180.884C499.833 179.627 500.281 178.15 500.281 176.639C500.281 174.613 499.476 172.67 498.043 171.238C496.61 169.805 494.667 169 492.64 169ZM492.64 181.341C491.711 181.341 490.801 181.065 490.028 180.548C489.255 180.032 488.652 179.298 488.297 178.439C487.941 177.58 487.848 176.634 488.029 175.722C488.21 174.81 488.658 173.973 489.316 173.315C489.973 172.658 490.811 172.21 491.723 172.029C492.635 171.847 493.581 171.94 494.44 172.296C495.299 172.652 496.033 173.255 496.55 174.028C497.067 174.801 497.342 175.71 497.342 176.639C497.342 177.886 496.847 179.082 495.965 179.964C495.083 180.845 493.887 181.341 492.64 181.341Z" fill="#212529"/>
+<path d="M462.316 163.376H491.703V190.525C491.703 192.053 491.096 193.518 490.015 194.598C488.935 195.678 487.47 196.285 485.942 196.285H468.076C466.549 196.285 465.083 195.678 464.003 194.598C462.923 193.518 462.316 192.053 462.316 190.525V163.376Z" fill="#212529"/>
+<path opacity="0.1" d="M486.413 163.376V190.555C486.413 192.075 485.809 193.532 484.735 194.607C483.66 195.681 482.202 196.285 480.683 196.285H483.621C485.141 196.285 486.599 195.681 487.673 194.607C488.748 193.532 489.352 192.075 489.352 190.555V163.376H486.413Z" fill="black"/>
+<path d="M468.115 141.471C467.864 141.479 467.617 141.542 467.393 141.656C467.168 141.77 466.972 141.931 466.817 142.13C466.432 142.828 467.13 143.616 467.768 144.096C468.945 144.983 470.187 145.854 470.987 147.092C471.788 148.33 472.039 150.058 471.164 151.244C470.021 152.794 467.295 153.127 467.032 155.034C466.862 156.258 467.921 157.302 468.993 157.916C471.64 159.432 475.053 159.837 476.97 162.209C477.763 160.579 479.537 159.636 481.306 159.233C483.074 158.831 484.911 158.861 486.704 158.588C486.997 158.582 487.285 158.508 487.543 158.371C487.802 158.233 488.025 158.037 488.194 157.798C488.695 156.781 487.267 155.561 487.76 154.54C488.135 153.763 489.237 153.823 490.042 153.512C491.353 153.005 491.893 151.319 491.521 149.964C491.149 148.609 490.098 147.55 488.994 146.682C486.016 144.342 482.435 142.966 478.813 141.976C477.129 141.516 475.151 140.794 473.402 140.725C471.713 140.657 469.787 141.185 468.115 141.471Z" fill="#EEEEEE"/>
+<path d="M261.859 203.224L200.413 394.623" stroke="#873F3F" stroke-width="8" stroke-miterlimit="10"/>
+<g opacity="0.7">
+<path opacity="0.7" d="M309.467 416.18C301.908 416.618 295.175 422.949 295.175 422.949L291.919 414.873L291.653 414.96C293.244 407.998 325.606 264.487 293.21 252.115C268.316 242.608 241.912 230.843 221.225 231.285V197.383H250.227V196.175H273.188C277.589 193.032 271.194 190.87 264.046 189.519C264.337 189.186 264.594 188.824 264.812 188.438L301.587 122.47C301.587 122.47 310.046 108.575 304.608 101.929C299.17 95.2839 291.315 118.845 291.315 118.845L261.104 162.343C261.104 162.343 230.612 130.567 211.215 114.765C209.062 112.632 206.634 110.797 203.994 109.308C200.453 106.913 197.773 105.672 196.451 106.158C196.438 106.163 196.427 106.172 196.414 106.177C193.474 105.363 190.438 104.951 187.388 104.95H184.971V99.9932C190.385 98.2054 195.338 95.2455 199.477 91.3243C203.616 87.4031 206.838 82.6173 208.915 77.3081C212.324 71.6635 214.405 65.3184 215.003 58.7518C215.601 52.1852 214.699 45.5687 212.366 39.4016C212.726 39.3589 213.073 39.2388 213.383 39.0493C214.477 38.345 214.586 36.8042 214.48 35.5073C214.083 31.1544 212.632 26.9637 210.251 23.2976C207.871 19.6314 204.634 16.6002 200.819 14.4659C197.757 12.7921 194.251 11.6389 191.994 8.97877C190.054 6.69301 189.239 3.49612 186.892 1.63111C184.103 -0.584562 180.075 -0.20366 176.653 0.785001C172.845 1.88661 169.237 3.58878 165.966 5.82729C162.265 8.36199 158.924 11.6184 154.663 13.0213C151.635 14.0182 148.352 13.9983 145.305 14.9349C142.966 15.6757 140.834 16.9535 139.078 18.6659C137.322 20.3783 135.991 22.4779 135.192 24.7967C134.416 27.2878 134.122 29.9038 134.327 32.5048C132.474 35.6017 131.015 38.9183 129.986 42.3772C129.758 42.5003 129.529 42.6208 129.303 42.7477L129.966 42.4499C127.655 50.2496 127.578 58.5412 129.744 66.3824C131.91 74.2236 136.233 81.3001 142.221 86.8079C146.952 92.9665 153.426 97.5605 160.802 99.9932V105.99C155.54 107.125 150.519 109.181 145.973 112.063L145.966 112.055C145.966 112.055 145.581 112.293 144.92 112.737C144.854 112.782 144.788 112.826 144.722 112.871C140.251 115.905 125.269 126.991 125.775 138.971C125.755 139.432 125.758 139.894 125.783 140.357C124.965 143.819 124.551 147.365 124.549 150.922V237.861C124.537 247.467 127.766 256.797 133.713 264.341C121.104 267.167 113.068 271.441 113.068 276.223C113.132 276.624 113.132 277.031 113.068 277.432C113.068 285.94 138.497 292.837 169.866 292.837C173.658 292.837 177.363 292.735 180.947 292.543L216.391 321.232L159.594 412.457C159.594 412.457 140.863 426.956 155.364 431.789C169.866 436.622 199.473 440.247 199.473 440.247C199.473 440.247 204.306 431.789 197.66 428.164C191.013 424.539 181.95 426.352 181.95 426.352L183.158 419.102C183.158 419.102 281.647 334.523 261.104 305.524C257.173 299.976 253.243 294.252 249.279 288.617L264.783 290.03L268.311 422.802L268.752 422.659C267.867 425.267 261.603 444.953 275.487 441.622C290.351 438.055 317.396 425.476 317.396 425.476C317.396 425.476 317.025 415.741 309.467 416.18ZM250.227 187.717L221.225 179.298V154.489L252.747 187.947C251.198 187.792 250.227 187.717 250.227 187.717Z" fill="url(#paint1_linear)"/>
+</g>
+<path d="M172.644 101.026C196.138 101.026 215.184 81.9831 215.184 58.4927C215.184 35.0022 196.138 15.9594 172.644 15.9594C149.15 15.9594 130.105 35.0022 130.105 58.4927C130.105 81.9831 149.15 101.026 172.644 101.026Z" fill="black"/>
+<path d="M221.092 155.965L253.556 190.422C254.239 191.147 255.084 191.701 256.022 192.039C256.96 192.377 257.965 192.489 258.954 192.366C259.943 192.244 260.89 191.889 261.717 191.332C262.543 190.775 263.227 190.031 263.713 189.161L299.671 124.655L289.627 121.111L260.086 163.644C260.086 163.644 204.627 105.848 196.868 108.706C189.109 111.563 221.092 155.965 221.092 155.965Z" fill="#D0CDE1"/>
+<path d="M159.055 275.294L111.198 399.349" stroke="#BDBDBD" stroke-width="5" stroke-miterlimit="10"/>
+<path d="M182.688 275.294L230.545 399.349" stroke="#BDBDBD" stroke-width="5" stroke-miterlimit="10"/>
+<path d="M170.872 291.244C201.544 291.244 226.409 284.5 226.409 276.18C226.409 267.86 201.544 261.116 170.872 261.116C140.199 261.116 115.334 267.86 115.334 276.18C115.334 284.5 140.199 291.244 170.872 291.244Z" fill="#B84733"/>
+<path d="M170.872 290.062C201.544 290.062 226.409 283.318 226.409 274.999C226.409 266.679 201.544 259.935 170.872 259.935C140.199 259.935 115.334 266.679 115.334 274.999C115.334 283.318 140.199 290.062 170.872 290.062Z" fill="#E9573F"/>
+<path d="M147.502 302.55L199.903 318.694" stroke="#BDBDBD" stroke-width="5" stroke-miterlimit="10"/>
+<path d="M194.241 302.55L141.841 318.694" stroke="#BDBDBD" stroke-width="5" stroke-miterlimit="10"/>
+<path d="M171.518 107.524H188.006C196.781 107.524 205.196 111.009 211.401 117.213C217.606 123.417 221.092 131.832 221.092 140.605V228.035H126.56V152.476C126.56 140.554 131.297 129.12 139.728 120.69C148.159 112.26 159.595 107.524 171.518 107.524Z" fill="#D0CDE1"/>
+<path d="M126.56 228.035H221.092V279.429H168.508C157.383 279.429 146.713 275.01 138.846 267.144C130.979 259.279 126.56 248.61 126.56 237.487V228.035Z" fill="#3F3D56"/>
+<path opacity="0.05" d="M127.837 142.992L185.642 197.907H249.451V189.637L194.505 173.687L147.502 115.652C147.502 115.652 126.159 128.837 127.837 142.992Z" fill="black"/>
+<path d="M127.837 141.81L185.642 196.726H249.451V188.455L194.505 172.505L147.502 114.471C147.502 114.471 126.159 127.656 127.837 141.81Z" fill="#D0CDE1"/>
+<path d="M249.451 188.455C249.451 188.455 280.174 190.818 271.903 196.726H249.451V188.455Z" fill="#FDA57D"/>
+<path d="M289.627 121.111C289.627 121.111 297.308 98.0722 302.626 104.57C307.943 111.068 299.671 124.655 299.671 124.655L289.627 121.111Z" fill="#FDA57D"/>
+<path opacity="0.05" d="M126.56 228.035V230.792L221.092 230.988V228.035H126.56Z" fill="black"/>
+<path d="M200.095 282.704L263.684 288.499L267.134 418.327L289.899 410.916C289.899 410.916 323.946 263.823 291.48 251.425C259.014 239.026 223.92 222.699 202.968 236.005C182.015 249.311 200.095 282.704 200.095 282.704Z" fill="#3F3D56"/>
+<path opacity="0.1" d="M203.958 242.803C203.958 242.803 238.817 260.525 243.543 280.611L203.958 242.803Z" fill="black"/>
+<path d="M166.737 278.838L216.365 319.009L160.828 408.21L183.87 414.708C183.87 414.708 280.174 332.005 260.086 303.649C239.998 275.294 219.91 242.213 195.096 241.622C170.281 241.031 166.737 278.838 166.737 278.838Z" fill="#3F3D56"/>
+<path opacity="0.05" d="M244.725 148.285L257.132 169.552L260.086 163.644L244.725 148.285Z" fill="black" fill-opacity="0.7"/>
+<path d="M160.828 408.21C160.828 408.21 142.512 422.388 156.692 427.114C170.872 431.84 199.822 435.384 199.822 435.384C199.822 435.384 204.549 427.114 198.05 423.569C191.551 420.025 182.688 421.797 182.688 421.797L183.87 414.708L160.828 408.21Z" fill="#2F2E41"/>
+<path d="M267.662 417.907C267.662 417.907 259.617 440.216 274.151 436.728C288.685 433.241 315.13 420.941 315.13 420.941C315.13 420.941 314.767 411.422 307.377 411.851C299.986 412.279 293.402 418.47 293.402 418.47L290.218 410.573L267.662 417.907Z" fill="#2F2E41"/>
+<path d="M173.826 86.8481H173.826C167.3 86.8481 162.009 92.1378 162.009 98.6629V110.478C162.009 117.003 167.3 122.292 173.826 122.292H173.826C180.352 122.292 185.642 117.003 185.642 110.478V98.6629C185.642 92.1378 180.352 86.8481 173.826 86.8481Z" fill="#FDA57D"/>
+<path opacity="0.05" d="M173.826 88.0296C170.692 88.0296 167.686 89.2744 165.47 91.4901C163.254 93.7058 162.009 96.7109 162.009 99.8444V103.859C169.685 106.383 177.967 106.383 185.642 103.859V99.8444C185.642 96.7109 184.397 93.7058 182.181 91.4901C179.965 89.2744 176.96 88.0296 173.826 88.0296Z" fill="black"/>
+<path d="M173.826 104.57C194.709 104.57 211.639 87.6434 211.639 66.763C211.639 45.8826 194.709 28.9557 173.826 28.9557C152.942 28.9557 136.013 45.8826 136.013 66.763C136.013 87.6434 152.942 104.57 173.826 104.57Z" fill="#FDA57D"/>
+<path opacity="0.05" d="M136.013 65.0475C136.013 65.0475 145.466 67.4832 150.784 56.7407C156.101 45.9982 160.237 40.1387 182.097 46.4865C203.958 52.8344 208.355 53.6089 209.406 47.6062C210.124 43.5044 202.351 33.5412 197.356 27.6425C194.919 24.7649 190.943 23.0484 186.693 23.0484H162.009L147.239 29.8845L136.013 39.6504L133.65 52.8344L136.013 65.0475Z" fill="black"/>
+<path d="M136.013 63.866C136.013 63.866 145.466 66.3018 150.784 55.5593C156.101 44.8167 160.237 38.9572 182.097 45.305C203.958 51.6529 208.355 52.4274 209.406 46.4247C210.124 42.3229 202.351 32.3597 197.356 26.4611C194.919 23.5835 190.943 21.8669 186.693 21.8669H162.009L147.239 28.703L136.013 38.4689L133.65 51.6529L136.013 63.866Z" fill="black"/>
+<path d="M139.853 71.4889C141.974 71.4889 143.694 68.0506 143.694 63.8093C143.694 59.568 141.974 56.1297 139.853 56.1297C137.732 56.1297 136.013 59.568 136.013 63.8093C136.013 68.0506 137.732 71.4889 139.853 71.4889Z" fill="#FDA57D"/>
+<path d="M137.109 44.0487C136.232 39.1034 135.371 33.9105 136.967 29.1483C137.748 26.881 139.05 24.8279 140.767 23.1535C142.484 21.479 144.569 20.2296 146.855 19.5052C149.835 18.5895 153.046 18.6089 156.006 17.6341C160.173 16.2623 163.439 13.0781 167.059 10.5996C170.257 8.41074 173.785 6.74632 177.508 5.66915C180.854 4.7024 184.793 4.32995 187.52 6.4965C189.815 8.32015 190.612 11.4461 192.509 13.6812C194.716 16.2823 198.145 17.4099 201.138 19.0466C204.869 21.1336 208.034 24.0976 210.362 27.6824C212.689 31.2673 214.109 35.365 214.497 39.6213C214.6 40.8895 214.494 42.3961 213.424 43.0848C212.759 43.4228 212.01 43.5595 211.269 43.4781C196.157 43.2621 181.026 43.0452 165.976 41.6581C161.297 41.2269 156.609 40.6821 151.914 40.8599C144.648 41.1432 137.552 43.145 131.209 46.7012" fill="black"/>
+<path d="M71.6678 381.185H19.3696C8.67209 381.185 0 389.855 0 400.551V400.551C0 411.247 8.67209 419.918 19.3696 419.918H71.6678C82.3653 419.918 91.0374 411.247 91.0374 400.551C91.0374 389.855 82.3653 381.185 71.6678 381.185Z" fill="#495057"/>
+<path d="M340.241 242.902C340.471 242.894 340.689 242.797 340.848 242.632C341.008 242.466 341.097 242.245 341.097 242.016C341.097 241.786 341.008 241.565 340.848 241.4C340.689 241.234 340.471 241.137 340.241 241.13C340.012 241.137 339.794 241.234 339.634 241.4C339.475 241.565 339.385 241.786 339.385 242.016C339.385 242.245 339.475 242.466 339.634 242.632C339.794 242.797 340.012 242.894 340.241 242.902Z" fill="url(#paint2_linear)"/>
+<path d="M470.279 203.224L531.725 421.851" stroke="#873F3F" stroke-width="8" stroke-miterlimit="10"/>
+<path d="M531.974 196.821H200.164V209.75H531.974V196.821Z" fill="#873F3F"/>
+<path d="M332.462 193.772H285.787C283.666 193.772 281.947 195.491 281.947 197.612V197.612C281.947 199.732 283.666 201.452 285.787 201.452H332.462C334.583 201.452 336.302 199.732 336.302 197.612C336.302 195.491 334.583 193.772 332.462 193.772Z" fill="#535461"/>
+<g opacity="0.7">
+<path opacity="0.7" d="M433.458 108.151H331.706C322.497 108.151 315.033 115.614 315.033 124.821V184.877C315.033 194.084 322.497 201.547 331.706 201.547H433.458C442.666 201.547 450.13 194.084 450.13 184.877V124.821C450.13 115.614 442.666 108.151 433.458 108.151Z" fill="url(#paint3_linear)"/>
+</g>
+<path d="M429.564 109.874H333.296C324.54 109.874 317.441 116.971 317.441 125.726V185.695C317.441 194.45 324.54 201.547 333.296 201.547H429.564C438.321 201.547 445.419 194.45 445.419 185.695V125.726C445.419 116.971 438.321 109.874 429.564 109.874Z" fill="#3E3F49"/>
+<path d="M431.337 109.874H335.069C326.312 109.874 319.214 116.971 319.214 125.726V185.695C319.214 194.45 326.312 201.547 335.069 201.547H431.337C440.093 201.547 447.192 194.45 447.192 185.695V125.726C447.192 116.971 440.093 109.874 431.337 109.874Z" fill="#535461"/>
+<path d="M389.181 159.214C391.465 159.214 393.317 157.362 393.317 155.079C393.317 152.795 391.465 150.943 389.181 150.943C386.897 150.943 385.046 152.795 385.046 155.079C385.046 157.362 386.897 159.214 389.181 159.214Z" fill="#E0E0E0"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear" x1="480.83" y1="197.852" x2="480.83" y2="161.809" gradientUnits="userSpaceOnUse">
+<stop stop-color="#808080" stop-opacity="0.25"/>
+<stop offset="0.53514" stop-color="#808080" stop-opacity="0.12"/>
+<stop offset="1" stop-color="#808080" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="105157" y1="364256" x2="105157" y2="33544.4" gradientUnits="userSpaceOnUse">
+<stop stop-color="#808080" stop-opacity="0.25"/>
+<stop offset="0.53514" stop-color="#808080" stop-opacity="0.12"/>
+<stop offset="1" stop-color="#808080" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint2_linear" x1="1581.84" y1="1104.33" x2="1581.84" y2="1099.02" gradientUnits="userSpaceOnUse">
+<stop stop-color="#808080" stop-opacity="0.25"/>
+<stop offset="0.53514" stop-color="#808080" stop-opacity="0.12"/>
+<stop offset="1" stop-color="#808080" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint3_linear" x1="87795.9" y1="31973" x2="87795.9" y2="17206.9" gradientUnits="userSpaceOnUse">
+<stop stop-color="#808080" stop-opacity="0.25"/>
+<stop offset="0.53514" stop-color="#808080" stop-opacity="0.12"/>
+<stop offset="1" stop-color="#808080" stop-opacity="0.1"/>
+</linearGradient>
+<clipPath id="clip0">
+<rect width="534" height="442" fill="white"/>
+</clipPath>
+</defs>
+</svg>

images/marker.svg

@@ -0,0 +1,3 @@
+<svg width="125" height="20" viewBox="0 0 135 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 13.3507C23.614 12.0121 30.8232 10.3647 46.5 9.31385C73.1353 7.52845 100.096 8.08065 126.851 8.08065" stroke="#F6E05E" stroke-width="15" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

images/services/app-development.svg

@@ -0,0 +1,15 @@
+<svg width="97" height="96" viewBox="0 0 97 96" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M68.0381 0H28.9618C24.8699 0 21.5411 3.329 21.5411 7.42074V88.5793C21.5411 92.671 24.8701 96 28.9618 96H68.0381C72.1299 96 75.4589 92.671 75.4589 88.5793V7.42074C75.4589 3.329 72.1299 0 68.0381 0ZM24.3591 14.8415H72.6409V81.1585H24.3591V14.8415ZM28.9618 2.818H68.0381C70.576 2.818 72.6409 4.88285 72.6409 7.42074V12.0235H24.3591V7.42074C24.3591 4.88285 26.4237 2.818 28.9618 2.818ZM68.0381 93.182H28.9618C26.4239 93.182 24.3591 91.1171 24.3591 88.5793V83.9765H72.6409V88.5793C72.6409 91.1171 70.576 93.182 68.0381 93.182Z" fill="black"/>
+<path d="M45.4941 8.82972H51.5058C52.284 8.82972 52.9148 8.19887 52.9148 7.42072C52.9148 6.64258 52.284 6.01172 51.5058 6.01172H45.4941C44.7159 6.01172 44.0851 6.64258 44.0851 7.42072C44.0851 8.19887 44.7159 8.82972 45.4941 8.82972Z" fill="black"/>
+<path d="M40.9851 8.82972C41.3571 8.82972 41.7197 8.67943 41.9808 8.41641C42.2438 8.15528 42.3941 7.7927 42.3941 7.42072C42.3941 7.05062 42.2438 6.68616 41.9808 6.42503C41.7197 6.16201 41.3571 6.01172 40.9851 6.01172C40.615 6.01172 40.2506 6.16201 39.9894 6.42503C39.7264 6.68616 39.5761 7.05062 39.5761 7.42072C39.5761 7.7927 39.7264 8.15528 39.9894 8.41641C40.2506 8.67924 40.615 8.82972 40.9851 8.82972Z" fill="black"/>
+<path d="M48.5 85.6673C46.8943 85.6673 45.588 86.9735 45.588 88.5792C45.588 90.1849 46.8943 91.4912 48.5 91.4912C50.1056 91.4912 51.4119 90.1849 51.4119 88.5792C51.4119 86.9735 50.1056 85.6673 48.5 85.6673ZM48.5 88.6732C48.4481 88.6732 48.406 88.6311 48.406 88.5792C48.406 88.5274 48.4481 88.4853 48.5 88.4853C48.5518 88.4853 48.5939 88.5274 48.5939 88.5792C48.5939 88.6311 48.5518 88.6732 48.5 88.6732Z" fill="black"/>
+<path d="M68.0381 18.0352H28.9618C28.1837 18.0352 27.5528 18.6661 27.5528 19.4442V28.4618C27.5528 29.24 28.1837 29.8708 28.9618 29.8708H68.0381C68.8163 29.8708 69.4471 29.24 69.4471 28.4618V19.4442C69.4471 18.6661 68.8163 18.0352 68.0381 18.0352ZM66.6291 27.0528H30.3708V20.8532H66.6291V27.0528Z" fill="black"/>
+<path d="M68.0381 34.5675H28.9618C28.1837 34.5675 27.5528 35.1984 27.5528 35.9765C27.5528 36.7547 28.1837 37.3855 28.9618 37.3855H68.0381C68.8163 37.3855 69.4471 36.7547 69.4471 35.9765C69.4471 35.1984 68.8163 34.5675 68.0381 34.5675Z" fill="black"/>
+<path d="M63.5294 43.3972C64.3075 43.3972 64.9384 42.7664 64.9384 41.9882C64.9384 41.2101 64.3075 40.5792 63.5294 40.5792H33.4706C32.6925 40.5792 32.0616 41.2101 32.0616 41.9882C32.0616 42.7664 32.6925 43.3972 33.4706 43.3972H63.5294Z" fill="black"/>
+<path d="M68.0381 49.5969H40.9853C40.2072 49.5969 39.5763 50.2277 39.5763 51.0059C39.5763 51.784 40.2072 52.4149 40.9853 52.4149H68.0381C68.8163 52.4149 69.4471 51.784 69.4471 51.0059C69.4471 50.2277 68.8163 49.5969 68.0381 49.5969Z" fill="black"/>
+<path d="M31.9677 46.591C29.5333 46.591 27.5528 48.5715 27.5528 51.0059C27.5528 53.4403 29.5333 55.4208 31.9677 55.4208C34.402 55.4208 36.3825 53.4403 36.3825 51.0059C36.3825 48.5715 34.402 46.591 31.9677 46.591ZM31.9677 52.6027C31.0871 52.6027 30.3708 51.8864 30.3708 51.0059C30.3708 50.1253 31.0871 49.409 31.9677 49.409C32.8482 49.409 33.5645 50.1253 33.5645 51.0059C33.5645 51.8864 32.8482 52.6027 31.9677 52.6027Z" fill="black"/>
+<path d="M68.0381 60.1174H40.9853C40.2072 60.1174 39.5763 60.7483 39.5763 61.5264C39.5763 62.3046 40.2072 62.9354 40.9853 62.9354H68.0381C68.8163 62.9354 69.4471 62.3046 69.4471 61.5264C69.4471 60.7483 68.8163 60.1174 68.0381 60.1174Z" fill="black"/>
+<path d="M31.9677 57.1116C29.5333 57.1116 27.5528 59.0921 27.5528 61.5264C27.5528 63.9608 29.5333 65.9413 31.9677 65.9413C34.402 65.9413 36.3825 63.9608 36.3825 61.5264C36.3825 59.0921 34.402 57.1116 31.9677 57.1116ZM31.9677 63.1233C31.0871 63.1233 30.3708 62.407 30.3708 61.5264C30.3708 60.6459 31.0871 59.9296 31.9677 59.9296C32.8482 59.9296 33.5645 60.6459 33.5645 61.5264C33.5645 62.407 32.8482 63.1233 31.9677 63.1233Z" fill="black"/>
+<path d="M68.0381 70.6379H40.9853C40.2072 70.6379 39.5763 71.2688 39.5763 72.0469C39.5763 72.8251 40.2072 73.4559 40.9853 73.4559H68.0381C68.8163 73.4559 69.4471 72.8251 69.4471 72.0469C69.4471 71.2688 68.8163 70.6379 68.0381 70.6379Z" fill="black"/>
+<path d="M31.9677 67.6321C29.5333 67.6321 27.5528 69.6126 27.5528 72.047C27.5528 74.4813 29.5333 76.4618 31.9677 76.4618C34.402 76.4618 36.3825 74.4813 36.3825 72.047C36.3825 69.6126 34.402 67.6321 31.9677 67.6321ZM31.9677 73.6438C31.0871 73.6438 30.3708 72.9275 30.3708 72.047C30.3708 71.1664 31.0871 70.4501 31.9677 70.4501C32.8482 70.4501 33.5645 71.1664 33.5645 72.047C33.5645 72.9275 32.8482 73.6438 31.9677 73.6438Z" fill="black"/>
+</svg>

images/services/full-stack.svg

@@ -0,0 +1,3 @@
+<svg width="97" height="96" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 496">
+<path d="M456 79.93h-36.216c-3.32-6.016-8.408-11.04-14.816-14.08L281.88 7.546c-21.048-9.968-46.72-9.968-67.768 0L91.04 65.85c-6.416 3.04-11.496 8.056-14.816 14.08H40c-22.056 0-40 17.944-40 40v288c0 22.056 17.944 40 40 40h104v32h-32v16h272v-16h-32v-32h104c22.056 0 40-17.944 40-40v-288c0-22.056-17.944-40-40-40zm-358.12.384L220.96 22.01A63.613 63.613 0 01248 15.93c9.288 0 18.64 2.104 27.04 6.08l123.08 58.304c6 2.84 9.88 8.968 9.88 15.616s-3.88 12.776-9.88 15.616L275.04 169.85c-16.8 7.952-37.28 7.952-54.08 0L97.88 111.546c-6-2.84-9.88-8.968-9.88-15.616s3.88-12.776 9.88-15.616zM275.032 249.85c-16.768 7.96-37.288 7.96-54.072 0L97.88 191.546c-6-2.84-9.88-8.968-9.88-15.616s3.88-12.776 9.88-15.624l32.784-15.528 83.448 39.536c10.528 4.984 22.248 7.616 33.888 7.616s23.36-2.632 33.88-7.616l83.448-39.536 32.776 15.528c6.016 2.848 9.896 8.976 9.896 15.624s-3.88 12.776-9.88 15.616L275.032 249.85zm90.296-25.072l32.776 15.528c6.016 2.848 9.896 8.976 9.896 15.624 0 6.64-3.88 12.776-9.88 15.624L275.032 329.85c-16.768 7.952-37.288 7.952-54.072 0L97.888 271.554C91.88 268.706 88 262.57 88 255.93c0-6.648 3.88-12.776 9.88-15.624l32.784-15.528 83.448 39.528c10.52 4.992 22.232 7.624 33.888 7.624s23.368-2.632 33.88-7.624l83.448-39.528zM336 479.93H160v-32h176v32zm144-72c0 13.232-10.768 24-24 24H40c-13.232 0-24-10.768-24-24v-8h464v8zm0-24H16v-264c0-13.232 10.768-24 24-24h32c0 12.8 7.48 24.6 19.04 30.08l20.936 9.92-20.944 9.92C79.472 151.33 72 163.138 72 175.93c0 12.8 7.48 24.6 19.04 30.08l20.936 9.92-20.952 9.92C79.472 231.33 72 243.138 72 255.93s7.472 24.592 19.04 30.08l123.072 58.296c10.52 4.992 22.232 7.624 33.888 7.624s23.368-2.632 33.88-7.624l123.088-58.296c11.56-5.488 19.032-17.288 19.032-30.08s-7.472-24.6-19.04-30.08l-20.944-9.92 20.944-9.92c11.56-5.48 19.04-17.28 19.04-30.08 0-12.792-7.472-24.6-19.04-30.08l-20.944-9.92 20.944-9.92c11.56-5.48 19.04-17.28 19.04-30.08h32c13.232 0 24 10.768 24 24v264z"/><path d="M248 127.93c22.056 0 40-14.352 40-32s-17.944-32-40-32-40 14.352-40 32 17.944 32 40 32zm0-48c13.008 0 24 7.328 24 16s-10.992 16-24 16-24-7.328-24-16 10.992-16 24-16zM304 87.93h16v16h-16zM336 87.93h16v16h-16zM176 87.93h16v16h-16zM144 87.93h16v16h-16z"/>
+</svg>

images/services/graphic-design.svg

@@ -0,0 +1,19 @@
+<svg width="97" height="96" viewBox="0 0 97 96" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M0.5 0V78.9677H39.2097V86.7097C39.2097 91.8333 43.3764 96 48.5 96C53.6236 96 57.7903 91.8333 57.7903 86.7097V78.9677H96.5V0H0.5ZM54.6935 86.7097C54.6935 90.1254 51.9157 92.9032 48.5 92.9032C45.0843 92.9032 42.3064 90.1254 42.3064 86.7097V82.0645H54.6935V86.7097ZM54.6935 78.9677H42.3064V55.7419H54.6935V78.9677ZM55.0744 52.6452H41.9255L39.3815 43.7404L46.9516 35.088V40.543C45.1539 41.184 43.8548 42.8872 43.8548 44.9032C43.8548 47.4643 45.939 49.5484 48.5 49.5484C51.061 49.5484 53.1452 47.4643 53.1452 44.9032C53.1452 42.8872 51.8461 41.184 50.0484 40.543V35.088L57.6185 43.7404L55.0744 52.6452ZM48.5 43.3548C49.3547 43.3548 50.0484 44.0485 50.0484 44.9032C50.0484 45.7579 49.3547 46.4516 48.5 46.4516C47.6453 46.4516 46.9516 45.7579 46.9516 44.9032C46.9516 44.0485 47.6453 43.3548 48.5 43.3548ZM50.6523 31.0777C64.501 32.1445 75.5209 43.3626 76.292 57.2919H73.2742V66.5822H82.5645V57.2919H79.3888C78.8112 45.6867 71.8373 35.7662 61.909 30.9693H73.2742V34.0661H82.5645V24.7757H73.2742V27.8725H23.7258V24.7757H14.4355V34.0661H23.7258V30.9693H35.091C25.1627 35.7662 18.1888 45.6867 17.6112 57.2919H14.4355V66.5822H23.7258V57.2919H20.708C21.4791 43.3626 32.4974 32.1445 46.3477 31.0777L35.941 42.9693L39.2097 54.4088V69.6774H9.79032V21.6774H87.2097V69.6774H57.7903V54.4088L61.059 42.9693L50.6523 31.0777ZM76.371 63.4839V60.3871H79.4677V63.4839H76.371ZM76.371 30.9677V27.871H79.4677V30.9677H76.371ZM20.629 27.871V30.9677H17.5323V27.871H20.629ZM20.629 60.3871V63.4839H17.5323V60.3871H20.629ZM93.4032 75.871H57.7903V72.7742H90.3064V18.5806H6.69355V72.7742H39.2097V75.871H3.59677V15.4839H93.4032V75.871ZM93.4032 12.3871H3.59677V3.09677H93.4032V12.3871Z" fill="#222222"/>
+<path d="M9.79033 6.19354H6.69356V9.29032H9.79033V6.19354Z" fill="#222222"/>
+<path d="M15.9839 6.19354H12.8871V9.29032H15.9839V6.19354Z" fill="#222222"/>
+<path d="M22.1774 6.19354H19.0807V9.29032H22.1774V6.19354Z" fill="#222222"/>
+<path d="M63.9839 82.0645H60.8871V85.1613H63.9839V82.0645Z" fill="#222222"/>
+<path d="M70.1774 82.0645H67.0807V85.1613H70.1774V82.0645Z" fill="#222222"/>
+<path d="M76.371 82.0645H73.2742V85.1613H76.371V82.0645Z" fill="#222222"/>
+<path d="M23.7258 82.0645H20.629V85.1613H23.7258V82.0645Z" fill="#222222"/>
+<path d="M29.9194 82.0645H26.8226V85.1613H29.9194V82.0645Z" fill="#222222"/>
+<path d="M36.1129 82.0645H33.0161V85.1613H36.1129V82.0645Z" fill="#222222"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="96" height="96" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

images/services/ui-ux.svg

@@ -0,0 +1,10 @@
+<svg width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M89.8064 12.3871V0H71.2258V12.3871H67.3781L58.8387 0.432L50.2994 12.3871H0V86.7097H49.5484C49.5484 91.8333 53.7151 96 58.8387 96C63.9623 96 68.129 91.8333 68.129 86.7097H71.2258V96H89.8064V86.7097H96V12.3871H89.8064ZM49.5484 52.6452H27.9964L37.9045 40.2581H45.6774L49.5484 45.4188V52.6452ZM49.5484 40.2581L47.2258 37.1613H36.4181L24.0294 52.6452H12.3871V55.7419H49.5484V58.8387H9.29032V34.0645H49.5484V40.2581ZM49.5484 30.9677H6.19355V61.9355H49.5484V83.6129H3.09677V27.871H49.5484V30.9677ZM49.5484 24.7742H3.09677V15.4839H49.5484V24.7742ZM58.8387 5.76155L63.5721 12.3871H54.1053L58.8387 5.76155ZM52.6452 15.4839H57.2903V74.3226H52.6452V15.4839ZM65.0323 86.7097C65.0323 90.1254 62.2545 92.9032 58.8387 92.9032C55.423 92.9032 52.6452 90.1254 52.6452 86.7097V83.6129H65.0323V86.7097ZM65.0323 80.5161H52.6452V77.4193H65.0323V80.5161ZM65.0323 74.3226H60.3871V15.4839H65.0323V74.3226ZM71.2258 83.6129H68.129V61.9355H71.2258V83.6129ZM71.2258 58.8387H68.129V55.7419H71.2258V58.8387ZM71.2258 52.6452H68.129V34.0645H71.2258V52.6452ZM71.2258 30.9677H68.129V27.871H71.2258V30.9677ZM71.2258 24.7742H68.129V15.4839H71.2258V24.7742ZM86.7097 9.29032H80.5161V12.3871H86.7097V18.5806H80.5161V21.6774H86.7097V27.871H80.5161V30.9677H86.7097V37.1613H80.5161V40.2581H86.7097V46.4516H80.5161V49.5484H86.7097V55.7419H80.5161V58.8387H86.7097V65.0323H80.5161V68.129H86.7097V74.3226H80.5161V77.4193H86.7097V83.6129H80.5161V86.7097H86.7097V92.9032H74.3226V3.09677H86.7097V9.29032ZM92.9032 83.6129H89.8064V15.4839H92.9032V83.6129Z" fill="black"/>
+<path d="M9.29032 18.5806H6.19354V21.6774H9.29032V18.5806Z" fill="black"/>
+<path d="M15.4839 18.5806H12.3871V21.6774H15.4839V18.5806Z" fill="black"/>
+<path d="M21.6774 18.5806H18.5807V21.6774H21.6774V18.5806Z" fill="black"/>
+<path d="M27.871 65.0322H6.19354V80.5161H27.871V65.0322ZM24.7742 77.4193H9.29032V68.129H24.7742V77.4193Z" fill="black"/>
+<path d="M46.4516 65.0322H30.9677V68.129H46.4516V65.0322Z" fill="black"/>
+<path d="M46.4516 71.2258H30.9677V74.3226H46.4516V71.2258Z" fill="black"/>
+<path d="M46.4516 77.4194H30.9677V80.5161H46.4516V77.4194Z" fill="black"/>
+</svg>

images/services/web-design.svg

@@ -0,0 +1,8 @@
+<svg width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M96 0H0V71.2258H16.7334C14.1569 75.9375 12.6209 81.295 12.4196 86.9853C10.6049 87.617 9.29032 89.3264 9.29032 91.3548C9.29032 93.9159 11.3745 96 13.9355 96C16.4965 96 18.5806 93.9159 18.5806 91.3548C18.5806 89.3621 17.3125 87.6728 15.5474 87.0147C15.7672 81.2377 17.4921 75.8539 20.3551 71.2258H31.0421C31.3502 74.657 32.688 77.8637 34.8898 80.5161H32.5161V83.6129H35.6129V86.7097H32.5161V89.8064H35.6129V96H60.3871V89.8064H63.4839V86.7097H60.3871V83.6129H63.4839V80.5161H61.1117C63.3135 77.8637 64.6514 74.657 64.9595 71.2258H75.6464C78.5079 75.8539 80.2343 81.2377 80.4542 87.0147C78.6875 87.6728 77.4193 89.3621 77.4193 91.3548C77.4193 93.9159 79.5035 96 82.0645 96C84.6255 96 86.7097 93.9159 86.7097 91.3548C86.7097 89.3264 85.3951 87.617 83.5804 86.9853C83.3791 81.295 81.8446 75.9375 79.2666 71.2258H96V0ZM13.9355 92.9032C13.0823 92.9032 12.3871 92.208 12.3871 91.3548C12.3871 90.5017 13.0823 89.8064 13.9355 89.8064C14.7886 89.8064 15.4839 90.5017 15.4839 91.3548C15.4839 92.208 14.7886 92.9032 13.9355 92.9032ZM82.0645 89.8064C82.9177 89.8064 83.6129 90.5017 83.6129 91.3548C83.6129 92.208 82.9177 92.9032 82.0645 92.9032C81.2113 92.9032 80.5161 92.208 80.5161 91.3548C80.5161 90.5017 81.2113 89.8064 82.0645 89.8064ZM22.5135 68.129C25.8875 63.8648 30.288 60.4475 35.3636 58.2983C32.9667 60.9569 31.3889 64.3633 31.0467 68.129H22.5135ZM57.2903 92.9032H38.7097V89.8064H57.2903V92.9032ZM57.2903 86.7097H38.7097V83.6129H57.2903V86.7097ZM57.7548 79.6212L57.2903 80.0764V80.5161H49.5484V75.6511C52.2116 74.959 54.1935 72.5543 54.1935 69.6774C54.1935 66.2617 51.4157 63.4839 48 63.4839C44.5843 63.4839 41.8064 66.2617 41.8064 69.6774C41.8064 72.5543 43.7884 74.959 46.4516 75.6511V80.5161H38.7097V80.0764L38.2452 79.6212C35.5494 76.975 34.0645 73.4446 34.0645 69.6774C34.0645 61.9943 40.3169 55.7419 48 55.7419C55.6831 55.7419 61.9355 61.9943 61.9355 69.6774C61.9355 73.4446 60.4506 76.975 57.7548 79.6212ZM48 72.7742C46.2921 72.7742 44.9032 71.3853 44.9032 69.6774C44.9032 67.9695 46.2921 66.5806 48 66.5806C49.7079 66.5806 51.0968 67.9695 51.0968 69.6774C51.0968 71.3853 49.7079 72.7742 48 72.7742ZM64.9533 68.129C64.6111 64.3633 63.0333 60.9569 60.6364 58.2983C65.7104 60.4475 70.1125 63.8648 73.4865 68.129H64.9533ZM92.9032 68.129H77.3574C73.6568 62.7484 68.5161 58.4361 62.4975 55.7419H80.801C81.4421 57.5396 83.1453 58.8387 85.1613 58.8387C87.7223 58.8387 89.8064 56.7546 89.8064 54.1935C89.8064 51.6325 87.7223 49.5484 85.1613 49.5484C83.1453 49.5484 81.4421 50.8475 80.801 52.6452H15.199C14.5579 50.8475 12.8547 49.5484 10.8387 49.5484C8.27768 49.5484 6.19355 51.6325 6.19355 54.1935C6.19355 56.7546 8.27768 58.8387 10.8387 58.8387C12.8547 58.8387 14.5579 57.5396 15.199 55.7419H33.5024C27.4839 58.4361 22.3432 62.7484 18.6426 68.129H3.09677V15.4839H92.9032V68.129ZM83.6129 54.1935C83.6129 53.3404 84.3081 52.6452 85.1613 52.6452C86.0145 52.6452 86.7097 53.3404 86.7097 54.1935C86.7097 55.0467 86.0145 55.7419 85.1613 55.7419C84.3081 55.7419 83.6129 55.0467 83.6129 54.1935ZM12.3871 54.1935C12.3871 55.0467 11.6919 55.7419 10.8387 55.7419C9.98555 55.7419 9.29032 55.0467 9.29032 54.1935C9.29032 53.3404 9.98555 52.6452 10.8387 52.6452C11.6919 52.6452 12.3871 53.3404 12.3871 54.1935ZM92.9032 12.3871H3.09677V3.09677H92.9032V12.3871Z" fill="black"/>
+<path d="M15.4839 6.19354H6.19354V9.29032H15.4839V6.19354Z" fill="black"/>
+<path d="M21.6774 6.19354H18.5806V9.29032H21.6774V6.19354Z" fill="black"/>
+<path d="M30.9677 18.5806H6.19354V46.4516H30.9677V18.5806ZM27.871 43.3548H9.29032V21.6774H27.871V43.3548Z" fill="black"/>
+<path d="M61.9355 18.5806H34.0645V46.4516H61.9355V18.5806ZM58.8387 43.3548H37.1613V21.6774H58.8387V43.3548Z" fill="black"/>
+<path d="M89.8064 18.5806H65.0323V46.4516H89.8064V18.5806ZM86.7097 43.3548H68.129V21.6774H86.7097V43.3548Z" fill="black"/>
+</svg>

images/wave-bg.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none">
+  <path fill="#F4F6F8" fill-opacity="10" d="M0,256L21.8,250.7C43.6,245,87,235,131,192C174.5,149,218,75,262,80C305.5,85,349,171,393,186.7C436.4,203,480,149,524,149.3C567.3,149,611,203,655,197.3C698.2,192,742,128,785,90.7C829.1,53,873,43,916,69.3C960,96,1004,160,1047,176C1090.9,192,1135,160,1178,138.7C1221.8,117,1265,107,1309,112C1352.7,117,1396,139,1418,149.3L1440,160L1440,0L1418.2,0C1396.4,0,1353,0,1309,0C1265.5,0,1222,0,1178,0C1134.5,0,1091,0,1047,0C1003.6,0,960,0,916,0C872.7,0,829,0,785,0C741.8,0,698,0,655,0C610.9,0,567,0,524,0C480,0,436,0,393,0C349.1,0,305,0,262,0C218.2,0,175,0,131,0C87.3,0,44,0,22,0L0,0Z"></path>
+</svg>

index.html

@@ -0,0 +1,560 @@
+<!DOCTYPE html>
+<!-- upto 2 directory depth-->
+<html lang="en-US">
+  <head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>I'm Shafaat Khan</title>
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="crossorigin"/>
+    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;700;800&amp;display=swap"/>
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;700;800&amp;display=swap" media="print" onload="this.media='all'"/>
+    <noscript>
+      <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;700;800&amp;display=swap"/>
+    </noscript>
+    <link href="./css/font-awesome/css/all.min.css?ver=1.2.0" rel="stylesheet">
+    <link href="./css/bootstrap-icons/bootstrap-icons.css?ver=1.2.0" rel="stylesheet">
+    <link href="./css/bootstrap.min.css?ver=1.2.0" rel="stylesheet">
+    <link href="./css/aos.css?ver=1.2.0" rel="stylesheet">
+    <link href="./css/main.css?ver=1.2.0" rel="stylesheet">
+    <link href="./css/type.css" rel="stylesheet">
+    <link href="./css/terminal.css" rel="stylesheet">
+    <noscript>
+      <style type="text/css">
+        [data-aos] {
+            opacity: 1 !important;
+            transform: translate(0) scale(1) !important;
+        }
+      </style>
+    </noscript>
+  </head>
+  <body id="top">
+    <header class="bg-light">
+      <nav class="navbar navbar-expand-lg navbar-light bg-light" id="header-nav" role="navigation">
+        <div class="container"><a class="link-dark navbar-brand site-title mb-0" href="https://shafaat.in">Shafaat's Profile</a>
+          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
+          <div class="collapse navbar-collapse" id="navbarSupportedContent">
+            <ul class="navbar-nav ms-auto me-2">
+              <li class="nav-item"><a class="nav-link" href="#about">About</a></li>
+              <li class="nav-item"><a class="nav-link" href="#services">Services</a></li>
+              <li class="nav-item"><a class="nav-link" href="#skills">Skills</a></li>
+              <li class="nav-item"><a class="nav-link" href="#portfolio">Portfolio</a></li>
+              <li class="nav-item"><a class="nav-link" href="#experience">Experience</a></li>
+              <li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
+            </ul>
+          </div>
+        </div>
+      </nav>
+    </header>
+    <div class="page-content">
+      <div id="content">
+<header>  
+  <div class="cover bg-light">
+    <div class="container px-3">
+      <div class="row">
+        <div class="col-lg-6 p-2"><img class="img-fluid" src="images/illustrations/hello3.svg" alt="hello"/></div>
+        <div class="col-lg-6">
+          <div class="mt-5">
+            <p class="lead text-uppercase mb-1">Hello!</p>
+            <h1 class="intro-title marker" data-aos="fade-left" data-aos-delay="50">I’m Shafaat Khan</h1>
+            <!-- <p class="lead fw-normal mt-3" data-aos="fade-up" data-aos-delay="100">Lead Full-Stack Developer, Solution Architect & Freelancer (to be..)</p> -->
+            <!-- <div class="type-container lead fw-normal mt-3" data-aos="fade-up">
+              <p> iam> <span class="typed-text"></span><span class="cursor">&nbsp;  </span>/iam></p>
+            </div> -->
+            
+            <div class="fakeTerminal">
+            <div class=fakeMenu>
+              <div class="fakeButtons fakeClose"></div>
+              <div class="fakeButtons fakeMinimize"></div>
+              <div class="fakeButtons fakeZoom"></div>
+            </div>
+            <div class="fakeScreen">
+              <p class="line1">> <span class="typed-text"></span><span class="cursor"></span><span class="cursor4">_</span></p>
+              <!-- <p class="line2">MyRole> yo gulp-webapp<span class="cursor4">_</span></p> -->
+              <!-- <p class="line2">Out of the box I include HTML5 Boilerplate, jQuery, and a gulpfile.js to build your app.<span class="cursor2">_</span></p>
+              <p class="line3">[?] What more would you like? (Press space to select)<span class="cursor3">_</span></p>
+              <p class="line4">><span class="cursor4">_</span></p> -->
+            </div>
+          </div>
+            <div class="social-nav" data-aos="fade-up" data-aos-delay="200">
+              <nav role="navigation">
+                <ul class="nav justify-content-left">
+                  <!-- <li class="nav-item"><a class="nav-link" href="https://twitter.com/templateflip" title="Twitter"><i class="fab fa-twitter"></i><span class="menu-title sr-only">Twitter</span></a></li> -->
+                  <!-- <li class="nav-item"><a class="nav-link" href="https://www.facebook.com/templateflip" title="Facebook"><i class="fab fa-facebook"></i><span class="menu-title sr-only">Facebook</span></a></li> -->
+                  <!-- <li class="nav-item"><a class="nav-link" href="https://www.instagram.com/templateflip" title="Instagram"><i class="fab fa-instagram"></i><span class="menu-title sr-only">Instagram</span></a></li> -->
+                  <li class="nav-item"><a class="nav-link" href="https://www.linkedin.com/in/shafaat-khan/" target="_blank" title="LinkedIn"><i class="fab fa-linkedin"></i><span class="menu-title sr-only">LinkedIn</span></a></li>
+                  <li class="nav-item"><a class="nav-link" href="https://git.shafaat.in/" title="Repo"  target="_blank"><i class="fab fa-github"></i><span class="menu-title sr-only">Git</span></a></li>
+                  <li class="nav-item"><a class="nav-link" href="https://api.whatsapp.com/send?phone=6585547055&text=Hi%20Shafaat!%20Just%20wanted%20to%20connect%20with%20you%20here%20on%20WhatsApp!" title="Repo"><i class="fab fa-whatsapp"></i><span class="menu-title sr-only">Whatsapp</span></a></li>
+                </ul>
+              </nav>
+            </div>
+            <div class="mt-3" data-aos="fade-up" data-aos-delay="200"><a class="btn btn-primary shadow-sm mt-1 hover-effect" href="#contact">Get In Touch <i class="fas fa-arrow-right"></i></a></div>
+          </div>
+        </div>  
+      </div>
+    </div>
+  </div>
+  <div class="wave-bg"></div>
+</header>
+<div class="section pt-4 px-3 px-lg-4" id="about">
+  <div class="container-narrow">
+    <div class="row">
+      <div class="col-md-6">
+        <h2 class="h4 my-2">Hello! I’m Shafaat Khan.</h2>
+        <p>I am passionate about software design and development. I am a skilled full-stack developer and very effecient in using Java and React technologies. I am a quick learner and a team worker that gets the job done. I can understand the business requirements and can quickly translate them technically to provide deliverables.</p>
+        <div class="row mt-3">
+          <!-- <div class="col-sm-2">
+            <div class="pb-1">Age:</div>
+          </div>
+          <div class="col-sm-10">
+            <div class="pb-1 fw-bolder">28</div>
+          </div> -->
+          <div class="col-sm-2">
+            <div class="pb-1">Email:</div>
+          </div>
+          <div class="col-sm-10">
+            <div class="pb-1 fw-bolder">shafaatali10@gmail.com</div>
+          </div>
+          <!-- <div class="col-sm-2">
+            <div class="pb-1">Skype:</div>
+          </div>
+          <div class="col-sm-10">
+            <div class="pb-1 fw-bolder">sk_developer-10@yahoo.com</div>
+          </div> -->
+          <div class="col-sm-2">
+            <div class="pb-1">Phone:</div>
+          </div>
+          <div class="col-sm-10">
+            <div class="pb-1 fw-bolder">+65 8554 7055</div>
+          </div>
+          <div class="col-sm-2">
+            <div class="pb-1">Address:</div>
+          </div>
+          <div class="col-sm-10">
+            <div class="pb-1 fw-bolder">Singapore</div>
+          </div>
+          <!-- <div class="col-sm-2">
+            <div class="pb-1">Staus:</div>
+          </div>
+          <div class="col-sm-10">
+            <div class="pb-1 fw-bolder">Available</div>
+          </div> -->
+        </div>
+      </div>
+      <div class="col-md-5 offset-md-1" data-aos="fade-left" data-aos-delay="100"><img class="avatar img-fluid mt-2" src="images/avatar.png" width="400" height="400" alt="Shafaat Khan"/></div>
+    </div>
+  </div>
+</div>
+<div class="section px-3 px-lg-4 pt-5" id="services">
+  <div class="container-narrow">
+    <div class="text-center mb-5">
+      <h2 class="marker marker-center">My Services</h2>
+    </div>
+    <div class="text-center">
+      <p class="mx-auto mb-3" style="max-width:600px"> I offer services for any applications requiring full-stack development. </p>
+    </div>
+    <div class="row py-3">
+      <div class="col-md-3 text-center" data-aos="fade-up" data-aos-delay="200"><img class="mb-2" src="images/services/frontend.png" width="96" height="96" alt="Frontend"/>
+        <div class="h5">Frontend</div>
+      </div>
+      <div class="col-md-3 text-center" data-aos="fade-up" data-aos-delay="100"><img class="mb-2" src="images/services/backend.png" width="96" height="96" alt="Backend"/>
+        <div class="h5">Backend</div>
+      </div>
+      <div class="col-md-3 text-center" data-aos="fade-up" data-aos-delay="300"><img class="mb-2" src="images/services/solution.png" width="96" height="96" alt="Solution Architect"/>
+        <div class="h5">Solutioning</div>
+      </div>
+      <div class="col-md-3 text-center" data-aos="fade-up" data-aos-delay="400"><img class="mb-2" src="images/services/cicd.png" width="96" height="96" alt="CI/CD"/>
+        <div class="h5">CI/CD</div>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="section px-3 px-lg-4 pt-5" id="skills">
+  <div class="container-narrow">
+    <div class="text-center mb-5">
+      <h2 class="marker marker-center">My Skills</h2>
+    </div>
+    <div class="text-center">
+      <p class="mx-auto mb-3" style="max-width:600px">I am a quick learner and specialize in multitude of skills required for Web Application Development and Product Design</p>
+    </div>
+    <div class="bg-light p-3">
+      <div class="row">
+        <div class="col-md-5">
+          <div class="py-1">
+            <div class="d-flex text-small fw-bolder"><span class="me-auto">Java</span><span>90%</span></div>
+            <div class="progress my-1">
+              <div class="progress-bar bg-primary" role="progressbar" data-aos="zoom-in-right" data-aos-delay="100" data-aos-anchor=".skills-section" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
+            </div>
+          </div>
+          <div class="py-1">
+            <div class="d-flex text-small fw-bolder"><span class="me-auto">Spring, Spring Boot</span><span>90%</span></div>
+            <div class="progress my-1">
+              <div class="progress-bar bg-primary" role="progressbar" data-aos="zoom-in-right" data-aos-delay="200" data-aos-anchor=".skills-section" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
+            </div>
+          </div>
+          <div class="py-1">
+            <div class="d-flex text-small fw-bolder"><span class="me-auto">JavaScript</span><span>80%</span></div>
+            <div class="progress my-1">
+              <div class="progress-bar bg-primary" role="progressbar" data-aos="zoom-in-right" data-aos-delay="300" data-aos-anchor=".skills-section" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
+            </div>
+          </div>
+          <div class="py-1">
+            <div class="d-flex text-small fw-bolder"><span class="me-auto">React</span><span>75%</span></div>
+            <div class="progress my-1">
+              <div class="progress-bar bg-primary" role="progressbar" data-aos="zoom-in-right" data-aos-delay="300" data-aos-anchor=".skills-section" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
+            </div>
+          </div>
+        </div>
+        <div class="col-md-5 offset-md-2">
+          <div class="py-1">
+            <div class="d-flex text-small fw-bolder"><span class="me-auto">HTML, CSS</span><span>75%</span></div>
+            <div class="progress my-1">
+              <div class="progress-bar bg-primary" role="progressbar" data-aos="zoom-in-right" data-aos-delay="400" data-aos-anchor=".skills-section" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
+            </div>
+          </div>
+          <div class="py-1">
+            <div class="d-flex text-small fw-bolder"><span class="me-auto">Node</span><span>70%</span></div>
+            <div class="progress my-1">
+              <div class="progress-bar bg-primary" role="progressbar" data-aos="zoom-in-right" data-aos-delay="500" data-aos-anchor=".skills-section" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
+            </div>
+          </div>
+          <div class="py-1">
+            <div class="d-flex text-small fw-bolder"><span class="me-auto">MySQL, MariaDB, Oracle, MSSQL</span><span>70%</span></div>
+            <div class="progress my-1">
+              <div class="progress-bar bg-primary" role="progressbar" data-aos="zoom-in-right" data-aos-delay="600" data-aos-anchor=".skills-section" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
+            </div>
+          </div>
+          <div class="py-1">
+            <div class="d-flex text-small fw-bolder"><span class="me-auto">Jenkins, Docker</span><span>60%</span></div>
+            <div class="progress my-1">
+              <div class="progress-bar bg-primary" role="progressbar" data-aos="zoom-in-right" data-aos-delay="600" data-aos-anchor=".skills-section" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="section px-2 px-lg-4 pt-5" id="portfolio">
+  <div class="container">
+    <div class="text-center mb-5">
+      <h2 class="marker marker-center">Portfolio </h2>
+    </div>
+    <div class="grid bp-gallery pb-3" data-aos="zoom-in-up" data-aos-delay="100">
+      <div class="grid-sizer"></div>
+      <div class="grid-item"><a href="https://www.dbs.com.sg/corporate/solutions/climateimpactx">
+          <figure class="portfolio-item"><img src="images/portfolio/cix-small.png" data-bp="images/portfolio/cix.png"/>
+            <figcaption>
+              <h4 class="h5 mb-0">Backend Development</h4>
+              <div>Visit link here</div>
+            </figcaption>
+          </figure></a></div>
+      <div class="grid-item"><a href="https://dash.com.sg/">
+          <figure class="portfolio-item"><img src="images/portfolio/dash-small.png" data-bp="images/portfolio/dash.png" data-caption="Example of an optional caption."/>
+            <figcaption> 
+              <h4 class="h5 mb-0">Full-Stack Development</h4>
+              <div>Visit link here</div>
+            </figcaption>
+          </figure></a></div>
+      <div class="grid-item"><a href="https://www.abeeway.com/orange-business-services-implements-a-cutting-edge-covid-safety-solution-in-singapore-with-actility-abeeway/">
+          <figure class="portfolio-item"><img src="images/portfolio/facial-recog-small.png" data-bp="images/portfolio/facial-recog.png" data-caption="Example of an optional caption."/>
+            <figcaption> 
+              <h4 class="h5 mb-0">Full-Stack Development</h4>
+              <div>Visit link here</div>
+            </figcaption>
+          </figure></a></div>
+      <div class="grid-item"><a href="https://connectedsites.twimbit.com/iot-use-case-workforce-management">
+          <figure class="portfolio-item"><img src="images/portfolio/mcd-small.png" data-bp="images/portfolio/mcd.png"/>
+            <figcaption>
+              <h4 class="h5 mb-0">Full-Stack Development</h4>
+              <div>Visit link here</div>
+            </figcaption>
+          </figure></a></div>
+      <div class="grid-item"><a href="https://www.emcsg.com/">
+          <figure class="portfolio-item"><img src="images/portfolio/emc-small.png" data-bp="images/portfolio/emc.png"/>
+            <figcaption>
+              <h4 class="h5 mb-0">Enterprise App Development</h4>
+              <div>Visit link here</div>
+            </figcaption>
+          </figure></a></div>
+      <div class="grid-item"><a href="https://www.oracle.com/industries/hospitality/hotel-property-management/products/hotel-management-software/">
+          <figure class="portfolio-item"><img src="images/portfolio/opera-small.png" data-bp="images/portfolio/opera.png"/>
+            <figcaption>
+              <h4 class="h5 mb-0">Enterprise App Development</h4>
+              <div>Visit link here</div>
+            </figcaption>
+          </figure></a></div>
+      <div class="grid-item"><a href="https://sanaacharts.com/">
+          <figure class="portfolio-item"><img src="images/portfolio/sanaacharts-small.png" data-bp="images/portfolio/sanaacharts.png"/>
+            <figcaption>
+              <h4 class="h5 mb-0">Frontend Development</h4>
+              <div>Visit link here</div>
+            </figcaption>
+          </figure></a></div>
+      <div class="grid-item"><a href="#">
+          <figure class="portfolio-item"><img src="images/portfolio/traccar-small.png" data-bp="images/portfolio/traccar.png"/>
+            <figcaption>
+              <h4 class="h5 mb-0">Product Customization</h4>              
+            </figcaption>
+          </figure></a></div>
+    </div>
+  </div>
+</div>
+<div class="section px-3 px-lg-4 pt-5" id="experience">
+  <div class="container-narrow">
+    <div class="text-center mb-5">
+      <h2 class="marker marker-center">Experience</h2>
+    </div>
+    <div class="row">
+      <div class="col-md-6">
+        <div class="card mb-3" data-aos="fade-right" data-aos-delay="100">
+          <div class="card-header px-3 py-2">
+            <div class="d-flex justify-content-between">
+              <div>
+                <h3 class="h5 mb-1">Senior Software Developer</h3>
+                <div class="text-muted text-small">NCS. <small>(2020-2021)</small></div>                
+              </div><img src="images/experience/ncs.png" width="auto" height="34"/>
+            </div>
+          </div>
+          <!-- <div class="card-body px-3 py-2">
+            <p>Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.</p>
+            <p>Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.</p>
+          </div> -->
+        </div>
+      </div>
+      <div class="col-md-6">
+        <div class="card mb-3" data-aos="fade-left" data-aos-delay="300">
+          <div class="card-header px-3 py-2">
+            <div class="d-flex justify-content-between">
+              <div>
+                <h3 class="h5 mb-1">Software Engineer</h3>
+                <div class="text-muted text-small">Orange Business Services. <small>(2018-2020)</small></div>
+              </div><img src="images/experience/obs.png" width="auto" height="48"/>
+            </div>
+          </div>
+          <!-- <div class="card-body px-3 py-2">
+            <p>Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.</p>
+            <p>Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.</p>
+          </div> -->
+        </div>
+      </div>
+      <div class="col-md-6">
+        <div class="card mb-3" data-aos="fade-right" data-aos-delay="200">
+          <div class="card-header px-3 py-2">
+            <div class="d-flex justify-content-between">
+              <div>
+                <h3 class="h5 mb-1">Senior Consultant</h3>
+                <div class="text-muted text-small">Oracle. <small>(2016-2017)</small></div>
+              </div><img src="images/experience/oracle.png" width="auto" height="48"/>
+            </div>
+          </div>
+          <!-- <div class="card-body px-3 py-2">
+            <p>Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.</p>
+            <p>Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.</p>
+          </div> -->
+        </div>
+      </div>
+      <div class="col-md-6">
+        <div class="card mb-3" data-aos="fade-left" data-aos-delay="400">
+          <div class="card-header px-3 py-2">
+            <div class="d-flex justify-content-between">
+              <div>
+                <h3 class="h5 mb-1">Senior Software Engineer</h3>
+                <div class="text-muted text-small">Orange Business Services. <small>(2014-2016)</small></div>
+              </div><img src="images/experience/obs.png" width="auto" height="48"/>             
+            </div>
+          </div>
+          <!-- <div class="card-body px-3 py-2">
+            <p>Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.</p>
+            <p>Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.</p>
+          </div> -->
+        </div>
+      </div>
+      <div class="col-md-6">
+        <div class="card mb-3" data-aos="fade-left" data-aos-delay="400">
+          <div class="card-header px-3 py-2">
+            <div class="d-flex justify-content-between">
+              <div>
+                <h3 class="h5 mb-1">Senior Software Engineer</h3>
+                <div class="text-muted text-small">Tech Mahindra. <small>(2014-2014)</small></div>
+              </div><img src="images/experience/techm.png" width="auto" height="48"/>
+            </div>
+          </div>
+          <!-- <div class="card-body px-3 py-2">
+            <p>Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.</p>
+            <p>Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.</p>
+          </div> -->
+        </div>
+      </div>
+      <div class="col-md-6">
+        <div class="card mb-3" data-aos="fade-left" data-aos-delay="400">
+          <div class="card-header px-3 py-2">
+            <div class="d-flex justify-content-between">
+              <div>
+                <h3 class="h5 mb-1">Programmer Analyst</h3>
+                <div class="text-muted text-small">Cognizant Technology Solutions. <small>(2011-2014)</small></div>
+              </div><img src="images/experience/cts.png" width="auto" height="24"/>
+              
+            </div>
+          </div>
+          <!-- <div class="card-body px-3 py-2">
+            <p>Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.</p>
+            <p>Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.</p>
+          </div> -->
+        </div>
+      </div>
+      <div class="col-md-6">
+        <div class="card mb-3" data-aos="fade-left" data-aos-delay="400">
+          <div class="card-header px-3 py-2">
+            <div class="d-flex justify-content-between">
+              <div>
+                <h3 class="h5 mb-1">Support Engineer</h3>
+                <div class="text-muted text-small">CSS Corp. <small>(2010-2011)</small></div>
+              </div><img src="images/experience/css.png" width="auto" height="30"/>
+            </div>
+          </div>
+          <!-- <div class="card-body px-3 py-2">
+            <p>Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.</p>
+            <p>Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.</p>
+          </div> -->
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- <div class="section px-3 px-lg-4 pt-5" id="testimonials">
+  <div class="container-narrow">
+    <div class="text-center mb-5">
+      <h2 class="marker marker-center">Client Testimonials</h2>
+    </div>
+    <div class="row"> 
+      <div class="col-md-6 mb-5" data-aos="fade-right" data-aos-delay="100">
+        <div class="d-flex ms-md-3"><span><i class="fas fa-2x fa-quote-left"></i></span><span class="m-2">Walter displays exemplary professionalism and is able to take on challenges. He learns quickly and is an asset to any team.</span></div>
+        <div class="d-flex justify-content-end align-items-end">
+          <div class="text-end me-2">
+            <div class="fw-bolder">Aiyana</div>
+            <div class="text-small">CEO / Web Design Company</div>
+          </div><img class="me-md-3 rounded" src="images/testimonials/client1.jpg" width="96" height="96" alt="client 1"/>
+        </div>
+      </div>
+      <div class="col-md-6 mb-5" data-aos="fade-left" data-aos-delay="300">
+        <div class="d-flex ms-md-3"><span><i class="fas fa-2x fa-quote-left"></i></span><span class="m-2">Walter displays exemplary professionalism and is able to take on challenges. He learns quickly and is an asset to any team.</span></div>
+        <div class="d-flex justify-content-end align-items-end">
+          <div class="text-end me-2">
+            <div class="fw-bolder">Alexander</div>
+            <div class="text-small">CEO / Web Design Company</div>
+          </div><img class="me-md-3 rounded" src="images/testimonials/client2.jpg" width="96" height="96" alt="client 1"/>
+        </div>
+      </div>
+      <div class="col-md-6 mb-5" data-aos="fade-right" data-aos-delay="200">
+        <div class="d-flex ms-md-3"><span><i class="fas fa-2x fa-quote-left"></i></span><span class="m-2">Walter is a great co-worker and problem solver. He is quick to extend his helping hand and makes a good team player.</span></div>
+        <div class="d-flex justify-content-end align-items-end">
+          <div class="text-end me-2">
+            <div class="fw-bolder">Ariya</div>
+            <div class="text-small">Web Developer</div>
+          </div><img class="me-md-3 rounded" src="images/testimonials/client3.jpg" width="96" height="96" alt="client 1"/>
+        </div>
+      </div>
+      <div class="col-md-6 mb-5" data-aos="fade-left" data-aos-delay="400">
+        <div class="d-flex ms-md-3"><span><i class="fas fa-2x fa-quote-left"></i></span><span class="m-2">Walter is a great co-worker and problem solver. He is quick to extend his helping hand and makes a good team player.</span></div>
+        <div class="d-flex justify-content-end align-items-end">
+          <div class="text-end me-2">
+            <div class="fw-bolder">Braiden</div>
+            <div class="text-small">Web Designer</div>
+          </div><img class="me-md-3 rounded" src="images/testimonials/client4.jpg" width="96" height="96" alt="client 1"/>
+        </div>
+      </div>
+    </div>
+  </div>
+</div> -->
+<div class="section px-2 px-lg-4 pb-4 pt-5 mb-5" id="contact">
+  <div class="container-narrow">
+    <div class="text-center mb-5">
+      <h2 class="marker marker-center">Contact Me</h2>
+    </div>
+    <div class="row">
+      <div class="col-md-6" data-aos="zoom-in" data-aos-delay="100">
+        <div class="bg-light my-2 p-3 pt-2">
+    <form action="https://apps.shafaat.in/common/form/contact/send-message" method="POST" name="messageForm" id="message-form">
+    <div class="form-group my-2">
+      <label for="name" class="form-label fw-bolder">Name*</label>
+      <input class="form-control" type="text" id="name" name="name" required>
+    </div>
+    <div class="form-group my-2">
+      <label for="phone" class="form-label fw-bolder">Phone</label>
+      <input class="form-control" type="text" id="phone" name="phone">
+    </div>
+    <div class="form-group my-2">
+      <label for="email" class="form-label fw-bolder">Email*</label>
+      <input class="form-control" type="email" id="email" name="email" required>
+    </div>
+  <div class="form-group my-2">
+    <label for="message" class="form-label fw-bolder">Message*</label>
+    <textarea class="form-control" style="resize: none;" id="message" name="message" rows="4" required></textarea>
+  </div>
+  <button class="btn btn-primary mt-2" type="submit" id="form-button">Send</button>
+</form>
+        </div>
+      </div>
+      <div class="col-md-6" data-aos="fade-left" data-aos-delay="300">
+        <div class="mt-3 px-1">
+          <!-- <div class="h5">Let’s talk how I can help you!</div> -->
+          <div class="h5">Let’s talk! </div>
+          <p>If you like my profile and want to avail my services then drop me a message using the contact form. You may also drop me a message to stay in touch.</p>
+          <p>Or get in touch using my email, skype or my contact number.</p>
+          <p>See you!</p>
+        </div>
+        <div class="mt-53 px-1">
+          <div class="row"> 
+            <div class="col-sm-2">
+              <div class="pb-1">Email:</div>
+            </div>
+            <div class="col-sm-10">
+              <div class="pb-1 fw-bolder">shafaatali10@gmail.com</div>
+            </div>
+            
+            <div class="col-sm-2">
+              <div class="pb-1">Phone:</div>
+            </div>
+            <div class="col-sm-10">
+              <div class="pb-1 fw-bolder">+65 8554 7055</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<footer class="pt-4 pb-4 text-center bg-light">
+  <div class="container">
+    <div class="my-3">
+      <div class="h4">Shafaat Khan</div>
+      <p>Lead Full-Stack Developer & Solution Architect</p>
+      <div class="social-nav">
+        <nav role="navigation">
+          <ul class="nav justify-content-center">
+            
+          </ul>
+        </nav>
+      </div>
+    </div>
+    <div class="text-small text-secondary">
+      <div class="mb-1">&copy; All rights reserved.</div>
+      <div style="display: none;">
+        <!-- Make sure to buy a license for the template before removing the line below. Buy license on https://templateflip.com/ -->Design - <a href="https://templateflip.com/" target="_blank">TemplateFlip</a></div>
+    </div>
+  </div>
+</footer></div>
+    </div>
+    <div id="scrolltop"><a class="btn btn-secondary" href="#top"><span class="icon"><i class="fas fa-angle-up fa-x"></i></span></a></div>
+    <script src="./scripts/imagesloaded.pkgd.min.js?ver=1.2.0"></script>
+    <script src="./scripts/masonry.pkgd.min.js?ver=1.2.0"></script>
+    <script src="./scripts/BigPicture.min.js?ver=1.2.0"></script>
+    <script src="./scripts/purecounter.min.js?ver=1.2.0"></script>
+    <script src="./scripts/bootstrap.bundle.min.js?ver=1.2.0"></script>
+    <script src="./scripts/aos.min.js?ver=1.2.0"></script>
+    <script src="./scripts/main.js?ver=1.2.0"></script>
+    <script src="./scripts/type.js"></script>
+    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
+  </body>
+</html>

scripts/main.js

@@ -0,0 +1,123 @@
+(function() {
+  "use strict";
+
+  window.addEventListener('load', () => {
+    on_page_load()
+  });
+
+  /**
+   * Function gets called when page is loaded.
+   */
+  function on_page_load() {
+    // Initialize On-scroll Animations
+    AOS.init({
+      anchorPlacement: 'top-left',
+      duration: 600,
+      easing: "ease-in-out",
+      once: true,
+      mirror: false,
+      disable: 'mobile'
+    });
+  }
+
+  /**
+   * Navbar effects and scrolltop buttons upon scrolling
+   */
+  const navbar = document.getElementById('header-nav')
+  var body = document.getElementsByTagName("body")[0]
+  const scrollTop = document.getElementById('scrolltop')
+  window.onscroll = () => {
+    if (window.scrollY > 0) {
+      navbar.classList.add('fixed-top', 'shadow-sm')
+      body.style.paddingTop = navbar.offsetHeight + "px"
+      scrollTop.style.visibility = "visible";
+      scrollTop.style.opacity = 1;
+    } else {
+      navbar.classList.remove('fixed-top', 'shadow-sm')
+      body.style.paddingTop = "0px"
+      scrollTop.style.visibility = "hidden";
+      scrollTop.style.opacity = 0;
+    }
+  };
+
+  /**
+   * Masonry Grid
+   */
+  var elem = document.querySelector('.grid');
+  if(elem) {
+    imagesLoaded(elem, function() {
+      new Masonry(elem, {
+        itemSelector: '.grid-item',
+        percentPosition: true,
+        horizontalOrder: true
+      });
+    })
+  }
+
+  /**
+   * Big Picture Popup for images and videos
+   */
+   document.querySelectorAll("[data-bigpicture]").forEach((function(e) {
+     e.addEventListener("click", (function(t){
+       t.preventDefault();
+       const data =JSON.parse(e.dataset.bigpicture)
+       BigPicture({
+        el: t.target,
+        ...data
+      })
+     })
+    )
+  }))
+
+  /**
+   * Big Picture Popup for Photo Gallary
+   */
+   document.querySelectorAll(".bp-gallery a").forEach((function(e) {
+    var caption = e.querySelector('figcaption')
+    var img = e.querySelector('img')
+    // set the link present on the item to the caption in full view
+    img.dataset.caption = '<a class="link-light" target="_blank" href="' + e.href + '">' + caption.innerHTML + '</a>';
+    window.console.log(caption, img)
+     e.addEventListener("click", (function(t){
+       t.preventDefault();
+       BigPicture({
+        el: t.target,
+        gallery: '.bp-gallery',
+      })
+     })
+    )
+  }))
+
+  // Add your javascript here 
+
+  // document.getElementById("form-button").addEventListener("click", function () {
+  //   var form = document.getElementById("message-form");    
+  //   console.log('helooooo......');
+  //   submit(form);
+  // });
+
+  document.addEventListener("submit", (e) => {
+  // Store reference to form to make later code easier to read
+  const form = e.target;
+
+  // Post data using the Fetch API
+  fetch(form.action, {
+    method: form.method,
+    body: new FormData(form),
+  });
+
+  // Prevent the default form submit
+  e.preventDefault();
+  form.reset();
+  swal("Alright!", "I've heard you. Thanks for your message!", "success");
+});
+
+  async function submit(form) {
+    console.log('inside async..');
+    if (form !== undefined) {
+      // Validation succeeded, submit the form
+      form.submit();
+    }
+  }
+
+})();

scripts/purecounter.min.js

@@ -0,0 +1,4 @@
+/**
+ * https://github.com/srexi/purecounterjs
+ */
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=0)}([function(e,t,n){e.exports=n(1)},function(e,t){function n(){var e=document.querySelectorAll(".purecounter");if("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype)for(var t=new IntersectionObserver(o,{root:null,rootMargin:"20px",threshold:.5}),n=0;n<e.length;n++)t.observe(e[n]);else window.addEventListener&&(r(e),window.addEventListener("scroll",function(t){r(e)},{passive:!0}))}function r(e){for(var t=0;t<e.length;t++){!0===a(e[t]).legacy&&u(e[t])&&o([e[t]])}}function o(e,t){e.forEach(function(e){var n=void 0!==e.target?a(e.target):a(e);return n.duration<=0?e.innerHTML=n.end.toFixed(n.decimals):!t&&!u(e)||t&&e.intersectionRatio<.5?e.target.innerHTML=n.start>n.end?n.end:n.start:void setTimeout(function(){return void 0!==e.target?i(e.target,n):i(e,n)},n.delay)})}function i(e,t){var n=(t.end-t.start)/(t.duration/t.delay),r="inc";t.start>t.end&&(r="dec",n*=-1),n<1&&t.decimals<=0&&(n=1);var o=t.decimals<=0?parseInt(t.start):parseFloat(t.start).toFixed(t.decimals);e.innerHTML=o,!0===t.once&&e.setAttribute("data-purecounter-duration",0);var i=setInterval(function(){var a=function(e,t,n,r){r||(r="inc");if("inc"===r)return n.decimals<=0?parseInt(e)+parseInt(t):parseFloat(e)+parseFloat(t);return n.decimals<=0?parseInt(e)-parseInt(t):parseFloat(e)-parseFloat(t)}(o,n,t,r);e.innerHTML=function(e,t){return t.decimals<=0?parseInt(e):e.toLocaleString(void 0,{minimumFractionDigits:t.decimals,maximumFractionDigits:t.decimals})}(a,t),((o=a)>=t.end&&"inc"==r||o<=t.end&&"dec"==r)&&(clearInterval(i),o!=t.end&&(e.innerHTML=t.decimals<=0?parseInt(t.end):parseFloat(t.end).toFixed(t.decimals)))},t.delay)}function a(e){for(var t=[].filter.call(e.attributes,function(e){return/^data-purecounter-/.test(e.name)}),n={start:0,end:9001,duration:2e3,delay:10,once:!0,decimals:0,legacy:!0},r=0;r<t.length;r++){var o=t[r].name.replace("data-purecounter-","");n[o.toLowerCase()]="duration"==o.toLowerCase()?parseInt(1e3*s(t[r].value)):s(t[r].value)}return n}function s(e){return/^[0-9]+\.[0-9]+$/.test(e)?parseFloat(e):/^[0-9]+$/.test(e)?parseInt(e):e}function u(e){for(var t=e.offsetTop,n=e.offsetLeft,r=e.offsetWidth,o=e.offsetHeight;e.offsetParent;)t+=(e=e.offsetParent).offsetTop,n+=e.offsetLeft;return t>=window.pageYOffset&&n>=window.pageXOffset&&t+o<=window.pageYOffset+window.innerHeight&&n+r<=window.pageXOffset+window.innerWidth}n()}]);

scripts/type.js

@@ -0,0 +1,41 @@
+const typedTextSpan = document.querySelector(".typed-text");
+const cursorSpan = document.querySelector(".cursor");
+
+const textArray = ["Lead Full-Stack Developer", "Solution Architect", "Freelancer (to be..)"];
+const typingDelay = 75;
+const erasingDelay = 50;
+const newTextDelay = 500; // Delay between current and next text
+let textArrayIndex = 0;
+let charIndex = 0;
+
+function type() {
+  if (charIndex < textArray[textArrayIndex].length) {
+    if(!cursorSpan.classList.contains("typing")) cursorSpan.classList.add("typing");
+    typedTextSpan.textContent += textArray[textArrayIndex].charAt(charIndex);
+    charIndex++;
+    setTimeout(type, typingDelay);
+  } 
+  else {
+    cursorSpan.classList.remove("typing");
+  	setTimeout(erase, newTextDelay);
+  }
+}
+
+function erase() {
+	if (charIndex > 0) {
+    if(!cursorSpan.classList.contains("typing")) cursorSpan.classList.add("typing");
+    typedTextSpan.textContent = textArray[textArrayIndex].substring(0, charIndex-1);
+    charIndex--;
+    setTimeout(erase, erasingDelay);
+  } 
+  else {
+    cursorSpan.classList.remove("typing");
+    textArrayIndex++;
+    if(textArrayIndex>=textArray.length) textArrayIndex=0;
+    setTimeout(type, typingDelay + 1100);
+  }
+}
+
+document.addEventListener("DOMContentLoaded", function() { // On DOM Load initiate the effect
+  if(textArray.length) setTimeout(type, newTextDelay + 250);
+});