Домашняя страница портфолио UI / UX шаблон (HTML код)
<div class="preloader">
<svg class="preloader__word" width="387" height="99" viewBox="0 0 387 143" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="path" d="M41.5552 63.2048C35.0272 61.4384 31.7632 57.7136 31.7632 52.0304C31.7632 49.8032 32.3392 48.1136 33.4912 46.9616C34.72 45.7328 35.7568 45.1184 36.6016 45.1184C37.984 45.1184 38.7904 45.5408 39.0208 46.3856L39.136 46.8464C37.1392 46.8464 35.7568 47.96 34.9888 50.1872C34.7584 50.9552 34.6432 51.7232 34.6432 52.4912C34.6432 54.488 35.4112 56.1392 36.9472 57.4448C38.56 58.7504 40.288 59.672 42.1312 60.2096C44.7424 44.696 46.432 35.3264 47.2 32.1008C50.1184 20.2736 54.2656 13.7456 59.6416 12.5168C60.3328 12.3632 61.024 12.2864 61.7152 12.2864C62.8672 12.2864 63.6352 12.7472 64.0192 13.6688L64.1344 14.2448C60.9088 14.2448 58.4128 16.0112 56.6464 19.544C54.9568 23.0768 53.7664 26.9936 53.0752 31.2944C52.4608 35.5952 52 38.9744 51.6928 41.432C51.3856 43.8896 51.0016 47.1536 50.5408 51.224C50.1568 55.2176 49.8112 58.4816 49.504 61.016C58.9504 60.7088 66.7456 56.5232 72.8896 48.4592C78.0352 41.7008 80.608 34.3664 80.608 26.456C80.608 17.5472 77.4592 11.1344 71.1616 7.21759C67.4752 4.99039 62.9824 3.87679 57.6832 3.87679C42.784 3.87679 31.456 9.17599 23.6992 19.7744C18.3232 26.9936 15.6352 35.0576 15.6352 43.9664C15.6352 52.7216 17.9392 58.904 22.5472 62.5136C24.6208 64.2032 27.0016 65.048 29.6896 65.048C28.9984 66.8144 27.808 67.6976 26.1184 67.6976C19.6672 67.6976 15.0976 64.3952 12.4096 57.7904C10.9504 54.2576 10.2208 50.456 10.2208 46.3856C10.2208 42.3152 10.912 38.0144 12.2944 33.4832C15.5968 22.7312 21.7792 14.3984 30.8416 8.48479C38.4448 3.49279 47.392 0.996796 57.6832 0.996796C70.6624 0.996796 79.5328 5.1824 84.2944 13.5536C86.5216 17.3936 87.6352 21.3104 87.6352 25.304C87.6352 29.2976 86.9824 33.2528 85.6768 37.1696C82.7584 45.9248 77.4592 52.8368 69.7792 57.9056C63.5584 61.8992 56.6848 63.9344 49.1584 64.0112C46.8544 80.2928 43.0528 91.6976 37.7536 98.2256C35.68 100.837 33.0304 102.949 29.8048 104.562C26.5792 106.174 23.008 106.981 19.0912 106.981C15.1744 106.981 11.8336 106.29 9.06881 104.907C6.30401 103.525 4.34561 101.758 3.19361 99.608C1.42721 96.4592 0.544006 93.5792 0.544006 90.968C0.544006 88.3568 0.928006 85.9376 1.69601 83.7104C2.46401 81.4064 3.57761 79.1792 5.03681 77.0288C6.49601 74.8016 8.41601 72.9968 10.7968 71.6144C13.1776 70.232 15.7504 69.5408 18.5152 69.5408C20.128 69.5408 21.1648 70.0784 21.6256 71.1536L21.9712 71.7296C15.2896 71.7296 10.2208 74.5712 6.76481 80.2544C4.69121 83.5568 3.65441 86.8592 3.65441 90.1616C3.65441 91.7744 3.88481 93.3488 4.34561 94.8848C5.95841 100.875 10.144 103.87 16.9024 103.87C19.8976 103.87 22.624 103.102 25.0816 101.566C27.5392 100.03 29.5744 98.072 31.1872 95.6912C32.8768 93.3872 34.4128 90.3152 35.7952 86.4752C37.8688 80.7152 39.7888 72.9584 41.5552 63.2048Z"></path>
<path class="path" d="M90.7434 79.7936C90.7434 87.8576 92.8938 91.8896 97.1946 91.8896C100.113 91.8896 102.839 90.0848 105.374 86.4752C110.212 79.7168 113.169 70.808 114.244 59.7488C111.556 58.5968 109.675 56.7152 108.599 54.104C107.908 52.4912 107.563 51.1472 107.563 50.072C107.563 48.92 107.716 47.9216 108.023 47.0768C108.715 45.0032 109.982 43.9664 111.825 43.9664C113.668 43.9664 115.051 45.1568 115.972 47.5376C116.971 49.8416 117.47 52.7984 117.47 56.408C117.47 56.6384 117.47 56.9072 117.47 57.2144C118.391 57.5216 119.735 57.6752 121.502 57.6752C123.345 57.6752 124.958 56.9456 126.34 55.4864C127.723 54.0272 128.414 52.6832 128.414 51.4544C128.414 51.1472 128.606 50.9552 128.99 50.8784C129.374 50.7248 129.719 50.7248 130.027 50.8784C130.411 51.032 130.603 51.2624 130.603 51.5696C130.603 53.7968 129.643 55.9088 127.723 57.9056C125.879 59.9024 123.383 60.9008 120.235 60.9008C119.467 60.9008 118.468 60.824 117.239 60.6704C116.779 65.8928 115.665 71.0768 113.899 76.2224C112.209 81.2912 109.828 85.7072 106.756 89.4704C103.684 93.1568 100.382 95 96.849 95C90.1674 95 86.0586 91.4288 84.5226 84.2864C84.1386 82.2128 83.9466 80.1008 83.9466 77.9504C83.9466 73.112 85.0602 67.928 87.2874 62.3984C90.2058 55.1792 93.8154 50.6864 98.1162 48.92C100.343 48.152 101.879 48.0368 102.724 48.5744C103.569 49.112 104.107 49.7264 104.337 50.4176C100.804 50.4176 97.6554 53.72 94.8906 60.3248C92.1258 66.9296 90.7434 73.4192 90.7434 79.7936Z"></path>
<path class="path" d="M131.762 95C129.612 95 128.537 93.3488 128.537 90.0464C128.537 88.28 130.687 75.416 134.988 51.4544C135.295 49.8416 135.986 49.0352 137.061 49.0352C138.444 49.0352 139.481 50.0336 140.172 52.0304C140.556 53.1056 140.748 54.296 140.748 55.6016C140.748 56.8304 140.594 58.1744 140.287 59.6336L138.444 69.08H139.02C145.625 53.72 151.692 46.04 157.221 46.04C160.293 46.04 162.329 47.5376 163.327 50.5328C163.711 51.6848 163.903 53.0288 163.903 54.5648C163.903 56.024 163.481 57.6368 162.636 59.4032C161.177 62.3984 158.988 63.896 156.069 63.896C155.455 63.896 154.956 63.7424 154.572 63.4352C154.265 63.128 154.073 62.7056 153.996 62.168C154.61 62.168 155.417 61.0544 156.415 58.8272C157.413 56.5232 157.989 54.4112 158.143 52.4912C158.297 50.5712 157.644 49.4576 156.185 49.1504C153.497 49.1504 150.309 52.6448 146.623 59.6336C142.937 66.6224 139.98 73.304 137.753 79.6784C135.525 86.0528 134.22 90.2 133.836 92.12C133.452 94.04 132.761 95 131.762 95Z"></path>
<path class="path" d="M167.274 44.6576C167.274 43.8128 167.812 43.3904 168.887 43.3904H174.878C175.262 41.8544 175.761 39.9344 176.375 37.6304L177.988 31.64C178.449 29.8736 178.833 28.2608 179.14 26.8016C179.524 25.3424 180.215 24.6128 181.214 24.6128C182.519 24.6128 183.441 25.6112 183.978 27.608C184.209 28.4528 184.324 29.4896 184.324 30.7184C184.324 31.9472 184.094 33.5216 183.633 35.4416L181.444 43.3904H188.586C189.278 43.3904 189.738 43.6208 189.969 44.0816C190.276 44.5424 190.276 45.0032 189.969 45.464C189.738 45.848 189.278 46.04 188.586 46.04H180.753C175.991 63.9344 173.61 76.6064 173.61 84.056C173.61 89.5088 174.839 92.2352 177.297 92.2352C179.294 92.2352 182.097 89.5856 185.706 84.2864C189.316 78.9872 192.426 73.688 195.038 68.3888L198.954 60.44H202.065C201.604 61.3616 200.99 62.6288 200.222 64.2416C199.53 65.7776 198.11 68.5808 195.959 72.6512C193.809 76.6448 191.735 80.1776 189.738 83.2496C187.818 86.3216 185.63 89.1248 183.172 91.6592C180.791 94.1168 178.564 95.3456 176.49 95.3456C174.417 95.3456 172.612 94.6928 171.076 93.3872C169.617 92.0048 168.695 90.0848 168.311 87.6272C167.85 85.0928 167.62 82.52 167.62 79.9088C167.62 73.8416 169.77 62.552 174.071 46.04H168.887C168.273 46.04 167.85 45.8864 167.62 45.5792C167.39 45.1952 167.274 44.888 167.274 44.6576Z"></path>
<path class="path" d="M218.26 63.896C218.26 70.7312 219.335 74.1488 221.485 74.1488C221.409 75.0704 220.756 75.5312 219.527 75.5312C217.607 75.5312 216.148 74.3792 215.149 72.0752C214.228 69.6944 213.767 66.7376 213.767 63.2048C210.695 64.5104 207.508 65.2784 204.205 65.5088C200.058 91.3904 196.525 109.093 193.607 118.616C189.153 133.592 183.815 141.08 177.594 141.08C173.447 141.08 171.373 138.93 171.373 134.629C171.373 132.709 171.796 130.328 172.641 127.486C175.021 119.499 179.437 111.166 185.889 102.488C188.884 98.4944 191.495 95.6144 193.722 93.848C194.183 90.9296 194.913 86.3216 195.911 80.024C196.909 73.6496 197.677 68.8112 198.215 65.5088H195.105C194.721 65.5088 194.529 65.1632 194.529 64.472C194.529 63.704 194.721 63.32 195.105 63.32H198.561C202.324 39.2816 206.317 22.7312 210.541 13.6688C212.154 10.0592 214.074 7.06399 216.301 4.68319C218.529 2.30239 220.948 1.11199 223.559 1.11199C228.397 1.11199 230.817 4.64479 230.817 11.7104C230.817 17.4704 229.05 23.6912 225.517 30.3728C221.217 38.4368 216.071 43.3904 210.081 45.2336L207.431 45.8096C206.74 49.5728 205.78 55.3712 204.551 63.2048C207.777 62.9744 210.887 62.1296 213.882 60.6704C214.266 56.6 215.188 53.144 216.647 50.3024C218.183 47.384 220.103 45.9248 222.407 45.9248C224.25 45.9248 225.172 47 225.172 49.1504C225.172 53.2208 222.906 56.984 218.375 60.44C218.298 61.592 218.26 62.744 218.26 63.896ZM222.522 28.76C225.978 22.0784 227.706 16.2416 227.706 11.2496C227.706 6.25759 226.477 3.76159 224.02 3.76159C220.564 3.76159 217.607 7.14079 215.149 13.8992C212.692 20.5808 210.311 30.2192 208.007 42.8144C213.537 41.5856 218.375 36.9008 222.522 28.76ZM193.146 97.1888C188.769 101.72 184.583 108.21 180.589 116.658C176.596 125.106 174.599 130.75 174.599 133.592C174.599 136.51 175.444 137.97 177.133 137.97C180.666 137.97 183.661 134.437 186.119 127.371C188.577 120.306 190.919 110.245 193.146 97.1888ZM218.721 57.3296C220.103 56.024 221.14 54.6416 221.831 53.1824C222.599 51.7232 222.983 50.5712 222.983 49.7264C222.983 48.8048 222.753 48.2672 222.292 48.1136C220.602 48.1136 219.412 51.1856 218.721 57.3296Z"></path>
<path class="path" d="M234.04 79.7936C234.04 87.8576 236.191 91.8896 240.491 91.8896C243.41 91.8896 246.136 90.0848 248.671 86.4752C253.509 79.7168 256.466 70.808 257.541 59.7488C254.853 58.5968 252.971 56.7152 251.896 54.104C251.205 52.4912 250.859 51.1472 250.859 50.072C250.859 48.92 251.013 47.9216 251.32 47.0768C252.011 45.0032 253.279 43.9664 255.122 43.9664C256.965 43.9664 258.347 45.1568 259.269 47.5376C260.267 49.8416 260.767 52.7984 260.767 56.408C260.767 56.6384 260.767 56.9072 260.767 57.2144C261.688 57.5216 263.032 57.6752 264.799 57.6752C266.642 57.6752 268.255 56.9456 269.637 55.4864C271.019 54.0272 271.711 52.6832 271.711 51.4544C271.711 51.1472 271.903 50.9552 272.287 50.8784C272.671 50.7248 273.016 50.7248 273.323 50.8784C273.707 51.032 273.899 51.2624 273.899 51.5696C273.899 53.7968 272.939 55.9088 271.019 57.9056C269.176 59.9024 266.68 60.9008 263.531 60.9008C262.763 60.9008 261.765 60.824 260.536 60.6704C260.075 65.8928 258.962 71.0768 257.195 76.2224C255.506 81.2912 253.125 85.7072 250.053 89.4704C246.981 93.1568 243.679 95 240.146 95C233.464 95 229.355 91.4288 227.819 84.2864C227.435 82.2128 227.243 80.1008 227.243 77.9504C227.243 73.112 228.357 67.928 230.584 62.3984C233.503 55.1792 237.112 50.6864 241.413 48.92C243.64 48.152 245.176 48.0368 246.021 48.5744C246.866 49.112 247.403 49.7264 247.634 50.4176C244.101 50.4176 240.952 53.72 238.187 60.3248C235.423 66.9296 234.04 73.4192 234.04 79.7936Z"></path>
<path class="path" d="M301.901 22.7696C304.665 15.5504 306.048 10.6352 306.048 8.02399C306.048 5.41279 305.395 4.0304 304.089 3.87679C300.48 3.87679 296.717 9.67519 292.8 21.272C288.96 32.792 285.926 44.7728 283.699 57.2144C281.549 69.5792 280.473 78.3344 280.473 83.48C280.473 92.1584 282.624 96.4976 286.925 96.4976C286.925 97.0352 286.579 97.5728 285.888 98.1104C285.197 98.648 284.39 98.9168 283.469 98.9168C277.171 98.9168 274.022 93.272 274.022 81.9824C274.022 77.8352 274.79 71.4992 276.326 62.9744C277.862 54.3728 279.859 45.3872 282.317 36.0176C284.774 26.648 287.961 18.5072 291.878 11.5952C295.795 4.60639 299.789 1.11199 303.859 1.11199C307.085 1.11199 308.697 3.14719 308.697 7.21759C308.697 10.2896 307.737 14.5904 305.817 20.12C302.131 30.872 296.832 41.624 289.92 52.376C288.077 55.2176 286.425 57.5216 284.966 59.288C284.582 59.7488 284.39 59.5952 284.39 58.8272C284.313 57.368 284.659 56.1008 285.427 55.0256C291.725 45.5792 297.216 34.8272 301.901 22.7696Z"></path>
<path class="path" d="M316.28 25.9952C318.046 25.9952 318.929 27.1856 318.929 29.5664C318.929 31.9472 317.777 33.8672 315.473 35.3264C314.321 36.0944 313.323 36.4784 312.478 36.4784C311.249 36.4784 310.52 36.0944 310.289 35.3264L310.174 34.9808C310.865 34.9808 311.364 34.2512 311.672 32.792C311.979 31.256 312.44 29.7584 313.054 28.2992C313.745 26.7632 314.82 25.9952 316.28 25.9952ZM308.907 92.2352C310.904 92.2352 313.707 89.5856 317.316 84.2864C320.926 78.9872 324.036 73.688 326.648 68.3888L330.564 60.44H333.675C333.214 61.3616 332.6 62.6288 331.832 64.2416C331.14 65.7776 329.72 68.5808 327.569 72.6512C325.419 76.6448 323.345 80.1776 321.348 83.2496C319.428 86.3216 317.24 89.1248 314.782 91.6592C312.401 94.1168 310.328 95.3456 308.561 95.3456C302.878 95.3456 300.036 91.6592 300.036 84.2864C300.036 78.7568 301.611 69.7712 304.76 57.3296C305.067 56.024 305.297 55.0256 305.451 54.3344C305.681 53.6432 305.912 52.76 306.142 51.6848C306.372 50.5328 306.603 49.496 306.833 48.5744C307.217 46.9616 307.908 46.1552 308.907 46.1552C310.289 46.1552 311.288 47.1536 311.902 49.1504C312.209 50.072 312.363 51.1856 312.363 52.4912C312.363 53.7968 312.209 55.1792 311.902 56.6384C311.595 58.0208 311.096 60.0944 310.404 62.8592C309.713 65.624 309.176 67.8896 308.792 69.656C308.408 71.4224 307.985 73.5728 307.524 76.1072C306.68 80.3312 306.257 84.0944 306.257 87.3968C306.257 90.6224 307.14 92.2352 308.907 92.2352Z"></path>
<path class="path" d="M333.04 79.7936C333.04 87.8576 335.191 91.8896 339.491 91.8896C342.41 91.8896 345.136 90.0848 347.671 86.4752C352.509 79.7168 355.466 70.808 356.541 59.7488C353.853 58.5968 351.971 56.7152 350.896 54.104C350.205 52.4912 349.859 51.1472 349.859 50.072C349.859 48.92 350.013 47.9216 350.32 47.0768C351.011 45.0032 352.279 43.9664 354.122 43.9664C355.965 43.9664 357.347 45.1568 358.269 47.5376C359.267 49.8416 359.767 52.7984 359.767 56.408C359.767 56.6384 359.767 56.9072 359.767 57.2144C360.688 57.5216 362.032 57.6752 363.799 57.6752C365.642 57.6752 367.255 56.9456 368.637 55.4864C370.019 54.0272 370.711 52.6832 370.711 51.4544C370.711 51.1472 370.903 50.9552 371.287 50.8784C371.671 50.7248 372.016 50.7248 372.323 50.8784C372.707 51.032 372.899 51.2624 372.899 51.5696C372.899 53.7968 371.939 55.9088 370.019 57.9056C368.176 59.9024 365.68 60.9008 362.531 60.9008C361.763 60.9008 360.765 60.824 359.536 60.6704C359.075 65.8928 357.962 71.0768 356.195 76.2224C354.506 81.2912 352.125 85.7072 349.053 89.4704C345.981 93.1568 342.679 95 339.146 95C332.464 95 328.355 91.4288 326.819 84.2864C326.435 82.2128 326.243 80.1008 326.243 77.9504C326.243 73.112 327.357 67.928 329.584 62.3984C332.503 55.1792 336.112 50.6864 340.413 48.92C342.64 48.152 344.176 48.0368 345.021 48.5744C345.866 49.112 346.403 49.7264 346.634 50.4176C343.101 50.4176 339.952 53.72 337.187 60.3248C334.423 66.9296 333.04 73.4192 333.04 79.7936Z"></path>
</svg>
</div>
<div class="container">
<section class="popupMenu">
<nav class="popupMenu__nav"><a class="popupMenu__link" href="index.html">HOME</a><a class="popupMenu__link" href="portfolio.html">PORTFOLIO</a><a class="popupMenu__link" href="https://github.com/Kerthin?tab=overview&from=2021-05-01&to=2021-05-05">GITHUB</a><a class="popupMenu__link" href="https://codepen.io/RodenKerthin">CODEPEN</a><a class="popupMenu__link" href="https://twitter.com/BelichenkoRoden">TWITTER</a>
</nav>
</section>
<div class="burgerWrap js-burgerWrap_close">
<label class="burgerWrap__box">
<input class="burgerInput" type="checkbox"/>
<svg class="strokeWrap" viewBox="30 28 40 40" xmlns="http://www.w3.org/2000/svg">
<path class="strokeWrap__stroke strokeWrap__stroke_first" d="M0 40h62c13 0 6 28-4 18L35 35"></path>
<path class="strokeWrap__stroke strokeWrap__stroke_second" d="M0 50h70"></path>
<path class="strokeWrap__stroke strokeWrap__stroke_third" d="M0 60h62c13 0 6-28-4-18L35 65"></path>
</svg>
</label>
</div>
<nav class="navigation"><a class="logo" href="index.html">R</a>
<ul class="navigation__links">
<li class="navigation__item"><a class="navigation__link" href="index.html">Home</a></li>
<li class="navigation__item"><a class="navigation__link" href="portfolio.html">Portfolio</a></li>
</ul>
</nav>
<div class="devLinks">
<div class="social">
<ul class="socialList">
<li class="socialList__item"><a class="socialList__link" href="https://github.com/Kerthin?tab=overview&from=2021-05-01&to=2021-05-05" target="_blank">
<svg class="socialList__icon" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path>
</svg></a></li>
<li class="socialList__item"><a class="socialList__link" href="https://codepen.io/RodenKerthin" target="_blank">
<svg class="socialList__icon" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polygon points="12 2 22 8.5 22 15.5 12 22 2 15.5 2 8.5 12 2"></polygon>
<line x1="12" y1="22" x2="12" y2="15.5"></line>
<polyline points="22 8.5 12 15.5 2 8.5"></polyline>
<polyline points="2 15.5 12 8.5 22 15.5"></polyline>
<line x1="12" y1="2" x2="12" y2="8.5"></line>
</svg></a></li>
<li class="socialList__item"><a class="socialList__link" href="https://twitter.com/BelichenkoRoden" target="_blank">
<svg class="socialList__icon" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path>
</svg></a></li>
</ul>
</div>
<div class="gmail">
<div class="gmail__name"><a class="gmail__link" href="/cdn-cgi/l/email-protection#0765626b6e646f62696c682975686362692963627147606a666e6b2964686a"><span class="__cf_email__" data-cfemail="6b090e070208030e0500044519040f0e05450f0e1d2b0c060a020745080406">[email protected]</span></a></div>
</div>
</div>
<section class="home">
<section class="developerWrap">
<div class="illustration">
<svg class="illustrationBlob" id="blob-js" viewBox="0 0 1000 1000">
<path class="illustrationBlob__path" id="blob__path-js"></path>
</svg>
<ul class="illustrationBubblesWrap">
<li class="illustrationBubble"></li>
<li class="illustrationBubble"></li>
<li class="illustrationBubble"></li>
<li class="illustrationBubble"></li>
<li class="illustrationBubble"></li>
<li class="illustrationBubble"></li>
<li class="illustrationBubble"></li>
<li class="illustrationBubble"></li>
<li class="illustrationBubble"></li>
<li class="illustrationBubble"></li>
<li class="illustrationBubble"></li>
<li class="illustrationBubble"></li>
</ul>
<div class="illustrationDashedFrame dashedFrame_type1"></div>
<div class="illustrationDashedFrame dashedFrame_type2"></div>
<div class="illustrationDashedFrame dashedFrame_type3"></div>
<div class="illustrationCircleChart illustrationCircleChart_type1"></div>
<div class="illustrationCircleChart illustrationCircleChart_type2"></div>
<div class="illustrationSticker illustrationSticker_type1">
<ul class="illustrationSticker__lineWrap">
<li class="illustrationSticker__line"></li>
<li class="illustrationSticker__line"></li>
<li class="illustrationSticker__line"></li>
</ul>
</div>
<div class="illustrationSticker illustrationSticker_type2">
<ul class="illustrationSticker__lineWrap">
<li class="illustrationSticker__line"></li>
<li class="illustrationSticker__line"></li>
<li class="illustrationSticker__line"></li>
</ul>
</div>
<div class="illustrationSiteLayout">
<div class="illustrationSiteLayout__codeWrap">
<div class="illustrationSiteLayout__scrollBox">
<ul class="illustrationSiteLayout__codeList">
<li class="illustrationSiteLayout__codeItem">
<div class="illustrationSiteLayout__codeLine"></div>
<div class="illustrationSiteLayout__codeLine"></div>
<div class="illustrationSiteLayout__codeLine"></div>
<div class="illustrationSiteLayout__codeLine"></div>
<div class="illustrationSiteLayout__codeLine"></div>
<div class="illustrationSiteLayout__codeLine"></div>
<div class="illustrationSiteLayout__codeLine"></div>
</li>
<li class="illustrationSiteLayout__codeItem">
<div class="illustrationSiteLayout__codeLine"></div>
<div class="illustrationSiteLayout__codeLine"></div>
<div class="illustrationSiteLayout__codeLine"></div>
<div class="illustrationSiteLayout__codeLine"></div>
<div class="illustrationSiteLayout__codeLine"></div>
<div class="illustrationSiteLayout__codeLine"></div>
<div class="illustrationSiteLayout__codeLine"></div>
</li>
<li class="illustrationSiteLayout__codeItem">
<div class="illustrationSiteLayout__codeLine"></div>
<div class="illustrationSiteLayout__codeLine"></div>
<div class="illustrationSiteLayout__codeLine"></div>
<div class="illustrationSiteLayout__codeLine"></div>
<div class="illustrationSiteLayout__codeLine"></div>
<div class="illustrationSiteLayout__codeLine"></div>
<div class="illustrationSiteLayout__codeLine"></div>
</li>
<li class="illustrationSiteLayout__codeItem">
<div class="illustrationSiteLayout__codeLine"></div>
<div class="illustrationSiteLayout__codeLine"></div>
<div class="illustrationSiteLayout__codeLine"></div>
<div class="illustrationSiteLayout__codeLine"></div>
<div class="illustrationSiteLayout__codeLine"></div>
<div class="illustrationSiteLayout__codeLine"></div>
<div class="illustrationSiteLayout__codeLine"></div>
</li>
</ul>
</div>
</div>
</div>
<ul class="illustrationDialog">
<li class="illustrationDialog__line"></li>
<li class="illustrationDialog__line"></li>
<li class="illustrationDialog__line"></li>
<li class="illustrationDialog__line"></li>
<li class="illustrationDialog__line"></li>
</ul>
<div class="illustrationFolder">
<ul class="illustrationFolder__file">
<li class="illustrationFolder__line"></li>
<li class="illustrationFolder__line"></li>
<li class="illustrationFolder__line"></li>
<li class="illustrationFolder__line"></li>
<li class="illustrationFolder__line"></li>
</ul>
</div>
<div class="illustrationBooks">
<div class="illustrationBooks__book"></div>
<div class="illustrationBooks__book"></div>
<div class="illustrationBooks__book">
<div class="illustrationBooks__binding"></div>
<div class="illustrationBooks__binding"></div>
<div class="illustrationBooks__binding"></div>
<div class="illustrationBooks__binding"></div>
</div>
</div>
<div class="illustrationAnalytics">
<div class="illustrationAnalyticsPanel">
<div class="illustrationAnalyticsPanel__buttonsWrap">
<div class="illustrationAnalyticsPanel__button __button_exit"></div>
<div class="illustrationAnalyticsPanel__button __button_minimize"></div>
<div class="illustrationAnalyticsPanel__button __button_screen"></div>
</div>
</div>
<div class="illustrationAnalyticsPage">
<div class="illustrationAnalyticsPage__container">
<ul class="illustrationAnalyticsPage__diagramWrap">
<li class="illustrationAnalyticsPage__diagram"></li>
<li class="illustrationAnalyticsPage__diagram"></li>
<li class="illustrationAnalyticsPage__diagram"></li>
<li class="illustrationAnalyticsPage__diagram"></li>
</ul>
<div class="illustrationAnalyticsPage__banner">
<ul class="illustrationAnalyticsPage__lineWrap">
<li class="illustrationAnalyticsPage__line"></li>
<li class="illustrationAnalyticsPage__line"></li>
<li class="illustrationAnalyticsPage__line"></li>
<li class="illustrationAnalyticsPage__line"></li>
<li class="illustrationAnalyticsPage__line"></li>
<li class="illustrationAnalyticsPage__line"></li>
<li class="illustrationAnalyticsPage__line"></li>
<li class="illustrationAnalyticsPage__line"></li>
</ul>
<ul class="illustrationAnalyticsPage__productList">
<li class="illustrationAnalyticsPage__productItem">
<div class="illustrationAnalyticsPage__productImg"></div>
<ul class="illustrationAnalyticsPage__productLineWrap">
<li class="illustrationAnalyticsPage__productLine"></li>
<li class="illustrationAnalyticsPage__productLine"></li>
<li class="illustrationAnalyticsPage__productLine"></li>
</ul>
</li>
<li class="illustrationAnalyticsPage__productItem">
<div class="illustrationAnalyticsPage__productImg"></div>
<ul class="illustrationAnalyticsPage__productLineWrap">
<li class="illustrationAnalyticsPage__productLine"></li>
<li class="illustrationAnalyticsPage__productLine"></li>
<li class="illustrationAnalyticsPage__productLine"></li>
</ul>
</li>
<li class="illustrationAnalyticsPage__productItem">
<div class="illustrationAnalyticsPage__productImg"></div>
<ul class="illustrationAnalyticsPage__productLineWrap">
<li class="illustrationAnalyticsPage__productLine"></li>
<li class="illustrationAnalyticsPage__productLine"></li>
<li class="illustrationAnalyticsPage__productLine"></li>
</ul>
</li>
<li class="illustrationAnalyticsPage__productItem">
<div class="illustrationAnalyticsPage__productImg"></div>
<ul class="illustrationAnalyticsPage__productLineWrap">
<li class="illustrationAnalyticsPage__productLine"></li>
<li class="illustrationAnalyticsPage__productLine"></li>
<li class="illustrationAnalyticsPage__productLine"></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="illustrationImac">
<div class="illustrationImac__display">
<div class="illustrationImacEditor">
<div class="illustrationImacEditorPanel"></div>
<div class="illustrationImacEditorCodeWrap">
<div class="illustrationImacEditorCodeWrap__scrollBox">
<ul class="illustrationImacEditorCodeWrap__codeList">
<li class="illustrationImacEditorCodeWrap__codeItem">
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
</li>
<li class="illustrationImacEditorCodeWrap__codeItem">
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
</li>
<li class="illustrationImacEditorCodeWrap__codeItem">
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
</li>
<li class="illustrationImacEditorCodeWrap__codeItem">
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
</li>
<li class="illustrationImacEditorCodeWrap__codeItem">
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
</li>
<li class="illustrationImacEditorCodeWrap__codeItem">
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
</li>
</ul>
<ul class="illustrationImacEditorCodeWrap__codeList">
<li class="illustrationImacEditorCodeWrap__codeItem">
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
</li>
<li class="illustrationImacEditorCodeWrap__codeItem">
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
</li>
<li class="illustrationImacEditorCodeWrap__codeItem">
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
</li>
<li class="illustrationImacEditorCodeWrap__codeItem">
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
</li>
<li class="illustrationImacEditorCodeWrap__codeItem">
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
</li>
<li class="illustrationImacEditorCodeWrap__codeItem">
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
<div class="illustrationImacEditorCodeWrap__codeLine"></div>
</li>
</ul>
</div>
</div>
</div>
<div class="illustrationImacBrowser">
<div class="illustrationImacBrowserPanel">
<div class="illustrationImacBrowserPanel__buttonsWrap">
<div class="illustrationImacBrowserPanel__button __button_exit"></div>
<div class="illustrationImacBrowserPanel__button __button_minimize"></div>
<div class="illustrationImacBrowserPanel__button __button_screen"></div>
</div>
</div>
<div class="illustrationImacBrowserPage">
<div class="illustrationImacBrowserPage__container">
<header class="illustrationImacBrowserPage__header">
<ul class="illustrationImacBrowserPage__nav">
<li class="illustrationImacBrowserPage__navItem"></li>
<li class="illustrationImacBrowserPage__navItem"></li>
<li class="illustrationImacBrowserPage__navItem"></li>
<li class="illustrationImacBrowserPage__navItem"></li>
</ul>
</header>
<section class="illustrationImacBrowserPage__main">
<div class="illustrationImacBrowserPage__banner">
<div class="illustrationImacBrowserPage__img"></div>
<ul class="illustrationImacBrowserPage__lineWrap">
<li class="illustrationImacBrowserPage__line"></li>
<li class="illustrationImacBrowserPage__line"></li>
<li class="illustrationImacBrowserPage__line"></li>
<li class="illustrationImacBrowserPage__line"></li>
</ul>
</div>
</section>
<footer class="illustrationImacBrowserPage__footer">
<ul class="illustrationImacBrowserPage__productList">
<li class="illustrationImacBrowserPage__productItem">
<div class="illustrationImacBrowserPage__productImg"></div>
<ul class="illustrationImacBrowserPage__productLineWrap">
<li class="illustrationImacBrowserPage__productLine"></li>
<li class="illustrationImacBrowserPage__productLine"></li>
</ul>
</li>
<li class="illustrationImacBrowserPage__productItem">
<div class="illustrationImacBrowserPage__productImg"></div>
<ul class="illustrationImacBrowserPage__productLineWrap">
<li class="illustrationImacBrowserPage__productLine"></li>
<li class="illustrationImacBrowserPage__productLine"></li>
</ul>
</li>
<li class="illustrationImacBrowserPage__productItem">
<div class="illustrationImacBrowserPage__productImg"></div>
<ul class="illustrationImacBrowserPage__productLineWrap">
<li class="illustrationImacBrowserPage__productLine"></li>
<li class="illustrationImacBrowserPage__productLine"></li>
</ul>
</li>
</ul>
</footer>
</div>
</div>
</div>
<div class="picture">
<div class="picture__dayWrap">
<div class="picture__sun"></div>
<div class="picture__moon"></div>
</div>
<div class="picture__mountainsWrap">
<div class="picture__mountain"></div>
<div class="picture__mountain"></div>
<div class="picture__mountain"></div>
</div>
</div>
<div class="avatarWrap">
<div class="avatar">
<div class="headWrap">
<div class="hair">
<div class="hair__leftSide">
<div class="blink"></div>
<div class="blink"></div>
<div class="blink"></div>
</div>
<div class="hair__rightSide"></div>
</div>
<div class="ears">
<div class="ear"></div>
<div class="ear"></div>
</div>
<div class="face">
<div class="eyebrows">
<div class="eyebrows__brow"></div>
<div class="eyebrows__brow"></div>
<div class="eyebrows__shadow"></div>
</div>
<div class="eyes"></div>
<div class="glasses">
<div class="left">
<div class="lens">
<div class="shine"></div>
</div>
</div>
<div class="right">
<div class="lens">
<div class="shine"></div>
</div>
</div>
</div>
<div class="nose"></div>
<div class="arm">
<div class="arm__pharynx"></div>
<div class="arm__tooth"></div>
<div class="arm__tongue"></div>
</div>
</div>
<div class="neck"></div>
</div>
<div class="bodyWrap">
<div class="bodyWrap__body">
<div class="collar">
<div class="shirt"></div>
<div class="button"></div>
<div class="button"></div>
</div>
</div>
<div class="bowWrap">
<div class="bowWrap__bowShadow"></div>
<div class="bowWrap__bow"></div>
<div class="bowWrap__crease"></div>
</div>
</div>
</div>
</div>
</div>
<div class="illustrationImac__panel">
<div class="illustrationImac__panelButton"></div>
</div>
<div class="illustrationImac__stand">
<div class="illustrationImac__standShadow"></div>
<div class="illustrationImac__standBase"></div>
</div>
</div>
<div class="illustrationPresentation">
<div class="illustrationPresentationPanel">
<div class="illustrationPresentationPanel__buttonsWrap">
<div class="illustrationPresentationPanel__button __button_exit"></div>
<div class="illustrationPresentationPanel__button __button_minimize"></div>
<div class="illustrationPresentationPanel__button __button_screen"></div>
</div>
</div>
<div class="illustrationPresentationPage">
<div class="illustrationPresentationPage__container">
<div class="illustrationPresentationPage__banner">
<div class="illustrationPresentationPage__img">
<div class="picture">
<div class="picture__dayWrap">
<div class="picture__sun"></div>
<div class="picture__moon"></div>
</div>
<div class="picture__mountainsWrap">
<div class="picture__mountain"></div>
<div class="picture__mountain"></div>
<div class="picture__mountain"></div>
</div>
</div>
</div>
<ul class="illustrationPresentationPage__lineWrap">
<li class="illustrationPresentationPage__line"></li>
<li class="illustrationPresentationPage__line"></li>
<li class="illustrationPresentationPage__line"></li>
<li class="illustrationPresentationPage__line"></li>
<li class="illustrationPresentationPage__line"></li>
<li class="illustrationPresentationPage__line"></li>
</ul>
</div>
<div class="illustrationPresentationPage__form">
<div class="illustrationPresentationPage__input"></div>
<div class="illustrationPresentationPage__input"></div>
</div>
</div>
</div>
</div>
<div class="illustrationSettings">
<div class="illustrationSettings__container">
<div class="illustrationSettings__gearWrap">
<div class="illustrationSettings__gear">
<svg viewBox="-208 -208 300 300">
<defs>
<line id="tooth" x1="-2" x2="26"></line>
</defs>
<g class="teeth">
<g transform="rotate(0)">
<use xlink:href="#tooth" x="85"></use>
</g>
<g transform="rotate(45)">
<use xlink:href="#tooth" x="85"></use>
</g>
<g transform="rotate(90)">
<use xlink:href="#tooth" x="85"></use>
</g>
<g transform="rotate(135)">
<use xlink:href="#tooth" x="85"></use>
</g>
<g transform="rotate(180)">
<use xlink:href="#tooth" x="85"></use>
</g>
<g transform="rotate(225)">
<use xlink:href="#tooth" x="85"></use>
</g>
<g transform="rotate(270)">
<use xlink:href="#tooth" x="85"></use>
</g>
<g transform="rotate(315)">
<use xlink:href="#tooth" x="85"></use>
</g>
</g>
</svg>
</div>
<div class="illustrationSettings__gearCircle"></div>
</div>
<ul class="illustrationSettings__lineWrap">
<li class="illustrationSettings__line"></li>
<li class="illustrationSettings__line"></li>
<li class="illustrationSettings__line"></li>
<li class="illustrationSettings__line"></li>
</ul>
</div>
</div>
<div class="illustration__curtain"></div>
</div>
<article class="developerInfo">
<h1 class="developerInfo__title"><span class="developerInfo__greeting">Hello, I'm </span><span class="developerInfo__name">Roden</span></h1>
<h2 class="developerInfo__subtitle">Frontend developer</h2>
<p class="developerInfo__paragraph">I live in Russia and specialize in developing user interfaces. Most of all in my work, I love the visualization of elements and animations. <span class="developerInfo__paragraphPost">I also write posts on the site Dev.to.</span></p><a class="developerInfo__link" href="https://dev.to/kerthin" target="_blank">My Posts</a>
</article>
</section>
<div class="mouse">
<div class="mouse__scroller"></div>
</div>
</section>
<section class="about">
<div class="cardWrap clearfix">
<div class="iconCard">
<div class="iconWrap">
<div class="learnabilityIcon">
<div class="learnabilityEditor">
<div class="learnabilityEditor__panel">
<div class="learnabilityEditor__buttonsWrap">
<div class="learnabilityEditor__button __button_exit"></div>
<div class="learnabilityEditor__button __button_minimize"></div>
<div class="learnabilityEditor__button __button_screen"></div>
</div>
</div>
<div class="learnabilityEditor__codeWrap">
<div class="learnabilityEditor__scrollBox">
<ul class="learnabilityEditor__codeList">
<li class="learnabilityEditor__codeItem">
<div class="learnabilityEditor__codeLine"></div>
<div class="learnabilityEditor__codeLine"></div>
<div class="learnabilityEditor__codeLine"></div>
<div class="learnabilityEditor__codeLine"></div>
<div class="learnabilityEditor__codeLine"></div>
</li>
<li class="learnabilityEditor__codeItem">
<div class="learnabilityEditor__codeLine"></div>
<div class="learnabilityEditor__codeLine"></div>
<div class="learnabilityEditor__codeLine"></div>
<div class="learnabilityEditor__codeLine"></div>
<div class="learnabilityEditor__codeLine"></div>
</li>
<li class="learnabilityEditor__codeItem">
<div class="learnabilityEditor__codeLine"></div>
<div class="learnabilityEditor__codeLine"></div>
<div class="learnabilityEditor__codeLine"></div>
<div class="learnabilityEditor__codeLine"></div>
<div class="learnabilityEditor__codeLine"></div>
</li>
<li class="learnabilityEditor__codeItem">
<div class="learnabilityEditor__codeLine"></div>
<div class="learnabilityEditor__codeLine"></div>
<div class="learnabilityEditor__codeLine"></div>
<di
Comments