-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
24 lines (19 loc) · 88.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Discover the innovative projects and extensive skills of Mbugua, an engineer from Nairobi, Kenya, specializing in Robotics, Embedded Systems, and Web Development. Explore his work on cutting-edge technologies including a 6DOF robotic arm, milk and oil ATMs, and modern web applications. Connect with Mbugua, download his CV, and learn more about his expertise in Go, C, Python, JavaScript, and more. Visit to see his impressive portfolio and get in touch!"><title>Mwaura Mbugua | Personal Portfolio Website</title><link rel="stylesheet" href="assets/styles.min.css"><link rel="icon" type="image/x-icon" href="assets/images/favicon.ico"><script src="assets/app.js" defer></script><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"><script src="https://code.tidio.co/2kq8zlbbf0fdxoh9mgl3cep9faa3qo53.js" async></script></head><body class="relative"><nav class="fixed w-full z-50 bg-gray-950 bg-opacity-20 top-0" id="navbar"><div class="container flex justify-between items-center relative"><div class="z-50 nav__logo opacity-0"><svg class="p-2 w-24 h-auto md:w-32" viewBox="0 0 128 70" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.14788 41.3457C3.57184 39.8801 4.12299 38.2253 4.80132 36.3814C5.47965 34.5375 6.09439 32.9064 6.64553 31.488C6.9847 30.6843 7.34506 29.8096 7.72662 28.864C8.10818 27.9184 8.59574 27.4456 9.18928 27.4456C9.57084 27.4456 9.84641 27.5875 10.016 27.8711C10.1856 28.1548 10.2916 28.533 10.334 29.0058C10.4188 29.4314 10.4399 29.9278 10.3976 30.4951C10.3976 31.0152 10.3976 31.5116 10.3976 31.9844L10.2704 37.587C10.1856 39.1945 10.1644 40.6602 10.2068 41.984C10.2916 43.2605 10.3552 44.5844 10.3976 45.9555C10.4399 46.4282 10.4823 46.8538 10.5247 47.232C10.6095 47.563 10.6731 47.9412 10.7155 48.3667C10.9699 48.1303 11.2031 47.7521 11.4151 47.232C11.6694 46.6646 11.9026 46.1919 12.1146 45.8136C12.3266 45.3881 12.5173 44.9862 12.6869 44.608C12.8989 44.1825 13.1109 43.7097 13.3229 43.1896L14.5947 40.5656C14.7219 40.2819 14.8279 40.0456 14.9127 39.8564C14.9975 39.6673 15.1035 39.4546 15.2307 39.2182C15.4426 38.7926 15.7394 38.2017 16.121 37.4452C16.5025 36.6414 16.9477 36.2396 17.4564 36.2396C17.5412 36.2396 17.5836 36.2632 17.5836 36.3105C17.626 36.3105 17.6684 36.3105 17.7108 36.3105C18.1348 36.4523 18.4527 36.9015 18.6647 37.6579C18.9191 38.4144 19.1735 39.2182 19.4278 40.0692C19.6822 40.9202 20.0002 41.7003 20.3817 42.4095C20.8057 43.1187 21.3569 43.4733 22.0352 43.4733C22.5015 43.4733 23.0103 43.3078 23.5614 42.9769C24.155 42.5986 24.7273 42.2204 25.2785 41.8422C25.872 41.4166 26.4019 41.0384 26.8683 40.7075C27.377 40.3292 27.7798 40.1401 28.0766 40.1401C28.3733 40.1401 28.5217 40.3529 28.5217 40.7784C28.5217 41.0148 28.2886 41.3694 27.8222 41.8422C27.3558 42.315 26.7835 42.8114 26.1052 43.3315C25.4268 43.8043 24.7061 44.2298 23.943 44.608C23.1799 44.9862 22.5015 45.1754 21.908 45.1754C21.2721 45.1754 20.6785 44.9153 20.1274 44.3952C19.5762 43.8752 19.1099 43.2605 18.7283 42.5513C18.3468 41.7949 18.0288 41.0384 17.7744 40.2819C17.5624 39.5255 17.4352 38.9108 17.3928 38.4381C17.1385 38.6272 16.8205 39.1236 16.4389 39.9273C16.0998 40.6838 15.8242 41.2512 15.6122 41.6294C15.4426 42.0076 15.2943 42.315 15.1671 42.5513C15.0823 42.7405 14.9551 42.9769 14.7855 43.2605L12.4325 48.3667C12.2206 48.7449 11.9662 49.1468 11.6694 49.5723C11.4151 50.0451 11.0759 50.2815 10.6519 50.2815C10.5247 50.2815 10.2916 50.187 9.9524 49.9978C9.48605 49.6669 9.14688 48.6504 8.9349 46.9483C8.72292 45.2463 8.59573 43.3787 8.55334 41.3457C8.51094 39.2654 8.51094 37.2561 8.55334 35.3176C8.59573 33.3792 8.61693 31.9844 8.61693 31.1334C8.57454 31.228 8.55334 31.2752 8.55334 31.2752L5.05569 40.6365C4.75892 41.4876 4.48335 42.3386 4.22897 43.1896C3.9746 43.9934 3.74142 44.8208 3.52944 45.6718C3.44465 45.9555 3.33866 46.3573 3.21148 46.8774C3.08429 47.3502 2.91471 47.823 2.70273 48.2958C2.53315 48.7213 2.34236 49.0995 2.13039 49.4305C1.91841 49.8087 1.66403 49.9978 1.36726 49.9978C0.688931 49.9978 0.264973 49.3596 0.0953904 48.083C-0.0317968 46.8065 -0.0317968 45.3645 0.0953904 43.757C0.222578 42.1022 0.413358 40.4947 0.667733 38.9345C0.922107 37.3743 1.09169 36.3341 1.17648 35.8141C1.38846 34.8212 1.57924 34.1356 1.74882 33.7574C1.9608 33.3792 2.17278 33.1901 2.38476 33.1901C2.59674 33.1901 2.74512 33.3083 2.82992 33.5446C2.9571 33.781 3.0207 34.0647 3.0207 34.3957C3.0207 34.5848 2.9571 34.7266 2.82992 34.8212C2.70273 34.8685 2.61794 34.8921 2.57554 34.8921C2.36356 35.1758 2.17278 35.6959 2.0032 36.4523C1.87601 37.2088 1.77002 38.0362 1.68523 38.9345C1.64283 39.8328 1.60044 40.7075 1.55804 41.5585C1.51565 42.3622 1.49445 42.9532 1.49445 43.3315C1.49445 43.7097 1.45205 43.9697 1.36726 44.1116C1.32487 44.2534 1.34606 44.5134 1.43086 44.8917C1.43086 45.1281 1.43086 45.3645 1.43086 45.6009C1.47325 45.8373 1.49445 46.1446 1.49445 46.5228L3.14788 41.3457Z" fill="#D75B02"></path> <path d="M33.9272 50.8489C34.3935 50.707 34.9235 50.3524 35.517 49.7851C36.1529 49.265 36.7465 48.6504 37.2976 47.9412C37.8488 47.232 38.3363 46.5228 38.7603 45.8136C39.1842 45.1044 39.4386 44.5371 39.5234 44.1116L37.8064 45.6009C37.552 45.8373 37.2128 46.1919 36.7889 46.6646C36.4073 47.0902 36.0045 47.5866 35.5806 48.1539C35.199 48.674 34.8387 49.1704 34.4995 49.6432C34.2027 50.1633 34.0119 50.5652 33.9272 50.8489ZM30.3023 27.9421C30.2599 27.9421 30.3023 27.8711 30.4295 27.7293L31.765 23.5451C32.2313 21.8903 32.6553 20.1646 33.0368 18.368C33.376 16.8551 33.6516 15.5785 33.8636 14.5384C34.0755 13.4982 34.2451 12.5054 34.3723 11.5598C34.4995 10.5669 34.5843 9.52677 34.6267 8.43935C34.6691 7.35193 34.6903 6.00447 34.6903 4.39697C34.6903 3.8769 34.6479 3.47503 34.5631 3.19135C34.4783 2.8604 34.4147 2.48216 34.3723 2.05665C33.906 2.3876 33.482 3.14407 33.1004 4.32605C32.7189 5.50804 32.3585 6.92641 32.0193 8.58119C31.7226 10.236 31.447 12.0326 31.1926 13.971C30.9807 15.9095 30.7899 17.8006 30.6203 19.6445C30.4931 21.4412 30.3871 23.1196 30.3023 24.6798C30.2175 26.1927 30.1751 27.3983 30.1751 28.2966L30.3023 27.9421ZM27.4406 34.5375C27.4406 34.2538 27.483 34.112 27.5678 34.112C27.6526 34.112 27.7374 34.0411 27.8222 33.8992C27.907 33.7101 27.9918 33.3555 28.0765 32.8355C28.1613 32.3154 28.2037 31.3698 28.2037 29.9987C28.2037 29.2895 28.2249 28.0603 28.2673 26.3109C28.3521 24.5616 28.4581 22.5759 28.5853 20.3537C28.7549 18.1316 28.9881 15.8149 29.2848 13.4037C29.5816 10.9924 29.9632 8.79395 30.4295 6.80822C30.9383 4.82249 31.5106 3.19135 32.1465 1.91481C32.8249 0.63827 33.6304 0 34.5631 0C35.1566 0 35.5806 0.378234 35.835 1.1347C36.1317 1.89117 36.3013 2.8604 36.3437 4.04238C36.3861 5.17708 36.3437 6.45362 36.2165 7.872C36.1317 9.2431 36.0045 10.5669 35.835 11.8435C35.6654 13.12 35.4746 14.2547 35.2626 15.2476C35.093 16.2404 34.9658 16.9023 34.8811 17.2333C34.6691 18.0843 34.4571 18.9117 34.2451 19.7155C34.0331 20.4719 33.8212 21.252 33.6092 22.0558L31.2562 28.7222C31.0866 29.1477 30.9383 29.5023 30.8111 29.7859C30.7263 30.0696 30.5991 30.4006 30.4295 30.7788C30.2175 31.3462 30.0903 31.748 30.0479 31.9844C30.0055 32.2208 29.9844 32.7173 29.9844 33.4737V48.7922C30.0691 48.7449 30.1327 48.6504 30.1751 48.5085C30.5991 47.7048 30.9595 46.8774 31.2562 46.0264C31.5954 45.1281 32.1465 43.9461 32.9097 42.4804C33.2064 41.9131 33.6092 41.1803 34.1179 40.2819C34.6691 39.3836 35.2626 38.5326 35.8986 37.7289C36.5345 36.8778 37.2128 36.1687 37.9336 35.6013C38.6543 34.9867 39.3538 34.6793 40.0321 34.6793C40.7529 34.6793 41.3464 35.0339 41.8128 35.7431C42.2791 36.4523 42.5123 37.5634 42.5123 39.0763L49.5712 33.6156C50.1647 33.1901 50.6311 32.8591 50.9702 32.6227C51.3094 32.3863 51.6698 32.2681 52.0513 32.2681C52.3057 32.2681 52.4965 32.2917 52.6237 32.339C52.7933 32.9537 52.8145 33.3083 52.6873 33.4028C52.5601 33.4974 52.2633 33.6628 51.797 33.8992C51.4154 34.0884 50.8219 34.5139 50.0163 35.1758C49.2108 35.7904 48.3417 36.476 47.409 37.2324C46.5187 37.9889 45.6496 38.7217 44.8017 39.4309C43.9537 40.1401 43.2966 40.6838 42.8303 41.0621C42.4487 41.3457 42.2155 41.5585 42.1307 41.7003C42.0459 41.7949 41.9399 42.1022 41.8128 42.6223C41.5584 43.426 41.1344 44.4189 40.5409 45.6009C39.9897 46.7356 39.3114 47.823 38.5059 48.8631C37.7428 49.9506 36.9161 50.8725 36.0257 51.629C35.1354 52.3854 34.2663 52.7637 33.4184 52.7637C33.0792 52.7637 32.7825 52.6455 32.5281 52.4091C32.2737 52.1727 32.1465 51.7708 32.1465 51.2035C32.1465 50.7779 32.2949 50.2579 32.5917 49.6432C32.9309 49.0286 33.3124 48.414 33.7364 47.7994C34.2027 47.1847 34.6691 46.6174 35.1354 46.0973C35.6018 45.5299 35.9833 45.0808 36.2801 44.7498L39.7142 41.4876C40.1805 41.1093 40.4561 40.8729 40.5409 40.7784C40.6257 40.6838 40.7105 40.4001 40.7953 39.9273C40.8377 39.691 40.8589 39.3836 40.8589 39.0054C40.8589 38.6272 40.8377 38.2726 40.7953 37.9416C40.7529 37.5634 40.6681 37.2324 40.5409 36.9488C40.4137 36.6651 40.2229 36.5232 39.9685 36.5232C39.6294 36.5232 39.2478 36.6887 38.8239 37.0197C38.4423 37.3506 38.0607 37.7289 37.6792 38.1544C37.2976 38.5799 36.9584 39.029 36.6617 39.5018C36.3649 39.9746 36.1105 40.3529 35.8986 40.6365C34.7115 42.4332 33.6092 44.5134 32.5917 46.8774C31.5742 49.1941 30.8111 51.4635 30.3023 53.6856C30.2175 54.1111 30.1539 54.5839 30.1115 55.104C30.1115 55.6713 30.0903 56.2151 30.0479 56.7351C30.0479 57.2552 29.9632 57.6807 29.7936 58.0117C29.6664 58.3899 29.4332 58.579 29.094 58.579C28.6277 58.579 28.3521 58.3426 28.2673 57.8698C28.1825 57.397 28.1825 56.877 28.2673 56.3096C28.3521 55.7895 28.3733 55.2695 28.3309 54.7494C28.3309 54.2293 28.3309 53.7093 28.3309 53.1892C28.3309 52.0545 28.3097 50.9907 28.2673 49.9978C28.2249 49.0523 28.2037 47.9885 28.2037 46.8065L28.0129 37.0197C28.0553 36.0741 28.0341 35.5067 27.9494 35.3176C27.8646 35.0812 27.7798 34.963 27.695 34.963C27.6102 34.963 27.5466 34.963 27.5042 34.963C27.4618 34.9157 27.4406 34.7739 27.4406 34.5375Z" fill="#D75B02"></path> <path d="M49.6347 41.2039C49.6347 40.8729 49.6983 40.2347 49.8254 39.2891C49.995 38.2962 50.207 37.3034 50.4614 36.3105C50.7582 35.2703 51.0761 34.372 51.4153 33.6156C51.7544 32.8118 52.1148 32.4099 52.4964 32.4099C52.9203 32.4099 53.0687 32.7173 52.9415 33.3319C52.7719 33.3319 52.666 33.3319 52.6236 33.3319C52.5812 33.2846 52.4964 33.261 52.3692 33.261C52.2844 33.4028 52.1784 33.6156 52.0512 33.8992C51.924 34.1356 51.7968 34.5139 51.6697 35.0339C51.4153 35.7904 51.2033 36.4523 51.0337 37.0197C50.9489 37.6343 50.8429 38.3435 50.7158 39.1472C50.631 39.951 50.5886 40.7547 50.5886 41.5585C50.5886 42.1731 50.631 42.6695 50.7158 43.0478C50.8005 43.426 50.8641 43.8042 50.9065 44.1825C51.1185 44.0879 51.3729 43.7806 51.6697 43.2605C52.0088 42.7405 52.348 42.1495 52.6872 41.4876C53.0263 40.7784 53.3443 40.1165 53.6411 39.5018C53.9378 38.8872 54.1498 38.4617 54.277 38.2253C54.6162 37.6579 54.9341 36.9724 55.2309 36.1686C55.5701 35.3649 55.9728 34.963 56.4392 34.963C56.7359 34.963 56.9267 35.1994 57.0115 35.6722C57.0963 36.0977 57.2023 36.5942 57.3295 37.1615C57.4567 37.6816 57.6263 38.178 57.8382 38.6508C58.0502 39.0763 58.4318 39.2891 58.9829 39.2891C59.2373 39.2891 59.5977 39.1945 60.064 39.0054C60.5304 38.769 60.9967 38.4853 61.4631 38.1544C61.9718 37.8234 62.4382 37.4925 62.8621 37.1615C63.3285 36.8306 63.6888 36.5469 63.9432 36.3105C64.028 36.2159 64.1976 36.0741 64.452 35.885C64.7063 35.6486 64.9395 35.5304 65.1515 35.5304C65.3211 35.5304 65.4059 35.6486 65.4059 35.885C65.4059 36.0741 65.2787 36.3105 65.0243 36.5942C64.8123 36.8306 64.558 37.0906 64.2612 37.3743C63.9644 37.6579 63.6677 37.918 63.3709 38.1544C63.0741 38.3435 62.8621 38.4853 62.7349 38.5799C61.9294 39.1472 61.2511 39.5964 60.7 39.9273C60.1912 40.211 59.5129 40.3529 58.665 40.3529C57.8594 40.3529 57.2447 39.9274 56.8207 39.0763C56.4392 38.178 56.2272 37.4215 56.1848 36.8069C56.1424 36.8542 56.0364 37.0197 55.8668 37.3033C55.6973 37.587 55.5277 37.918 55.3581 38.2962C55.2309 38.6272 55.0825 38.9581 54.9129 39.2891C54.7857 39.5728 54.701 39.7619 54.6586 39.8564L52.3692 44.3243C52.1996 44.5134 52.03 44.7262 51.8604 44.9626C51.6909 45.199 51.5001 45.3645 51.2881 45.459C51.2033 45.5063 51.0761 45.5299 50.9065 45.5299C50.5674 45.5299 50.2918 45.3645 50.0798 45.0335C49.9102 44.6553 49.783 44.2298 49.6983 43.757C49.6559 43.2842 49.6347 42.8114 49.6347 42.3386C49.6347 41.8658 49.6347 41.4876 49.6347 41.2039Z" fill="#D75B02"></path> <path d="M66.614 41.3457C67.038 39.8801 67.5891 38.2253 68.2674 36.3814C68.9458 34.5375 69.5605 32.9064 70.1116 31.488C70.4508 30.6843 70.8112 29.8096 71.1927 28.864C71.5743 27.9184 72.0619 27.4456 72.6554 27.4456C73.037 27.4456 73.3125 27.5875 73.4821 27.8711C73.6517 28.1548 73.7577 28.533 73.8001 29.0058C73.8849 29.4314 73.9061 29.9278 73.8637 30.4951C73.8637 31.0152 73.8637 31.5116 73.8637 31.9844L73.7365 37.587C73.6517 39.1945 73.6305 40.6602 73.6729 41.984C73.7577 43.2605 73.8213 44.5844 73.8637 45.9555C73.9061 46.4282 73.9485 46.8538 73.9909 47.232C74.0757 47.563 74.1392 47.9412 74.1816 48.3667C74.436 48.1303 74.6692 47.7521 74.8812 47.232C75.1355 46.6646 75.3687 46.1919 75.5807 45.8136C75.7927 45.3881 75.9835 44.9862 76.153 44.608C76.365 44.1825 76.577 43.7097 76.789 43.1896L78.0609 40.5656C78.188 40.2819 78.294 40.0456 78.3788 39.8564C78.4636 39.6673 78.5696 39.4546 78.6968 39.2182C78.9088 38.7926 79.2055 38.2017 79.5871 37.4452C79.9687 36.6414 80.4138 36.2396 80.9226 36.2396C81.0074 36.2396 81.0498 36.2632 81.0498 36.3105C81.0921 36.3105 81.1345 36.3105 81.1769 36.3105C81.6009 36.4523 81.9189 36.9015 82.1308 37.6579C82.3852 38.4144 82.6396 39.2182 82.894 40.0692C83.1483 40.9202 83.4663 41.7003 83.8479 42.4095C84.2718 43.1187 84.823 43.4733 85.5013 43.4733C85.9677 43.4733 86.4764 43.3078 87.0275 42.9769C87.6211 42.5986 88.1934 42.2204 88.7446 41.8422C89.3381 41.4166 89.8681 41.0384 90.3344 40.7075C90.8432 40.3292 91.2459 40.1401 91.5427 40.1401C91.8395 40.1401 91.9879 40.3529 91.9879 40.7784C91.9879 41.0148 91.7547 41.3694 91.2883 41.8422C90.822 42.315 90.2496 42.8114 89.5713 43.3315C88.893 43.8043 88.1722 44.2298 87.4091 44.608C86.646 44.9862 85.9676 45.1754 85.3741 45.1754C84.7382 45.1754 84.1446 44.9153 83.5935 44.3952C83.0423 43.8752 82.576 43.2605 82.1944 42.5513C81.8129 41.7949 81.4949 41.0384 81.2405 40.2819C81.0286 39.5255 80.9014 38.9108 80.859 38.4381C80.6046 38.6272 80.2866 39.1236 79.9051 39.9273C79.5659 40.6838 79.2903 41.2512 79.0783 41.6294C78.9088 42.0076 78.7604 42.315 78.6332 42.5513C78.5484 42.7405 78.4212 42.9769 78.2516 43.2605L75.8987 48.3667C75.6867 48.7449 75.4323 49.1468 75.1355 49.5723C74.8812 50.0451 74.542 50.2815 74.118 50.2815C73.9909 50.2815 73.7577 50.187 73.4185 49.9978C72.9522 49.6669 72.613 48.6504 72.401 46.9483C72.189 45.2463 72.0619 43.3787 72.0195 41.3457C71.9771 39.2654 71.9771 37.2561 72.0195 35.3176C72.0619 33.3792 72.083 31.9844 72.083 31.1334C72.0407 31.228 72.0195 31.2752 72.0195 31.2752L68.5218 40.6365C68.225 41.4876 67.9495 42.3386 67.6951 43.1896C67.4407 43.9934 67.2075 44.8208 66.9956 45.6718C66.9108 45.9555 66.8048 46.3573 66.6776 46.8774C66.5504 47.3502 66.3808 47.823 66.1688 48.2958C65.9993 48.7213 65.8085 49.0995 65.5965 49.4305C65.3845 49.8087 65.1302 49.9978 64.8334 49.9978C64.155 49.9978 63.7311 49.3596 63.5615 48.083C63.4343 46.8065 63.4343 45.3645 63.5615 43.757C63.6887 42.1022 63.8795 40.4947 64.1339 38.9345C64.3882 37.3743 64.5578 36.3341 64.6426 35.8141C64.8546 34.8212 65.0454 34.1356 65.2149 33.7574C65.4269 33.3792 65.6389 33.1901 65.8509 33.1901C66.0629 33.1901 66.2112 33.3083 66.296 33.5446C66.4232 33.781 66.4868 34.0647 66.4868 34.3957C66.4868 34.5848 66.4232 34.7266 66.296 34.8212C66.1688 34.8685 66.0841 34.8921 66.0417 34.8921C65.8297 35.1758 65.6389 35.6959 65.4693 36.4523C65.3421 37.2088 65.2361 38.0362 65.1513 38.9345C65.1089 39.8328 65.0666 40.7075 65.0242 41.5585C64.9818 42.3622 64.9606 42.9532 64.9606 43.3315C64.9606 43.7097 64.9182 43.9697 64.8334 44.1116C64.791 44.2534 64.8122 44.5134 64.897 44.8917C64.897 45.1281 64.897 45.3645 64.897 45.6009C64.9394 45.8373 64.9606 46.1446 64.9606 46.5228L66.614 41.3457Z" fill="#D75B02"></path> <path d="M105.66 54.1821C106 54.1821 106.339 53.9929 106.678 53.6147C107.017 53.2365 107.335 52.7637 107.632 52.1963C107.929 51.6763 108.204 51.1325 108.459 50.5652C108.713 50.0451 108.904 49.6432 109.031 49.3596C110.218 46.6646 111.024 43.8279 111.447 40.8493C111.914 37.8707 112.105 34.8921 112.02 31.9135C112.02 31.6298 111.977 31.2989 111.893 30.9206C111.808 30.4951 111.765 30.1169 111.765 29.7859C111.765 29.455 111.808 29.1713 111.893 28.9349C112.02 28.6985 112.253 28.5803 112.592 28.5803C112.889 28.5803 113.101 28.9349 113.228 29.6441C113.355 30.3533 113.44 31.1807 113.482 32.1263C113.525 33.0246 113.525 33.8992 113.482 34.7503C113.482 35.554 113.482 36.0741 113.482 36.3105C113.482 37.587 113.355 38.9581 113.101 40.4238C112.847 41.8894 112.507 43.3551 112.083 44.8208C111.702 46.2864 111.257 47.6812 110.748 49.005C110.239 50.3761 109.73 51.5581 109.222 52.5509C108.755 53.4492 108.247 54.2057 107.695 54.8203C107.144 55.4822 106.424 55.8132 105.533 55.8132C104.982 55.8132 104.495 55.5532 104.071 55.0331C103.647 54.5603 103.265 53.9693 102.926 53.2601C102.587 52.5509 102.311 51.7945 102.099 50.9907C101.887 50.2342 101.718 49.596 101.59 49.0759C101.294 47.4211 101.082 45.8136 100.955 44.2534C100.87 42.6459 100.827 40.8493 100.827 38.8636C100.743 38.9581 100.7 38.9818 100.7 38.9345C100.743 38.8872 100.721 38.9581 100.637 39.1472L98.0928 44.8917C97.8384 45.4117 97.5205 46.1682 97.1389 47.1611C96.7997 48.1539 96.397 49.1232 95.9306 50.0688C95.4643 51.0616 94.9555 51.9126 94.4044 52.6218C93.8956 53.3783 93.3657 53.7565 92.8145 53.7565C92.221 53.7565 91.797 53.4492 91.5427 52.8346C91.3307 52.2672 91.1823 51.7235 91.0975 51.2035C90.7583 49.596 90.6312 47.8703 90.716 46.0264C90.8007 44.1825 90.8855 42.4568 90.9703 40.8493L91.4791 34.4666C91.1399 34.4666 90.9703 34.4666 90.9703 34.4666C91.0127 34.4193 90.9279 34.3484 90.716 34.2538C90.6736 33.8756 90.6736 33.3792 90.716 32.7645C90.7583 32.1499 90.9491 31.6771 91.2883 31.3462C91.3731 31.2989 91.3943 31.2752 91.3519 31.2752C91.3519 31.2752 91.4579 31.2516 91.6699 31.2043C92.009 31.157 92.2422 31.3462 92.3694 31.7717C92.4966 32.1499 92.5602 32.6227 92.5602 33.1901C92.5602 33.7101 92.539 34.2538 92.4966 34.8212C92.4542 35.3413 92.433 35.7195 92.433 35.9559C92.433 36.0504 92.433 36.1923 92.433 36.3814C92.4754 36.5232 92.4966 36.7124 92.4966 36.9488C92.4966 37.327 92.4754 37.6579 92.433 37.9416C92.3906 38.2253 92.3694 38.6272 92.3694 39.1472C92.3694 39.7146 92.3482 40.4238 92.3058 41.2748C92.3058 42.1258 92.3058 43.0005 92.3058 43.8988C92.3058 44.7498 92.3058 45.5536 92.3058 46.3101C92.3058 47.0192 92.327 47.563 92.3694 47.9412C92.4118 48.3667 92.4118 48.7449 92.3694 49.0759C92.3694 49.4541 92.4118 49.8087 92.4966 50.1397C92.5814 50.5179 92.645 50.8252 92.6873 51.0616C92.7297 51.3453 92.7721 51.6526 92.8145 51.9836C93.2385 51.6526 93.6836 50.9907 94.15 49.9978C94.6164 49.0523 94.9767 48.2958 95.2311 47.7284L99.2375 38.3671C99.3647 38.1307 99.5131 37.7761 99.6826 37.3034C99.8522 36.8306 100.043 36.3578 100.255 35.885C100.467 35.4122 100.658 35.0103 100.827 34.6794C101.039 34.3011 101.23 34.112 101.4 34.112C101.824 34.112 102.036 34.1593 102.036 34.2538C102.078 34.3011 102.226 34.4193 102.481 34.6084C102.481 37.2561 102.481 40.0219 102.481 42.9059C102.523 45.7427 102.905 48.3431 103.625 50.707C103.71 50.9434 103.816 51.2507 103.943 51.629C104.071 52.0072 104.219 52.3854 104.389 52.7637C104.601 53.1419 104.813 53.4729 105.025 53.7565C105.236 54.0402 105.448 54.1821 105.66 54.1821Z" fill="#D75B02"></path> <path d="M114.754 45.9555C114.246 45.7191 113.97 45.2463 113.928 44.5371C113.843 44.017 113.885 43.4969 114.055 42.9769C114.267 42.3622 114.585 41.6767 115.009 40.9202C115.433 40.1165 115.899 39.36 116.408 38.6508C116.959 37.9416 117.531 37.327 118.125 36.8069C118.761 36.2396 119.375 35.9086 119.969 35.8141C120.054 35.8141 120.096 35.8141 120.096 35.8141C120.139 35.7668 120.202 35.7431 120.287 35.7431C120.796 35.7431 121.135 35.9559 121.304 36.3814C121.432 36.6651 121.474 37.0433 121.432 37.5161C121.347 38.1307 121.198 38.4381 120.986 38.4381C120.902 38.4381 120.838 38.4144 120.796 38.3671C120.753 38.3199 120.732 38.1307 120.732 37.7998C120.732 37.7052 120.711 37.6579 120.669 37.6579C120.669 37.6107 120.669 37.5398 120.669 37.4452C120.669 37.3979 120.669 37.3506 120.669 37.3034C120.669 37.2561 120.626 37.2324 120.541 37.2324C120.329 37.2324 119.948 37.5398 119.397 38.1544C118.888 38.769 118.358 39.5018 117.807 40.3529C117.637 40.6365 117.446 40.9675 117.234 41.3457C117.022 41.6767 116.811 42.0313 116.599 42.4095C116.429 42.7405 116.281 43.0241 116.153 43.2605C116.069 43.4969 116.026 43.6151 116.026 43.6151C116.111 43.7097 116.429 43.4497 116.98 42.835C117.574 42.1731 118.146 41.4639 118.697 40.7075C119.206 40.0456 119.566 39.5964 119.778 39.36C119.99 39.0763 120.16 38.8872 120.287 38.7927C120.499 38.6508 120.669 38.5799 120.796 38.5799C121.008 38.5799 121.177 38.7217 121.304 39.0054C121.389 39.1 121.432 39.2182 121.432 39.36C121.432 39.4546 121.41 39.7619 121.368 40.2819C121.326 41.8894 121.453 42.9059 121.75 43.3315C121.877 43.4733 121.983 43.5442 122.068 43.5442C122.322 43.5442 122.661 43.4024 123.085 43.1187C123.551 42.835 124.018 42.5041 124.484 42.1258C124.993 41.7003 125.438 41.2985 125.82 40.9202C126.244 40.542 126.54 40.2583 126.71 40.0692C127.049 39.691 127.24 39.5018 127.282 39.5018H127.473C127.727 39.5018 127.855 39.5255 127.855 39.5728C127.855 39.62 127.876 39.6673 127.918 39.7146C128.045 39.8564 128.024 40.0692 127.855 40.3529C127.685 40.7311 127.346 41.1803 126.837 41.7003C126.371 42.2204 125.841 42.7405 125.247 43.2605C124.654 43.7333 124.06 44.1352 123.467 44.4662C122.873 44.7971 122.386 44.9626 122.004 44.9626C121.538 44.9626 121.177 44.8208 120.923 44.5371C120.669 44.2534 120.478 43.9225 120.351 43.5442C120.266 43.1187 120.202 42.6696 120.16 42.1968C120.16 41.724 120.16 41.2985 120.16 40.9202C120.16 40.9202 119.927 41.2275 119.46 41.8422C118.909 42.6459 118.231 43.5442 117.425 44.5371C116.62 45.4827 115.729 45.9555 114.754 45.9555Z" fill="#D75B02"></path> <path d="M53.3881 68.0499C53.3881 68.2 53.3571 68.3385 53.295 68.4654C53.2329 68.5809 53.1501 68.679 53.0466 68.7598C52.9534 68.8406 52.8447 68.9041 52.7205 68.9502C52.6067 68.9964 52.4876 69.0195 52.3634 69.0195C52.2082 69.0195 52.0374 68.9849 51.8511 68.9156C51.6751 68.8579 51.5095 68.7714 51.3543 68.6559C51.2093 68.5405 51.0851 68.4077 50.9816 68.2577C50.8781 68.0961 50.8264 67.9172 50.8264 67.721C50.8264 67.4093 50.9454 67.1784 51.1835 67.0284C51.4215 66.8668 51.6648 66.786 51.9132 66.786C52.0684 66.786 52.2289 66.8148 52.3945 66.8726C52.5704 66.9303 52.7309 67.0168 52.8758 67.1323C53.031 67.2361 53.1552 67.3689 53.2484 67.5305C53.3415 67.6806 53.3881 67.8537 53.3881 68.0499Z" fill="#D75B02"></path> <path d="M59.7692 62.2323C59.7692 62.29 59.764 62.3535 59.7537 62.4228C59.7434 62.4805 59.7279 62.5382 59.7071 62.596C59.614 62.8614 59.4691 63.0865 59.2724 63.2712C59.0758 63.4443 58.8429 63.5309 58.5738 63.5309C58.1701 63.5309 57.8958 63.3058 57.7509 62.8557C57.7302 62.798 57.7198 62.7345 57.7198 62.6652C57.7198 62.5844 57.7147 62.5036 57.7043 62.4228V61.9207C57.6836 61.7591 57.6474 61.6321 57.5956 61.5398C57.5439 61.4474 57.4559 61.4013 57.3317 61.4013C57.1557 61.4013 56.985 61.5282 56.8194 61.7822C56.6641 62.0246 56.5244 62.3189 56.4002 62.6652C56.2863 62.9999 56.1931 63.3462 56.1207 63.7041C56.0482 64.0619 56.012 64.3504 56.012 64.5698C56.012 64.7429 56.0224 64.9564 56.0431 65.2104C56.0638 65.4528 56.1052 65.6894 56.1673 65.9203C56.2294 66.1511 56.3122 66.3531 56.4157 66.5263C56.5295 66.6879 56.6745 66.7687 56.8504 66.7687C57.0264 66.7687 57.1868 66.7109 57.3317 66.5955C57.487 66.4685 57.637 66.3243 57.782 66.1627C57.9165 66.0241 58.0614 65.8799 58.2167 65.7298C58.3823 65.5797 58.5686 65.5047 58.7756 65.5047C59.0344 65.5047 59.2362 65.6086 59.3811 65.8164C59.5364 66.0241 59.614 66.2608 59.614 66.5263C59.614 66.9187 59.5208 67.2881 59.3345 67.6344C59.1482 67.9691 58.9153 68.2634 58.6359 68.5174C58.3564 68.7598 58.0459 68.9502 57.7043 69.0888C57.3628 69.2388 57.0367 69.3138 56.7262 69.3138C56.1673 69.3138 55.6911 69.158 55.2978 68.8464C54.9149 68.5347 54.6043 68.1422 54.3663 67.669C54.1282 67.1842 53.9574 66.659 53.8539 66.0934C53.7504 65.5278 53.6987 64.9911 53.6987 64.4832C53.6987 63.8945 53.7711 63.2596 53.916 62.5786C54.0609 61.886 54.2835 61.2454 54.5836 60.6567C54.8838 60.0681 55.2668 59.5775 55.7325 59.185C56.2087 58.7926 56.7728 58.5964 57.4249 58.5964C57.8285 58.5964 58.1753 58.6945 58.4651 58.8907C58.7652 59.0869 59.0085 59.3466 59.1948 59.6698C59.3915 59.9815 59.5364 60.3336 59.6295 60.726C59.733 61.1185 59.7848 61.5051 59.7848 61.8861C59.7848 61.9438 59.7848 62.0015 59.7848 62.0592C59.7848 62.1169 59.7796 62.1746 59.7692 62.2323Z" fill="#D75B02"></path> <path d="M63.5886 69.3831C63.0607 69.3831 62.6001 69.2273 62.2068 68.9156C61.8134 68.604 61.4822 68.2057 61.2131 67.7209C60.944 67.2361 60.7422 66.6994 60.6076 66.1107C60.4731 65.5105 60.4058 64.9218 60.4058 64.3447C60.4058 63.7329 60.4731 63.1038 60.6076 62.4574C60.7422 61.7995 60.9492 61.205 61.2286 60.6741C61.5081 60.1316 61.8652 59.6929 62.2999 59.3582C62.7346 59.0119 63.2522 58.8388 63.8525 58.8388C64.4321 58.8388 64.9238 59.0177 65.3274 59.3755C65.7415 59.7218 66.0727 60.1604 66.3211 60.6914C66.5695 61.2108 66.7455 61.7822 66.849 62.4055C66.9525 63.0288 66.9887 63.6175 66.9577 64.1715C66.9266 64.7833 66.8386 65.4008 66.6937 66.0241C66.5592 66.6475 66.3573 67.2073 66.0882 67.7036C65.8191 68.2 65.4775 68.604 65.0635 68.9156C64.6495 69.2273 64.1578 69.3831 63.5886 69.3831ZM63.7438 61.5571C63.5886 61.5571 63.4488 61.6494 63.3246 61.8341C63.2108 62.0188 63.1124 62.2439 63.0296 62.5094C62.9572 62.7749 62.9003 63.0576 62.8589 63.3578C62.8175 63.6463 62.7968 63.9003 62.7968 64.1196C62.7968 64.3966 62.8175 64.6967 62.8589 65.0199C62.9106 65.3431 62.9779 65.6432 63.0607 65.9203C63.1435 66.1857 63.2418 66.4108 63.3557 66.5955C63.4799 66.7687 63.6196 66.8552 63.7749 66.8552C63.9405 66.8552 64.0802 66.7687 64.1941 66.5955C64.3183 66.4224 64.4166 66.2031 64.4891 65.9376C64.5615 65.6721 64.6133 65.3835 64.6443 65.0719C64.6754 64.7487 64.6909 64.4486 64.6909 64.1715C64.6909 63.9176 64.6702 63.6406 64.6288 63.3404C64.5874 63.0288 64.5253 62.7402 64.4425 62.4747C64.37 62.2093 64.2717 61.9899 64.1475 61.8168C64.0336 61.6437 63.8991 61.5571 63.7438 61.5571Z" fill="#D75B02"></path> <path d="M77.1736 63.1673C77.1736 63.3866 77.1736 63.6867 77.1736 64.0676C77.1736 64.437 77.1633 64.841 77.1426 65.2796C77.1322 65.7183 77.1012 66.1627 77.0494 66.6128C76.9977 67.0514 76.9149 67.4497 76.801 67.8075C76.6975 68.1653 76.5629 68.4597 76.3973 68.6905C76.2317 68.9214 76.0195 69.0368 75.7608 69.0368C75.5331 69.0368 75.3571 68.9329 75.2329 68.7252C75.119 68.5058 75.0362 68.2519 74.9845 67.9633C74.9327 67.6748 74.9017 67.3804 74.8913 67.0803C74.8913 66.7802 74.8913 66.5436 74.8913 66.3704C74.8913 65.851 74.9069 65.3431 74.9379 64.8468C74.969 64.3504 74.9845 63.8426 74.9845 63.3231C74.9845 63.2654 74.9845 63.1615 74.9845 63.0115C74.9845 62.8614 74.9742 62.7114 74.9534 62.5613C74.9327 62.4112 74.8965 62.2785 74.8448 62.1631C74.8034 62.0476 74.7361 61.9899 74.6429 61.9899C74.4566 61.9899 74.3065 62.0996 74.1927 62.3189C74.0788 62.5267 73.9857 62.7748 73.9132 63.0634C73.8408 63.352 73.789 63.6405 73.7579 63.9291C73.7269 64.2061 73.7062 64.4139 73.6958 64.5524C73.6751 64.7025 73.6544 64.9276 73.6337 65.2277C73.6234 65.5278 73.6027 65.8568 73.5716 66.2146C73.5509 66.5724 73.5095 66.9418 73.4474 67.3227C73.3957 67.6921 73.3232 68.0326 73.2301 68.3442C73.1473 68.6443 73.0386 68.8925 72.904 69.0887C72.7695 69.285 72.6039 69.3831 72.4072 69.3831C72.1588 69.3831 71.9673 69.2619 71.8327 69.0195C71.6982 68.7771 71.5999 68.4943 71.5378 68.1711C71.4757 67.8479 71.4343 67.5189 71.4136 67.1842C71.4032 66.8494 71.398 66.5897 71.398 66.405C71.398 66.2088 71.398 66.0184 71.398 65.8337C71.4084 65.649 71.4136 65.4585 71.4136 65.2623C71.4136 65.1815 71.4136 65.0488 71.4136 64.8641C71.4136 64.6794 71.4084 64.4774 71.398 64.2581C71.398 64.0272 71.3877 63.7906 71.367 63.5482C71.3567 63.3058 71.336 63.0865 71.3049 62.8903C71.2738 62.6825 71.2273 62.5151 71.1652 62.3882C71.1031 62.2612 71.0306 62.1977 70.9478 62.1977C70.8132 62.1977 70.689 62.2958 70.5752 62.492C70.4613 62.6767 70.363 62.9018 70.2802 63.1673C70.1974 63.4212 70.1301 63.6752 70.0784 63.9291C70.037 64.1831 70.0163 64.3677 70.0163 64.4832V64.587C70.0163 65.1411 70.0473 65.6836 70.1094 66.2146C70.1715 66.7455 70.2025 67.2881 70.2025 67.8421C70.2025 68.1653 70.1094 68.4654 69.9231 68.7424C69.7368 69.0079 69.478 69.1407 69.1468 69.1407C68.9087 69.1407 68.7121 69.0426 68.5568 68.8463C68.4016 68.6386 68.2722 68.3731 68.1687 68.0499C68.0652 67.7267 67.9823 67.3746 67.9202 66.9937C67.8685 66.6013 67.8323 66.2203 67.8116 65.851C67.7909 65.4701 67.7753 65.1295 67.765 64.8294C67.765 64.5178 67.765 64.2869 67.765 64.1369C67.765 63.9637 67.7598 63.7098 67.7495 63.375C67.7495 63.0403 67.7546 62.6767 67.765 62.2843C67.7857 61.8918 67.8167 61.4936 67.8581 61.0896C67.8995 60.674 67.9668 60.2989 68.06 59.9642C68.1531 59.6294 68.2721 59.3582 68.4171 59.1504C68.5723 58.9311 68.769 58.8214 69.007 58.8214C69.2761 58.8214 69.4935 58.9022 69.6591 59.0638C69.8351 59.2254 69.9231 59.4678 69.9231 59.791C69.9231 59.8603 69.9179 59.9295 69.9076 59.9988C69.9076 60.068 69.9024 60.1315 69.8921 60.1892C70.0059 60.0046 70.1456 59.8199 70.3112 59.6352C70.4769 59.439 70.6528 59.2658 70.8391 59.1158C71.0358 58.9542 71.2428 58.8272 71.4602 58.7348C71.6775 58.631 71.8949 58.579 72.1122 58.579C72.3193 58.579 72.5056 58.6425 72.6712 58.7695C72.8368 58.8965 72.9817 59.0581 73.1059 59.2543C73.2301 59.439 73.3336 59.641 73.4164 59.8603C73.4992 60.0796 73.5561 60.2874 73.5872 60.4836C73.6907 60.2758 73.8149 60.0681 73.9598 59.8603C74.1151 59.641 74.2807 59.4505 74.4566 59.2889C74.6326 59.1273 74.8241 58.9946 75.0311 58.8907C75.2485 58.7868 75.471 58.7349 75.6987 58.7349C75.9161 58.7349 76.1024 58.8214 76.2576 58.9946C76.4129 59.1677 76.5474 59.3928 76.6613 59.6698C76.7752 59.9353 76.8631 60.2412 76.9252 60.5875C76.9873 60.9222 77.0391 61.257 77.0805 61.5917C77.1219 61.9149 77.1478 62.2208 77.1581 62.5094C77.1685 62.7864 77.1736 63.0057 77.1736 63.1673Z" fill="#D75B02"></path></svg></div><ul class="hidden md:flex md:flex-row" id="navlinks__container"><li class="uppercase font-semibold text-blue-200 nav-text-shadow hover:translate-x-1 transition-transform nav__element opacity-0"><a href="#home" class=" tracking-widest "><pre class="px-4 py-4">Home</pre></a></li><li class="uppercase font-semibold text-blue-200 nav-text-shadow hover:translate-x-1 transition-transform nav__element opacity-0"><a href="#about" class=" tracking-widest "><pre class="px-4 py-4">About</pre></a></li><li class="uppercase font-semibold text-blue-200 nav-text-shadow hover:translate-x-1 transition-transform nav__element opacity-0"><a href="#projects" class=" tracking-widest "><pre class="px-4 py-4">Projects</pre></a></li><li class="uppercase font-semibold text-blue-200 nav-text-shadow hover:translate-x-1 transition-transform nav__element opacity-0"><a href="#contact" class=" tracking-widest "><pre class="px-4 py-4">Contact</pre></a></li></ul><div id="menu-container" class="overflow-hidden"><ul class="md:hidden" onclick="toggleMenu()"><li class="uppercase font-semibold text-gray-700 hover:text-[#6e32ef]"><a href="#home" onclick="" class="px-4 py-4 menu-btn">Home</a></li><li class="uppercase font-semibold text-gray-700 hover:text-[#6e32ef]"><a href="#about" onclick="" class="px-4 py-4 menu-btn">About</a></li><li class="uppercase font-semibold text-gray-700 hover:text-[#6e32ef]"><a href="#projects" onclick="" class="px-4 py-4 menu-btn">Projects</a></li><li class="uppercase font-semibold text-gray-700 hover:text-[#6e32ef]"><a href="#contact" onclick="" class="px-4 py-4 menu-btn">Contact</a></li></ul></div><div class="md:hidden z-50"><button class="button" id="menu-button" aria-label="Menu Button"><span></span> <span></span> <span></span></button></div></div><script>
const menuButton = document.querySelector('#menu-button')
const rootElement = document.documentElement
const navBtns = document.querySelectorAll(".menu-btn")
function toggleMenu() {
rootElement.toggleAttribute('menu-open')
}
menuButton.addEventListener('click', () => {
rootElement.toggleAttribute('menu-open')
})
</script></nav><div class="absolute h-dvh top-0 w-full hero-img"></div><section class="text-gray-400" id="home"><div class="absolute left-0 rounded-md overflow-hidden"><ul class="flex flex-col gap-2 px-1 py-2 bg-gray-100 bg-opacity-60"><li class="text-center bg-orange-500 hover:bg-orange-500 bg-opacity-60 rounded-md border border-gray-500 w-8 md:w-10 border-opacity-50 shadow-white shadow-md transition-colors duration-500"><a aria-label="link to github" href="https://github.com/MwauratheAlex"><svg class="w-full p-1 md:p-2" xmlns="http://www.w3.org/2000/svg" id="icon" aria-hidden="true" focusable="false" viewBox="0 0 496 512"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li><li class="text-center bg-orange-500 hover:bg-orange-500 bg-opacity-60 rounded-md border border-gray-500 w-8 md:w-10 border-opacity-50 shadow-white shadow-md transition-colors duration-500"><a aria-label="link to github" href="https://x.com/MwauraMbugua_"><svg class="w-full p-2" xmlns="http://www.w3.org/2000/svg" id="icon" aria-hidden="true" focusable="false" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg></a></li><li class="text-center bg-orange-500 hover:bg-orange-500 bg-opacity-60 rounded-md border border-gray-500 w-8 md:w-10 border-opacity-50 shadow-white shadow-md transition-colors duration-500"><a aria-label="link to github" href="https://www.linkedin.com/in/mwaura-mbugua/"><svg class="w-full p-1 md:p-2" xmlns="http://www.w3.org/2000/svg" id="icon" aria-hidden="true" focusable="false" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a></li></ul></div><div class="flex flex-col items-center text-center h-screen justify-end container py-20"><div class="flex flex-col items-center mb-8 flex-1 justify-end"><!-- Placeholder for LCP --><svg viewBox="0 0 400 160" class="w-full"><text x="50%" y="50%" dy=".32em" text-anchor="middle" class="text-body" id="hero-anim-text">mbugua</text> <text x="50%" y="50%" dx="2.3em" dy=".32em" text-anchor="middle" class=" dot" id="hero-anim-dot">.</text></svg><div><p class="text-3xl md:text-5xl">Let's code some</p><p class="bg-red-800 bg-opacity-80 rounded-lg block w-full text-white text-4xl md:text-7xl px-4 py-2 mt-4">Magic</p></div></div><!-- Air --><a href="#projects" class="magnito flex-none mt-8"><span class="text text-white font-black">My Work</span></a></div></section> <section class="z-0 flex pt-12 md:pt-16 relative overflow-hidden entry justify-start" id="about"><div class="container overflow-hidden flex flex-col pb-16"><h1 class="text-3xl md:text-5xl font-semibold md:pr-2 text-right section__heading text-sky-500"><pre>About</pre></h1><div class="flex flex-col md:flex-row md:px-4 md:py-2 w-full md:gap-20 justify-between"><div class="w-full flex gap-2 flex-col"><h2 class="text-lg md:text-2xl font-semibold">Get to know me!</h2><pre class="whitespace-pre-wrap w-full text-sm md:text-base py-2">Hello, My name is Mbugua. I am an Engineer based in Nairobi, Kenya. I love building things. I have experience working in the fields of <span class="font-semibold">Robotics</span>, <span class="font-semibold">Embedded systems</span>, and <span class="font-semibold">Web developement</span>.<br><br><span class="hidden md:block">I led the develpment of a <span class="font-semibold">mobile assembly robot</span> with a 6dof robotic arm at Jkuat Robotics Dojo. I designed and build circuits and embedded systems for milk and oil atms at Psalmchmart Ltd. I specialized in back-end developement at Alx Africa gaining skills in C, python, Javascript, Node, Redis and Git.</span></pre><div class=" flex flex-col"><div class="flex flex-col gap-2"><h2 class="text-lg md:text-2xl font-semibold">My education background</h2><div class="flex flex-col gap-2 md:gap-4 mb-4"><div><h3 class=" font-semibold"><pre class="whitespace-pre-wrap w-full text-sm md:text-base">> BSc. Electrical and Electronic Engineering</pre></h3><pre class="whitespace-pre-wrap w-full text-sm md:text-base">Jomo Kenyatta University of Agriculture and Technology</pre></div><div><h3 class=" font-semibold"><pre class="whitespace-pre-wrap w-full text-sm md:text-base">> Software Engineering</pre></h3><pre class="whitespace-pre-wrap w-full text-sm md:text-base">ALX Africa</pre></div></div></div></div><div class="pr-8 md:pr-0 text-sm md:text-base flex absolute md:relative bottom-[13%] gap-2 md:gap-4 w-full md:bottom-auto"><a href="assets/cv.pdf" download="mbugua.pdf" class="flex-grow font-semibold text-gray-800 text-center shadow-gray-400 shadow-md border-2 border-gray-100 py-2 md:py-2 rounded-md px-4 md:px-6">Download CV</a> <a id="message-btn" href="#contact" class="flex-grow text-white font-semibold bg-blue-500 shadow-gray-400 shadow-md text-center border-blue-500 border-2 py-2 md:py-2 rounded-md px-4 md:px-6">Contact me</a></div></div><div class="w-full relative"><div class="-z-10 opacity-50 md:opacity-100 w-full mb-4 absolute -top-10 -right-10 md:relative md:top-auto md:right-auto"><div class="parent"><div class="div1 p-2 md:border flex items-end justify-center rounded-md"><img alt="Docker" class="w-6 h-6 md:w-12 md:h-12" src="assets/images/icons/docker.svg"></div><div class="div2 p-2 md:border flex items-end justify-center rounded-md"><img alt="Css" class="w-6 h-6 md:w-12 md:h-12" src="assets/images/icons/css.svg"></div><div class="div3 p-2 md:border flex items-end justify-center rounded-md"><img alt="Arduino" class="w-6 h-6 md:w-12 md:h-12" src="assets/images/icons/arduino.svg"></div><div class="div4 p-2 md:border flex items-end justify-center rounded-md"><img alt="Git" class="w-6 h-6 md:w-12 md:h-12" src="assets/images/icons/git.svg"></div><div class="div5 p-2 md:border flex items-end justify-center rounded-md"><img alt="Golang" class="w-6 h-6 md:w-12 md:h-12" src="assets/images/icons/go.svg"></div><div class="div6 p-2 md:border flex items-end justify-center rounded-md"><img alt="html" class="w-6 h-6 md:w-12 md:h-12" src="assets/images/icons/html.svg"></div><div class="div7 p-2 md:border flex items-end justify-center rounded-md"><img alt="Js" class="w-6 h-6 md:w-12 md:h-12" src="assets/images/icons/js.svg"></div><div class="div8 p-2 md:border flex items-end justify-center rounded-md"><img alt="linux" class="w-6 h-6 md:w-12 md:h-12" src="assets/images/icons/linux.svg"></div><div class="div9 p-2 md:border flex items-end justify-center rounded-md"><img alt="Mongodb" class="w-6 h-6 md:w-12 md:h-12" src="assets/images/icons/mongo.svg"></div><div class="div10 p-2 md:border flex items-end justify-center rounded-md"><img alt="Node" class="w-6 h-6 md:w-12 md:h-12" src="assets/images/icons/node.svg"></div><div class="div11 p-2 md:border flex items-end justify-center rounded-md"><img alt="Postgres" class="w-6 h-6 md:w-12 md:h-12" src="assets/images/icons/postgres.svg"></div><div class="div12 p-2 md:border flex items-end justify-center rounded-md"><img alt="Python" class="w-6 h-6 md:w-12 md:h-12" src="assets/images/icons/python.svg"></div><div class="div13 p-2 md:border flex items-end justify-center rounded-md"><img alt="React" class="w-6 h-6 md:w-12 md:h-12" src="assets/images/icons/react.svg"></div><div class="div14 p-2 md:border flex items-end justify-center rounded-md"><img alt="Redis" class="w-6 h-6 md:w-12 md:h-12" src="assets/images/icons/redis.svg"></div><div class="div15 p-2 md:border flex items-end justify-center rounded-md"><img alt="Tailwind" class="w-6 h-6 md:w-12 md:h-12" src="assets/images/icons/tailwind.svg"></div></div></div><div class="mt-8 md:mt-7"><h2 class="text-lg md:text-2xl font-semibold">Skills</h2></div><div class="grid grid-cols-4 md:grid-cols-6 gap-2 md:gap-4 py-1 md:py-4"><div class="text-gray-600 p-1 bg-gray-100 text-center rounded-md shadow-gray-400 shadow-md"><pre class="text-sm md:text-base">Docker</pre></div><div class="text-gray-600 p-1 bg-gray-100 text-center rounded-md shadow-gray-400 shadow-md"><pre class="text-sm md:text-base">Css</pre></div><div class="text-gray-600 p-1 bg-gray-100 text-center rounded-md shadow-gray-400 shadow-md"><pre class="text-sm md:text-base">Arduino</pre></div><div class="text-gray-600 p-1 bg-gray-100 text-center rounded-md shadow-gray-400 shadow-md"><pre class="text-sm md:text-base">Git</pre></div><div class="text-gray-600 p-1 bg-gray-100 text-center rounded-md shadow-gray-400 shadow-md"><pre class="text-sm md:text-base">Golang</pre></div><div class="text-gray-600 p-1 bg-gray-100 text-center rounded-md shadow-gray-400 shadow-md"><pre class="text-sm md:text-base">html</pre></div><div class="text-gray-600 p-1 bg-gray-100 text-center rounded-md shadow-gray-400 shadow-md"><pre class="text-sm md:text-base">Js</pre></div><div class="text-gray-600 p-1 bg-gray-100 text-center rounded-md shadow-gray-400 shadow-md"><pre class="text-sm md:text-base">linux</pre></div><div class="text-gray-600 p-1 bg-gray-100 text-center rounded-md shadow-gray-400 shadow-md"><pre class="text-sm md:text-base">Mongodb</pre></div><div class="text-gray-600 p-1 bg-gray-100 text-center rounded-md shadow-gray-400 shadow-md"><pre class="text-sm md:text-base">Node</pre></div><div class="text-gray-600 p-1 bg-gray-100 text-center rounded-md shadow-gray-400 shadow-md"><pre class="text-sm md:text-base">Postgres</pre></div><div class="text-gray-600 p-1 bg-gray-100 text-center rounded-md shadow-gray-400 shadow-md"><pre class="text-sm md:text-base">Python</pre></div><div class="text-gray-600 p-1 bg-gray-100 text-center rounded-md shadow-gray-400 shadow-md"><pre class="text-sm md:text-base">React</pre></div><div class="text-gray-600 p-1 bg-gray-100 text-center rounded-md shadow-gray-400 shadow-md"><pre class="text-sm md:text-base">Redis</pre></div><div class="text-gray-600 p-1 bg-gray-100 text-center rounded-md shadow-gray-400 shadow-md"><pre class="text-sm md:text-base">Tailwind</pre></div></div></div></div></div></section> <section class="bg-gray-50 flex pt-12 md:pt-16 relative overflow-hidden justify-start z-0 entry" id="projects"><div class="container overflow-hidden flex flex-col pb-16"><h1 class="text-3xl md:text-5xl font-semibold md:pr-2 text-right section__heading text-sky-500"><pre>Projects</pre></h1><div class="grid grid-cols-1 md:grid-cols-3 gap-8 mg:gap-y-12 py-4 md:py-8"><div class="h-[60vh] overflow-hidden rounded-lg border border-gray-50 border-b-gray-500 relative shadow-gray-600 md:shadow-gray-500 shadow-lg group cursor-pointer"><img loading="lazy" class="w-full absolute top-0 right-0 object-right-top object-cover h-full" src="assets/images/caseKraze.webp" alt="CaseKraze"><div class="absolute bottom-0 w-full h-full bg-orange-500 opacity-5"></div><div class="p-4 transition-all duration-1000 bg-gray-900 rounded-lg bg-opacity-80 group-hover:bg-opacity-90 shadow-gray-800 shadow-lg absolute bottom-0 w-full py-8"><div class="w-full px-2"><pre class="font-semibold text-lg text-gray-300 group-hover:text-gray-300 project-text-shadow">CaseKraze</pre><pre class="transition-all duration-500 whitespace-pre-wrap max-h-0 opacity-0 group-hover:max-h-56 group-hover:opacity-90 text-blue-300 project-text-shadow overflow-hidden py-1">Capture your favourite memories with your phone, one-of-one phone case. CaseKraze allows you to protect your memories, not just your phone case.</pre><div class="flex gap-2 text-sm"><pre class="project-text-shadow text-[#000000]">#NextJs</pre><pre class="project-text-shadow text-[#00d8ff]">#PostgreSQL</pre><pre class="project-text-shadow text-[#635bff]">#Stripe</pre><pre class="project-text-shadow text-[#f0db4f]">#Typescript</pre></div><div class=" rounded-md overflow-hidden "><ul class="flex px-1 py-2 gap-2"><li class="text-center bg-orange-500 w-full group-hover:bg-orange-500 bg-opacity-60 rounded-md border border-gray-500 border-opacity-50 transition-colors duration-500"><a aria-label="link to github" href="https://github.com/MwauratheAlex/caseKraze" class="flex justify-center items-center"><span class=""><svg class="p-1 md:p-2 w-8 h-8 md:h-10 md:w-10" xmlns="http://www.w3.org/2000/svg" id="icon" aria-hidden="true" focusable="false" viewBox="0 0 496 512"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></span><pre class="font-semibold text-gray-900">Github</pre></a></li><li class="text-center bg-orange-500 w-full group-hover:bg-orange-500 bg-opacity-60 rounded-md border border-gray-500 border-opacity-50 transition-colors duration-500"><a aria-label="link to github" href="https://case.mbumwa.com" class="flex justify-center items-center"><span class=""><svg class="w-8 md:w-10 h-8 md:h-10 p-1 md:p-2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.16488 17.6505C8.92513 17.8743 8.73958 18.0241 8.54996 18.1336C7.62175 18.6695 6.47816 18.6695 5.54996 18.1336C5.20791 17.9361 4.87912 17.6073 4.22153 16.9498C3.56394 16.2922 3.23514 15.9634 3.03767 15.6213C2.50177 14.6931 2.50177 13.5495 3.03767 12.6213C3.23514 12.2793 3.56394 11.9505 4.22153 11.2929L7.04996 8.46448C7.70755 7.80689 8.03634 7.47809 8.37838 7.28062C9.30659 6.74472 10.4502 6.74472 11.3784 7.28061C11.7204 7.47809 12.0492 7.80689 12.7068 8.46448C13.3644 9.12207 13.6932 9.45086 13.8907 9.7929C14.4266 10.7211 14.4266 11.8647 13.8907 12.7929C13.7812 12.9825 13.6314 13.1681 13.4075 13.4078M10.5919 10.5922C10.368 10.8319 10.2182 11.0175 10.1087 11.2071C9.57284 12.1353 9.57284 13.2789 10.1087 14.2071C10.3062 14.5492 10.635 14.878 11.2926 15.5355C11.9502 16.1931 12.279 16.5219 12.621 16.7194C13.5492 17.2553 14.6928 17.2553 15.621 16.7194C15.9631 16.5219 16.2919 16.1931 16.9495 15.5355L19.7779 12.7071C20.4355 12.0495 20.7643 11.7207 20.9617 11.3787C21.4976 10.4505 21.4976 9.30689 20.9617 8.37869C20.7643 8.03665 20.4355 7.70785 19.7779 7.05026C19.1203 6.39267 18.7915 6.06388 18.4495 5.8664C17.5212 5.3305 16.3777 5.3305 15.4495 5.8664C15.2598 5.97588 15.0743 6.12571 14.8345 6.34955" stroke="#000000" stroke-width="2" stroke-linecap="round"></path></svg></span><pre class="font-semibold text-gray-900">Live</pre></a></li></ul></div></div></div></div><div class="h-[60vh] overflow-hidden rounded-lg border border-gray-50 border-b-gray-500 relative shadow-gray-600 md:shadow-gray-500 shadow-lg group cursor-pointer"><img loading="lazy" class="w-full absolute top-0 right-0 object-right-top object-cover h-full" src="assets/images/mbumwa3d.webp" alt="Mbumwa3D"><div class="absolute bottom-0 w-full h-full bg-orange-500 opacity-5"></div><div class="p-4 transition-all duration-1000 bg-gray-900 rounded-lg bg-opacity-80 group-hover:bg-opacity-90 shadow-gray-800 shadow-lg absolute bottom-0 w-full py-8"><div class="w-full px-2"><pre class="font-semibold text-lg text-gray-300 group-hover:text-gray-300 project-text-shadow">Mbumwa3D</pre><pre class="transition-all duration-500 whitespace-pre-wrap max-h-0 opacity-0 group-hover:max-h-56 group-hover:opacity-90 text-blue-300 project-text-shadow overflow-hidden py-1">A 3D printing Web application built using go on the backend and htmx on the front-end, with a Sleek and Modern UI. Users can register as printers and take up orders. Users without printers can post orders to print. Payment is processed using the Mpesa Daraja Api and Data is stored in a PostgreSQL Database.The application is designed to supercharge the Maker industry in developing worlds bringing about growth in manufucturing..</pre><div class="flex gap-2 text-sm"><pre class="project-text-shadow text-[#00ADD8]">#Go</pre><pre class="project-text-shadow text-[#e34c26]">#HTML</pre><pre class="project-text-shadow text-[#264de4]">#CSS</pre><pre class="project-text-shadow text-[#1fadc5]">#HTMX</pre><pre class="project-text-shadow text-[#f0db4f]">#JavaScript</pre></div><div class=" rounded-md overflow-hidden "><ul class="flex px-1 py-2 gap-2"><li class="text-center bg-orange-500 w-full group-hover:bg-orange-500 bg-opacity-60 rounded-md border border-gray-500 border-opacity-50 transition-colors duration-500"><a aria-label="link to github" href="https://github.com/MwauratheAlex/mbumwa3d.git" class="flex justify-center items-center"><span class=""><svg class="p-1 md:p-2 w-8 h-8 md:h-10 md:w-10" xmlns="http://www.w3.org/2000/svg" id="icon" aria-hidden="true" focusable="false" viewBox="0 0 496 512"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></span><pre class="font-semibold text-gray-900">Github</pre></a></li><li class="text-center bg-orange-500 w-full group-hover:bg-orange-500 bg-opacity-60 rounded-md border border-gray-500 border-opacity-50 transition-colors duration-500"><a aria-label="link to github" href="https://3d.mbumwa.com/" class="flex justify-center items-center"><span class=""><svg class="w-8 md:w-10 h-8 md:h-10 p-1 md:p-2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.16488 17.6505C8.92513 17.8743 8.73958 18.0241 8.54996 18.1336C7.62175 18.6695 6.47816 18.6695 5.54996 18.1336C5.20791 17.9361 4.87912 17.6073 4.22153 16.9498C3.56394 16.2922 3.23514 15.9634 3.03767 15.6213C2.50177 14.6931 2.50177 13.5495 3.03767 12.6213C3.23514 12.2793 3.56394 11.9505 4.22153 11.2929L7.04996 8.46448C7.70755 7.80689 8.03634 7.47809 8.37838 7.28062C9.30659 6.74472 10.4502 6.74472 11.3784 7.28061C11.7204 7.47809 12.0492 7.80689 12.7068 8.46448C13.3644 9.12207 13.6932 9.45086 13.8907 9.7929C14.4266 10.7211 14.4266 11.8647 13.8907 12.7929C13.7812 12.9825 13.6314 13.1681 13.4075 13.4078M10.5919 10.5922C10.368 10.8319 10.2182 11.0175 10.1087 11.2071C9.57284 12.1353 9.57284 13.2789 10.1087 14.2071C10.3062 14.5492 10.635 14.878 11.2926 15.5355C11.9502 16.1931 12.279 16.5219 12.621 16.7194C13.5492 17.2553 14.6928 17.2553 15.621 16.7194C15.9631 16.5219 16.2919 16.1931 16.9495 15.5355L19.7779 12.7071C20.4355 12.0495 20.7643 11.7207 20.9617 11.3787C21.4976 10.4505 21.4976 9.30689 20.9617 8.37869C20.7643 8.03665 20.4355 7.70785 19.7779 7.05026C19.1203 6.39267 18.7915 6.06388 18.4495 5.8664C17.5212 5.3305 16.3777 5.3305 15.4495 5.8664C15.2598 5.97588 15.0743 6.12571 14.8345 6.34955" stroke="#000000" stroke-width="2" stroke-linecap="round"></path></svg></span><pre class="font-semibold text-gray-900">Live</pre></a></li></ul></div></div></div></div><div class="h-[60vh] overflow-hidden rounded-lg border border-gray-50 border-b-gray-500 relative shadow-gray-600 md:shadow-gray-500 shadow-lg group cursor-pointer"><img loading="lazy" class="w-full absolute top-0 right-0 object-right-top object-cover h-full" src="assets/images/nft-marketplace.webp" alt="NFT Marketplace App"><div class="absolute bottom-0 w-full h-full bg-orange-500 opacity-5"></div><div class="p-4 transition-all duration-1000 bg-gray-900 rounded-lg bg-opacity-80 group-hover:bg-opacity-90 shadow-gray-800 shadow-lg absolute bottom-0 w-full py-8"><div class="w-full px-2"><pre class="font-semibold text-lg text-gray-300 group-hover:text-gray-300 project-text-shadow">NFT Marketplace App</pre><pre class="transition-all duration-500 whitespace-pre-wrap max-h-0 opacity-0 group-hover:max-h-56 group-hover:opacity-90 text-blue-300 project-text-shadow overflow-hidden py-1">A modern cross-platform React Native Application with a Sleek and Modern UI. Users can see and search through listed NFTs and scroll through them. The beautiful NFT details page allows users to see more information about a specific NFT and see all it's active bids.</pre><div class="flex gap-2 text-sm"><pre class="project-text-shadow text-[#00d8ff]">#ReactNative</pre><pre class="project-text-shadow text-[#f0db4f]">#JavaScript</pre></div><div class=" rounded-md overflow-hidden "><ul class="flex px-1 py-2 gap-2"><li class="text-center bg-orange-500 w-full group-hover:bg-orange-500 bg-opacity-60 rounded-md border border-gray-500 border-opacity-50 transition-colors duration-500"><a aria-label="link to github" href="https://github.com/MwauratheAlex/NFTMarketplace.git" class="flex justify-center items-center"><span class=""><svg class="p-1 md:p-2 w-8 h-8 md:h-10 md:w-10" xmlns="http://www.w3.org/2000/svg" id="icon" aria-hidden="true" focusable="false" viewBox="0 0 496 512"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></span><pre class="font-semibold text-gray-900">Github</pre></a></li><li class="text-center bg-orange-500 w-full group-hover:bg-orange-500 bg-opacity-60 rounded-md border border-gray-500 border-opacity-50 transition-colors duration-500"><a aria-label="link to github" href="https://nftmarketplaceshowcase.on.fleek.co/" class="flex justify-center items-center"><span class=""><svg class="w-8 md:w-10 h-8 md:h-10 p-1 md:p-2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.16488 17.6505C8.92513 17.8743 8.73958 18.0241 8.54996 18.1336C7.62175 18.6695 6.47816 18.6695 5.54996 18.1336C5.20791 17.9361 4.87912 17.6073 4.22153 16.9498C3.56394 16.2922 3.23514 15.9634 3.03767 15.6213C2.50177 14.6931 2.50177 13.5495 3.03767 12.6213C3.23514 12.2793 3.56394 11.9505 4.22153 11.2929L7.04996 8.46448C7.70755 7.80689 8.03634 7.47809 8.37838 7.28062C9.30659 6.74472 10.4502 6.74472 11.3784 7.28061C11.7204 7.47809 12.0492 7.80689 12.7068 8.46448C13.3644 9.12207 13.6932 9.45086 13.8907 9.7929C14.4266 10.7211 14.4266 11.8647 13.8907 12.7929C13.7812 12.9825 13.6314 13.1681 13.4075 13.4078M10.5919 10.5922C10.368 10.8319 10.2182 11.0175 10.1087 11.2071C9.57284 12.1353 9.57284 13.2789 10.1087 14.2071C10.3062 14.5492 10.635 14.878 11.2926 15.5355C11.9502 16.1931 12.279 16.5219 12.621 16.7194C13.5492 17.2553 14.6928 17.2553 15.621 16.7194C15.9631 16.5219 16.2919 16.1931 16.9495 15.5355L19.7779 12.7071C20.4355 12.0495 20.7643 11.7207 20.9617 11.3787C21.4976 10.4505 21.4976 9.30689 20.9617 8.37869C20.7643 8.03665 20.4355 7.70785 19.7779 7.05026C19.1203 6.39267 18.7915 6.06388 18.4495 5.8664C17.5212 5.3305 16.3777 5.3305 15.4495 5.8664C15.2598 5.97588 15.0743 6.12571 14.8345 6.34955" stroke="#000000" stroke-width="2" stroke-linecap="round"></path></svg></span><pre class="font-semibold text-gray-900">Live</pre></a></li></ul></div></div></div></div><div class="h-[60vh] overflow-hidden rounded-lg border border-gray-50 border-b-gray-500 relative shadow-gray-600 md:shadow-gray-500 shadow-lg group cursor-pointer"><img loading="lazy" class="w-full absolute top-0 right-0 object-right-top object-cover h-full" src="assets/images/nft-showcase.webp" alt="NFT Marketplace Showcase"><div class="absolute bottom-0 w-full h-full bg-orange-500 opacity-5"></div><div class="p-4 transition-all duration-1000 bg-gray-900 rounded-lg bg-opacity-80 group-hover:bg-opacity-90 shadow-gray-800 shadow-lg absolute bottom-0 w-full py-8"><div class="w-full px-2"><pre class="font-semibold text-lg text-gray-300 group-hover:text-gray-300 project-text-shadow">NFT Marketplace Showcase</pre><pre class="transition-all duration-500 whitespace-pre-wrap max-h-0 opacity-0 group-hover:max-h-56 group-hover:opacity-90 text-blue-300 project-text-shadow overflow-hidden py-1">A landing page for the NFT Marketplace Application. All details about the app are shared in this smooth single page website, together with the download link as well as all the app features. The page is hosted on IPFS, a completely decentralized peer-to-peer protocol.</pre><div class="flex gap-2 text-sm"><pre class="project-text-shadow text-[#61dafb]">#React</pre><pre class="project-text-shadow text-[#f0db4f]">#JavaScript</pre></div><div class=" rounded-md overflow-hidden "><ul class="flex px-1 py-2 gap-2"><li class="text-center bg-orange-500 w-full group-hover:bg-orange-500 bg-opacity-60 rounded-md border border-gray-500 border-opacity-50 transition-colors duration-500"><a aria-label="link to github" href="https://github.com/MwauratheAlex/NFTMarketplaceShowcase.git" class="flex justify-center items-center"><span class=""><svg class="p-1 md:p-2 w-8 h-8 md:h-10 md:w-10" xmlns="http://www.w3.org/2000/svg" id="icon" aria-hidden="true" focusable="false" viewBox="0 0 496 512"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></span><pre class="font-semibold text-gray-900">Github</pre></a></li><li class="text-center bg-orange-500 w-full group-hover:bg-orange-500 bg-opacity-60 rounded-md border border-gray-500 border-opacity-50 transition-colors duration-500"><a aria-label="link to github" href="https://nftmarketplaceshowcase.on.fleek.co/" class="flex justify-center items-center"><span class=""><svg class="w-8 md:w-10 h-8 md:h-10 p-1 md:p-2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.16488 17.6505C8.92513 17.8743 8.73958 18.0241 8.54996 18.1336C7.62175 18.6695 6.47816 18.6695 5.54996 18.1336C5.20791 17.9361 4.87912 17.6073 4.22153 16.9498C3.56394 16.2922 3.23514 15.9634 3.03767 15.6213C2.50177 14.6931 2.50177 13.5495 3.03767 12.6213C3.23514 12.2793 3.56394 11.9505 4.22153 11.2929L7.04996 8.46448C7.70755 7.80689 8.03634 7.47809 8.37838 7.28062C9.30659 6.74472 10.4502 6.74472 11.3784 7.28061C11.7204 7.47809 12.0492 7.80689 12.7068 8.46448C13.3644 9.12207 13.6932 9.45086 13.8907 9.7929C14.4266 10.7211 14.4266 11.8647 13.8907 12.7929C13.7812 12.9825 13.6314 13.1681 13.4075 13.4078M10.5919 10.5922C10.368 10.8319 10.2182 11.0175 10.1087 11.2071C9.57284 12.1353 9.57284 13.2789 10.1087 14.2071C10.3062 14.5492 10.635 14.878 11.2926 15.5355C11.9502 16.1931 12.279 16.5219 12.621 16.7194C13.5492 17.2553 14.6928 17.2553 15.621 16.7194C15.9631 16.5219 16.2919 16.1931 16.9495 15.5355L19.7779 12.7071C20.4355 12.0495 20.7643 11.7207 20.9617 11.3787C21.4976 10.4505 21.4976 9.30689 20.9617 8.37869C20.7643 8.03665 20.4355 7.70785 19.7779 7.05026C19.1203 6.39267 18.7915 6.06388 18.4495 5.8664C17.5212 5.3305 16.3777 5.3305 15.4495 5.8664C15.2598 5.97588 15.0743 6.12571 14.8345 6.34955" stroke="#000000" stroke-width="2" stroke-linecap="round"></path></svg></span><pre class="font-semibold text-gray-900">Live</pre></a></li></ul></div></div></div></div><div class="h-[60vh] overflow-hidden rounded-lg border border-gray-50 border-b-gray-500 relative shadow-gray-600 md:shadow-gray-500 shadow-lg group cursor-pointer"><img loading="lazy" class="w-full absolute top-0 right-0 object-right-top object-cover h-full" src="assets/images/landing-page.webp" alt="Startup Landing Page"><div class="absolute bottom-0 w-full h-full bg-orange-500 opacity-5"></div><div class="p-4 transition-all duration-1000 bg-gray-900 rounded-lg bg-opacity-80 group-hover:bg-opacity-90 shadow-gray-800 shadow-lg absolute bottom-0 w-full py-8"><div class="w-full px-2"><pre class="font-semibold text-lg text-gray-300 group-hover:text-gray-300 project-text-shadow">Startup Landing Page</pre><pre class="transition-all duration-500 whitespace-pre-wrap max-h-0 opacity-0 group-hover:max-h-56 group-hover:opacity-90 text-blue-300 project-text-shadow overflow-hidden py-1">A fully functional, mobile responsive, beautiful, single page website built using Next Js. Using this landing page will surely drive more traffic to your startup.</pre><div class="flex gap-2 text-sm"><pre class="project-text-shadow text-[#000000]">#NextJs</pre><pre class="project-text-shadow text-[#f0db4f]">#JavaScript</pre></div><div class=" rounded-md overflow-hidden "><ul class="flex px-1 py-2 gap-2"><li class="text-center bg-orange-500 w-full group-hover:bg-orange-500 bg-opacity-60 rounded-md border border-gray-500 border-opacity-50 transition-colors duration-500"><a aria-label="link to github" href="https://github.com/MwauratheAlex/nextjs_landing_page.git" class="flex justify-center items-center"><span class=""><svg class="p-1 md:p-2 w-8 h-8 md:h-10 md:w-10" xmlns="http://www.w3.org/2000/svg" id="icon" aria-hidden="true" focusable="false" viewBox="0 0 496 512"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></span><pre class="font-semibold text-gray-900">Github</pre></a></li><li class="text-center bg-orange-500 w-full group-hover:bg-orange-500 bg-opacity-60 rounded-md border border-gray-500 border-opacity-50 transition-colors duration-500"><a aria-label="link to github" href="https://business-landing-page-mwaura.netlify.app/" class="flex justify-center items-center"><span class=""><svg class="w-8 md:w-10 h-8 md:h-10 p-1 md:p-2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.16488 17.6505C8.92513 17.8743 8.73958 18.0241 8.54996 18.1336C7.62175 18.6695 6.47816 18.6695 5.54996 18.1336C5.20791 17.9361 4.87912 17.6073 4.22153 16.9498C3.56394 16.2922 3.23514 15.9634 3.03767 15.6213C2.50177 14.6931 2.50177 13.5495 3.03767 12.6213C3.23514 12.2793 3.56394 11.9505 4.22153 11.2929L7.04996 8.46448C7.70755 7.80689 8.03634 7.47809 8.37838 7.28062C9.30659 6.74472 10.4502 6.74472 11.3784 7.28061C11.7204 7.47809 12.0492 7.80689 12.7068 8.46448C13.3644 9.12207 13.6932 9.45086 13.8907 9.7929C14.4266 10.7211 14.4266 11.8647 13.8907 12.7929C13.7812 12.9825 13.6314 13.1681 13.4075 13.4078M10.5919 10.5922C10.368 10.8319 10.2182 11.0175 10.1087 11.2071C9.57284 12.1353 9.57284 13.2789 10.1087 14.2071C10.3062 14.5492 10.635 14.878 11.2926 15.5355C11.9502 16.1931 12.279 16.5219 12.621 16.7194C13.5492 17.2553 14.6928 17.2553 15.621 16.7194C15.9631 16.5219 16.2919 16.1931 16.9495 15.5355L19.7779 12.7071C20.4355 12.0495 20.7643 11.7207 20.9617 11.3787C21.4976 10.4505 21.4976 9.30689 20.9617 8.37869C20.7643 8.03665 20.4355 7.70785 19.7779 7.05026C19.1203 6.39267 18.7915 6.06388 18.4495 5.8664C17.5212 5.3305 16.3777 5.3305 15.4495 5.8664C15.2598 5.97588 15.0743 6.12571 14.8345 6.34955" stroke="#000000" stroke-width="2" stroke-linecap="round"></path></svg></span><pre class="font-semibold text-gray-900">Live</pre></a></li></ul></div></div></div></div><div class="h-[60vh] overflow-hidden rounded-lg border border-gray-50 border-b-gray-500 relative shadow-gray-600 md:shadow-gray-500 shadow-lg group cursor-pointer"><img loading="lazy" class="w-full absolute top-0 right-0 object-right-top object-cover h-full" src="assets/images/gpt-3.webp" alt="GPT-3"><div class="absolute bottom-0 w-full h-full bg-orange-500 opacity-5"></div><div class="p-4 transition-all duration-1000 bg-gray-900 rounded-lg bg-opacity-80 group-hover:bg-opacity-90 shadow-gray-800 shadow-lg absolute bottom-0 w-full py-8"><div class="w-full px-2"><pre class="font-semibold text-lg text-gray-300 group-hover:text-gray-300 project-text-shadow">GPT-3</pre><pre class="transition-all duration-500 whitespace-pre-wrap max-h-0 opacity-0 group-hover:max-h-56 group-hover:opacity-90 text-blue-300 project-text-shadow overflow-hidden py-1">A fully responsive GPT-3 website/landing page with modern UI/UX following a Figma design built with React.</pre><div class="flex gap-2 text-sm"><pre class="project-text-shadow text-[#61dafb]">#React</pre><pre class="project-text-shadow text-[#f0db4f]">#JavaScript</pre><pre class="project-text-shadow text-[#f24e1e]">#Figma</pre></div><div class=" rounded-md overflow-hidden "><ul class="flex px-1 py-2 gap-2"><li class="text-center bg-orange-500 w-full group-hover:bg-orange-500 bg-opacity-60 rounded-md border border-gray-500 border-opacity-50 transition-colors duration-500"><a aria-label="link to github" href="https://github.com/MwauratheAlex/gpt3.git" class="flex justify-center items-center"><span class=""><svg class="p-1 md:p-2 w-8 h-8 md:h-10 md:w-10" xmlns="http://www.w3.org/2000/svg" id="icon" aria-hidden="true" focusable="false" viewBox="0 0 496 512"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></span><pre class="font-semibold text-gray-900">Github</pre></a></li><li class="text-center bg-orange-500 w-full group-hover:bg-orange-500 bg-opacity-60 rounded-md border border-gray-500 border-opacity-50 transition-colors duration-500"><a aria-label="link to github" href="https://gpt-3-mwaura.netlify.app/" class="flex justify-center items-center"><span class=""><svg class="w-8 md:w-10 h-8 md:h-10 p-1 md:p-2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.16488 17.6505C8.92513 17.8743 8.73958 18.0241 8.54996 18.1336C7.62175 18.6695 6.47816 18.6695 5.54996 18.1336C5.20791 17.9361 4.87912 17.6073 4.22153 16.9498C3.56394 16.2922 3.23514 15.9634 3.03767 15.6213C2.50177 14.6931 2.50177 13.5495 3.03767 12.6213C3.23514 12.2793 3.56394 11.9505 4.22153 11.2929L7.04996 8.46448C7.70755 7.80689 8.03634 7.47809 8.37838 7.28062C9.30659 6.74472 10.4502 6.74472 11.3784 7.28061C11.7204 7.47809 12.0492 7.80689 12.7068 8.46448C13.3644 9.12207 13.6932 9.45086 13.8907 9.7929C14.4266 10.7211 14.4266 11.8647 13.8907 12.7929C13.7812 12.9825 13.6314 13.1681 13.4075 13.4078M10.5919 10.5922C10.368 10.8319 10.2182 11.0175 10.1087 11.2071C9.57284 12.1353 9.57284 13.2789 10.1087 14.2071C10.3062 14.5492 10.635 14.878 11.2926 15.5355C11.9502 16.1931 12.279 16.5219 12.621 16.7194C13.5492 17.2553 14.6928 17.2553 15.621 16.7194C15.9631 16.5219 16.2919 16.1931 16.9495 15.5355L19.7779 12.7071C20.4355 12.0495 20.7643 11.7207 20.9617 11.3787C21.4976 10.4505 21.4976 9.30689 20.9617 8.37869C20.7643 8.03665 20.4355 7.70785 19.7779 7.05026C19.1203 6.39267 18.7915 6.06388 18.4495 5.8664C17.5212 5.3305 16.3777 5.3305 15.4495 5.8664C15.2598 5.97588 15.0743 6.12571 14.8345 6.34955" stroke="#000000" stroke-width="2" stroke-linecap="round"></path></svg></span><pre class="font-semibold text-gray-900">Live</pre></a></li></ul></div></div></div></div><div class="h-[60vh] overflow-hidden rounded-lg border border-gray-50 border-b-gray-500 relative shadow-gray-600 md:shadow-gray-500 shadow-lg group cursor-pointer"><img loading="lazy" class="w-full absolute top-0 right-0 object-right-top object-cover h-full" src="assets/images/justgymit.webp" alt="Just Gym It"><div class="absolute bottom-0 w-full h-full bg-orange-500 opacity-5"></div><div class="p-4 transition-all duration-1000 bg-gray-900 rounded-lg bg-opacity-80 group-hover:bg-opacity-90 shadow-gray-800 shadow-lg absolute bottom-0 w-full py-8"><div class="w-full px-2"><pre class="font-semibold text-lg text-gray-300 group-hover:text-gray-300 project-text-shadow">Just Gym It</pre><pre class="transition-all duration-500 whitespace-pre-wrap max-h-0 opacity-0 group-hover:max-h-56 group-hover:opacity-90 text-blue-300 project-text-shadow overflow-hidden py-1">A modern React 18 Fitness Exercises App with the functionality to choose exercise categories and specific muscle groups. Browse 1000+ exercises with practical examples.</pre><div class="flex gap-2 text-sm"><pre class="project-text-shadow text-[#61dafb]">#React</pre><pre class="project-text-shadow text-[#f0db4f]">#JavaScript</pre><pre class="project-text-shadow text-[#e44d26]">#Api</pre></div><div class=" rounded-md overflow-hidden "><ul class="flex px-1 py-2 gap-2"><li class="text-center bg-orange-500 w-full group-hover:bg-orange-500 bg-opacity-60 rounded-md border border-gray-500 border-opacity-50 transition-colors duration-500"><a aria-label="link to github" href="https://github.com/MwauratheAlex/gym_exercises.git" class="flex justify-center items-center"><span class=""><svg class="p-1 md:p-2 w-8 h-8 md:h-10 md:w-10" xmlns="http://www.w3.org/2000/svg" id="icon" aria-hidden="true" focusable="false" viewBox="0 0 496 512"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></span><pre class="font-semibold text-gray-900">Github</pre></a></li><li class="text-center bg-orange-500 w-full group-hover:bg-orange-500 bg-opacity-60 rounded-md border border-gray-500 border-opacity-50 transition-colors duration-500"><a aria-label="link to github" href="https://justgymit.netlify.app/" class="flex justify-center items-center"><span class=""><svg class="w-8 md:w-10 h-8 md:h-10 p-1 md:p-2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.16488 17.6505C8.92513 17.8743 8.73958 18.0241 8.54996 18.1336C7.62175 18.6695 6.47816 18.6695 5.54996 18.1336C5.20791 17.9361 4.87912 17.6073 4.22153 16.9498C3.56394 16.2922 3.23514 15.9634 3.03767 15.6213C2.50177 14.6931 2.50177 13.5495 3.03767 12.6213C3.23514 12.2793 3.56394 11.9505 4.22153 11.2929L7.04996 8.46448C7.70755 7.80689 8.03634 7.47809 8.37838 7.28062C9.30659 6.74472 10.4502 6.74472 11.3784 7.28061C11.7204 7.47809 12.0492 7.80689 12.7068 8.46448C13.3644 9.12207 13.6932 9.45086 13.8907 9.7929C14.4266 10.7211 14.4266 11.8647 13.8907 12.7929C13.7812 12.9825 13.6314 13.1681 13.4075 13.4078M10.5919 10.5922C10.368 10.8319 10.2182 11.0175 10.1087 11.2071C9.57284 12.1353 9.57284 13.2789 10.1087 14.2071C10.3062 14.5492 10.635 14.878 11.2926 15.5355C11.9502 16.1931 12.279 16.5219 12.621 16.7194C13.5492 17.2553 14.6928 17.2553 15.621 16.7194C15.9631 16.5219 16.2919 16.1931 16.9495 15.5355L19.7779 12.7071C20.4355 12.0495 20.7643 11.7207 20.9617 11.3787C21.4976 10.4505 21.4976 9.30689 20.9617 8.37869C20.7643 8.03665 20.4355 7.70785 19.7779 7.05026C19.1203 6.39267 18.7915 6.06388 18.4495 5.8664C17.5212 5.3305 16.3777 5.3305 15.4495 5.8664C15.2598 5.97588 15.0743 6.12571 14.8345 6.34955" stroke="#000000" stroke-width="2" stroke-linecap="round"></path></svg></span><pre class="font-semibold text-gray-900">Live</pre></a></li></ul></div></div></div></div><div class="h-[60vh] overflow-hidden rounded-lg border border-gray-50 border-b-gray-500 relative shadow-gray-600 md:shadow-gray-500 shadow-lg group cursor-pointer"><img loading="lazy" class="w-full absolute top-0 right-0 object-right-top object-cover h-full" src="assets/images/movie-land.webp" alt="MovieLand"><div class="absolute bottom-0 w-full h-full bg-orange-500 opacity-5"></div><div class="p-4 transition-all duration-1000 bg-gray-900 rounded-lg bg-opacity-80 group-hover:bg-opacity-90 shadow-gray-800 shadow-lg absolute bottom-0 w-full py-8"><div class="w-full px-2"><pre class="font-semibold text-lg text-gray-300 group-hover:text-gray-300 project-text-shadow">MovieLand</pre><pre class="transition-all duration-500 whitespace-pre-wrap max-h-0 opacity-0 group-hover:max-h-56 group-hover:opacity-90 text-blue-300 project-text-shadow overflow-hidden py-1">A fully mobile-responsive React JS Application that displays movies and allows users to search for any movie on the internet.</pre><div class="flex gap-2 text-sm"><pre class="project-text-shadow text-[#61dafb]">#React</pre><pre class="project-text-shadow text-[#f0db4f]">#JavaScript</pre></div><div class=" rounded-md overflow-hidden "><ul class="flex px-1 py-2 gap-2"><li class="text-center bg-orange-500 w-full group-hover:bg-orange-500 bg-opacity-60 rounded-md border border-gray-500 border-opacity-50 transition-colors duration-500"><a aria-label="link to github" href="https://github.com/MwauratheAlex/movieLand-react.git" class="flex justify-center items-center"><span class=""><svg class="p-1 md:p-2 w-8 h-8 md:h-10 md:w-10" xmlns="http://www.w3.org/2000/svg" id="icon" aria-hidden="true" focusable="false" viewBox="0 0 496 512"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></span><pre class="font-semibold text-gray-900">Github</pre></a></li><li class="text-center bg-orange-500 w-full group-hover:bg-orange-500 bg-opacity-60 rounded-md border border-gray-500 border-opacity-50 transition-colors duration-500"><a aria-label="link to github" href="https://movie-land-mwaura.netlify.app/" class="flex justify-center items-center"><span class=""><svg class="w-8 md:w-10 h-8 md:h-10 p-1 md:p-2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.16488 17.6505C8.92513 17.8743 8.73958 18.0241 8.54996 18.1336C7.62175 18.6695 6.47816 18.6695 5.54996 18.1336C5.20791 17.9361 4.87912 17.6073 4.22153 16.9498C3.56394 16.2922 3.23514 15.9634 3.03767 15.6213C2.50177 14.6931 2.50177 13.5495 3.03767 12.6213C3.23514 12.2793 3.56394 11.9505 4.22153 11.2929L7.04996 8.46448C7.70755 7.80689 8.03634 7.47809 8.37838 7.28062C9.30659 6.74472 10.4502 6.74472 11.3784 7.28061C11.7204 7.47809 12.0492 7.80689 12.7068 8.46448C13.3644 9.12207 13.6932 9.45086 13.8907 9.7929C14.4266 10.7211 14.4266 11.8647 13.8907 12.7929C13.7812 12.9825 13.6314 13.1681 13.4075 13.4078M10.5919 10.5922C10.368 10.8319 10.2182 11.0175 10.1087 11.2071C9.57284 12.1353 9.57284 13.2789 10.1087 14.2071C10.3062 14.5492 10.635 14.878 11.2926 15.5355C11.9502 16.1931 12.279 16.5219 12.621 16.7194C13.5492 17.2553 14.6928 17.2553 15.621 16.7194C15.9631 16.5219 16.2919 16.1931 16.9495 15.5355L19.7779 12.7071C20.4355 12.0495 20.7643 11.7207 20.9617 11.3787C21.4976 10.4505 21.4976 9.30689 20.9617 8.37869C20.7643 8.03665 20.4355 7.70785 19.7779 7.05026C19.1203 6.39267 18.7915 6.06388 18.4495 5.8664C17.5212 5.3305 16.3777 5.3305 15.4495 5.8664C15.2598 5.97588 15.0743 6.12571 14.8345 6.34955" stroke="#000000" stroke-width="2" stroke-linecap="round"></path></svg></span><pre class="font-semibold text-gray-900">Live</pre></a></li></ul></div></div></div></div></div></div></section> <section class="flex pt-12 md:pt-16 relative overflow-hidden justify-start z-0 entry" id="contact"><div class="flex-grow container overflow-hidden flex flex-col justify-center pb-16"><h1 class="text-3xl md:text-5xl font-semibold md:pr-2 text-right section__heading text-sky-500"><pre>Contact</pre></h1><pre id="msg" class="absolute top-[10%] left-0 py-4 w-full text-center text-green-700 font-semibold sm:text-xl"></pre><div class="py-8 flex-1 flex flex-col justify-center lg:py-16 px-4 mx-auto md:min-w-[50%] max-w-screen-md"><p class="md:hidden mb-4 lg:mb-16 font-light text-left text-gray-500 sm:text-xl">Reach me on social media.</p><div class="md:absolute md:left-0 mb-8 md:mb-0 rounded-md overflow-hidden "><ul class="flex md:flex-col justify-between gap-2 px-1 py-2 bg-gray-100 bg-opacity-60"><li class="text-center bg-orange-500 hover:bg-orange-500 bg-opacity-60 rounded-md border border-gray-500 w-8 md:w-10 border-opacity-50 shadow-white shadow-md transition-colors duration-500"><a aria-label="link to github" href="https://github.com/MwauratheAlex"><svg class="w-full p-1 md:p-2" xmlns="http://www.w3.org/2000/svg" id="icon" aria-hidden="true" focusable="false" viewBox="0 0 496 512"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li><li class="text-center bg-orange-500 hover:bg-orange-500 bg-opacity-60 rounded-md border border-gray-500 w-8 md:w-10 border-opacity-50 shadow-white shadow-md transition-colors duration-500"><a aria-label="link to github" href="https://x.com/MwauraMbugua_"><svg class="w-full p-2" xmlns="http://www.w3.org/2000/svg" id="icon" aria-hidden="true" focusable="false" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg></a></li><li class="text-center bg-orange-500 hover:bg-orange-500 bg-opacity-60 rounded-md border border-gray-500 w-8 md:w-10 border-opacity-50 shadow-white shadow-md transition-colors duration-500"><a aria-label="link to github" href="https://www.linkedin.com/in/mwaura-mbugua/"><svg class="w-full p-1 md:p-2" xmlns="http://www.w3.org/2000/svg" id="icon" aria-hidden="true" focusable="false" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a></li></ul></div><p class="mb-4 lg:mb-16 font-light text-left text-gray-500 sm:text-xl">Got a question, or comment? Say hello.</p><form action="#" name="submit-to-google-sheet" class="space-y-8"><div><label for="email" class="block mb-2 text-sm font-medium text-gray-900">Your email</label> <input type="email" id="email" name="Email" class="shadow-sm bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" placeholder="[email protected]" required></div><div class="sm:col-span-2"><label for="message" class="block mb-2 text-sm font-medium text-gray-900">Your message</label> <textarea id="message" rows="6" name="Message" class="block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg shadow-sm border border-gray-300 focus:ring-blue-500 focus:border-blue-500" placeholder="Leave a comment..."></textarea></div><button type="submit" class="py-3 px-5 text-sm font-medium text-center text-white rounded-lg bg-blue-700 sm:w-fit hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300">Send message</button></form></div></div><footer class="absolute bottom-0 w-full bg-gray-950 h-16 bg-opacity-90 flex items-center"><div class="container flex text-sm justify-between items-center"><pre class="text-orange-600">Mwaura Mbugua</pre><pre class="text-gray-400"><span class="text-base">©</span> 2024</pre><pre class="text-orange-600">www.mbumwa.com</pre></div></footer></section><script src="assets/gsap.min.js"></script><script src="assets/ScrollTrigger.min.js"></script><script src="assets/lenis.min.js"></script><script>
// lenis smooth scrolling
const lenis = new Lenis()
lenis.on('scroll', ScrollTrigger.update)
gsap.ticker.add((time) => {
lenis.raf(time * 1000)
})
gsap.ticker.lagSmoothing(0)
</script></body></html>