Skip to content

M
makura-2025
Commit 449e4a85 by Arjun Jhukal
Options

updated the new service detail and section at home page

parent a3ac940f
Showing with 695 additions and 5 deletions
assets/css/style.css
This source diff could not be displayed because it is too large. You can view the blob instead.
assets/img/milestone-title.svg 0 → 100644
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.55356 36.8789C5.01687 36.8789 4.48018 36.9765 3.99228 37.1229C3.74833 37.2204 3.65075 37.4644 3.74833 37.6595C4.13865 38.4402 4.62655 39.0745 5.16324 39.6112C5.84631 40.1966 6.57816 40.6357 7.31001 40.9285C7.74912 41.0749 8.23702 41.1236 8.67613 41.1236C9.60314 41.1236 10.4326 40.8309 11.2132 40.343C11.4084 40.1966 11.4572 39.9527 11.3108 39.7575C10.8717 39.2696 10.4326 38.8305 9.94468 38.4402C9.35919 37.9523 8.62734 37.6596 7.99307 37.3668C7.21243 37.0253 6.383 36.8789 5.55356 36.8789Z" fill="#FEBE26"/>
<path d="M14.6742 32.4878C14.6254 32.4878 14.5278 32.4878 14.479 32.5366C13.2593 33.1709 12.3322 34.0979 11.8931 35.2688C11.6004 35.9519 11.6004 36.635 11.6492 37.318C11.698 37.9035 11.8931 38.489 12.2347 38.9769C12.2835 39.0745 12.4298 39.172 12.5274 39.172C12.625 39.172 12.7226 39.1232 12.7714 39.0745C13.796 38.1474 14.4302 36.9277 14.8205 35.8055C15.0157 35.1712 15.1621 34.537 15.1621 34.0003C15.1621 33.5612 15.1621 33.1221 15.0157 32.7317C14.9669 32.5854 14.8205 32.4878 14.6742 32.4878Z" fill="#FEBE26"/>
<path d="M4.13865 34.0003C4.96808 34.537 5.8463 34.781 6.72452 34.781C7.16363 34.781 7.60275 34.7322 8.09065 34.5858C8.3346 34.537 8.43218 34.2443 8.3346 34.0491C7.74912 32.7318 6.87089 31.6096 5.74872 30.7802C4.72413 29.9508 3.45559 29.4141 2.08946 29.4141C2.04067 29.4141 2.04067 29.4141 1.99188 29.4141C1.74793 29.4141 1.60156 29.6092 1.60156 29.8532C1.74793 30.6826 1.99188 31.4632 2.43099 32.1463C2.96769 32.9269 3.50438 33.5612 4.13865 34.0003Z" fill="#FEBE26"/>
<path d="M13.555 29.6093C13.6526 29.1702 13.7502 28.7799 13.7502 28.3408C13.7502 28.1456 13.555 27.9993 13.3598 27.9993C13.311 27.9993 13.311 27.9993 13.2623 27.9993C11.9449 28.2432 10.774 28.8775 10.0421 29.9021C9.31025 30.8779 9.01751 32.2928 9.40783 33.6101C9.45662 33.7565 9.60299 33.8541 9.74936 33.8541C9.79815 33.8541 9.84694 33.8541 9.94452 33.8053C11.1643 33.2198 12.1401 32.244 12.7743 31.2682C13.1159 30.7315 13.4086 30.146 13.555 29.6093Z" fill="#FEBE26"/>
<path d="M3.01456 26.3892C3.99036 27.5114 5.21012 28.0968 6.57624 28.0968H6.62503C6.86898 28.0968 7.06414 27.9017 7.01535 27.6577C6.91777 27.0235 6.72261 26.3892 6.52745 25.8037C6.2835 25.0719 5.89318 24.3888 5.40528 23.8033C4.62463 22.6811 3.50246 21.7541 2.18513 21.4126C2.13634 21.4126 2.13634 21.4126 2.08755 21.4126C1.89239 21.4126 1.74602 21.559 1.69723 21.7541C1.64844 22.0957 1.64844 22.486 1.64844 22.8275C1.64844 23.3154 1.69723 23.7545 1.8436 24.1936C2.13634 24.9743 2.52666 25.7549 3.01456 26.3892Z" fill="#FEBE26"/>
<path d="M8.14062 27.5113C8.14062 27.7065 8.287 27.9017 8.53095 27.9017H8.57974C9.94586 27.6577 11.1168 27.0234 11.995 26.2916C12.4829 25.8525 12.9221 25.4134 13.2148 24.9255C13.3612 24.6815 13.5075 24.4376 13.6051 24.1936C13.6539 24.0472 13.7027 23.9497 13.7515 23.8033C13.8003 23.5593 13.6539 23.3642 13.41 23.3154C13.166 23.2666 12.9708 23.2666 12.7269 23.2666C11.6535 23.2666 10.6289 23.5593 9.7507 24.1936C9.21401 24.6327 8.82369 25.1694 8.48216 25.8037C8.23821 26.2916 8.18941 26.8771 8.14062 27.5113Z" fill="#FEBE26"/>
<path d="M6.91969 21.3638H7.01727C7.21243 21.3638 7.3588 21.2174 7.40759 21.0223C7.50517 20.388 7.50517 19.7049 7.45638 19.0707C7.40759 18.29 7.21243 17.5582 6.91969 16.8263C6.48058 15.5578 5.65115 14.338 4.48019 13.6062C4.48019 13.6062 4.4314 13.5574 4.33382 13.5574C4.18745 13.5574 4.04108 13.655 3.99229 13.8013C3.30922 15.509 3.35801 17.363 3.9435 18.6803C4.57777 20.0465 5.65115 20.9735 6.91969 21.3638Z" fill="#FEBE26"/>
<path d="M8.92119 21.7541C9.21393 21.8029 9.45788 21.8029 9.70183 21.8029C10.7752 21.8029 11.7998 21.5589 12.6292 21.1686C13.7026 20.7295 14.4833 20.0952 15.02 19.2658C15.1663 19.0706 15.0687 18.8267 14.8248 18.7291C14.0929 18.4364 13.3611 18.2412 12.6292 18.2412C12.0925 18.2412 11.5559 18.3388 11.068 18.534C10.4337 18.7779 9.89699 19.217 9.40909 19.7049C9.01877 20.144 8.77482 20.6807 8.57966 21.2662C8.53087 21.5101 8.67724 21.7541 8.92119 21.7541Z" fill="#FEBE26"/>
<path d="M9.64839 16.68C9.69718 16.68 9.74597 16.68 9.84355 16.6312C11.0633 16.0457 12.0391 15.2163 12.6734 14.2405C13.0637 13.7038 13.3077 13.0207 13.5028 12.3865C13.698 11.8498 13.7956 11.2155 13.7956 10.5812C13.7956 10.3861 13.6492 10.1909 13.4052 10.1909H13.3564C12.771 10.2885 12.1855 10.4837 11.6488 10.7764C10.9169 11.1179 10.429 11.7034 9.94113 12.3377C9.16049 13.5086 8.86775 15.0211 9.25807 16.4361C9.30686 16.5824 9.45323 16.68 9.64839 16.68Z" fill="#FEBE26"/>
<path d="M20.9671 53.5652C21.3086 53.6628 21.6013 53.7603 21.9429 53.7603C22.138 53.7603 22.382 53.8091 22.5771 53.8091C22.8211 53.8091 23.065 53.8091 23.309 53.7603C23.7481 53.7116 24.1872 53.6628 24.5775 53.5164C24.9678 53.37 25.3582 53.1749 25.6997 52.9797C26.3828 52.5406 26.9194 52.0039 27.261 51.3696C27.5537 50.8329 27.7489 50.2475 27.8465 49.6132C27.8953 49.3692 27.7001 49.1741 27.4561 49.1741C27.4074 49.1741 27.3098 49.1741 27.261 49.1741C26.7243 49.1741 26.1388 49.2229 25.6509 49.3692C24.9191 49.5644 24.236 49.7596 23.5529 50.1499C23.2114 50.345 22.9187 50.5402 22.6259 50.7841C22.3332 51.0281 22.0404 51.272 21.7965 51.516C21.3574 51.9551 21.0158 52.4918 20.7719 53.0773C20.6255 53.2237 20.7231 53.4676 20.9671 53.5652Z" fill="#FEBE26"/>
<path d="M27.997 47.5151C27.997 46.8809 27.8994 46.2466 27.753 45.7099C27.5578 44.9781 27.3139 44.3438 26.9724 43.7583C26.826 43.4656 26.6308 43.2216 26.4357 42.9777C26.2405 42.7337 26.0454 42.4898 25.8502 42.2946C25.655 42.0994 25.4111 41.9043 25.1671 41.8067C25.0696 41.7579 24.9232 41.6603 24.8256 41.6115C24.7768 41.5627 24.728 41.5627 24.6792 41.5627C24.5329 41.5627 24.3865 41.6603 24.3377 41.8555C24.1913 42.4898 24.0938 43.0752 24.0938 43.7095C24.0938 44.051 24.1425 44.4414 24.2401 44.7829C24.3377 45.1244 24.4353 45.4172 24.6304 45.7587C24.972 46.3442 25.4111 46.9297 25.9966 47.32C26.4845 47.6127 27.0212 47.8567 27.5578 47.9542H27.6066C27.8018 47.9055 27.997 47.7591 27.997 47.5151Z" fill="#FEBE26"/>
<path d="M16.0873 50.9305C16.4288 51.0281 16.7703 51.0281 17.1119 51.0281C17.6485 51.0281 18.1364 50.9305 18.5756 50.833C19.9417 50.4914 21.0151 49.4668 21.6005 48.1983C21.6981 48.0031 21.5518 47.7104 21.3566 47.6616C20.576 47.4176 19.7953 47.3201 19.0147 47.3201C18.4292 47.3201 17.8437 47.3689 17.307 47.5152C15.9897 47.8568 14.7211 48.4422 13.8429 49.5156C13.6965 49.7108 13.7453 50.0035 13.9405 50.1011C14.5748 50.4914 15.3554 50.7354 16.0873 50.9305Z" fill="#FEBE26"/>
<path d="M21.7018 46.4907C21.7506 46.5395 21.7994 46.5395 21.8969 46.5395C22.0433 46.5395 22.1897 46.4419 22.2385 46.2467C22.6288 44.8806 22.5312 43.5145 22.2873 42.3435C22.1409 41.7093 21.8969 41.1726 21.6042 40.6359C21.409 40.2456 21.1163 39.9528 20.8236 39.6601C20.726 39.6113 20.6772 39.5625 20.5796 39.5625C20.482 39.5625 20.3357 39.6113 20.2869 39.7577C19.555 40.9774 19.2623 42.2947 19.5062 43.5145C19.7014 44.783 20.5308 45.9052 21.7018 46.4907Z" fill="#FEBE26"/>
<path d="M15.8467 45.0269C15.9931 44.8318 15.9443 44.5878 15.7491 44.4414C15.2124 44.0999 14.6757 43.8072 14.0903 43.5632C13.7487 43.4168 13.3584 43.3193 13.0169 43.2705C12.6754 43.1729 12.285 43.1241 11.9435 43.0753C11.7483 43.0753 11.5532 43.0753 11.358 43.0753C10.1871 43.0753 9.0161 43.3681 8.04029 44.0511C7.84513 44.1975 7.79634 44.4414 7.9915 44.6366C8.57698 45.2709 9.21126 45.7588 9.84553 46.1003C10.6262 46.4906 11.5044 46.6858 12.2362 46.7346H12.3826C13.1145 46.7346 13.7975 46.5394 14.4318 46.2467C14.9685 45.8564 15.4564 45.466 15.8467 45.0269Z" fill="#FEBE26"/>
<path d="M15.1132 41.0262C15.162 41.3677 15.3084 41.7093 15.4059 42.002C15.6499 42.5387 15.9426 43.0266 16.3817 43.4169C16.4305 43.4657 16.5281 43.5145 16.6257 43.5145C16.7721 43.5145 16.8696 43.4657 16.9672 43.3194C17.3088 42.7827 17.5527 42.1972 17.6991 41.6605C17.8942 40.9774 17.9918 40.2944 18.0406 39.6113C18.0894 38.9282 17.9918 38.3428 17.8455 37.7573C17.7479 37.3182 17.6015 36.9278 17.3576 36.5863C17.3088 36.4887 17.1624 36.4399 17.0648 36.4399C16.9672 36.4399 16.8696 36.4887 16.7721 36.5375C15.7475 37.5133 15.162 38.6355 15.0156 39.9528C15.0644 40.2944 15.0644 40.6847 15.1132 41.0262Z" fill="#FEBE26"/>
<path d="M58.8792 39.6112C59.4159 39.0745 59.9038 38.3914 60.2941 37.6595C60.3917 37.4644 60.2941 37.2204 60.0501 37.1229C59.5622 36.9765 59.0256 36.8789 58.4889 36.8789C57.6594 36.8789 56.83 37.0741 56.0981 37.3668C55.4151 37.6595 54.6832 38.0011 54.1465 38.4402C53.6586 38.8305 53.2195 39.2696 52.7804 39.7575C52.634 39.9527 52.6828 40.1966 52.878 40.343C53.6586 40.8309 54.4881 41.1236 55.4151 41.1236C55.8542 41.1236 56.3421 41.0748 56.7812 40.9285C57.5131 40.6357 58.2449 40.1966 58.8792 39.6112Z" fill="#FEBE26"/>
<path d="M48.9245 34.0003C48.9245 34.5858 49.0221 35.1713 49.2661 35.8055C49.6564 36.9277 50.2907 38.1474 51.3153 39.0745C51.4128 39.1232 51.4616 39.172 51.5592 39.172C51.6568 39.172 51.8032 39.1232 51.8519 38.9769C52.1935 38.4402 52.3886 37.9035 52.4374 37.318C52.535 36.5862 52.4862 35.9031 52.1935 35.2688C51.7544 34.0491 50.8274 33.1221 49.6076 32.5366C49.5588 32.4878 49.4612 32.4878 49.4124 32.4878C49.2661 32.4878 49.1197 32.5854 49.0709 32.7317C48.9245 33.1221 48.8758 33.5612 48.9245 34.0003Z" fill="#FEBE26"/>
<path d="M62.3954 29.8532C62.4442 29.6092 62.2491 29.4141 62.0051 29.4141C61.9563 29.4141 61.9563 29.4141 61.9075 29.4141C60.5902 29.4141 59.2729 29.9995 58.2483 30.7802C57.1261 31.6096 56.2479 32.7318 55.6624 34.0491C55.5648 34.2443 55.6624 34.537 55.9063 34.5858C56.3455 34.7322 56.7846 34.781 57.2725 34.781C58.1507 34.781 59.0289 34.537 59.8583 34.0003C60.4926 33.5612 61.0781 32.927 61.566 32.1463C62.0051 31.4632 62.2491 30.6826 62.3954 29.8532Z" fill="#FEBE26"/>
<path d="M54.2899 33.8541C54.4362 33.8541 54.5826 33.7565 54.6314 33.6101C55.0217 32.2928 54.6802 30.9267 53.9971 29.9021C53.2165 28.8775 52.0943 28.2432 50.777 27.9993C50.7282 27.9993 50.7282 27.9993 50.6794 27.9993C50.4842 27.9993 50.2891 28.1456 50.2891 28.3408C50.2891 28.7799 50.3866 29.1702 50.4842 29.6093C50.6306 30.146 50.9233 30.7315 51.3137 31.2682C51.9479 32.244 52.8749 33.2198 54.1435 33.8053C54.1923 33.8541 54.2411 33.8541 54.2899 33.8541Z" fill="#FEBE26"/>
<path d="M58.6879 23.7056C58.2488 24.3399 57.8585 25.0229 57.5657 25.706C57.3706 26.2915 57.1754 26.9257 57.0778 27.56C57.029 27.8039 57.2242 27.9991 57.4682 27.9991H57.5169C58.8831 27.9991 60.1028 27.4136 61.0786 26.2915C61.5665 25.6572 61.9569 24.9253 62.2008 23.9983C62.3472 23.5592 62.396 23.0713 62.396 22.6322C62.396 22.2907 62.396 21.9491 62.3472 21.5588C62.3472 21.3637 62.152 21.2173 61.9569 21.2173C61.9081 21.2173 61.9081 21.2173 61.8593 21.2173C60.5419 21.7052 59.4198 22.6322 58.6879 23.7056Z" fill="#FEBE26"/>
<path d="M55.9021 27.5113C55.9021 26.877 55.8046 26.2916 55.5606 25.7549C55.2679 25.1206 54.8288 24.5351 54.2921 24.1448C53.4626 23.5105 52.4381 23.2178 51.3159 23.2178C51.0719 23.2178 50.8768 23.2178 50.6328 23.2666C50.3889 23.3154 50.1937 23.5105 50.2913 23.7545C50.3401 23.9008 50.3889 24.0472 50.4377 24.1448C50.5352 24.3887 50.6816 24.6327 50.828 24.8766C51.1207 25.3645 51.5598 25.8036 52.0477 26.2428C52.926 26.9746 54.0969 27.6577 55.463 27.8528H55.5118C55.7558 27.8528 55.9021 27.7065 55.9021 27.5113Z" fill="#FEBE26"/>
<path d="M57.0278 21.3638H57.1253C58.4427 20.9735 59.4673 20.0465 60.1015 18.7292C60.687 17.363 60.7358 15.5578 60.0527 13.8502C60.004 13.7038 59.8576 13.6062 59.7112 13.6062C59.6624 13.6062 59.5648 13.6062 59.5161 13.655C58.3451 14.3868 57.5157 15.6066 57.0765 16.8751C56.7838 17.607 56.5886 18.3876 56.5399 19.1195C56.4911 19.7538 56.4911 20.388 56.5886 21.0711C56.6374 21.2662 56.8326 21.3638 57.0278 21.3638Z" fill="#FEBE26"/>
<path d="M49.0706 19.2658C49.5585 20.0952 50.3879 20.7295 51.4613 21.1686C52.2907 21.5589 53.3153 21.8029 54.3887 21.8029C54.6326 21.8029 54.9254 21.8029 55.1693 21.7541C55.4133 21.7053 55.5596 21.5101 55.5108 21.2662C55.3157 20.6807 55.0717 20.144 54.6814 19.7049C54.1935 19.1682 53.6568 18.7779 53.0226 18.534C52.5347 18.3388 51.998 18.2412 51.4613 18.2412C50.7294 18.2412 49.9976 18.3876 49.2657 18.7291C49.0218 18.8267 48.973 19.0706 49.0706 19.2658Z" fill="#FEBE26"/>
<path d="M54.2411 16.6312C54.2899 16.68 54.3386 16.68 54.4362 16.68C54.5826 16.68 54.729 16.5824 54.7778 16.4361C55.1681 15.0699 54.8753 13.5574 54.0947 12.3377C53.6556 11.7034 53.1189 11.1179 52.4358 10.7764C51.8991 10.4837 51.3137 10.2885 50.7282 10.1909H50.6794C50.4842 10.1909 50.2891 10.3861 50.2891 10.5812C50.2891 11.2155 50.3866 11.8498 50.5818 12.3865C50.8258 13.0207 51.0209 13.7038 51.4112 14.2405C52.0943 15.2163 53.0213 16.0457 54.2411 16.6312Z" fill="#FEBE26"/>
<path d="M38.3868 52.9311C38.7283 53.1262 39.0698 53.3214 39.5089 53.4678C39.8992 53.6141 40.3384 53.6629 40.7775 53.7117C41.0214 53.7117 41.2654 53.7605 41.5093 53.7605C41.7045 53.7605 41.9484 53.7605 42.1436 53.7117C42.4851 53.6629 42.7779 53.6141 43.1194 53.5166C43.3633 53.4678 43.4609 53.2238 43.4121 52.9799C43.1682 52.3944 42.8267 51.8577 42.3875 51.4186C42.1436 51.1258 41.8509 50.8819 41.5581 50.6867C41.2654 50.4428 40.9238 50.2476 40.5823 50.0525C39.8992 49.6621 39.2162 49.467 38.4843 49.2718C37.9476 49.1254 37.411 49.0767 36.8743 49.0767C36.8255 49.0767 36.7279 49.0767 36.6791 49.0767C36.4351 49.0767 36.24 49.2718 36.2888 49.5158C36.3864 50.15 36.5815 50.7355 36.8743 51.2722C37.167 51.9553 37.7037 52.492 38.3868 52.9311Z" fill="#FEBE26"/>
<path d="M36.5329 47.9057C37.1183 47.8081 37.655 47.5641 38.0941 47.2714C38.6796 46.8811 39.1187 46.2956 39.4603 45.7101C39.6066 45.4174 39.753 45.0758 39.8506 44.7343C39.9482 44.3928 39.997 44.0025 39.997 43.6609C39.997 43.0754 39.9482 42.4412 39.753 41.8069C39.7042 41.6605 39.5578 41.5142 39.4115 41.5142C39.3627 41.5142 39.3139 41.5142 39.2651 41.5629C39.1675 41.6117 39.0212 41.7093 38.9236 41.7581C38.6796 41.9045 38.4845 42.0508 38.2405 42.246C38.0454 42.4412 37.8502 42.6851 37.655 42.9291C37.4599 43.173 37.2647 43.417 37.1183 43.7097C36.7768 44.2952 36.5329 44.9295 36.3377 45.6613C36.1913 46.2468 36.0938 46.8323 36.0938 47.4666C36.0938 47.6617 36.2889 47.8569 36.4841 47.8569C36.4841 47.9057 36.5329 47.9057 36.5329 47.9057Z" fill="#FEBE26"/>
<path d="M45.5136 50.8329C45.9527 50.9793 46.4894 51.0281 46.9773 51.0281C47.3188 51.0281 47.6604 50.9793 48.0019 50.9305C48.7337 50.7841 49.5144 50.5402 50.1974 50.0523C50.3926 49.9059 50.4414 49.662 50.295 49.4668C49.4168 48.3934 48.1483 47.7591 46.8309 47.4664C46.2454 47.3688 45.7087 47.2712 45.1233 47.2712C44.3426 47.2712 43.562 47.3688 42.7813 47.6128C42.5374 47.6616 42.4398 47.9543 42.5374 48.1495C43.0741 49.4668 44.0987 50.4426 45.5136 50.8329Z" fill="#FEBE26"/>
<path d="M42.196 46.5395C42.2447 46.5395 42.2935 46.5395 42.3911 46.4907C43.5621 45.9053 44.3915 44.7831 44.6355 43.5633C44.9282 42.3436 44.5867 40.9774 43.8548 39.8065C43.806 39.7089 43.6597 39.6113 43.5621 39.6113C43.4645 39.6113 43.3669 39.6601 43.3181 39.7089C43.0254 40.0016 42.7327 40.2944 42.5375 40.6847C42.2448 41.2214 42.0008 41.7581 41.8544 42.3924C41.6105 43.5633 41.5129 44.9294 41.9032 46.2956C41.8544 46.4419 42.0008 46.5395 42.196 46.5395Z" fill="#FEBE26"/>
<path d="M51.805 46.6859C52.5857 46.6371 53.4151 46.4907 54.1957 46.0516C54.83 45.6613 55.5131 45.2222 56.0498 44.5879C56.1961 44.3927 56.1961 44.1488 56.001 44.0024C55.0252 43.3194 53.8542 43.0266 52.6832 43.0266C52.4881 43.0266 52.2929 43.0266 52.0978 43.0266C51.7074 43.0754 51.3659 43.1242 51.0244 43.2218C50.6341 43.2706 50.2925 43.3681 49.951 43.5145C49.3655 43.7097 48.8288 44.0512 48.2921 44.3927C48.097 44.5391 48.0482 44.7831 48.1946 44.9782C48.5849 45.4661 49.0728 45.8564 49.6095 46.1492C50.2437 46.4907 50.9268 46.6371 51.6587 46.6371C51.7074 46.6859 51.7562 46.6859 51.805 46.6859Z" fill="#FEBE26"/>
<path d="M46.9729 36.4888C46.8753 36.4888 46.7289 36.5376 46.6801 36.6351C46.4362 36.9767 46.2898 37.367 46.1922 37.8061C46.0459 38.3916 45.9483 38.9771 45.9971 39.6601C46.0459 40.3432 46.1434 41.0263 46.3386 41.7093C46.485 42.2948 46.7289 42.8315 47.0704 43.3682C47.1192 43.4658 47.2656 43.5633 47.412 43.5633C47.5096 43.5633 47.6071 43.5146 47.6559 43.4658C48.095 43.0754 48.4366 42.5387 48.6317 42.0508C48.7781 41.7093 48.8757 41.3678 48.9245 41.075C48.9733 40.7335 48.9733 40.3432 48.9733 40.0017C48.8757 38.7331 48.2414 37.5622 47.2168 36.5864C47.1192 36.4888 47.0217 36.4888 46.9729 36.4888Z" fill="#FEBE26"/>
</svg>
assets/img/milestone.svg 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
assets/js/script.js
...@@ -25,6 +25,7 @@ ...@@ -25,6 +25,7 @@
/** GLOBAL SCROLL INTO VIEW CONTROLLER START HERE*/ /** GLOBAL SCROLL INTO VIEW CONTROLLER START HERE*/
$(function () { $(function () {
$(".makura-new a[data-target]").on("click", function (e) { $(".makura-new a[data-target]").on("click", function (e) {
console.log("clicked data target");
e.preventDefault(); e.preventDefault();
$(this).parent().addClass("active").siblings().removeClass("active"); $(this).parent().addClass("active").siblings().removeClass("active");
const currentActive = $(this).data("target"); const currentActive = $(this).data("target");
...@@ -207,4 +208,59 @@ ...@@ -207,4 +208,59 @@
}); });
}); });
/** GALLERY LIGHT BOX AND DYNAMIC SLIDER ENDS HERE */ /** GALLERY LIGHT BOX AND DYNAMIC SLIDER ENDS HERE */
/** CASE STUDY DETAIL */
$(function () {
// Handle click on TOC items
$(".case-study-general .category-list a[data-target]").on("click", function (e) {
e.preventDefault();
// Update active class on TOC items
$(this).parent("li").addClass("active").siblings("li").removeClass("active");
// Scroll to the target section
var currentActive = $(this).data("target");
document.getElementById(currentActive)?.scrollIntoView({
behavior: "smooth",
});
});
function handleTocActiveOnScroll(offset = 100) {
let currentId = null;
// Check all h2 elements with IDs in the content area
$(".case-study-general-content h2[id]").each(function () {
const elementTop = $(this).offset().top;
const scrollPosition = $(window).scrollTop() + offset;
if (elementTop <= scrollPosition) {
currentId = $(this).attr("id");
}
});
// Update active TOC item if a section is in view
if (currentId) {
$(".case-study-general .category-list li").removeClass("active");
$(`.case-study-general .category-list a[data-target="${currentId}"]`)
.parent("li")
.addClass("active");
}
}
// Handle scroll events
$(window).on("load scroll", function () {
handleTocActiveOnScroll();
});
});
$(function () {
// Wrap tables inside .table-responsive
$(".case-study-general-content table").each(function () {
const $table = $(this);
if (!$table.parent().hasClass("table-responsive")) {
$table.wrap('<div class="table-responsive"></div>');
}
});
})
})(jQuery); })(jQuery);
blocks/portfolio-banner.php
<?php if(is_page("case-study-single")):?>
<section class="bg-primary pb-60 PD-TOP-SECTION makura-new case-study-banner">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-lg-7 title-wrapper">
<div class="client-logo-wrapper d-none d-lg-block">
<?php if ($image = get_field('client_logo')):
echo wp_get_attachment_image($image, 'full');
endif; ?>
</div>
<div class="portfolio-detail-content-box pb-40">
<?php the_field('description'); ?>
</div>
<?php if ($link = get_field('link')):
$link_target = $link['target'] ? $link['target'] : '_self'; ?>
<a href="<?php echo $link['url']; ?>" target="_blank" class="open-in-new-tab d-none d-lg-inline-block">
<?php echo $link['title']; ?>
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M14.3379 4.552L2.8619 16.028L0.976562 14.1427L12.4512 2.66667H2.3379V0H17.0046V14.6667H14.3379V4.552Z"
fill="#005AFF" />
</svg>
</a>
<?php endif; ?>
</div>
<div class="col-lg-4 col-xl-3">
<div class="banner-counter">
<div class="counter-item">
<h2><span class="counter" data-reach="78">78</span>%</h2>
<p>increased in organic traffic</p>
</div>
<div class="counter-item">
<h2><span class="counter" data-reach="80">80</span>+</h2>
<p>keywords ranked under top 20 globally</p>
</div>
<div class="counter-item">
<h2><span class="counter" data-reach="96">96</span>%</h2>
<p>reduction on bounce rate</p>
</div>
</div>
</div>
</div>
<?php if ($link = get_field('link')):
$link_target = $link['target'] ? $link['target'] : '_self'; ?>
<a href="<?php echo $link['url']; ?>" target="_blank" class="open-in-new-tab d-lg-none">
<?php echo $link['title']; ?>
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M14.3379 4.552L2.8619 16.028L0.976562 14.1427L12.4512 2.66667H2.3379V0H17.0046V14.6667H14.3379V4.552Z"
fill="#005AFF" />
</svg>
</a>
<?php endif; ?>
</div>
</section>
<?php else:?>
<section class="bg-primary pb-60 PD-TOP-SECTION makura-new"> <section class="bg-primary pb-60 PD-TOP-SECTION makura-new">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
...@@ -27,7 +83,8 @@ ...@@ -27,7 +83,8 @@
$sof_title = get_field('sof_title')?:'Scope of Work'; $sof_title = get_field('sof_title')?:'Scope of Work';
if ($scope = get_field('scope_of_work')): ?> if ($scope = get_field('scope_of_work')): ?>
<div class="scope-work-wrapper"> <div class="scope-work-wrapper">
<?php if (!empty($sof_title)): ?><span class="sm-text"><?php echo $sof_title; ?></span><?php endif; ?> <?php if (!empty($sof_title)): ?><span
class="sm-text"><?php echo $sof_title; ?></span><?php endif; ?>
<ul class="list-unstyled"> <ul class="list-unstyled">
<?php echo $scope; ?> <?php echo $scope; ?>
</ul> </ul>
...@@ -40,10 +97,13 @@ ...@@ -40,10 +97,13 @@
<a href="<?php echo $link['url']; ?>" target="_blank" class="open-in-new-tab d-lg-none"> <a href="<?php echo $link['url']; ?>" target="_blank" class="open-in-new-tab d-lg-none">
<?php echo $link['title']; ?> <?php echo $link['title']; ?>
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.3379 4.552L2.8619 16.028L0.976562 14.1427L12.4512 2.66667H2.3379V0H17.0046V14.6667H14.3379V4.552Z" <path
d="M14.3379 4.552L2.8619 16.028L0.976562 14.1427L12.4512 2.66667H2.3379V0H17.0046V14.6667H14.3379V4.552Z"
fill="#005AFF" /> fill="#005AFF" />
</svg> </svg>
</a> </a>
<?php endif; ?> <?php endif; ?>
</div> </div>
</section> </section>
<?php endif;?>
\ No newline at end of file
blocks/welcome-banner.php
<?php if (get_field('enable_welcome_banner_section')) : ?> <?php if (get_field('enable_welcome_banner_section')) : ?>
<section class="bg-secondary background-dark py-80 HOME TOP-BANNER-SECTION"> <section class="bg-secondary background-dark py-80 HOME TOP-BANNER-SECTION">
<div class="container"> <div class="container">
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-lg-5 col-md-5 col-12 mx-auto left-text"> <div class="col-lg-5 col-md-5 col-12 mx-auto left-text">
...@@ -8,7 +8,18 @@ ...@@ -8,7 +8,18 @@
<p><?php echo get_field('wb_subtitle') ?></p> <p><?php echo get_field('wb_subtitle') ?></p>
</div> </div>
<div class="button-wrapper"> <div class="button-wrapper">
<a href="<?php echo get_field('wb_button_link') ?>" class="btn btn-start-project btn-primary"><?php echo get_field('wb_button_text') ?></a> <a href="<?php echo get_field('wb_button_link') ?>"
class="btn btn-start-project btn-primary"><?php echo get_field('wb_button_text') ?></a>
</div>
<div class="review-block d-flex">
<div class="review">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/banner-image-01.png" alt=""
class="img-fluid">
</div>
<div class="review">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/banner-image-02.png" alt=""
class="img-fluid">
</div>
</div> </div>
</div> </div>
<div class="col-lg-6 col-md-6 col-12 mx-auto"> <div class="col-lg-6 col-md-6 col-12 mx-auto">
...@@ -21,5 +32,5 @@ ...@@ -21,5 +32,5 @@
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<?php endif; ?> <?php endif; ?>
\ No newline at end of file
dev/sass/pages/_index.scss
...@@ -25,8 +25,10 @@ ...@@ -25,8 +25,10 @@
border-radius: 5px; border-radius: 5px;
text-decoration: none; text-decoration: none;
z-index: 10; z-index: 10;
a { a {
display: block; display: block;
svg { svg {
max-width: 100%; max-width: 100%;
} }
...@@ -83,9 +85,11 @@ input[type="number"]::-webkit-inner-spin-button { ...@@ -83,9 +85,11 @@ input[type="number"]::-webkit-inner-spin-button {
input[type="number"] { input[type="number"] {
-moz-appearance: textfield !important; -moz-appearance: textfield !important;
} }
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors { .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
display: none !important; display: none !important;
} }
// woocommerce css // woocommerce css
.HOME { .HOME {
...@@ -94,17 +98,29 @@ input[type="number"] { ...@@ -94,17 +98,29 @@ input[type="number"] {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
&.TOP-BANNER-SECTION { &.TOP-BANNER-SECTION {
.left-text { .left-text {
.left-text-wrapper { .left-text-wrapper {
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
} }
img { img {
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
.review-block {
margin-top: 32px;
gap: 8px;
img {
max-height: 64px;
}
} }
}
&.TOP-CAROUSEL-SECTION { &.TOP-CAROUSEL-SECTION {
.row { .row {
margin-bottom: 0 !important; margin-bottom: 0 !important;
...@@ -112,6 +128,18 @@ input[type="number"] { ...@@ -112,6 +128,18 @@ input[type="number"] {
} }
} }
@media (min-width:992px) {
.HOME {
&.TOP-BANNER-SECTION {
.review-block {
margin-top: 40px;
}
}
}
}
.project-diagram { .project-diagram {
.top-row { .top-row {
@media (max-width: 767.98px) { @media (max-width: 767.98px) {
...@@ -235,12 +263,15 @@ input[type="number"] { ...@@ -235,12 +263,15 @@ input[type="number"] {
flex-direction: column-reverse; flex-direction: column-reverse;
} }
} }
&.background-dark { &.background-dark {
background-color: #005aff !important; background-color: #005aff !important;
} }
.col-lg-7 { .col-lg-7 {
position: relative; position: relative;
} }
img { img {
width: 100%; width: 100%;
height: 23rem; height: 23rem;
...@@ -248,15 +279,18 @@ input[type="number"] { ...@@ -248,15 +279,18 @@ input[type="number"] {
pointer-events: none; pointer-events: none;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
// padding: 0rem 5rem; // padding: 0rem 5rem;
@media (max-width: 768px) { @media (max-width: 768px) {
margin-left: 0; margin-left: 0;
} }
@media (max-width: 991px) { @media (max-width: 991px) {
position: relative; position: relative;
height: 100%; height: 100%;
} }
} }
.right-content-wrapper { .right-content-wrapper {
span { span {
color: #005aff; color: #005aff;
...@@ -266,6 +300,7 @@ input[type="number"] { ...@@ -266,6 +300,7 @@ input[type="number"] {
letter-spacing: -0.3px; letter-spacing: -0.3px;
margin-bottom: 0.375rem; margin-bottom: 0.375rem;
} }
h1, h1,
h2, h2,
h3, h3,
...@@ -280,6 +315,7 @@ input[type="number"] { ...@@ -280,6 +315,7 @@ input[type="number"] {
letter-spacing: -1.4px; letter-spacing: -1.4px;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
p { p {
color: $white !important; color: $white !important;
font-family: $body-font; font-family: $body-font;
...@@ -288,6 +324,7 @@ input[type="number"] { ...@@ -288,6 +324,7 @@ input[type="number"] {
line-height: 28px; line-height: 28px;
letter-spacing: -0.5px; letter-spacing: -0.5px;
} }
a { a {
width: fit-content; width: fit-content;
background: white; background: white;
...@@ -371,21 +408,25 @@ input[type="number"] { ...@@ -371,21 +408,25 @@ input[type="number"] {
display: flex; display: flex;
align-items: center; align-items: center;
} }
img { img {
width: auto; width: auto;
height: auto; height: auto;
object-fit: contain; object-fit: contain;
} }
.owl-carousel.owl-drag .owl-item { .owl-carousel.owl-drag .owl-item {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
} }
.experience-card, .experience-card,
.clients-served, .clients-served,
.working-experts { .working-experts {
padding: 1.9375rem 0; padding: 1.9375rem 0;
position: relative; position: relative;
&::before { &::before {
content: ""; content: "";
background-image: url("../../assets/img/makurajalo.svg"); background-image: url("../../assets/img/makurajalo.svg");
...@@ -398,6 +439,7 @@ input[type="number"] { ...@@ -398,6 +439,7 @@ input[type="number"] {
transform: rotate(112.957deg); transform: rotate(112.957deg);
opacity: 0.3; opacity: 0.3;
} }
h1, h1,
h2, h2,
h3, h3,
...@@ -416,6 +458,7 @@ input[type="number"] { ...@@ -416,6 +458,7 @@ input[type="number"] {
// HOMEPAGE-TOP-AFTER-CAROUSEL-SECTION // HOMEPAGE-TOP-AFTER-CAROUSEL-SECTION
.HOMEPAGE-TOP-AFTER-CAROUSEL-SECTION { .HOMEPAGE-TOP-AFTER-CAROUSEL-SECTION {
@media (max-width: 767.98px) { @media (max-width: 767.98px) {
h1, h1,
h2, h2,
h3, h3,
...@@ -455,12 +498,15 @@ input[type="number"] { ...@@ -455,12 +498,15 @@ input[type="number"] {
&:last-child { &:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
&:nth-child(even) { &:nth-child(even) {
flex-direction: row-reverse; flex-direction: row-reverse;
padding-bottom: 0; padding-bottom: 0;
@media (max-width: 767.98px) { @media (max-width: 767.98px) {
flex-direction: column-reverse; flex-direction: column-reverse;
} }
.left-text-wrapper { .left-text-wrapper {
.text-wrapper { .text-wrapper {
padding-right: 0; padding-right: 0;
...@@ -496,7 +542,9 @@ input[type="number"] { ...@@ -496,7 +542,9 @@ input[type="number"] {
margin-bottom: 1.75rem; margin-bottom: 1.75rem;
} }
} }
.technology-used { .technology-used {
h1, h1,
h2, h2,
h3, h3,
...@@ -511,15 +559,19 @@ input[type="number"] { ...@@ -511,15 +559,19 @@ input[type="number"] {
letter-spacing: -0.6px; letter-spacing: -0.6px;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
ul { ul {
row-gap: 12px; row-gap: 12px;
li { li {
margin-right: 1.25rem; margin-right: 1.25rem;
img { img {
width: auto; width: auto;
height: 2.4375rem; height: 2.4375rem;
object-fit: contain; object-fit: contain;
} }
&:last-child { &:last-child {
margin-right: 0; margin-right: 0;
} }
...@@ -535,6 +587,7 @@ input[type="number"] { ...@@ -535,6 +587,7 @@ input[type="number"] {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: contain; object-fit: contain;
@media (max-width: 991.98px) { @media (max-width: 991.98px) {
margin-bottom: 2rem; margin-bottom: 2rem;
height: auto; height: auto;
...@@ -565,6 +618,7 @@ input[type="number"] { ...@@ -565,6 +618,7 @@ input[type="number"] {
font-size: 2.75rem; font-size: 2.75rem;
font-weight: 600; font-weight: 600;
} }
p { p {
color: #58595a; color: #58595a;
font-family: $body-font; font-family: $body-font;
...@@ -577,14 +631,17 @@ input[type="number"] { ...@@ -577,14 +631,17 @@ input[type="number"] {
border: 1px solid #c0c0c0; border: 1px solid #c0c0c0;
transition: 0.3s ease; transition: 0.3s ease;
height: 100%; height: 100%;
&:hover { &:hover {
border: 1px solid #005aff; border: 1px solid #005aff;
// background: #121526; // background: #121526;
background: #005aff; background: #005aff;
li { li {
color: $white; color: $white;
border: 1px solid $white !important; border: 1px solid $white !important;
} }
h1, h1,
h2, h2,
h3, h3,
...@@ -593,11 +650,13 @@ input[type="number"] { ...@@ -593,11 +650,13 @@ input[type="number"] {
h6 { h6 {
color: $white; color: $white;
} }
a, a,
p, p,
.tag { .tag {
color: $white; color: $white;
} }
.tag { .tag {
border: 1px solid $white !important; border: 1px solid $white !important;
} }
...@@ -633,6 +692,7 @@ input[type="number"] { ...@@ -633,6 +692,7 @@ input[type="number"] {
list-style-type: none; list-style-type: none;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
li { li {
border: 1px solid rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.1);
padding: 0.375rem 1.25rem; padding: 0.375rem 1.25rem;
...@@ -667,6 +727,7 @@ input[type="number"] { ...@@ -667,6 +727,7 @@ input[type="number"] {
text-align: justify; text-align: justify;
margin: 0; margin: 0;
} }
.contact { .contact {
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -679,6 +740,7 @@ input[type="number"] { ...@@ -679,6 +740,7 @@ input[type="number"] {
//MEET-OUR-TEAM-SECTION //MEET-OUR-TEAM-SECTION
.MEET-OUR-TEAM-SECTION { .MEET-OUR-TEAM-SECTION {
.title-wrapper { .title-wrapper {
h1, h1,
h2, h2,
h3, h3,
...@@ -686,29 +748,34 @@ input[type="number"] { ...@@ -686,29 +748,34 @@ input[type="number"] {
h5, h5,
h6 { h6 {
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
@media (max-width: 767.98px) { @media (max-width: 767.98px) {
font-size: 2rem !important; font-size: 2rem !important;
text-align: left; text-align: left;
} }
} }
p { p {
color: #58595a; color: #58595a;
font-family: $body-font; font-family: $body-font;
font-size: 1.125rem; font-size: 1.125rem;
font-weight: 400; font-weight: 400;
margin: 0; margin: 0;
@media (max-width: 767.98px) { @media (max-width: 767.98px) {
font-size: 1.125rem !important; font-size: 1.125rem !important;
text-align: left; text-align: left;
} }
} }
} }
.meet-team-wrapper { .meet-team-wrapper {
.team-card { .team-card {
.card { .card {
border: 1px solid #fff; border: 1px solid #fff;
transition: 0.5s ease; transition: 0.5s ease;
justify-content: center; justify-content: center;
img { img {
width: 16.4375rem; width: 16.4375rem;
height: 16.375rem; height: 16.375rem;
...@@ -753,6 +820,7 @@ input[type="number"] { ...@@ -753,6 +820,7 @@ input[type="number"] {
h5 { h5 {
color: #fff; color: #fff;
} }
span { span {
color: $white; color: $white;
} }
...@@ -766,6 +834,7 @@ input[type="number"] { ...@@ -766,6 +834,7 @@ input[type="number"] {
h5 { h5 {
transition: 0.5s ease; transition: 0.5s ease;
} }
span { span {
color: #58595a; color: #58595a;
text-align: center; text-align: center;
...@@ -778,15 +847,18 @@ input[type="number"] { ...@@ -778,15 +847,18 @@ input[type="number"] {
} }
} }
} }
.about-team { .about-team {
.btn-start-project-white { .btn-start-project-white {
margin-top: 3rem !important; margin-top: 3rem !important;
} }
.team-card { .team-card {
.card { .card {
border: 1px solid #fff; border: 1px solid #fff;
transition: 0.5s ease; transition: 0.5s ease;
justify-content: center; justify-content: center;
img { img {
width: 16.4375rem; width: 16.4375rem;
height: 16.375rem; height: 16.375rem;
...@@ -831,6 +903,7 @@ input[type="number"] { ...@@ -831,6 +903,7 @@ input[type="number"] {
h5 { h5 {
color: #fff; color: #fff;
} }
span { span {
color: $white; color: $white;
} }
...@@ -844,6 +917,7 @@ input[type="number"] { ...@@ -844,6 +917,7 @@ input[type="number"] {
h5 { h5 {
transition: 0.5s ease; transition: 0.5s ease;
} }
span { span {
color: #58595a; color: #58595a;
text-align: center; text-align: center;
...@@ -863,6 +937,7 @@ input[type="number"] { ...@@ -863,6 +937,7 @@ input[type="number"] {
// OUR-CUSTOMERS-SAY-SECTION // OUR-CUSTOMERS-SAY-SECTION
.OUR-CUSTOMERS-SAY-SECTION { .OUR-CUSTOMERS-SAY-SECTION {
@media (max-width: 767.98px) { @media (max-width: 767.98px) {
h1, h1,
h2, h2,
h3, h3,
...@@ -872,12 +947,14 @@ input[type="number"] { ...@@ -872,12 +947,14 @@ input[type="number"] {
font-size: 1.875rem !important; font-size: 1.875rem !important;
} }
} }
&.single-what-customers-say { &.single-what-customers-say {
.customer-feedback-portfolio { .customer-feedback-portfolio {
.feedback-wrapper { .feedback-wrapper {
p { p {
height: unset; height: unset;
} }
.author-info { .author-info {
img { img {
width: auto; width: auto;
...@@ -905,24 +982,30 @@ input[type="number"] { ...@@ -905,24 +982,30 @@ input[type="number"] {
border: 2px solid rgba(0, 0, 0, 0.1); border: 2px solid rgba(0, 0, 0, 0.1);
background-color: $white; background-color: $white;
transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;
img { img {
background-color: $white; background-color: $white;
} }
&:hover { &:hover {
background-color: #121526; background-color: #121526;
p, p,
span { span {
color: $white !important; color: $white !important;
} }
svg { svg {
path { path {
fill: $white; fill: $white;
} }
} }
hr { hr {
border: 2px solid $white !important; border: 2px solid $white !important;
opacity: 1; opacity: 1;
} }
.author-info { .author-info {
.detail { .detail {
span { span {
...@@ -930,16 +1013,19 @@ input[type="number"] { ...@@ -930,16 +1013,19 @@ input[type="number"] {
} }
} }
} }
.detail { .detail {
div { div {
color: $white !important; color: $white !important;
} }
} }
} }
.inner-content { .inner-content {
height: 17rem; height: 17rem;
overflow: hidden; overflow: hidden;
} }
svg { svg {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
...@@ -954,6 +1040,7 @@ input[type="number"] { ...@@ -954,6 +1040,7 @@ input[type="number"] {
line-height: 24px; line-height: 24px;
letter-spacing: -0.4px; letter-spacing: -0.4px;
padding-right: 0.75rem; padding-right: 0.75rem;
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 2px; width: 2px;
} }
...@@ -976,6 +1063,7 @@ input[type="number"] { ...@@ -976,6 +1063,7 @@ input[type="number"] {
margin-right: 1.125rem; margin-right: 1.125rem;
border-radius: 50%; border-radius: 50%;
} }
.detail { .detail {
div { div {
color: #121526; color: #121526;
...@@ -985,6 +1073,7 @@ input[type="number"] { ...@@ -985,6 +1073,7 @@ input[type="number"] {
line-height: 30px; line-height: 30px;
margin-bottom: 0.125rem; margin-bottom: 0.125rem;
} }
span { span {
color: #58595a !important; color: #58595a !important;
font-family: $body-font; font-family: $body-font;
...@@ -1019,6 +1108,7 @@ input[type="number"] { ...@@ -1019,6 +1108,7 @@ input[type="number"] {
.feedback-wrapper { .feedback-wrapper {
border: 2px solid rgba(0, 0, 0, 0.1); border: 2px solid rgba(0, 0, 0, 0.1);
background-color: $white; background-color: $white;
svg { svg {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
...@@ -1032,6 +1122,7 @@ input[type="number"] { ...@@ -1032,6 +1122,7 @@ input[type="number"] {
font-weight: 500; font-weight: 500;
line-height: 24px; line-height: 24px;
letter-spacing: -0.4px; letter-spacing: -0.4px;
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 2px; width: 2px;
display: none; display: none;
...@@ -1056,6 +1147,7 @@ input[type="number"] { ...@@ -1056,6 +1147,7 @@ input[type="number"] {
font-weight: 500; font-weight: 500;
line-height: 24px; line-height: 24px;
letter-spacing: -0.4px; letter-spacing: -0.4px;
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 2px; width: 2px;
display: none; display: none;
...@@ -1082,6 +1174,7 @@ input[type="number"] { ...@@ -1082,6 +1174,7 @@ input[type="number"] {
line-height: 30px !important; line-height: 30px !important;
margin-bottom: 0.125rem; margin-bottom: 0.125rem;
} }
span { span {
color: #121526 !important; color: #121526 !important;
font-family: $body-font !important; font-family: $body-font !important;
...@@ -1103,6 +1196,7 @@ input[type="number"] { ...@@ -1103,6 +1196,7 @@ input[type="number"] {
object-fit: contain; object-fit: contain;
margin-right: 1.125rem; margin-right: 1.125rem;
} }
.detail { .detail {
div { div {
color: #121526; color: #121526;
...@@ -1111,6 +1205,7 @@ input[type="number"] { ...@@ -1111,6 +1205,7 @@ input[type="number"] {
font-weight: 600; font-weight: 600;
line-height: 30px; line-height: 30px;
} }
span { span {
color: #58595a; color: #58595a;
font-family: $body-font; font-family: $body-font;
...@@ -1167,6 +1262,7 @@ input[type="number"] { ...@@ -1167,6 +1262,7 @@ input[type="number"] {
a { a {
&:hover { &:hover {
.text-wrapper { .text-wrapper {
h1, h1,
h2, h2,
h3, h3,
...@@ -1176,15 +1272,18 @@ input[type="number"] { ...@@ -1176,15 +1272,18 @@ input[type="number"] {
color: $primary; color: $primary;
} }
} }
.bottom-section { .bottom-section {
p { p {
color: $primary; color: $primary;
} }
} }
} }
.blog-image-wrapper { .blog-image-wrapper {
overflow: hidden; overflow: hidden;
height: 17.1875rem; height: 17.1875rem;
img { img {
margin-bottom: 1.25rem; margin-bottom: 1.25rem;
transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;
...@@ -1194,6 +1293,7 @@ input[type="number"] { ...@@ -1194,6 +1293,7 @@ input[type="number"] {
overflow: hidden; overflow: hidden;
} }
} }
.bottom-section { .bottom-section {
p { p {
color: #58595a; color: #58595a;
...@@ -1206,8 +1306,10 @@ input[type="number"] { ...@@ -1206,8 +1306,10 @@ input[type="number"] {
margin: 0; margin: 0;
} }
} }
.text-wrapper { .text-wrapper {
padding: 1.25rem 0; padding: 1.25rem 0;
h6 { h6 {
margin-bottom: 1.3125rem; margin-bottom: 1.3125rem;
color: #333; color: #333;
...@@ -1244,12 +1346,14 @@ input[type="number"] { ...@@ -1244,12 +1346,14 @@ input[type="number"] {
margin: 1.25rem auto; margin: 1.25rem auto;
border: 1px solid rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.1);
} }
.btn { .btn {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin: auto; margin: auto;
width: fit-content; width: fit-content;
@media (max-width: 1400px) { @media (max-width: 1400px) {
margin-top: 3rem; margin-top: 3rem;
} }
...@@ -1266,12 +1370,14 @@ input[type="number"] { ...@@ -1266,12 +1370,14 @@ input[type="number"] {
color: #005aff; color: #005aff;
margin-bottom: 1.25rem; margin-bottom: 1.25rem;
} }
.accordion-wrapper { .accordion-wrapper {
.accordion { .accordion {
position: sticky; position: sticky;
top: 18%; top: 18%;
} }
} }
.left-section { .left-section {
.image-wrapper { .image-wrapper {
img { img {
...@@ -1280,6 +1386,7 @@ input[type="number"] { ...@@ -1280,6 +1386,7 @@ input[type="number"] {
object-fit: contain; object-fit: contain;
} }
} }
h2 { h2 {
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
...@@ -1291,6 +1398,7 @@ input[type="number"] { ...@@ -1291,6 +1398,7 @@ input[type="number"] {
font-size: 1.125rem; font-size: 1.125rem;
font-weight: 400; font-weight: 400;
letter-spacing: -0.5px; letter-spacing: -0.5px;
span { span {
color: #58595a !important; color: #58595a !important;
} }
...@@ -1303,6 +1411,7 @@ input[type="number"] { ...@@ -1303,6 +1411,7 @@ input[type="number"] {
.accordion { .accordion {
margin-bottom: 2.1875rem; margin-bottom: 2.1875rem;
.accordion-body { .accordion-body {
p { p {
color: #58595a; color: #58595a;
...@@ -1313,6 +1422,7 @@ input[type="number"] { ...@@ -1313,6 +1422,7 @@ input[type="number"] {
letter-spacing: -0.5px; letter-spacing: -0.5px;
} }
} }
.accordion-item { .accordion-item {
&.classColor { &.classColor {
.accordion-header { .accordion-header {
...@@ -1321,6 +1431,7 @@ input[type="number"] { ...@@ -1321,6 +1431,7 @@ input[type="number"] {
} }
} }
} }
.accordion-button { .accordion-button {
&::after { &::after {
background-image: url(../../assets/img/close-icon.png); background-image: url(../../assets/img/close-icon.png);
...@@ -1346,4 +1457,5 @@ input[type="number"] { ...@@ -1346,4 +1457,5 @@ input[type="number"] {
} }
} }
} }
//FAQS-SECTION //FAQS-SECTION
\ No newline at end of file
dev/sass/pages/_milestone.scss 0 → 100644
.milestone {
padding: 64px 0;
background: #F9F8F4;
.section-title {
max-width: 962px;
img {
max-width: 64px;
margin-right: 24px;
}
}
.row {
--bs-gutter-y: 16px;
}
}
.milestone-card {
background-color: var(--white);
.milestone-card-content {
padding: 32px 40px 24px;
}
img.milestone-logo {
margin-bottom: 24px;
}
span.over-title {
display: block;
font-weight: 700;
font-size: 12px;
line-height: 16px;
letter-spacing: -0.5px;
text-transform: uppercase;
color: $primary;
margin-bottom: 12px;
}
h3 {
margin-bottom: 12px;
}
a {
font-weight: 600;
font-size: 18px;
line-height: 28px;
letter-spacing: -0.5px;
color: $primary;
margin-top: 12px;
display: block;
}
}
\ No newline at end of file
dev/sass/pages/case-study/_case-study-banner.scss 0 → 100644
.case-study-banner {
.banner-counter {
.counter-item {
padding: 16px 24px;
border-radius: 12px;
background-color: rgba(255, 255, 255, 0.1);
* {
color: var(--white);
}
h2 {
margin-bottom: 4px;
}
&:not(:last-child) {
margin-bottom: 8px;
}
}
}
}
\ No newline at end of file
dev/sass/pages/case-study/_case-study-general.scss 0 → 100644
.case-study-general {
margin-bottom: 64px;
.case-study-general-aside,
.case-study-general-content {
padding-top: 64px;
}
.case-study-general-aside {
ul {
li {
a {
font-size: 14px;
line-height: 24px;
letter-spacing: 0px;
color: #58595A !important;
&::after {
content: "";
display: inline-block;
width: 10px;
height: 6px;
background: url(../img/angle-down.svg) no-repeat center/contain;
transform: rotate(-90deg);
opacity: 0;
transition: all 0.3s ease-in-out;
}
}
&.active,
&:hover {
a {
color: #121526 !important;
&::after {
transform: translateX(10px) rotate(-90deg);
opacity: 1;
}
}
}
}
}
}
.case-study-general-content {
h2 {
margin-bottom: 16px;
&:not(:first-child) {
margin-top: 48px;
}
}
p,
ul,
ol,
img,
figure {
+p,
+ul,
+ol,
+img,
+figure {
margin-top: 16px;
}
}
ul,
ol {
li {
color: $grey;
+li {
margin-top: 12px;
}
}
}
a {
color: $primary;
}
ul {
li {
padding-left: 24px;
position: relative;
&::after {
content: "";
position: absolute;
top: 8px;
left: 0;
width: 8px;
height: 8px;
background-color: $primary;
transform: rotate(45deg);
}
}
}
ol {
padding-left: 24px;
li {
list-style-type: decimal;
}
}
table {
margin-top: 24px;
width: 100%;
min-width: 856px;
tr {
td {
padding: 12px 40px;
}
&:first-child {
td {
background-color: $primary;
color: var(--white);
font-size: 14px;
line-height: 140%;
font-weight: 700;
}
}
&:nth-child(odd):not(:first-child) {
td {
background-color: rgba(18, 21, 38, 0.1);
}
}
}
}
figure,
img {
border-radius: 12px;
overflow: hidden;
}
}
}
@media (min-width:992px) {
.case-study-general {
margin-bottom: 96px;
.case-study-general-aside,
.case-study-general-content {
padding-top: 96px;
}
.case-study-general-aside {
position: sticky;
top: 0;
}
.case-study-general-content {
padding-left: 24px;
border-left: 1px solid rgba(0, 0, 0, 0.1);
h2 {
&:not(:first-child) {
margin-top: 72px;
}
}
}
}
}
\ No newline at end of file
dev/sass/style.scss
...@@ -8,6 +8,10 @@ $theme-colors: ( ...@@ -8,6 +8,10 @@ $theme-colors: (
"red": #f71d24 "red": #f71d24
); );
:root {
--white: #fff;
}
//colors //colors
// $primary: #121526; // $primary: #121526;
$primary: #005aff; $primary: #005aff;
...@@ -17,6 +21,7 @@ $primary-second: #005aff; ...@@ -17,6 +21,7 @@ $primary-second: #005aff;
$grey: #58595a; $grey: #58595a;
$red: #f71d24; $red: #f71d24;
//fonts //fonts
$body-font: "Sora", sans-serif; $body-font: "Sora", sans-serif;
...@@ -62,3 +67,6 @@ $body-font: "Sora", sans-serif; ...@@ -62,3 +67,6 @@ $body-font: "Sora", sans-serif;
@import "pages/master-portfolio/sticky-tab"; @import "pages/master-portfolio/sticky-tab";
@import "pages/master-portfolio/block-gallery"; @import "pages/master-portfolio/block-gallery";
@import "pages/master-portfolio/moment-gallery"; @import "pages/master-portfolio/moment-gallery";
@import "pages/case-study/case-study-banner";
@import "pages/case-study/case-study-general";
@import "pages/milestone";
\ No newline at end of file
page-templates/case-study-detail.php 0 → 100644
<?php
/**
* Template Name: Case Study Sinlge
*/
get_header();
the_content();
?>
<section class="case-study-general makura-new">
<div class="container">
<div class="row">
<div class="col-lg-4 col-xl-3">
<aside class="case-study-general-aside toc">
<div class="toc-title d-lg-none">
<h6>Table of Content</h6>
</div>
<div class="category-list">
<ul>
<li class="active">
<a href="#" data-target="background">Background</a>
</li>
<li>
<a href="#" data-target="seo">Background</a>
</li>
</ul>
</div>
</aside>
</div>
<div class="col-lg-8 col-xl-9">
<div class="case-study-general-content">
<h2 id="background">Background</h2>
<p>Lambda Payments specializes in financial technology, enriching the way people and businesses pay
and are paid and improving the safety of their money and other valuable assets. Lambda Payments
provides end-to-end Fintech products and solutions to enterprises, banks, and financial
institutions. Combining a team of battle-hardened industry experts with avant-garde technology,
we provide an all-encompassing suite of solutions fitted for the unique needs of our clients.
Dedicated to the pursuit of excellence, focused on user-centric design, they strive to enable
technology to make lives better for all.</p>
<h2 id="seo">SEO Achievements</h2>
<p>Lambda Payments provides end-to-end Fintech products and solutions to enterprises, banks, and
financial institutions.</p>
<ol>
<li>Improved Keyword Rankings
</li>
<li>Increased Traffic</li>
<li> Enhanced User Engagement</li>
<li> Built Industry Authority</li>
</ol>
<table>
<tbody>
<tr>
<td>Metric</td>
<td>Initial Value (Jan 2024)</td>
<td>Final Value (Jan 2025)</td>
<td>Growth</td>
</tr>
<tr>
<td>Authority Score</td>
<td>Authority Score</td>
<td>Authority Score</td>
<td>Authority Score</td>
</tr>
<tr>
<td>Authority Score</td>
<td>Authority Score</td>
<td>Authority Score</td>
<td>Authority Score</td>
</tr>
</tbody>
</table>
<h2>Performance Metrics Graph</h2>
<p>Combining a team of battle-hardened industry experts with avant-garde technology, we provide an
all-encompassing suite of solutions fitted for the unique needs of our clients. Dedicated to the
pursuit of excellence, focused on user-centric design, they strive to enable technology to make
lives better for all.</p>
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/blog-banner.png" alt=""
class="img-fluid">
<figure>
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/blog-banner.png" alt=""
class="img-fluid">
</figure>
<h2>Traffic Growth</h2>
<p>In addition to keyword improvements, organic traffic has steadily grown:</p>
<ul>
<li>Organic Traffic: Traffic grew by 78%, from 1,730 visitors to 3,075 in January 2024</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<?php
get_template_part("/template-parts/home/milestone",null);
get_footer();
?>
\ No newline at end of file
template-parts/home/milestone.php 0 → 100644
<section class="milestone makura-new">
<div class="container">
<div class="section-title">
<h2>
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/milestone-title.svg?>" alt="">
Recognition & Milestones
</h2>
<p>Our work has been recognized for pushing creative boundaries and delivering real impact. These milestones
reflect our passion for design and the trust our clients place in us.</p>
</div>
<div class="row">
<div class="col-lg-6">
<div class="milestone-card">
<div class="milestone-card-content">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/milestone.svg" alt=""
class="img-fluid milestone-logo">
<span class="over-title">24 october 2023</span>
<h3>Recognition from World Health Organization</h3>
<p>Proud moments that highlight our dedication to impactful and innovative design.Breathing new
life, Makura Creations changed the overall look of CAN. Boosting their social media presence
and
updating their </p>
<a href="#">Learn More →</a>
</div>
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/blog-banner.png" alt=""
class="img-fluid ">
</div>
</div>
<div class="col-lg-6">
<div class="milestone-card">
<div class="milestone-card-content">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/milestone.svg" alt=""
class="img-fluid milestone-logo">
<span class="over-title">24 october 2023</span>
<h3>Recognition from World Health Organization</h3>
<p>Proud moments that highlight our dedication to impactful and innovative design.Breathing new
life, Makura Creations changed the overall look of CAN. Boosting their social media presence
and
updating their </p>
<a href="#">Learn More →</a>
</div>
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/blog-banner.png" alt=""
class="img-fluid">
</div>
</div>
</div>
</div>
</section>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment