Discover Courses
Login
Editing
Main Page
From Course IT
Jump to:
navigation
,
search
Warning:
You are not logged in. Your IP address will be publicly visible if you make any edits. If you
log in
or
create an account
, your edits will be attributed to your username, along with other benefits.
Anti-spam check. Do
not
fill this in!
<html> <div style="display: flex; flex-direction: column; align-items: center;"> <div style="margin-top: 50px; max-width: 1100px; width: 100%; flex-direction: column; justify-content: center; align-items: center; gap: 40px; display: inline-flex";text-align: center;> <div style="align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px; display: flex"> <div id="courseTitle" style="align-self: stretch; text-align: center; color: #141417; font-size: 55px; font-family: Gilroy; font-weight: 700; line-height: 70px; letter-spacing: 1.10px; word-wrap: break-word; margin-right:180px;"> <span id="styledWord" style="color: var(--west-side-600, #FF8A00); opacity: 0.364658; display: inline-block; width: 300px; text-align: right;">Find</span> Your Perfect Course </div> <div style="align-self: stretch; text-align: center; color: #5C5D6D; font-size: 16px; font-family: Gilroy; font-weight: 500; line-height: 24px; letter-spacing: 0.16px; word-wrap: break-word">Enroll in enriching courses or become a driving force in education by crafting your own courses.</div> </div> <div class="mobile-margin-top" style="height: auto; flex-direction: row; justify-content: center; align-items: center; align-items: flex-start; gap: 10px; display: flex"> <!-- Create a Course Button and AI Text --> <div style="flex-direction: column; align-items: center; gap: 10px; display: flex;"> <button onclick="window.location.href='/index.php/Special:Course'" style="width: 260px; height: 56px; padding-left: 15px; padding-right: 15px; padding-top: 13px; padding-bottom: 13px; background: #FF8A00; border-radius: 10px; justify-content: center; align-items: center; gap: 10px; display: flex; border: none; cursor: pointer;"> <span style="color: white; font-size: 18px; font-family: Gilroy; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; word-wrap: break-word">Create a Course</span> <svg xmlns="http://www.w3.org/2000/svg" width="31" height="30" viewBox="0 0 31 30" fill="none"> <rect x="18.21" y="7.89331" width="5.16381" height="23.1927" rx="1.5" transform="rotate(44.3404 18.21 7.89331)" stroke="white" stroke-width="1.3"/> <path d="M14.1346 12.0649L17.8278 15.674L7.49775 26.2447C6.50113 27.2645 4.86647 27.2833 3.84663 26.2867C2.8268 25.2901 2.80798 23.6554 3.8046 22.6356L14.1346 12.0649Z" fill="white" stroke="white" stroke-width="1.3"/> <path d="M8.46992 1.90906C8.86231 4.15916 10.6243 5.92115 12.8744 6.31354C10.6243 6.70593 8.86231 8.46793 8.46992 10.718C8.07753 8.46793 6.31553 6.70593 4.06543 6.31354C6.31553 5.92115 8.07753 4.15916 8.46992 1.90906Z" fill="white"/> <path d="M25.8694 3.12048C26.148 4.71807 27.399 5.96908 28.9966 6.24768C27.399 6.52628 26.148 7.7773 25.8694 9.37488C25.5908 7.7773 24.3398 6.52628 22.7422 6.24768C24.3398 5.96908 25.5908 4.71807 25.8694 3.12048Z" fill="white"/> <path d="M24.2393 17.2914C24.4473 18.4842 25.3814 19.4183 26.5742 19.6264C25.3814 19.8344 24.4473 20.7685 24.2393 21.9613C24.0313 20.7685 23.0972 19.8344 21.9043 19.6264C23.0972 19.4183 24.0313 18.4842 24.2393 17.2914Z" fill="white"/> </svg> </button> <div style="text-align: center;"><span style="color: #FF8A00; font-size: 14px; font-family: Gilroy; font-weight: 500; line-height: 21px; letter-spacing: 0.14px; word-wrap: break-word">See our AI Magic at work</span></div> </div> <!-- Find Courses Button --> <div style="position: relative; width: 260px;"> <input id="searchInputs" type="text" placeholder="Find Courses" style="padding-left: 15px; padding-right: 50px; padding-top: 13px; padding-bottom: 13px; width: 100%; height: 56px; border-radius: 10px; border: 1px #1B38F5 solid; color: #000000; font-size: 18px; font-family: Gilroy; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; box-sizing: border-box; text-align: center;" onkeydown="if (event.key === 'Enter') { var query = this.value; if ($.trim(query) !== '') { window.location.href = '/index.php/Special:ListPages?search=' + encodeURIComponent(query); }}" > <div style="position: absolute; right: 15px; top: 50%; transform: translateY(-50%); cursor: pointer;"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" onclick="var query = document.getElementById('searchInputs').value; if ($.trim(query) !== '') { window.location.href = '/index.php/Special:ListPages?search=' + encodeURIComponent(query); }" > <circle cx="11.1112" cy="11.1112" r="7.11124" stroke="#1B38F5" stroke-width="1.5" stroke-linecap="round"/> <path d="M16.4444 16.4446L19.9999 20.0002" stroke="#1B38F5" stroke-width="1.5" stroke-linecap="round"/> </svg> </div> <!-- Suggestions container --> <div id="suggestions-box" style="position:absolute; top: 100%; left: 0; max-height: 150px; overflow-y: auto; width: 100%; border: 1px solid #E0E0E0; border-top: none; border-radius: 0 0 10px 10px; z-index: 1; display: none;"></div> </div> </div> </div> <img src="/images/Frame11.svg" style="max-width: 1100px; width: 100%; height: auto; margin-top: 50px; display: block;"> <div style="width:100%; padding-top: 50px; background: #F7F7F8; flex-direction: column; justify-content: flex-start; align-items: center; gap: 80px; display: flex; margin-top:50px; "> <!-- Changed from inline-flex to flex for consistency --> <div style="align-self: stretch; height: 70px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; display: flex; margin-bottom:40px; "> <!-- Added this container to ensure vertical alignment --> <div style="width: 737px; text-align: center; color: #141417; font-size: 50px; font-family: Gilroy; font-weight: 700; line-height: 70px; letter-spacing: 1px; word-wrap: break-word; padding-top:50px;">Create Courses with AI, Refine Collaboratively with Wikis</div> </div> <div style="align-self: stretch; justify-content: center; align-items: flex-start; gap: 30px; display: inline-flex; padding-bottom:50px;"> <div style="width: 280px; padding-bottom: 30px; background: white; border-radius: 10px; flex-direction: column; justify-content: flex-start; align-items: center; gap: 20px; display: inline-flex; position: relative;"> <!-- SVG with specific positioning --> <svg xmlns="http://www.w3.org/2000/svg" width="50" viewBox="0 0 56 62" fill="none" style="position: absolute; top: -30px; left: -10px; z-index: 10;"> <path d="M53.9363 47.0601C50.5447 51.9038 45.7068 55.5494 40.1159 57.4745C34.525 59.3996 28.4682 59.5053 22.8136 57.7765C17.1589 56.0477 12.1968 52.5732 8.63821 47.8508C5.07966 43.1285 3.10746 37.4008 3.00427 31.4887C2.90107 25.5765 4.67218 19.7835 8.06375 14.9399C11.4553 10.0962 16.2932 6.45057 21.8841 4.52548C27.475 2.60039 33.5318 2.49467 39.1864 4.22347C44.8411 5.95227 49.8033 9.42684 53.3618 14.1492" stroke="url(#paint0_linear_70_167)" stroke-width="5"/> <text x="28" y="35" fill="var(--woodsmoke-950, #141417)" text-anchor="middle" font-family="Gilroy" font-size="24" font-weight="600" line-height="36" letter-spacing="0.24px">1</text> <defs> <linearGradient id="paint0_linear_70_167" x1="33.1969" y1="6.53903" x2="33.1969" y2="55.1706" gradientUnits="userSpaceOnUse"> <stop stop-color="#FF8A00"/> <stop offset="0.486616" stop-color="#922CFF"/> <stop offset="1" stop-color="#3961FF"/> </linearGradient> </defs> </svg> <!-- End of SVG --> <img src="/images/Frame1000002879.svg" alt="SVG Image" style="align-self: stretch; height: 150px; width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; object-fit: cover;"> <div style="height: 84px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex"> <div style="align-self: stretch; text-align: center; color: #141417; font-size: 18px; font-family: Gilroy; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; word-wrap: break-word">Think!</div> <div style="align-self: stretch; text-align: center; color: #5C5D6D; font-size: 16px; font-family: Gilroy; font-weight: 500; line-height: 24px; letter-spacing: 0.16px; word-wrap: break-word">Think of a course and ask AI to build it!</div> </div> </div> <div style="width: 280px; padding-bottom: 30px; background: white; border-radius: 10px; flex-direction: column; justify-content: flex-start; align-items: center; gap: 20px; display: inline-flex; position: relative;"> <!-- SVG with specific positioning and number 2 --> <svg xmlns="http://www.w3.org/2000/svg" width="50" viewBox="0 0 56 62" fill="none" style="position: absolute; top: -30px; left: -10px; z-index: 10;"> <path d="M53.9363 47.0601C50.5447 51.9038 45.7068 55.5494 40.1159 57.4745C34.525 59.3996 28.4682 59.5053 22.8136 57.7765C17.1589 56.0477 12.1968 52.5732 8.63821 47.8508C5.07966 43.1285 3.10746 37.4008 3.00427 31.4887C2.90107 25.5765 4.67218 19.7835 8.06375 14.9399C11.4553 10.0962 16.2932 6.45057 21.8841 4.52548C27.475 2.60039 33.5318 2.49467 39.1864 4.22347C44.8411 5.95227 49.8033 9.42684 53.3618 14.1492" stroke="url(#paint0_linear_70_167)" stroke-width="5"/> <text x="28" y="35" fill="var(--woodsmoke-950, #141417)" text-anchor="middle" font-family="Gilroy" font-size="24" font-weight="600" line-height="36" letter-spacing="0.24px">2</text> <defs> <linearGradient id="paint0_linear_70_167" x1="33.1969" y1="6.53903" x2="33.1969" y2="55.1706" gradientUnits="userSpaceOnUse"> <stop stop-color="#FF8A00"/> <stop offset="0.486616" stop-color="#922CFF"/> <stop offset="1" stop-color="#3961FF"/> </linearGradient> </defs> </svg> <!-- End of SVG --> <img src="/images/Frame1000002878.svg" alt="SVG Image" style="align-self: stretch; height: 150px; width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; object-fit: cover;"> <div style="height: 84px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex"> <div style="align-self: stretch; text-align: center; color: #141417; font-size: 18px; font-family: Gilroy; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; word-wrap: break-word">Voila!</div> <div style="align-self: stretch; text-align: center; color: #5C5D6D; font-size: 16px; font-family: Gilroy; font-weight: 500; line-height: 24px; letter-spacing: 0.16px; word-wrap: break-word">Wait for the AI to create the full course!</div> </div> </div> <div style="width: 280px; padding-bottom: 30px; background: white; border-radius: 10px; flex-direction: column; justify-content: flex-start; align-items: center; gap: 20px; display: inline-flex; position: relative;"> <!-- SVG with specific positioning and number 3 --> <svg xmlns="http://www.w3.org/2000/svg" width="50" viewBox="0 0 56 62" fill="none" style="position: absolute; top: -30px; left: -10px; z-index: 10;"> <path d="M53.9363 47.0601C50.5447 51.9038 45.7068 55.5494 40.1159 57.4745C34.525 59.3996 28.4682 59.5053 22.8136 57.7765C17.1589 56.0477 12.1968 52.5732 8.63821 47.8508C5.07966 43.1285 3.10746 37.4008 3.00427 31.4887C2.90107 25.5765 4.67218 19.7835 8.06375 14.9399C11.4553 10.0962 16.2932 6.45057 21.8841 4.52548C27.475 2.60039 33.5318 2.49467 39.1864 4.22347C44.8411 5.95227 49.8033 9.42684 53.3618 14.1492" stroke="url(#paint0_linear_70_167)" stroke-width="5"/> <text x="28" y="35" fill="var(--woodsmoke-950, #141417)" text-anchor="middle" font-family="Gilroy" font-size="24" font-weight="600" line-height="36" letter-spacing="0.24px">3</text> <defs> <linearGradient id="paint0_linear_70_167" x1="33.1969" y1="6.53903" x2="33.1969" y2="55.1706" gradientUnits="userSpaceOnUse"> <stop stop-color="#FF8A00"/> <stop offset="0.486616" stop-color="#922CFF"/> <stop offset="1" stop-color="#3961FF"/> </linearGradient> </defs> </svg> <!-- End of SVG --> <img src="/images/Frame1000002877.svg" alt="SVG image" style="align-self: stretch; height: 150px; width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; object-fit: cover;"> <div style="height: 84px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex"> <div style="align-self: stretch; text-align: center; color: #141417; font-size: 18px; font-family: Gilroy; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; word-wrap: break-word">Perfect!</div> <div style="align-self: stretch; text-align: center; color: #5C5D6D; font-size: 16px; font-family: Gilroy; font-weight: 500; line-height: 24px; letter-spacing: 0.16px; word-wrap: break-word">Perfect the course working collaboratively on a wiki.</div> </div> </div> </div> </div> <div style="max-width: 1160px; justify-content: center; align-items: center; gap: 60px; display: inline-flex; margin-top:50px;"> <div style="flex: 1 1 0; align-self: stretch; padding-left: 16.27px; padding-right: 22.25px; justify-content: flex-start; align-items: center; display: flex "> <!-- Adding the SVG here using an img tag with specified width and height --> <img src="/images/1.svg" alt="SVG Image" width="550px" height="550px" /> </div> <div style="max-width: 550px; align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 30px; display: inline-flex"> <div style="align-self: stretch; height: 292px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex"> <div style="align-self: stretch; color: #141417; font-size: 50px; font-family: Gilroy; font-weight: 700; line-height: 70px; letter-spacing: 1px; word-wrap: break-word">Collate All Your Study Materials with Friends as a Course</div> <div style="align-self: stretch; color: #5C5D6D; font-size: 16px; font-family: Gilroy; font-weight: 500; line-height: 24px; letter-spacing: 0.16px; word-wrap: break-word">Neque habitant amet vitae id quisque maecenas bibendum volutpat. Pellentesque tortor in ipsum enim non feugiat ut. In pellentesque malesuada nisl fermentum duis lorem augue rutrum est amet.</div> </div> <a href="/index.php?title=Special:Course" style="text-decoration: none; margin-top: 30px;"> <div style="padding-left: 30px; padding-right: 30px; padding-top: 15px; padding-bottom: 15px; background: #1B38F5; border-radius: 10px; justify-content: center; align-items: center; gap: 10px; display: inline-flex; cursor: pointer; transition: transform 0.1s ease-in-out;" onmousedown="this.style.transform='scale(0.95)'" onmouseup="this.style.transform='scale(1)'"> <div style="color: white; font-size: 18px; font-family: Gilroy; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; word-wrap: break-word">Create a Course</div> </div> </a> </div> </div> <div style="width: 1160px; justify-content: center; align-items: center; gap: 60px; display: inline-flex; margin-top: 50px;"> <div style="width: 550px; align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 30px; display: inline-flex"> <div style="align-self: stretch; height: 222px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex"> <div style="align-self: stretch; color: #141417; font-size: 50px; font-family: Gilroy; font-weight: 700; line-height: 70px; letter-spacing: 1px; word-wrap: break-word">Create Course<br/>for Your Students</div> <div style="align-self: stretch; color: #5C5D6D; font-size: 16px; font-family: Gilroy; font-weight: 500; line-height: 24px; letter-spacing: 0.16px; word-wrap: break-word">Neque habitant amet vitae id quisque maecenas bibendum volutpat. Pellentesque tortor in ipsum enim non feugiat ut. In pellentesque malesuada nisl fermentum duis lorem augue rutrum est amet.</div> </div> <a href="/index.php?title=Special:Course" style="text-decoration: none;"> <div style="padding-left: 30px; padding-right: 30px; padding-top: 15px; padding-bottom: 15px; background: #1B38F5; border-radius: 10px; justify-content: center; align-items: center; gap: 10px; display: inline-flex; cursor: pointer; transition: transform 0.1s ease-in-out;" onmousedown="this.style.transform='scale(0.95)'" onmouseup="this.style.transform='scale(1)'"> <div style="color: white; font-size: 18px; font-family: Gilroy; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; word-wrap: break-word">Create a Course</div> </div> </a> </div> <div style="flex: 1 1 0; align-self: stretch; justify-content: center; align-items: center; display: flex"> <img src="/images/2.svg" alt="SVG Image" width="550px" height="550px"> </div> </div> <div style="max-width: 1160px; justify-content: center; align-items: center; gap: 60px; display: inline-flex; margin-top:50px;"> <div style="flex: 1 1 0; align-self: stretch; padding-left: 16.27px; padding-right: 22.25px; justify-content: flex-start; align-items: center; display: flex "> <!-- Adding the SVG here using an img tag with specified width and height --> <img src="/images/3.svg" alt="SVG Image" width="550px" height="550px" /> </div> <div style="max-width: 550px; align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 30px; display: inline-flex"> <div style="align-self: stretch; height: 292px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex"> <div style="align-self: stretch; color: #141417; font-size: 50px; font-family: Gilroy; font-weight: 700; line-height: 70px; letter-spacing: 1px; word-wrap: break-word">Earn Income on Courses You Create!</div> <div style="align-self: stretch; color: #5C5D6D; font-size: 16px; font-family: Gilroy; font-weight: 500; line-height: 24px; letter-spacing: 0.16px; word-wrap: break-word">Neque habitant amet vitae id quisque maecenas bibendum volutpat. Pellentesque tortor in ipsum enim non feugiat ut. In pellentesque malesuada nisl fermentum duis lorem augue rutrum est amet.</div> </div> <a href="/index.php?title=Special:Course" style="text-decoration: none; margin-top: 30px;"> <div style="padding-left: 30px; padding-right: 30px; padding-top: 15px; padding-bottom: 15px; background: #1B38F5; border-radius: 10px; justify-content: center; align-items: center; gap: 10px; display: inline-flex; cursor: pointer; transition: transform 0.1s ease-in-out;" onmousedown="this.style.transform='scale(0.95)'" onmouseup="this.style.transform='scale(1)'"> <div style="color: white; font-size: 18px; font-family: Gilroy; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; word-wrap: break-word">Create a Course</div> </div> </a> </div> </div> <div style="max-width: 1440px; width: 100%; margin: auto; padding: 50px 50px; text-align: center; background-color: #141757;"> <div style="color: white; font-size: 50px; font-family: Gilroy; font-weight: 700; line-height: 70px; letter-spacing: 1px; word-wrap: break-word; margin-bottom: 10px;">Courses Categories</div> <div style="display: flex; flex-wrap: wrap; gap: 0px; padding: 1px; "> <!-- 16 Boxes for 4 rows x 4 columns --> <!-- Row 1 --> <a href="/index.php/Special:ListPages?category=Art_and_History" style="flex: 1 0 calc(25% - 2px); height: 262px; display: flex; flex-direction: column; align-items: center; justify-content: center;"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="none"> <rect width="100" height="100" rx="50" fill="#D9E3FF"/> <rect x="33.1019" y="76.5977" width="28.9438" height="4.57007" fill="#FFA20A" stroke="#141757"/> <path d="M33.7422 71.3577C34.0713 70.4366 34.9438 69.8218 35.9219 69.8218C37.5226 69.8218 38.6401 71.4077 38.1016 72.9151L33.2811 86.4083C32.9521 87.3294 32.0795 87.9442 31.1014 87.9442C29.5007 87.9442 28.3832 86.3583 28.9217 84.8509L33.7422 71.3577Z" fill="#FFE9A5"/> <path d="M37.0936 75.7395H32.1938L32.7327 73.7061H37.8532L37.0936 75.7395Z" fill="#FFA20A"/> <path d="M33.7422 71.3577C34.0713 70.4366 34.9438 69.8218 35.9219 69.8218V69.8218C37.5226 69.8218 38.6401 71.4077 38.1016 72.9151L33.2811 86.4083C32.9521 87.3294 32.0795 87.9442 31.1014 87.9442V87.9442C29.5007 87.9442 28.3832 86.3583 28.9217 84.8509L33.7422 71.3577Z" stroke="#141757"/> <path d="M62.2515 71.3577C61.9224 70.4366 61.0499 69.8218 60.0718 69.8218C58.4711 69.8218 57.3536 71.4077 57.8921 72.9151L62.7126 86.4083C63.0417 87.3294 63.9142 87.9442 64.8923 87.9442C66.493 87.9442 67.6105 86.3583 67.072 84.8509L62.2515 71.3577Z" fill="#FFE9A5"/> <path d="M59.0684 75.7395H63.9683L63.4293 73.7061H58.3088L59.0684 75.7395Z" fill="#FFA20A"/> <path d="M62.2515 71.3577C61.9224 70.4366 61.0499 69.8218 60.0718 69.8218V69.8218C58.4711 69.8218 57.3536 71.4077 57.8921 72.9151L62.7126 86.4083C63.0417 87.3294 63.9142 87.9442 64.8923 87.9442V87.9442C66.493 87.9442 67.6105 86.3583 67.072 84.8509L62.2515 71.3577Z" stroke="#141757"/> <rect width="52.7569" height="4.90761" rx="2" transform="matrix(-4.37114e-08 -1 -1 4.37114e-08 50.4503 66.6992)" fill="#FFE9A5"/> <rect width="48.4546" height="4.90761" transform="matrix(-4.37114e-08 -1 -1 4.37114e-08 50.4503 66.6992)" fill="#FFA20A"/> <rect width="52.7569" height="4.90761" rx="2" transform="matrix(-4.37114e-08 -1 -1 4.37114e-08 50.4504 66.6992)" stroke="#141757"/> <path d="M22.9966 26.4448C22.9966 23.1311 25.6829 20.4448 28.9966 20.4448H66.9966C70.3103 20.4448 72.9966 23.1311 72.9966 26.4448V71.6326H22.9966V26.4448Z" fill="#8EB1FF"/> <path d="M22.9966 71.6327H70.9982C65.4277 71.0433 46.4367 69.9335 36.1171 59.8162C27.3338 51.2051 24.4805 34.349 22.9966 25.2146V71.6327Z" fill="#5987FF"/> <path d="M22.9966 26.4448C22.9966 23.1311 25.6829 20.4448 28.9966 20.4448H66.9966C70.3103 20.4448 72.9966 23.1311 72.9966 26.4448V71.6326H22.9966V26.4448Z" stroke="#141757"/> <path d="M58.7502 46.9549C61.4498 44.2554 61.4498 39.8785 58.7502 37.179C56.0507 34.4794 51.6738 34.4794 48.9743 37.179L47.9966 38.1566L47.0191 37.1791C44.3196 34.4796 39.9427 34.4796 37.2432 37.1791C34.5436 39.8787 34.5436 44.2555 37.2432 46.9551L45.0996 54.8115C46.6996 56.4115 49.2938 56.4115 50.8938 54.8115L58.7502 46.9549Z" fill="#D9E3FF"/> <path d="M58.9791 46.769C61.3121 44.436 60.6153 38.8734 58.2823 36.5404C55.9493 34.2073 50.4711 35.6886 48.1381 38.0216C45.8051 35.6886 42.7251 35.9875 40.3921 38.3205C38.0591 40.6535 38.0591 44.4361 40.3921 46.7692L47.1819 53.5589C48.5646 54.9417 50.8066 54.9417 52.1894 53.5589L58.9791 46.769Z" fill="white"/> <path d="M58.7502 46.9549C61.4498 44.2554 61.4498 39.8785 58.7502 37.179C56.0507 34.4794 51.6738 34.4794 48.9743 37.179L47.9966 38.1566L47.0191 37.1791C44.3196 34.4796 39.9427 34.4796 37.2432 37.1791C34.5436 39.8787 34.5436 44.2555 37.2432 46.9551L45.0996 54.8115C46.6996 56.4115 49.2938 56.4115 50.8938 54.8115L58.7502 46.9549Z" stroke="#141757" stroke-linejoin="round"/> <rect width="58" height="4.90761" rx="2" transform="matrix(1 0 0 -1 18.9966 73.8311)" fill="#8EB1FF"/> <rect x="18.9966" y="70.3955" width="58" height="3.43545" rx="1.71772" fill="white"/> <rect x="18.9966" y="68.9233" width="58" height="4.90761" rx="2" stroke="#141757"/> <path d="M71.4087 54.8506L65.5439 49.4615L72.8244 41.5806L86.2738 27.0221C87.2439 25.9719 88.8804 25.9031 89.9353 26.8681C90.9306 27.7787 91.0633 29.2995 90.2409 30.3687L78.1234 46.1214L71.4087 54.8506Z" fill="#1720B6"/> <path d="M72.8244 41.5806L65.5439 49.4615L71.4087 54.8506L78.1234 46.1214M72.8244 41.5806L86.2738 27.0221C87.2439 25.9719 88.8804 25.9031 89.9353 26.8681V26.8681C90.9306 27.7787 91.0633 29.2995 90.2409 30.3687L78.1234 46.1214M72.8244 41.5806L78.1234 46.1214" stroke="#141757"/> <path d="M65.5439 49.462L71.4087 54.8511L78.1234 46.1219L72.8244 41.5811L65.5439 49.462Z" fill="#FFE9A5" stroke="#141757"/> <path d="M65.7539 49.6548L71.1869 54.6472C71.3256 54.7746 71.3944 54.9604 71.372 55.1474C71.0866 57.5288 70.6241 60.9778 63.2428 60.9778C57.886 60.9778 55.4063 53.9716 56.4222 50.4502C56.5693 49.9402 57.2567 50.0966 57.4873 50.5748C58.2032 52.0594 59.9269 53.4487 62.5192 51.2317C63.5401 50.3586 64.6163 49.7486 65.2668 49.5333C65.4382 49.4766 65.6209 49.5326 65.7539 49.6548Z" fill="#E7D0FF" stroke="#141757"/> <path d="M63.7812 50.2919C64.4897 52.8811 65.2812 56.7554 64.1652 56.7554C63.4004 56.7554 63.2183 56.268 63.0429 55.7986C62.8801 55.3626 62.723 54.9423 62.1104 54.9423C60.9355 54.9423 61.2306 59.5427 64.0598 60.9628C63.7973 60.9727 63.5251 60.9777 63.2427 60.9777C57.9235 60.9777 55.4411 54.0693 56.4013 50.5247C56.5473 49.9854 57.2701 50.1461 57.5218 50.6448C58.2577 52.1022 59.9677 53.4136 62.5191 51.2316C62.9417 50.8701 63.3738 50.5538 63.7812 50.2919Z" fill="#BA76FF" stroke="#141757"/> </svg> <div style="color: var(--basic-white, #FFF); text-align: center; font-family: Gilroy; font-size: 18px; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; margin-top:10px;"> Arts and History </div> </a> <a href="/index.php/Special:ListPages?category=Business" style="flex: 1 0 calc(25% - 2px); height: 262px; display: flex; flex-direction: column; align-items: center; justify-content: center;"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="none"> <g clip-path="url(#clip0_206_30)"> <rect width="100" height="100" rx="50" fill="#D9E3FF"/> <path d="M35.0624 27.8149V24.3633C35.0624 21.4513 37.4231 19.0906 40.3352 19.0906H57.0531C59.9652 19.0906 62.3259 21.4513 62.3259 24.3633V27.8149H59.0542V24.4713C59.0542 23.3065 58.11 22.3622 56.9452 22.3622L40.4431 22.3622C39.2783 22.3622 38.334 23.3065 38.334 24.4713V27.8149H35.0624Z" fill="#FFE9A5" stroke="#141757"/> <path d="M38.1648 35.3071C38.1648 30.8888 34.5831 27.3071 30.1648 27.3071H21.3457C16.9274 27.3071 13.3457 30.8889 13.3457 35.3071V69.9795C13.3457 74.3978 16.9274 77.9795 21.3457 77.9795H30.1648C34.5831 77.9795 38.1648 74.3978 38.1648 69.9795V35.3071Z" fill="#1720B6" stroke="#141757"/> <path d="M21.6187 35.27C21.6187 30.8517 25.2005 27.27 29.6187 27.27H75.6665C80.0848 27.27 83.6665 30.8517 83.6665 35.27V69.98C83.6665 74.3983 80.0848 77.98 75.6665 77.98H29.6188C25.2005 77.98 21.6187 74.3983 21.6187 69.98V35.27Z" fill="#8EB1FF"/> <path d="M68.6546 68.4655C68.6546 63.1266 72.8176 58.8311 77.9137 58.8311C78.8677 58.8311 79.7872 58.981 80.6522 59.2593C80.6525 59.2594 80.6528 59.2595 80.6531 59.2596C84.4199 60.4719 87.1728 64.1272 87.1728 68.4655C87.1728 72.5362 84.7487 76.0067 81.3368 77.4203C80.2783 77.8588 79.1235 78.1 77.9137 78.1C72.8176 78.1 68.6546 73.8045 68.6546 68.4655Z" fill="#5987FF" stroke="#5987FF"/> <path d="M21.6187 38.6826H83.6665V43.547C83.6665 52.2832 76.5845 59.3652 67.8483 59.3652H21.6187V38.6826Z" fill="#5987FF"/> <path d="M21.6187 35.27C21.6187 30.8517 25.2005 27.27 29.6187 27.27H75.6665C80.0848 27.27 83.6665 30.8517 83.6665 35.27V69.98C83.6665 74.3983 80.0848 77.98 75.6665 77.98H29.6188C25.2005 77.98 21.6187 74.3983 21.6187 69.98V35.27Z" stroke="#141757"/> <path d="M25.7552 38.4097C25.7552 33.9914 29.337 30.4097 33.7552 30.4097H71.53C75.9483 30.4097 79.53 33.9914 79.53 38.4097V66.8772C79.53 71.2955 75.9483 74.8772 71.53 74.8772H33.7552C29.337 74.8772 25.7552 71.2955 25.7552 66.8772V38.4097Z" stroke="#141757" stroke-linecap="round" stroke-dasharray="3 3"/> <path d="M21.6187 35.27C21.6187 30.8517 25.2005 27.27 29.6187 27.27H75.6665C80.0848 27.27 83.6665 30.8517 83.6665 35.27V39.2605C83.6665 47.9967 76.5845 55.0787 67.8483 55.0787H37.4369C28.7008 55.0787 21.6187 47.9967 21.6187 39.2605V35.27Z" fill="#D9E3FF"/> <path d="M45.4037 56.4451C45.4037 55.7732 45.9484 55.2285 46.6203 55.2285H57.6308C58.3027 55.2285 58.8474 55.7732 58.8474 56.4451V58.848C58.8474 62.5603 55.8379 65.5698 52.1256 65.5698C48.4132 65.5698 45.4037 62.5603 45.4037 58.848V56.4451Z" fill="#5987FF"/> <path d="M24.7211 35.3071C24.7211 30.8888 28.3029 27.3071 32.7211 27.3071H75.6665C80.0848 27.3071 83.6665 30.8889 83.6665 35.3071V38.3763C83.6665 47.1125 76.5845 54.1945 67.8483 54.1945H40.5393C31.8032 54.1945 24.7211 47.1125 24.7211 38.3763V35.3071Z" fill="white"/> <path d="M21.6187 35.27C21.6187 30.8517 25.2005 27.27 29.6187 27.27H75.6665C80.0848 27.27 83.6665 30.8517 83.6665 35.27V39.2605C83.6665 47.9966 76.5845 55.0787 67.8483 55.0787H37.4369C28.7008 55.0787 21.6187 47.9967 21.6187 39.2605V35.27Z" stroke="#141757"/> <path d="M49.5403 56.1692C49.5403 56.7715 50.0285 57.2598 50.6308 57.2598H58.8098C59.4121 57.2598 59.9004 56.7715 59.9004 56.1692V53.1703C59.9004 50.3094 57.5812 47.9902 54.7203 47.9902C51.8594 47.9902 49.5403 50.3094 49.5403 53.1703V56.1692Z" fill="#BA76FF" stroke="#141757"/> <path d="M49.5403 54.1163C49.5403 53.4432 50.0859 52.8975 50.7591 52.8975H58.6815C59.3547 52.8975 59.9004 53.4432 59.9004 54.1163V58.0775C59.9004 60.9384 57.5812 63.2576 54.7203 63.2576C51.8594 63.2576 49.5403 60.9384 49.5403 58.0775V54.1163Z" fill="#E7D0FF" stroke="#141757"/> <rect x="40.5148" y="18" width="16.3581" height="5.45268" rx="1.05455" fill="#FFA20A" stroke="#141757"/> <path d="M12.5732 78H102.504" stroke="#141757" stroke-linecap="round" stroke-linejoin="round"/> <path d="M71.7568 67.4313C71.7568 62.0924 75.9199 57.7969 81.016 57.7969C81.97 57.7969 82.8895 57.9468 83.7544 58.2251C87.5217 59.4371 90.2751 63.0926 90.2751 67.4313C90.2751 71.502 87.851 74.9725 84.4391 76.3861C84.4391 76.3861 84.4391 76.3861 84.4391 76.3861C83.3805 76.8246 82.2258 77.0658 81.016 77.0658C75.9199 77.0658 71.7568 72.7703 71.7568 67.4313Z" fill="#FFA20A" stroke="#141757"/> <circle cx="83.6433" cy="67.4313" r="9.63447" fill="#FFE9A5" stroke="#141757"/> <circle cx="83.6435" cy="67.4315" r="6.63166" fill="#FFA20A" stroke="#141757"/> <path d="M84.7692 66.5637V66.1179C84.7692 65.3924 84.181 64.8042 83.4555 64.8042H83.4195C82.7138 64.8042 82.1417 65.3763 82.1417 66.082V66.082C82.1417 66.4947 82.341 66.882 82.6768 67.1218L83.127 67.4434L84.1942 68.1295C84.5526 68.3598 84.7692 68.7566 84.7692 69.1825V69.1825C84.7692 69.874 84.2087 70.4345 83.5173 70.4345H83.4555C82.7299 70.4345 82.1417 69.8463 82.1417 69.1207V68.675" stroke="#141757" stroke-linecap="round"/> <path d="M83.4556 70.4341V71.1848" stroke="#141757" stroke-linecap="round"/> <path d="M83.4556 64.0532V64.8039" stroke="#141757" stroke-linecap="round"/> </g> <defs> <clipPath id="clip0_206_30"> <rect width="100" height="100" rx="50" fill="white"/> </clipPath> </defs> </svg> <div style="color: var(--basic-white, #FFF); text-align: center; font-family: Gilroy; font-size: 18px; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; margin-top:20px;"> Business </div> </a> <a href="/index.php/Special:ListPages?category=Computer_Science" style="flex: 1 0 calc(25% - 2px); height: 262px; display: flex; flex-direction: column; align-items: center; justify-content: center;"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="none"> <g clip-path="url(#clip0_206_359)"> <rect width="100" height="100" rx="50" fill="#D9E3FF"/> <path d="M12.7426 30.3871C12.2683 28.2055 13.9302 26.1436 16.1627 26.1436H67.9758C69.6223 26.1436 71.0462 27.2911 71.396 28.9001L80.184 69.3249C80.3872 70.2599 79.675 71.1436 78.7182 71.1436H26.0355C23.4482 71.1436 21.2107 69.3402 20.661 66.8119L12.7426 30.3871Z" fill="#1720B6" stroke="#141757"/> <path d="M43.1893 79.8369L45.6997 67.6436H60.6997L58.2406 78.7097C57.963 79.9587 58.9134 81.1436 60.1929 81.1436H63.6412C64.933 81.1436 66.1453 81.7674 66.8962 82.8186L67.0703 83.0623C67.543 83.7242 67.0699 84.6436 66.2565 84.6436H47.1071C44.5737 84.6436 42.6784 82.3183 43.1893 79.8369Z" fill="#8EB1FF"/> <path d="M59.175 74.688L59.9602 71.124H48.0815L47.0742 74.688H59.175Z" fill="#5987FF"/> <path d="M43.1893 79.8369L45.6997 67.6436H60.6997L58.2406 78.7097C57.963 79.9587 58.9134 81.1436 60.1929 81.1436H63.6412C64.933 81.1436 66.1453 81.7674 66.8962 82.8186L67.0703 83.0623C67.543 83.7242 67.0699 84.6436 66.2565 84.6436H47.1071C44.5737 84.6436 42.6784 82.3183 43.1893 79.8369Z" stroke="#141757" stroke-linecap="round"/> <path d="M42.1893 79.8369L44.6997 67.6436H48.6997L46.2406 78.7097C45.963 79.9587 46.9134 81.1436 48.1929 81.1436H49.6412C50.933 81.1436 52.1453 81.7674 52.8962 82.8186L53.0703 83.0623C53.543 83.7242 53.0699 84.6436 52.2565 84.6436H46.1071C43.5737 84.6436 41.6784 82.3183 42.1893 79.8369Z" fill="#1720B6" stroke="#141757" stroke-linecap="round"/> <path d="M18.254 30.4933C17.712 28.0001 19.6113 25.6436 22.1627 25.6436H72.3639C75.1865 25.6436 77.6274 27.6108 78.227 30.369L86.1454 66.7938C86.6874 69.287 84.7882 71.6436 82.2367 71.6436H32.0355C29.2129 71.6436 26.772 69.6763 26.1724 66.9181L18.254 30.4933Z" fill="#8EB1FF"/> <path d="M62.3442 25.6445L68.6871 53.5853C69.4207 56.8168 67.3291 59.4364 64.0154 59.4364H41.0154C37.7017 59.4364 34.4207 56.8168 33.6871 53.5853L27.3442 25.6445H62.3442Z" fill="#5987FF"/> <path d="M18.7426 30.3871C18.2683 28.2055 19.9302 26.1436 22.1627 26.1436H72.3639C74.9513 26.1436 77.1888 27.9469 77.7384 30.4752L85.6568 66.9001C86.1311 69.0816 84.4692 71.1436 82.2367 71.1436H32.0355C29.4482 71.1436 27.2107 69.3402 26.661 66.8119L18.7426 30.3871Z" stroke="#141757"/> <path d="M82.2368 71.1436H32.0356C29.4482 71.1436 27.2107 69.3402 26.6611 66.8119L25.6463 62.1436H84.6229L85.6569 66.9001C86.1312 69.0816 84.4693 71.1436 82.2368 71.1436Z" fill="white" stroke="#141757"/> <path d="M58.1247 66.7031C58.4153 68.0757 57.7059 69.2233 56.7595 69.4236C55.8132 69.6239 54.6996 68.8623 54.4091 67.4897C54.1185 66.1171 54.8279 64.9695 55.7743 64.7692C56.7206 64.5689 57.8342 65.3306 58.1247 66.7031Z" fill="#AF70F5" stroke="#141757"/> <rect x="0.610689" y="0.487594" width="34" height="39.7998" rx="5.5" transform="matrix(1 0 0.221378 0.975188 30.8759 15.66)" fill="#FFE9A5" stroke="#141757"/> <rect width="23.7715" height="5.94287" rx="1.5" transform="matrix(1 0 0.221378 0.975188 43.2562 44.9771)" fill="#FF8A00"/> <path d="M51.2282 47.875H60.3712" stroke="white" stroke-linecap="round"/> <ellipse cx="4.12127" cy="10.6466" rx="4.12127" ry="10.6466" transform="matrix(1 0 0.221378 0.975188 45.5255 20.7708)" stroke="#FF8A00"/> <ellipse cx="4.12127" cy="10.6466" rx="4.12127" ry="10.6466" transform="matrix(0.691719 0.844538 -0.755336 0.487594 57.1948 22.4814)" stroke="#FF8A00"/> <ellipse cx="4.12127" cy="10.6466" rx="4.12127" ry="10.6466" transform="matrix(-0.308281 0.844538 0.976715 0.487594 42.8755 22.4814)" stroke="#FF8A00"/> <circle cx="1.5851" cy="1.5851" r="1.5851" transform="matrix(1 0 0.221378 0.975188 50.068 29.6074)" stroke="#FF8A00"/> <path d="M26.7729 85.1436H116.703" stroke="#141757" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_206_359"> <rect width="100" height="100" rx="50" fill="white"/> </clipPath> </defs> </svg> <div style="color: var(--basic-white, #FFF); text-align: center; font-family: Gilroy; font-size: 18px; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; margin-top:20px;"> Computer Science </div> </a> <a href="/index.php/Special:ListPages?category=Data_Science" style="flex: 1 0 calc(25% - 2px); height: 262px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none;"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="none"> <rect width="100" height="100" rx="50" fill="#D9E3FF"/> <path d="M39.507 81.8707C52.301 81.8707 62.6726 78.923 62.6726 75.2868L62.6855 61.0928H16.3414V75.2868C16.3414 78.923 26.713 81.8707 39.507 81.8707Z" fill="#8EB1FF" stroke="#141757"/> <path d="M20.4548 72.4883C22.3935 73.722 26.7411 74.7796 30.56 74.7796" stroke="white" stroke-width="2.2858" stroke-linecap="round"/> <ellipse cx="39.5068" cy="61.1904" rx="23.1656" ry="6.58392" fill="#1720B6" stroke="#141757"/> <circle cx="47.4476" cy="74.4251" r="1.70688" fill="#E7D0FF" stroke="#141757"/> <circle cx="53.0734" cy="73.6561" r="1.70688" fill="#BA76FF" stroke="#141757"/> <circle cx="58.4159" cy="72.1844" r="1.70688" fill="#FFA20A" stroke="#141757"/> <path d="M39.507 63.7467C52.301 63.7467 62.6726 60.7989 62.6726 57.1627L62.6855 42.9688H16.3414V57.1627C16.3414 60.7989 26.713 63.7467 39.507 63.7467Z" fill="#8EB1FF" stroke="#141757"/> <ellipse cx="39.5068" cy="43.0668" rx="23.1656" ry="6.58392" fill="#1720B6" stroke="#141757"/> <path d="M62.6725 39.0385C62.6725 42.6747 52.3009 45.6224 39.5068 45.6224C26.7128 45.6224 16.3412 42.6747 16.3412 39.0385V24.8445H62.6853L62.6725 39.0385Z" fill="#8EB1FF" stroke="#141757"/> <path d="M20.4546 36.2402C22.3933 37.4739 26.7409 38.5316 30.5598 38.5316" stroke="white" stroke-width="2.2858" stroke-linecap="round"/> <ellipse cx="39.5066" cy="24.9423" rx="23.1656" ry="6.58392" fill="#1720B6" stroke="#141757"/> <circle cx="47.4474" cy="38.1771" r="1.70688" fill="#E7D0FF" stroke="#141757"/> <circle cx="53.0732" cy="37.408" r="1.70688" fill="#BA76FF" stroke="#141757"/> <circle cx="58.4157" cy="35.9359" r="1.70688" fill="#E7D0FF" stroke="#141757"/> <path d="M20.4546 53.7896C22.3933 55.0233 26.7409 56.0809 30.5598 56.0809" stroke="white" stroke-width="2.2858" stroke-linecap="round"/> <circle cx="47.4474" cy="55.7264" r="1.70688" fill="#E7D0FF" stroke="#141757"/> <circle cx="53.0732" cy="54.9574" r="1.70688" fill="#BA76FF" stroke="#141757"/> <circle cx="58.4157" cy="53.4857" r="1.70688" fill="#E7D0FF" stroke="#141757"/> <path opacity="0.3" d="M46.0734 67.7031C46.0734 58.2854 53.708 50.6509 63.1257 50.6509C72.5434 50.6509 80.1779 58.2854 80.1779 67.7031C80.1779 73.6908 77.0918 78.9577 72.4234 81.9999L58.5838 78.3582C56.7965 79.3903 53.2583 80.1314 51.7125 80.3729C48.25 77.2519 46.0734 72.7317 46.0734 67.7031Z" fill="#1720B6"/> <circle cx="70.1255" cy="66.7031" r="17.0522" fill="#FFE9A5"/> <circle cx="71.9004" cy="64.9282" r="15.1919" fill="white"/> <circle cx="70.1255" cy="66.7031" r="17.0522" stroke="black"/> <circle cx="70.1255" cy="66.7031" r="1.30663" stroke="#FF8A00"/> <ellipse cx="70.1257" cy="66.7029" rx="3.21064" ry="10.0388" stroke="#FF8A00"/> <ellipse cx="70.1258" cy="66.7025" rx="3.21064" ry="10.0388" transform="rotate(120 70.1258 66.7025)" stroke="#FF8A00"/> <ellipse cx="3.21064" cy="10.0388" rx="3.21064" ry="10.0388" transform="matrix(0.5 0.866025 0.866025 -0.5 59.8265 68.9414)" stroke="#FF8A00"/> </svg> <div style="color: var(--basic-white, #FFF); text-align: center; font-family: Gilroy; font-size: 18px; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; margin-top:20px;"> Data Science </div> </a> <!-- Row 2 --> <a href="/index.php/Special:ListPages?category=Health" style="flex: 1 0 calc(25% - 2px); height: 262px; display: flex; flex-direction: column; align-items: center; justify-content: center;"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="none"> <rect width="100" height="100" rx="50" fill="#D9E3FF"/> <path d="M67.8764 32.2211C72.502 27.5955 72.502 20.0958 67.8764 15.4702C63.2507 10.8446 55.7511 10.8446 51.1255 15.4702L49.4503 17.1454L47.7754 15.4705C43.1497 10.8448 35.6501 10.8448 31.0245 15.4705C26.3988 20.0961 26.3988 27.5957 31.0245 32.2214L44.4863 45.6832C47.2279 48.4248 51.673 48.4248 54.4146 45.6832L67.8764 32.2211Z" fill="#D9E3FF"/> <path d="M58.2696 41.8282L67.8764 32.2211C72.502 27.5955 72.502 20.0958 67.8764 15.4702C63.2508 10.8446 55.7512 10.8446 51.1255 15.4702L49.4503 17.1454L47.7754 15.4705C43.8171 11.5121 37.7541 10.9411 33.1885 13.7574C30.3722 18.323 30.9432 24.386 34.9015 28.3443L48.3634 41.8062C51.0977 44.5405 55.5262 44.5478 58.2696 41.8282Z" fill="white"/> <path d="M67.8764 32.2211C72.502 27.5955 72.502 20.0958 67.8764 15.4702C63.2507 10.8446 55.7511 10.8446 51.1255 15.4702L49.4503 17.1454L47.7754 15.4705C43.1497 10.8448 35.6501 10.8448 31.0245 15.4705C26.3988 20.0961 26.3988 27.5957 31.0245 32.2214L44.4863 45.6832C47.2279 48.4248 51.673 48.4248 54.4146 45.6832L67.8764 32.2211Z" stroke="#141757" stroke-linejoin="round"/> <path d="M48.0459 22.8496C47.6582 22.8496 47.3439 23.1639 47.3439 23.5516V27.764H43.1312C42.7435 27.764 42.4292 28.0783 42.4292 28.4661L42.4292 31.2742C42.4292 31.6619 42.7435 31.9763 43.1312 31.9763H47.3439V36.1883C47.3439 36.576 47.6582 36.8903 48.0459 36.8903H50.854C51.2418 36.8903 51.5561 36.576 51.5561 36.1883V31.9763H55.7679C56.1556 31.9763 56.4699 31.6619 56.4699 31.2742V28.4661C56.4699 28.0783 56.1556 27.764 55.7679 27.764H51.5561V23.5516C51.5561 23.1639 51.2418 22.8496 50.854 22.8496H48.0459Z" fill="#BA76FF" stroke="#141757" stroke-linejoin="round"/> <path d="M15.7581 31.2819V37.0292L25.1467 59.0437L33.7799 60.9862L32.1612 53.1084L25.7942 45.4465L22.0828 30.508C21.7272 29.077 20.4424 28.0723 18.9678 28.0723C17.1951 28.0723 15.7581 29.5093 15.7581 31.2819Z" fill="#1720B6" stroke="#141757"/> <path d="M43.1644 60.6972V75.4787H28.6256V69.7913L21.0252 62.6586C19.179 60.926 17.8646 58.7031 17.2361 56.2504L12.2737 36.8849C11.8974 35.4163 12.6397 33.8913 14.0276 33.2814C15.6136 32.5845 17.4628 33.3244 18.1305 34.9229L23.9959 48.9665L23.8975 49.2811C23.4577 50.6882 23.9148 52.2215 25.0532 53.1581L31.1322 58.1599L25.1266 52.687C24.2123 51.8538 23.9307 50.5306 24.4265 49.3973C25.1178 47.8174 27.0313 47.1924 28.5218 48.0597L39.6058 54.5093C41.809 55.7913 43.1644 58.1481 43.1644 60.6972Z" fill="#8EB1FF"/> <path d="M28.6036 71.3018V74.7074L43.3159 75.3884V71.3018H28.6036Z" fill="#5987FF"/> <path d="M43.1644 60.6972V75.4787H28.6256V69.7913L21.0252 62.6586C19.179 60.926 17.8646 58.7031 17.2361 56.2504L12.2737 36.8849C11.8974 35.4163 12.6397 33.8913 14.0276 33.2814C15.6136 32.5845 17.4628 33.3244 18.1305 34.9229L23.9959 48.9665L23.8975 49.2811C23.4577 50.6882 23.9148 52.2215 25.0532 53.1581L31.1322 58.1599L25.1266 52.687C24.2123 51.8538 23.9307 50.5306 24.4265 49.3973C25.1178 47.8174 27.0313 47.1924 28.5218 48.0597L39.6058 54.5093C41.809 55.7913 43.1644 58.1481 43.1644 60.6972Z" stroke="#141757" stroke-linejoin="round"/> <rect x="25.6807" y="74.4048" width="21.0203" height="13.7945" rx="2" fill="#FFE9A5" stroke="#141757"/> <circle cx="41.5989" cy="79.31" r="2.25872" fill="#FFA20A" stroke="#141757"/> <path d="M84.242 31.2819V37.0292L74.8534 59.0437L66.2202 60.9862L67.839 53.1084L74.2059 45.4465L77.9173 30.508C78.2729 29.077 79.5578 28.0723 81.0323 28.0723C82.805 28.0723 84.242 29.5093 84.242 31.2819Z" fill="#1720B6" stroke="#141757"/> <path d="M56.8358 60.6972V75.4787H71.3745V69.7913L78.9749 62.6586C80.8211 60.926 82.1355 58.7031 82.764 56.2504L87.7264 36.8849C88.1027 35.4163 87.3604 33.8913 85.9725 33.2814C84.3865 32.5845 82.5373 33.3244 81.8696 34.9229L76.0043 48.9665L76.1026 49.2811C76.5424 50.6882 76.0854 52.2215 74.947 53.1581L68.8679 58.1599L74.8735 52.687C75.7878 51.8538 76.0694 50.5306 75.5736 49.3973C74.8824 47.8174 72.9688 47.1924 71.4783 48.0597L60.3944 54.5093C58.1911 55.7913 56.8358 58.1481 56.8358 60.6972Z" fill="#8EB1FF"/> <path d="M71.3965 71.3018V74.7074L56.6842 75.3884V71.3018H71.3965Z" fill="#5987FF"/> <path d="M56.8358 60.6972V75.4787H71.3745V69.7913L78.9749 62.6586C80.8211 60.926 82.1355 58.7031 82.764 56.2504L87.7264 36.8849C88.1027 35.4163 87.3604 33.8913 85.9725 33.2814C84.3865 32.5845 82.5373 33.3244 81.8696 34.9229L76.0043 48.9665L76.1026 49.2811C76.5424 50.6882 76.0854 52.2215 74.947 53.1581L68.8679 58.1599L74.8735 52.687C75.7878 51.8538 76.0694 50.5306 75.5736 49.3973C74.8824 47.8174 72.9688 47.1924 71.4783 48.0597L60.3944 54.5093C58.1911 55.7913 56.8358 58.1481 56.8358 60.6972Z" stroke="#141757" stroke-linejoin="round"/> <rect width="21.0203" height="13.7945" rx="2" transform="matrix(-1 0 0 1 74.3194 74.4048)" fill="#FFE9A5" stroke="#141757"/> <circle cx="2.25872" cy="2.25872" r="2.25872" transform="matrix(-1 0 0 1 60.6599 77.0513)" fill="#FFA20A" stroke="#141757"/> </svg> <div style="color: var(--basic-white, #FFF); text-align: center; font-family: Gilroy; font-size: 18px; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; margin-top:20px;"> Health </div> </a> <a href="/index.php/Special:ListPages?category=Information_Technology" style="flex: 1 0 calc(25% - 2px); height: 262px; display: flex; flex-direction: column; align-items: center; justify-content: center;"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="none"> <g clip-path="url(#clip0_219_106)"> <rect width="100" height="100" rx="50" fill="#D9E3FF"/> <rect width="40.9382" height="69.0101" rx="7.01798" transform="matrix(1 0 0.213371 0.976971 16.2008 17.7227)" fill="#1720B6" stroke="#141757"/> <path d="M20.7864 28.0479L21.7924 32.6538L22.2954 34.9568M24.8102 46.4718L23.8043 41.8658L23.3013 39.5628" stroke="white" stroke-linecap="round"/> <rect width="40.9382" height="69.0101" rx="7.01798" transform="matrix(1 0 0.213371 0.976971 20.879 17.7227)" fill="white" stroke="#141757"/> <rect width="35.9375" height="64.6559" rx="4.67865" transform="matrix(1 0 0.213371 0.976971 23.8707 19.9727)" fill="#8EB1FF"/> <path d="M59.2191 83.1396H57.5443C57.4126 82.9917 57.3131 82.8101 57.2673 82.6005L53.4264 65.0143C52.8751 62.4898 54.5228 60.4434 57.1068 60.4434H68.6468L72.6054 78.5687C72.636 78.7087 72.6598 78.8472 72.6771 78.984H63.5406C61.9138 78.984 60.584 79.8096 60.029 81.1642L59.2312 83.1115C59.2273 83.121 59.2233 83.1304 59.2191 83.1396Z" fill="#5987FF"/> <rect width="35.9375" height="64.6559" rx="4.67865" transform="matrix(1 0 0.213371 0.976971 23.8707 19.9727)" stroke="#141757"/> <rect width="21.0539" height="4.67865" rx="2.33933" transform="matrix(1 0 0.213371 0.976971 31.9781 23.2305)" fill="#1720B6" stroke="#141757"/> <circle cx="14.8392" cy="14.8392" r="14.8392" transform="matrix(1 0 0.213371 0.976971 29.7878 30.9497)" fill="#FFE9A5"/> <circle cx="9.98827" cy="9.98827" r="9.98827" transform="matrix(1 0 0.213371 0.976971 65.6011 19.29)" fill="#8EB1FF" stroke="#141757"/> <circle cx="9.98827" cy="9.98827" r="9.98827" transform="matrix(1 0 0.213371 0.976971 67.601 18.29)" fill="#D9E3FF"/> <circle cx="8.61315" cy="8.61315" r="8.61315" transform="matrix(1 0 0.213371 0.976971 70.3513 18.29)" fill="white"/> <circle cx="9.98827" cy="9.98827" r="9.98827" transform="matrix(1 0 0.213371 0.976971 67.601 18.29)" stroke="#141757"/> <circle cx="9.98827" cy="9.98827" r="9.98827" transform="matrix(1 0 0.213371 0.976971 67.601 18.29)" stroke="#141757"/> <circle cx="14.8392" cy="14.8392" r="14.8392" transform="matrix(1 0 0.213371 0.976971 29.7878 30.9497)" stroke="#141757"/> <path d="M16.7729 85.1436H106.703" stroke="#141757" stroke-linecap="round" stroke-linejoin="round"/> <path d="M84.4218 54.4434H61.1069C58.5229 54.4434 56.8752 56.4898 57.4265 59.0143L61.2674 76.6005C61.4827 77.5863 62.8871 77.9517 63.2313 77.1115L64.0291 75.1642C64.5841 73.8096 65.9138 72.984 67.5407 72.984H88.4711C91.0551 72.984 92.7028 70.9376 92.1515 68.4131L90.0988 59.0143C89.5474 56.4898 87.0058 54.4434 84.4218 54.4434Z" fill="#E7D0FF" stroke="#141757"/> <path d="M65.0495 59.582H83.8343" stroke="#BA76FF" stroke-linecap="round"/> <path d="M66.6152 64.4531H72.6062M85.4 64.4531H76.0076" stroke="#BA76FF" stroke-linecap="round"/> <mask id="mask0_219_106" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="37" y="35" width="22" height="21"> <circle cx="10" cy="10" r="10" transform="matrix(1 0 0.221378 0.975188 35.5794 35.6948)" fill="#D9D9D9"/> </mask> <g mask="url(#mask0_219_106)"> <circle cx="10" cy="10" r="10" transform="matrix(1 0 0.221378 0.975188 35.5794 35.6948)" fill="white"/> <circle cx="10" cy="10" r="9.5" transform="matrix(1 0 0.221378 0.975188 35.5794 35.6948)" stroke="#1C1F5C"/> <circle cx="10" cy="10" r="10" transform="matrix(1 0 0.221378 0.975188 32.5309 22.2661)" stroke="#141757" stroke-linecap="round"/> <circle cx="10" cy="10" r="10" transform="matrix(1 0 0.221378 0.975188 38.8539 50.1191)" stroke="#141757" stroke-linecap="round"/> <ellipse cx="5.57807" cy="10" rx="5.57807" ry="10" transform="matrix(1 0 0.221378 0.975188 40.0014 35.6948)" stroke="#141757" stroke-linecap="round"/> <path d="M45.1036 33.5986L50.7088 58.29" stroke="#141757" stroke-linecap="round"/> <path d="M60.566 45.9443L35.2464 45.9443" stroke="#141757" stroke-linecap="round"/> </g> <path d="M78.1448 25.6992L78.9075 25.4291C79.4282 25.2448 79.9385 25.5342 80.0473 26.0757L81.2502 32.0574" stroke="#141757" stroke-linecap="round"/> <circle cx="0.933218" cy="0.933218" r="0.933218" transform="matrix(0.942641 -0.333807 0.197144 0.980375 77.9243 22.3716)" fill="#141757"/> </g> <defs> <clipPath id="clip0_219_106"> <rect width="100" height="100" rx="50" fill="white"/> </clipPath> </defs> </svg> <div style="color: var(--basic-white, #FFF); text-align: center; font-family: Gilroy; font-size: 18px; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; margin-top:20px;"> Information Technology </div> </a> <a href="/index.php/Special:ListPages?category=Language_Learning" style="flex: 1 0 calc(25% - 2px); height: 262px; display: flex; flex-direction: column; align-items: center; justify-content: center;"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="none"> <g clip-path="url(#clip0_219_142)"> <rect width="100" height="100" rx="50" fill="#D9E3FF"/> <mask id="mask0_219_142" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="100" height="100"> <circle cx="50" cy="50" r="50" transform="matrix(-1 0 0 1 100 0)" fill="#F5E6F5"/> </mask> <g mask="url(#mask0_219_142)"> <circle cx="50" cy="50" r="50" transform="matrix(-1 0 0 1 100 0)" fill="#D9E3FF"/> <mask id="mask1_219_142" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="37" y="38" width="43" height="49"> <path d="M43.5664 39.1372C40.2762 39.1372 37.6089 41.8045 37.6089 45.0947V69.7625C37.6089 73.0527 40.2762 75.72 43.5664 75.72H55.8461C57.2753 75.72 58.6361 76.3316 59.585 77.4002L64.6858 83.1449C65.4715 83.7321 68.4358 86.8044 68.4358 85.8235L74.202 86.3764C74.8707 86.4406 75.4112 85.8402 75.2774 85.1818L73.3541 75.72C76.6444 75.72 79.3116 73.0527 79.3116 69.7625V45.0947C79.3116 41.8045 76.6444 39.1372 73.3541 39.1372H43.5664Z" fill="white" stroke="#521855" stroke-linecap="round" stroke-linejoin="round"/> </mask> <g mask="url(#mask1_219_142)"> <path d="M43.5664 39.1372C40.2762 39.1372 37.6089 41.8045 37.6089 45.0947V69.7625C37.6089 73.0527 40.2762 75.72 43.5664 75.72H56.3548C57.4806 75.72 58.5735 76.1 59.4565 76.7983L65.5959 81.654C66.1257 82.073 66.7815 82.301 67.4569 82.301H71.6843L69.2151 77.1525C68.8967 76.4886 69.3806 75.72 70.1168 75.72H73.3541C76.6444 75.72 79.3116 73.0527 79.3116 69.7625V45.0947C79.3116 41.8045 76.6444 39.1372 73.3541 39.1372H43.5664Z" fill="#FFA20A" stroke="#141757" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="12.819" cy="12.819" r="12.819" transform="matrix(-1 0 0 1 72.223 44.667)" fill="white" stroke="#141757" stroke-linecap="round" stroke-linejoin="round"/> <path d="M53.5958 53.6822H59.404M65.2122 53.6822H63.0853M59.404 53.6822V51.0645M59.404 53.6822H63.0853M63.0853 53.6822C63.1672 57.0908 61.3838 63.908 53.5958 63.908M56.05 57.7725C57.4407 59.6541 61.0074 63.5153 64.1488 63.908" stroke="#AF70F5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <mask id="mask2_219_142" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="41" y="38" width="44" height="45"> <path d="M47.7586 39.1377C44.4684 39.1377 41.8011 41.805 41.8011 45.0952V69.763C41.8011 73.0532 44.4684 75.7205 47.7586 75.7205H60.6234C61.7023 75.7205 62.7523 76.0695 63.6165 76.7153L70.8155 82.095C71.6013 82.6822 72.7203 82.1215 72.7203 81.1406V76.7205C72.7203 76.1682 73.168 75.7205 73.7203 75.7205H77.5463C80.8365 75.7205 83.5038 73.0532 83.5038 69.763V45.0952C83.5038 41.805 80.8365 39.1377 77.5463 39.1377H47.7586Z" fill="white" stroke="#521855" stroke-linecap="round" stroke-linejoin="round"/> </mask> <g mask="url(#mask2_219_142)"> <path d="M47.7586 39.1377C44.4684 39.1377 41.8011 41.805 41.8011 45.0952V69.763C41.8011 73.0532 44.4684 75.7205 47.7586 75.7205H60.6234C61.7023 75.7205 62.7523 76.0695 63.6165 76.7153L70.8155 82.095C71.6013 82.6822 72.7203 82.1215 72.7203 81.1406V76.7205C72.7203 76.1682 73.168 75.7205 73.7203 75.7205H77.5463C80.8365 75.7205 83.5038 73.0532 83.5038 69.763V45.0952C83.5038 41.805 80.8365 39.1377 77.5463 39.1377H47.7586Z" fill="#FFE9A5" stroke="#141757" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="12.819" cy="12.819" r="12.819" transform="matrix(-1 0 0 1 76.4151 44.6675)" fill="white" stroke="#141757" stroke-linecap="round" stroke-linejoin="round"/> <path d="M57.788 53.6822H63.5962M69.4044 53.6822H67.2775M63.5962 53.6822V51.0645M63.5962 53.6822H67.2775M67.2775 53.6822C67.3593 57.0908 65.576 63.908 57.788 63.908M60.2421 57.7725C61.6329 59.6541 65.1996 63.5153 68.341 63.908" stroke="#FFA20A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.3" d="M62.4539 25.2373C65.7441 25.2373 68.4114 27.9046 68.4114 31.1948V55.8626C68.4114 59.1528 65.7441 61.8201 62.4539 61.8201H47.9272L39.3969 68.1946C38.6112 68.7818 37.4922 68.2211 37.4922 67.2402V61.8201H32.6662C29.3759 61.8201 26.7086 59.1528 26.7086 55.8626V31.1948C26.7086 27.9046 29.3759 25.2373 32.6662 25.2373H62.4539Z" fill="#141757"/> </g> <path d="M50.194 17.1689C53.4842 17.1689 56.1515 19.8362 56.1515 23.1265V47.7942C56.1515 51.0845 53.4842 53.7518 50.194 53.7518H38.1432C36.583 53.7518 35.1122 54.48 34.1665 55.7209L30.6234 60.3695H26.2323C25.68 60.3695 25.2323 59.9218 25.2323 59.3695V54.7518C25.2323 54.1995 24.7846 53.7518 24.2323 53.7518H20.4063C17.116 53.7518 14.4488 51.0845 14.4488 47.7942V23.1265C14.4488 19.8362 17.116 17.1689 20.4063 17.1689H50.194Z" fill="#1720B6" stroke="#141757" stroke-linecap="round" stroke-linejoin="round"/> <path d="M54.3863 17.1689C57.6765 17.1689 60.3438 19.8362 60.3438 23.1265V47.7942C60.3438 51.0845 57.6765 53.7518 54.3863 53.7518H41.5214C40.4425 53.7518 39.3926 54.1007 38.5284 54.7465L31.3293 60.1263C30.5436 60.7135 29.4246 60.1527 29.4246 59.1718V54.7518C29.4246 54.1995 28.9769 53.7518 28.4246 53.7518H24.5986C21.3083 53.7518 18.641 51.0845 18.641 47.7942V23.1265C18.641 19.8362 21.3083 17.1689 24.5986 17.1689H54.3863Z" fill="#8EB1FF" stroke="#141757" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="12.819" cy="12.819" r="12.819" transform="matrix(-1 0 0 1 52.3114 22.8628)" fill="white" stroke="#141757" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="6.12646" cy="6.12646" r="6.12646" transform="matrix(-1 0 0 1 79.7098 20.5469)" fill="#BA76FF"/> <circle cx="4.5285" cy="4.5285" r="4.5285" transform="matrix(-1 0 0 1 79.7098 20.5469)" fill="#E7D0FF"/> <circle cx="6.12646" cy="6.12646" r="6.12646" transform="matrix(-1 0 0 1 79.7098 20.5469)" stroke="#141757" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="3.95588" cy="3.95588" r="3.95588" transform="matrix(-1 0 0 1 31.3687 70.4785)" fill="#BA76FF"/> <circle cx="2.92407" cy="2.92407" r="2.92407" transform="matrix(-1 0 0 1 31.3687 70.4785)" fill="#E7D0FF"/> <circle cx="3.95588" cy="3.95588" r="3.95588" transform="matrix(-1 0 0 1 31.3687 70.4785)" stroke="#141757" stroke-linecap="round" stroke-linejoin="round"/> <path d="M43.9181 39.9273L42.7922 37.143M34.8529 39.9273L35.9789 37.143M42.7922 37.143L39.3856 28.7192L35.9789 37.143M42.7922 37.143H35.9789" stroke="#1720B6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> </g> <defs> <clipPath id="clip0_219_142"> <rect width="100" height="100" rx="50" fill="white"/> </clipPath> </defs> </svg> <div style="color: var(--basic-white, #FFF); text-align: center; font-family: Gilroy; font-size: 18px; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; margin-top:20px;"> Language Learning </div> </a> <a href="/index.php/Special:ListPages?category=Math_and_Logic" style="flex: 1 0 calc(25% - 2px); height: 262px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none;"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="none"> <rect width="100" height="100" rx="50" fill="#D9E3FF"/> <rect x="14.3428" y="18.2827" width="51.1163" height="63.4347" rx="7.5" fill="#1720B6" stroke="#141757"/> <rect x="20.9755" y="18.2827" width="51.1163" height="63.4347" rx="7.5" fill="#8EB1FF" stroke="#141757"/> <rect x="29.6463" y="26.9951" width="33.1125" height="12.266" rx="1.5" fill="white" stroke="#141757"/> <circle cx="36.4168" cy="52.8853" r="7.27056" fill="white" stroke="#141757"/> <path d="M36.4162 50.043V55.7284" stroke="#BA76FF" stroke-width="1.60344" stroke-linecap="round"/> <path d="M39.2588 52.8853L33.5734 52.8853" stroke="#BA76FF" stroke-width="1.60344" stroke-linecap="round"/> <circle cx="36.4168" cy="70.1065" r="7.27056" fill="white" stroke="#141757"/> <path d="M38.3111 68.2109L34.5209 72.0012" stroke="#BA76FF" stroke-width="1.51174" stroke-linecap="round"/> <path d="M38.3111 72.0015L34.5209 68.2112" stroke="#BA76FF" stroke-width="1.51174" stroke-linecap="round"/> <circle cx="55.9885" cy="70.1065" r="7.27056" fill="white" stroke="#141757"/> <circle cx="55.9885" cy="52.8853" r="7.27056" fill="white" stroke="#141757"/> <path d="M58.8307 52.8853L53.1453 52.8853" stroke="#BA76FF" stroke-width="1.60344" stroke-linecap="round"/> <path d="M57.8856 68.1758L54.0244 72.037" stroke="#BA76FF" stroke-width="1.54004" stroke-linecap="round"/> <circle cx="53.7999" cy="68.1752" r="0.91206" fill="#BA76FF"/> <circle cx="57.8854" cy="72.0366" r="0.91206" fill="#BA76FF"/> <path opacity="0.3" d="M63.2978 51.312C69.869 51.312 75.1961 56.6391 75.1961 63.2103C75.1961 63.6159 75.1758 64.0168 75.1361 64.412L78.4622 68.0085C78.7139 68.2806 78.6645 68.713 78.3578 68.9212L76.2083 70.3811C76.2764 72.6244 76.1574 77.3694 75.1361 78.4023C74.1149 79.4352 70.1705 78.8327 68.326 78.4023V81.2305H56.0189V72.6231C53.2087 70.4468 51.3995 67.0398 51.3995 63.2103C51.3995 56.6391 56.7265 51.312 63.2978 51.312Z" fill="#1720B6"/> <path d="M73.5151 51.7681C80.0863 51.7681 85.4133 57.0951 85.4133 63.6664C85.4133 64.072 85.3931 64.4729 85.3534 64.868L88.6795 68.4645C88.9312 68.7367 88.8817 69.169 88.5751 69.3773L86.4256 70.8371C86.4937 73.0805 86.3747 77.8254 85.3534 78.8584C84.3321 79.8913 80.3878 79.2887 78.5433 78.8584V81.6866H66.2362V73.0792C63.4259 70.9029 61.6168 67.4959 61.6168 63.6664C61.6168 57.0951 66.9438 51.7681 73.5151 51.7681Z" fill="#FFA20A"/> <path d="M71.0494 81.6868H78.5436V78.8585C79.726 79.1344 81.7714 79.4811 83.3565 79.4223V78.8585C83.7759 78.9564 84.3039 79.0632 84.8814 79.1576C85.0737 79.0785 85.2338 78.9798 85.3537 78.8585C86.375 77.8256 86.494 73.0806 86.4258 70.8373L88.5972 69.3627C88.8923 69.1622 88.94 68.746 88.6977 68.4841L85.3537 64.8682C85.3933 64.473 85.4136 64.0722 85.4136 63.6665C85.4136 57.9197 81.3394 53.1245 75.9218 52.0117C68.9765 52.0117 66.4299 57.9197 66.4299 63.6665C66.4299 67.4961 68.2391 70.903 71.0494 73.0794V81.6868Z" fill="#FFE9A5"/> <path d="M73.5151 51.7681C80.0863 51.7681 85.4133 57.0951 85.4133 63.6664C85.4133 64.072 85.3931 64.4729 85.3534 64.868L88.6795 68.4645C88.9312 68.7367 88.8817 69.169 88.5751 69.3773L86.4256 70.8371C86.4937 73.0805 86.3747 77.8254 85.3534 78.8584C84.3321 79.8913 80.3878 79.2887 78.5433 78.8584V81.6866H66.2362V73.0792C63.4259 70.9029 61.6168 67.4959 61.6168 63.6664C61.6168 57.0951 66.9438 51.7681 73.5151 51.7681Z" stroke="#141757"/> </svg> <div style="color: var(--basic-white, #FFF); text-align: center; font-family: Gilroy; font-size: 18px; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; margin-top:20px;"> Math and Logic </div> </a> <!-- Row 3 --> <a href="/index.php/Special:ListPages?category=Personal_Development" style="flex: 1 0 calc(25% - 2px); height: 262px; display: flex; flex-direction: column; align-items: center; justify-content: center;"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="none"> <rect width="100" height="100" rx="50" fill="#D9E3FF"/> <path d="M43.3531 21.3377C46.0241 15.752 53.9759 15.752 56.6469 21.3377C58.4918 25.1957 62.9488 27.0419 66.9814 25.6184C72.8198 23.5574 78.4426 29.1802 76.3816 35.0186C74.9581 39.0512 76.8043 43.5082 80.6623 45.3531C86.248 48.0241 86.248 55.9759 80.6623 58.6469C76.8043 60.4918 74.9581 64.9488 76.3816 68.9814C78.4426 74.8198 72.8198 80.4426 66.9814 78.3816C62.9488 76.9581 58.4918 78.8043 56.6469 82.6623C53.9759 88.248 46.0241 88.248 43.3531 82.6623C41.5082 78.8043 37.0512 76.9581 33.0186 78.3816C27.1802 80.4426 21.5574 74.8198 23.6184 68.9814C25.0419 64.9488 23.1957 60.4918 19.3377 58.6469C13.752 55.9759 13.752 48.0241 19.3377 45.3531C23.1957 43.5082 25.0419 39.0512 23.6184 35.0186C21.5574 29.1802 27.1802 23.5574 33.0186 25.6184C37.0512 27.0419 41.5082 25.1957 43.3531 21.3377Z" fill="#8EB1FF" stroke="#141757"/> <path d="M75.3158 29.0269C76.4736 30.913 76.8592 33.3035 76.003 35.7289C74.6646 39.5205 76.4004 43.7112 80.0279 45.4459C80.9386 45.8813 81.7102 46.4483 82.3428 47.1065C82.2216 47.4131 81.9225 47.63 81.5728 47.63H73.5142C73.057 47.63 72.6864 47.2594 72.6864 46.8022V39.2215C72.6864 38.7643 72.3157 38.3937 71.8586 38.3937H69.3061C68.605 38.3937 68.2214 37.5768 68.669 37.0373L75.3158 29.0269Z" fill="#5987FF"/> <path d="M72.8966 54.9998C72.8966 57.3524 72.5417 59.6221 71.8827 61.7584C68.9994 71.1048 60.2927 77.8966 49.9998 77.8966C39.7069 77.8966 31.0002 71.1048 28.1169 61.7584C27.4578 59.6221 27.103 57.3524 27.103 54.9998C27.103 42.3543 37.3543 32.103 49.9998 32.103C62.6453 32.103 72.8966 42.3543 72.8966 54.9998Z" fill="#5987FF"/> <path d="M72.3966 51.9998C72.3966 54.3019 72.0495 56.5219 71.405 58.611C68.5845 67.7538 60.0673 74.3966 49.9999 74.3966C39.9324 74.3966 31.4152 67.7538 28.5947 58.611C27.9502 56.5219 27.6031 54.3019 27.6031 51.9998C27.6031 39.6304 37.6305 29.603 49.9999 29.603C62.3692 29.603 72.3966 39.6304 72.3966 51.9998Z" fill="white" stroke="#141757"/> <path d="M40.8747 27.3728H58.0382C56.2237 30.6442 53.3836 37.1871 56.5386 37.1871C60.4824 37.1871 62.0198 32.1005 61.3409 27.7862C62.8252 24.6076 61.1008 18.6082 59.4243 16.0058C60.0976 12.6391 55.7491 9.0195 47.1388 10.1501C40.2506 11.0547 38.6716 15.1754 38.3893 17.5921C34.1338 18.9834 36.404 24.4922 37.1311 26.7699L37.6816 27.7862C37.5787 28.6855 37.5762 31.1193 38.3893 33.6601C39.2023 36.2009 43.0456 37.3142 44.4995 37.1871L38.8964 25.4251L40.8747 27.3728Z" fill="#E7D0FF"/> <path d="M45.9138 13.585C45.1178 13.585 41.8449 13.2668 41.8449 19.7079L37.66 30.4197L38.5448 34.0364L40.7162 36.091L44.7 37.1335L57.7138 36.8212C63.0376 36.3995 62.7322 17.8841 59.0742 16.1852C59.7928 13.1803 57.9316 12.3743 56.2114 11.6726C52.6187 10.207 49.8773 14.2334 47.8242 15.6548C47.754 15.1634 47.8242 13.585 45.9138 13.585Z" fill="#BA76FF"/> <path d="M60.7433 25.4718L58.0382 27.3728M58.0382 27.3728H40.8747L38.8964 25.4251L44.4995 37.1871C43.0456 37.3142 39.2023 36.2009 38.3893 33.6601C37.5762 31.1193 37.5787 28.6855 37.6816 27.7862L37.1311 26.7699C36.404 24.4922 34.1338 18.9834 38.3893 17.5921C38.6716 15.1754 40.2506 11.0547 47.1388 10.1501C55.7491 9.0195 60.0976 12.6391 59.4243 16.0058C61.1008 18.6082 62.8252 24.6076 61.3409 27.7862C62.0198 32.1005 60.4824 37.1871 56.5386 37.1871C53.3836 37.1871 56.2237 30.6442 58.0382 27.3728Z" stroke="#141757" stroke-linecap="round" stroke-linejoin="round"/> <mask id="mask0_219_172" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="43" y="35" width="14" height="16"> <path d="M44.4069 35.6509H55.86V44.7114C55.86 47.8741 53.2961 50.438 50.1334 50.438C46.9707 50.438 44.4069 47.8741 44.4069 44.7114V35.6509Z" fill="white" stroke="#141757" stroke-linecap="round" stroke-linejoin="round"/> </mask> <g mask="url(#mask0_219_172)"> <path d="M44.4069 35.6509H55.86V44.7114C55.86 47.8741 53.2961 50.438 50.1334 50.438C46.9707 50.438 44.4069 47.8741 44.4069 44.7114V35.6509Z" fill="white" stroke="#141757" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.3" d="M50.3813 43.2235C45.2925 43.1853 42.3914 37.674 41.5769 34.9231C38.4764 33.5 37.6868 30.9667 38.4763 29.4765C39.2659 27.9863 40.8724 28.4159 41.5769 28.817L43.3376 20.3491L56.6364 20.3491L58.3853 28.817C61.4503 27.2999 62.2798 30.4715 61.5716 32.1178C60.8633 33.7641 59.2419 34.5733 58.3853 34.9231C57.8377 37.7058 55.4702 43.2617 50.3813 43.2235Z" fill="#5987FF"/> </g> <path d="M50.4322 40.2943C44.6696 40.2561 41.3844 34.7448 40.4621 31.9939C36.951 30.5708 36.0569 28.0375 36.951 26.5473C37.8451 25.0571 39.6643 25.4867 40.4621 25.8878L41.9244 19.6774C42.2358 18.3546 43.4163 17.4199 44.7752 17.4199L55.1926 17.4199C56.5532 17.4199 57.7346 18.3569 58.0444 19.6817L59.4959 25.8878C62.9668 24.3707 63.9061 27.5423 63.104 29.1886C62.302 30.8349 60.4659 31.6441 59.4959 31.9939C58.8758 34.7766 56.1948 40.3325 50.4322 40.2943Z" fill="white" stroke="#141757" stroke-linecap="round" stroke-linejoin="round"/> <mask id="path-13-inside-1_219_172" fill="white"> <ellipse cx="46.5073" cy="25.9728" rx="0.915246" ry="1.0983"/> </mask> <ellipse cx="46.5073" cy="25.9728" rx="0.915246" ry="1.0983" fill="#521855"/> <path d="M46.4225 25.9728C46.4225 26.0543 46.3945 26.0993 46.3862 26.1092C46.383 26.1131 46.3893 26.1041 46.4109 26.0931C46.4343 26.0812 46.4683 26.0711 46.5073 26.0711V28.0711C47.728 28.0711 48.4225 26.9532 48.4225 25.9728H46.4225ZM46.5073 26.0711C46.5463 26.0711 46.5802 26.0812 46.6036 26.0931C46.6253 26.1041 46.6316 26.1131 46.6283 26.1092C46.6201 26.0993 46.592 26.0543 46.592 25.9728H44.592C44.592 26.9532 45.2866 28.0711 46.5073 28.0711V26.0711ZM46.592 25.9728C46.592 25.8913 46.6201 25.8463 46.6283 25.8364C46.6316 25.8325 46.6253 25.8415 46.6036 25.8525C46.5802 25.8644 46.5463 25.8745 46.5073 25.8745V23.8745C45.2866 23.8745 44.592 24.9924 44.592 25.9728H46.592ZM46.5073 25.8745C46.4683 25.8745 46.4343 25.8644 46.4109 25.8525C46.3893 25.8415 46.383 25.8325 46.3862 25.8364C46.3945 25.8463 46.4225 25.8913 46.4225 25.9728H48.4225C48.4225 24.9924 47.728 23.8745 46.5073 23.8745V25.8745Z" fill="#141757" mask="url(#path-13-inside-1_219_172)"/> <mask id="path-15-inside-2_219_172" fill="white"> <ellipse cx="54.1952" cy="25.9728" rx="0.915246" ry="1.0983"/> </mask> <ellipse cx="54.1952" cy="25.9728" rx="0.915246" ry="1.0983" fill="#521855"/> <path d="M54.1105 25.9728C54.1105 26.0543 54.0824 26.0993 54.0742 26.1092C54.0709 26.1131 54.0772 26.1041 54.0989 26.0931C54.1223 26.0812 54.1562 26.0711 54.1952 26.0711V28.0711C55.4159 28.0711 56.1105 26.9532 56.1105 25.9728H54.1105ZM54.1952 26.0711C54.2342 26.0711 54.2682 26.0812 54.2916 26.0931C54.3132 26.1041 54.3195 26.1131 54.3163 26.1092C54.308 26.0993 54.28 26.0543 54.28 25.9728H52.28C52.28 26.9532 52.9745 28.0711 54.1952 28.0711V26.0711ZM54.28 25.9728C54.28 25.8913 54.308 25.8463 54.3163 25.8364C54.3195 25.8325 54.3132 25.8415 54.2916 25.8525C54.2682 25.8644 54.2342 25.8745 54.1952 25.8745V23.8745C52.9745 23.8745 52.28 24.9924 52.28 25.9728H54.28ZM54.1952 25.8745C54.1562 25.8745 54.1223 25.8644 54.0989 25.8525C54.0772 25.8415 54.0709 25.8325 54.0742 25.8364C54.0824 25.8463 54.1105 25.8913 54.1105 25.9728H56.1105C56.1105 24.9924 55.4159 23.8745 54.1952 23.8745V25.8745Z" fill="#141757" mask="url(#path-15-inside-2_219_172)"/> <path d="M38.1027 27.431C38.7617 26.8464 39.9221 26.875 40.1572 28.4377" stroke="#141757" stroke-linecap="round" stroke-linejoin="round"/> <path d="M61.9335 27.431C61.2745 26.8464 60.1141 26.875 59.879 28.4377" stroke="#141757" stroke-linecap="round" stroke-linejoin="round"/> <path d="M50.76 25.8037L51.4922 30.9336H49.2395" stroke="#141757" stroke-linecap="round" stroke-linejoin="round"/> <path d="M46.9932 32.6685C47.4749 33.933 48.9875 34.9637 51.0706 34.23" stroke="#141757" stroke-linecap="round" stroke-linejoin="round"/> <path d="M57.3161 45.2208L57.3766 45.3535L57.499 45.4328C58.6501 46.1786 61.981 48.0319 66.2517 49.5902C68.1931 50.2985 69.4642 51.9297 70.2627 53.7561C71.0437 55.5425 71.3438 57.4546 71.3809 58.6889C68.5362 67.7915 60.0388 74.3966 50 74.3966C39.9612 74.3966 31.4638 67.7915 28.619 58.6889C28.6562 57.4546 28.9562 55.5425 29.7373 53.7561C30.5358 51.9297 31.8069 50.2985 33.7483 49.5902C38.019 48.0319 41.3499 46.1786 42.5009 45.4328L42.6233 45.3535L42.6839 45.2208L43.7575 42.8691H50H56.2425L57.3161 45.2208Z" fill="#1720B6" stroke="#141757"/> <path d="M77.3641 45.0862H81.3934H85.4226C85.8798 45.0862 86.2505 44.7155 86.2505 44.2583V36.6777C86.2505 36.2205 86.6211 35.8498 87.0783 35.8498H89.6308C90.3318 35.8498 90.7155 35.0329 90.2678 34.4934L82.0304 24.5661C81.6994 24.1672 81.0873 24.1672 80.7563 24.5661L72.5189 34.4934C72.0712 35.0329 72.4549 35.8498 73.156 35.8498H75.7084C76.1656 35.8498 76.5363 36.2205 76.5363 36.6777V44.2583C76.5363 44.7155 76.9069 45.0862 77.3641 45.0862Z" fill="#FFA20A" stroke="#141757" stroke-width="0.827827" stroke-linecap="round"/> <path d="M77.3645 43.4304H81.3938H85.4231C85.8803 43.4304 86.2509 43.0598 86.2509 42.6026V35.0219C86.2509 34.5647 86.6215 34.1941 87.0787 34.1941H89.6312C90.3322 34.1941 90.7159 33.3771 90.2683 32.8376L82.0309 22.9103C81.6998 22.5114 81.0878 22.5114 80.7567 22.9103L72.5193 32.8376C72.0717 33.3771 72.4554 34.1941 73.1564 34.1941H75.7089C76.1661 34.1941 76.5367 34.5647 76.5367 35.0219V42.6026C76.5367 43.0598 76.9073 43.4304 77.3645 43.4304Z" fill="#FFE9A5" stroke="#141757" stroke-width="0.827827" stroke-linecap="round"/> <path d="M13.5635 75.3335H17.9489H22.3343C22.8631 75.3335 23.2917 74.9048 23.2917 74.3761V66.131C23.2917 65.6022 23.7204 65.1736 24.2491 65.1736H26.9104C27.7212 65.1736 28.1649 64.2287 27.6472 63.6048L18.6857 52.8049C18.3029 52.3435 17.595 52.3435 17.2121 52.8049L8.25063 63.6048C7.7329 64.2287 8.17664 65.1736 8.98741 65.1736H11.6487C12.1775 65.1736 12.6061 65.6022 12.6061 66.131V74.3761C12.6061 74.9048 13.0347 75.3335 13.5635 75.3335Z" fill="#FFA20A" stroke="#141757" stroke-width="0.957398" stroke-linecap="round"/> <path d="M13.5633 73.4184H17.9487H22.3341C22.8629 73.4184 23.2915 72.9898 23.2915 72.461V64.2159C23.2915 63.6872 23.7202 63.2585 24.2489 63.2585H26.9102C27.721 63.2585 28.1647 62.3137 27.647 61.6898L18.6855 50.8899C18.3027 50.4285 17.5948 50.4285 17.212 50.8899L8.25045 61.6898C7.73272 62.3137 8.17645 63.2585 8.98723 63.2585H11.6485C12.1773 63.2585 12.6059 63.6872 12.6059 64.2159V72.461C12.6059 72.9898 13.0346 73.4184 13.5633 73.4184Z" fill="#FFE9A5" stroke="#141757" stroke-width="0.957398" stroke-linecap="round"/> </svg> <div style="color: var(--basic-white, #FFF); text-align: center; font-family: Gilroy; font-size: 18px; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; margin-top:20px;"> Personal Development </div> </a> <a href="/index.php/Special:ListPages?category=Physical_Science_and_Engineering" style="flex: 1 0 calc(25% - 2px); height: 262px; display: flex; flex-direction: column; align-items: center; justify-content: center;"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="none"> <rect width="100" height="100" rx="50" fill="#D9E3FF"/> <rect x="30.7734" y="67.8154" width="37.3604" height="5.89902" fill="#FFA20A" stroke="#141757"/> <path d="M31.5998 61.0519C32.0246 59.8629 33.1508 59.0693 34.4134 59.0693C36.4796 59.0693 37.922 61.1164 37.2269 63.0622L31.0047 80.4791C30.5799 81.668 29.4537 82.4616 28.1911 82.4616C26.1249 82.4616 24.6825 80.4146 25.3776 78.4688L31.5998 61.0519Z" fill="#FFE9A5"/> <path d="M35.9263 66.7072H29.6016L30.2972 64.0825H36.9067L35.9263 66.7072Z" fill="#FFA20A"/> <path d="M31.5998 61.0519C32.0246 59.8629 33.1508 59.0693 34.4134 59.0693V59.0693C36.4796 59.0693 37.922 61.1164 37.2269 63.0622L31.0047 80.4791C30.5799 81.668 29.4537 82.4616 28.1911 82.4616V82.4616C26.1249 82.4616 24.6825 80.4146 25.3776 78.4688L31.5998 61.0519Z" stroke="#141757"/> <path d="M68.3997 61.0519C67.9749 59.8629 66.8487 59.0693 65.5861 59.0693C63.5199 59.0693 62.0775 61.1164 62.7726 63.0622L68.9948 80.4791C69.4196 81.668 70.5458 82.4616 71.8084 82.4616C73.8746 82.4616 75.317 80.4146 74.6219 78.4688L68.3997 61.0519Z" fill="#FFE9A5"/> <path d="M64.2903 66.7072H70.615L69.9194 64.0825H63.3098L64.2903 66.7072Z" fill="#FFA20A"/> <path d="M68.3997 61.0519C67.9749 59.8629 66.8487 59.0693 65.5861 59.0693V59.0693C63.5199 59.0693 62.0775 61.1164 62.7726 63.0622L68.9948 80.4791C69.4196 81.668 70.5458 82.4616 71.8084 82.4616V82.4616C73.8746 82.4616 75.317 80.4146 74.6219 78.4688L68.3997 61.0519Z" stroke="#141757"/> <rect x="18.5386" y="20.5386" width="62.9229" height="43.6615" rx="4.91585" fill="#1720B6" stroke="#141757"/> <rect x="18.5386" y="17.5386" width="62.9229" height="43.6615" rx="4.91585" fill="#8EB1FF" stroke="#141757"/> <rect x="23.7202" y="22.7383" width="52.559" height="33.2619" rx="2.94951" fill="white"/> <path d="M75.7379 54.9902C43.9878 54.9902 28.4885 34.0654 24.7077 23.603C23.9146 23.8621 23.662 24.9192 23.6348 25.4154V51.6097V53.4837L24.2854 54.6289L24.9881 55.2015L25.9251 56.086H27.2441H74.0455L75.7379 54.9902Z" fill="#D9E3FF"/> <rect x="23.7202" y="22.7383" width="52.559" height="33.2619" rx="2.94951" stroke="#141757"/> <path d="M38.8237 38.3672H42.298M38.8237 41.9993H42.298" stroke="#BA76FF" stroke-width="1.47475" stroke-linecap="round" stroke-linejoin="round"/> <path d="M35.3493 43.9735H30.2168V38.3674M35.3493 32.7612H30.2168V38.3674M30.2168 38.3674H35.3493M45.8509 43.9735V38.3674M45.8509 36.2354V38.3674M45.8509 38.3674L46.0554 37.8281C46.3569 37.0328 47.1188 36.5068 47.9694 36.5068V36.5068C48.7755 36.5068 49.5066 36.98 49.8367 37.7154L50.1294 38.3674M50.1294 38.3674L50.4555 37.6923C50.8056 36.9674 51.5396 36.5068 52.3446 36.5068V36.5068C53.0823 36.5068 53.7658 36.8943 54.1447 37.5273L54.2825 37.7575C54.5214 38.1566 54.6476 38.613 54.6476 39.0781V43.9735M50.1294 38.3674V43.9735M63.4552 38.3674V38.3674C62.9615 37.4098 61.9744 36.8082 60.8971 36.8082H60.7128C60.006 36.8082 59.3285 37.0903 58.8307 37.5919V37.5919C58.3376 38.0886 58.0609 38.7601 58.0609 39.46V41.3216C58.0609 42.0215 58.3376 42.693 58.8307 43.1898V43.1898C59.3285 43.6914 60.006 43.9735 60.7128 43.9735H60.8971C61.9744 43.9735 62.9615 43.3718 63.4552 42.4143V42.4143M66.4759 34.3276C66.8017 33.5131 67.8197 32.1286 69.2857 33.1059C70.7516 34.0832 68.2188 37.0208 66.7691 38.3674H70.1652" stroke="#BA76FF" stroke-width="1.47475" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div style="color: var(--basic-white, #FFF); text-align: center; font-family: Gilroy; font-size: 18px; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; margin-top:20px;"> Physical Science and Engineering </div> </a> <a href="/index.php/Special:ListPages?category=Social_Sciences" style="flex: 1 0 calc(25% - 2px); height: 262px; display: flex; flex-direction: column; align-items: center; justify-content: center;"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="none"> <rect width="100" height="100" rx="50" fill="#D9E3FF"/> <path d="M34.3108 59.4571L24.904 64.9785L30.8214 82.0794L33.0759 80.3316C36.7124 77.5123 41.5466 76.7695 45.8619 78.367C49.6301 79.7621 53.8267 79.3815 57.2826 77.3315L77.1722 65.5324C78.9831 64.4582 79.4938 62.0684 78.2803 60.3477C77.2166 58.8397 75.1868 58.3768 73.5745 59.2747L63.5743 64.8439C62.6606 65.3528 61.9539 66.1655 61.5771 67.1411C60.7207 69.358 58.2809 70.5189 56.0204 69.785L45.3865 66.3327L56.5912 69.4779C58.4532 70.0005 60.4109 69.0424 61.1405 67.2514C61.9625 65.2338 60.9247 62.9394 58.8666 62.2245L47.2323 58.1836C42.9465 56.695 38.2235 57.1604 34.3108 59.4571Z" fill="#8EB1FF"/> <path d="M37.8855 78.002L29.4592 62.2876L25.7394 64.4892L34.3178 79.5202L37.8855 78.002Z" fill="#5987FF"/> <path d="M58.003 69.8032C56.5454 69.9247 49.3487 67.627 45.9326 66.463C48.8933 68.4874 55.7407 72.4602 59.4453 72.1565C63.15 71.8529 64.5316 66.9185 64.7593 64.4892L61.6469 66.463C61.3432 68.0572 59.8249 69.6514 58.003 69.8032Z" fill="#5987FF"/> <path d="M34.3108 59.4571L24.904 64.9785L30.8214 82.0794L33.0759 80.3316C36.7124 77.5123 41.5466 76.7695 45.8619 78.367C49.6301 79.7621 53.8267 79.3815 57.2826 77.3315L77.1722 65.5324C78.9831 64.4582 79.4938 62.0684 78.2803 60.3477C77.2166 58.8397 75.1868 58.3768 73.5745 59.2747L63.5743 64.8439C62.6606 65.3528 61.9539 66.1655 61.5771 67.1411C60.7207 69.358 58.2809 70.5189 56.0204 69.785L45.3865 66.3327L56.5912 69.4779C58.4532 70.0005 60.4109 69.0424 61.1405 67.2514C61.9625 65.2338 60.9247 62.9394 58.8666 62.2245L47.2323 58.1836C42.9465 56.695 38.2235 57.1604 34.3108 59.4571Z" stroke="#141757" stroke-linejoin="round"/> <rect x="23.5427" y="60.7666" width="24.8817" height="12.428" rx="2.34063" transform="rotate(60 23.5427 60.7666)" fill="#FFE9A5" stroke="#141757"/> <circle cx="21.6248" cy="66.7779" r="2.18076" fill="#FFA20A" stroke="#141757"/> <circle cx="59.0865" cy="36.9198" r="19.8953" fill="#E7D0FF"/> <circle cx="60.124" cy="35.8818" r="18.8574" fill="white"/> <circle cx="59.0863" cy="36.9198" r="19.8953" stroke="#141757"/> <circle cx="59.087" cy="32.2309" r="4.00723" fill="#BA76FF"/> <circle cx="67.5758" cy="34.1713" r="3.51891" fill="#E7D0FF"/> <circle cx="3.51891" cy="3.51891" r="3.51891" transform="matrix(-1 0 0 1 54.1169 30.6523)" fill="#E7D0FF"/> <path d="M65.8426 44.4456C65.8426 42.6539 65.1309 40.9356 63.8639 39.6686C62.597 38.4017 60.8787 37.6899 59.087 37.6899C57.2952 37.6899 55.5769 38.4017 54.31 39.6686C53.043 40.9356 52.3313 42.6539 52.3313 44.4456L65.8426 44.4456Z" fill="#BA76FF"/> <path d="M71.3207 39.9977C72.3846 41.1776 72.9824 42.7776 72.9824 44.4458H67.2056C67.2056 42.0117 65.6634 39.6371 64.8923 38.7541C65.6411 38.3634 66.4652 38.1553 67.3087 38.1553C68.8134 38.1553 70.2565 38.8181 71.3207 39.9977Z" fill="#E7D0FF"/> <path d="M46.8534 39.9977C45.7894 41.1776 45.1916 42.7776 45.1916 44.4458H50.9685C50.9685 42.0117 52.5107 39.6371 53.2817 38.7541C52.5329 38.3634 51.7089 38.1553 50.8654 38.1553C49.3607 38.1553 47.9176 38.8181 46.8534 39.9977Z" fill="#E7D0FF"/> <path d="M42.9485 17.5399L46.3639 21.5957M76.8984 46.4091L85.5481 51.9211M40.8129 45.4326L32.5322 47.9936" stroke="black"/> <circle cx="4.38281" cy="4.38281" r="4.38281" transform="matrix(-1 0 0 1 91.2056 48.6172)" fill="#BA76FF"/> <circle cx="3.23965" cy="3.23965" r="3.23965" transform="matrix(-1 0 0 1 91.2056 48.6172)" fill="#E7D0FF"/> <circle cx="4.38281" cy="4.38281" r="4.38281" transform="matrix(-1 0 0 1 91.2056 48.6172)" stroke="#141757" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="2.60254" cy="2.60254" r="2.60254" transform="matrix(-1 0 0 1 32.7246 46.2261)" fill="#BA76FF"/> <circle cx="1.92372" cy="1.92372" r="1.92372" transform="matrix(-1 0 0 1 32.7246 46.2261)" fill="#E7D0FF"/> <circle cx="2.60254" cy="2.60254" r="2.60254" transform="matrix(-1 0 0 1 32.7246 46.2261)" stroke="#141757" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="6.12646" cy="6.12646" r="6.12646" transform="matrix(-1 0 0 1 44.9541 6.91943)" fill="#BA76FF"/> <circle cx="4.5285" cy="4.5285" r="4.5285" transform="matrix(-1 0 0 1 44.9541 6.91943)" fill="#E7D0FF"/> <circle cx="6.12646" cy="6.12646" r="6.12646" transform="matrix(-1 0 0 1 44.9541 6.91943)" stroke="#141757" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div style="color: var(--basic-white, #FFF); text-align: center; font-family: Gilroy; font-size: 18px; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; margin-top:20px;"> Social Sciences </div> </a> <a href="/index.php/Special:ListPages?category=All+Courses" style="flex: 1 0 calc(25% - 2px); height: 262px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none;"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="none"> <rect width="100" height="100" rx="50" fill="#D9E3FF"/> <path d="M16.772 30.5249C16.772 27.2112 19.4583 24.5249 22.772 24.5249H77.2284C80.5421 24.5249 83.2284 27.2112 83.2284 30.5249V68.8292H16.772V30.5249Z" fill="white"/> <path d="M69.0343 29.1894C69.0343 40.6828 60.5123 50 49.9998 50V24.4668L68.5421 24.4668C68.8641 25.9841 69.0343 27.565 69.0343 29.1894Z" fill="#F3E7FF"/> <path d="M16.772 30.5249C16.772 27.2112 19.4583 24.5249 22.772 24.5249H77.2284C80.5421 24.5249 83.2284 27.2112 83.2284 30.5249V68.8292H16.772V30.5249Z" stroke="#141757"/> <path d="M21.2026 31.8481C21.2026 29.639 22.9935 27.8481 25.2026 27.8481H74.7982C77.0073 27.8481 78.7982 29.639 78.7982 31.8481V64.5068C78.7982 65.0591 78.3505 65.5068 77.7982 65.5068H22.2026C21.6503 65.5068 21.2026 65.0591 21.2026 64.5068V31.8481Z" fill="#8EB1FF"/> <path d="M69.0343 27.186C69.0343 30.182 68.542 33.1486 67.5854 35.9166C66.6288 38.6845 65.2267 41.1995 63.4592 43.3179C61.6917 45.4364 59.5934 47.1169 57.284 48.2634C54.9746 49.4099 52.4995 50 49.9998 50V27.186H69.0343Z" fill="#5987FF"/> <path d="M21.2026 31.8481C21.2026 29.639 22.9935 27.8481 25.2026 27.8481H74.7982C77.0073 27.8481 78.7982 29.639 78.7982 31.8481V64.5068C78.7982 65.0591 78.3505 65.5068 77.7982 65.5068H22.2026C21.6503 65.5068 21.2026 65.0591 21.2026 64.5068V31.8481Z" stroke="#141757"/> <rect x="40" y="56.6772" width="20" height="5" rx="1" fill="#E7D0FF" stroke="#141757"/> <path d="M45.7158 59.1772H54.2847" stroke="#141757" stroke-linecap="round"/> <path d="M11.2339 68.9598C11.2339 72.5581 14.1509 75.4751 17.7492 75.4751H82.251C85.8493 75.4751 88.7664 72.5581 88.7664 68.9598C88.7664 68.8878 88.708 68.8295 88.6361 68.8295H11.3642C11.2922 68.8295 11.2339 68.8878 11.2339 68.9598Z" fill="#8EB1FF"/> <path d="M12.7906 72.6427C13.1176 74.2891 14.5623 75.4751 16.2409 75.4751H82.7244C84.7048 75.4751 86.5385 74.4311 87.5493 72.7282C87.5937 72.6534 87.5398 72.5587 87.4528 72.5587H12.8596C12.8153 72.5587 12.782 72.5992 12.7906 72.6427Z" fill="#5987FF"/> <path d="M11.2339 68.9598C11.2339 72.5581 14.1509 75.4751 17.7492 75.4751H82.251C85.8493 75.4751 88.7664 72.5581 88.7664 68.9598V68.9598C88.7664 68.8878 88.708 68.8295 88.6361 68.8295H11.3642C11.2922 68.8295 11.2339 68.8878 11.2339 68.9598V68.9598Z" stroke="#141757"/> <path d="M40.3521 68.8818C40.3521 70.3316 41.5273 71.5068 42.9771 71.5068H57.0231C58.4728 71.5068 59.6481 70.3316 59.6481 68.8818C59.6481 68.8528 59.6246 68.8293 59.5956 68.8293H40.4046C40.3756 68.8293 40.3521 68.8528 40.3521 68.8818Z" fill="#1720B6" stroke="#141757"/> <path d="M9.11305 75.4751H99.0435" stroke="#141757" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="49.9998" cy="35.3577" r="14.6424" fill="#FFA20A"/> <ellipse cx="49.9998" cy="33.6973" rx="13.6497" ry="12.9819" fill="#FFE9A5"/> <circle cx="49.9998" cy="35.3577" r="14.6424" stroke="#141757"/> <rect x="42.5005" y="27.8579" width="6" height="6" rx="1" fill="white" stroke="#141757"/> <rect x="42.5005" y="36.8579" width="6" height="6" rx="1" fill="white" stroke="#141757"/> <rect x="51.5005" y="27.8579" width="6" height="6" rx="1" fill="white" stroke="#141757"/> <rect x="51.5005" y="36.8579" width="6" height="6" rx="3" fill="white" stroke="#141757"/> </svg> <div style="color: var(--basic-white, #FFF); text-align: center; font-family: Gilroy; font-size: 18px; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; margin-top:20px;"> All courses </div> </a> </div> </div> <div style="max-width: 1440px; width: 100%; padding-left: 140px; padding-right: 140px; padding-top: 50px; background: #F7F7F8; flex-direction: column; justify-content: flex-start; align-items: center; gap: 50px; display: inline-flex"; > <div style="flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px; display: flex"> <div style="text-align: center; color: #141417; font-size: 50px; font-family: Gilroy; font-weight: 700; line-height: 70px; letter-spacing: 1px; word-wrap: break-word">Popular Community Courses</div> </div> <div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 20px; display: inline-flex; padding-bottom:50px;"> <div style="flex: 1 1 0; padding: 20px; background: white; border-radius: 10px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; display: inline-flex"> <div style="padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px; background: #FF8A00; border-radius: 16px; justify-content: flex-start; align-items: flex-start; gap: 10px; display: inline-flex"> <div style="color: white; font-size: 14px; font-family: Gilroy; font-weight: 500; line-height: 21px; letter-spacing: 0.14px; word-wrap: break-word">Personal Development</div> </div> <div style="align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex"> <div style="align-self: stretch; color: #141417; font-size: 18px; font-family: Gilroy; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; word-wrap: break-word">Career Success</div> <div style="align-self: stretch; color: #5C5D6D; font-size: 16px; font-family: Gilroy; font-weight: 500; line-height: 24px; letter-spacing: 0.16px; word-wrap: break-word">Equiping individuals with essential skills and knowledge to advance their careers and achieve professional success. </div> </div> <div style="align-self: stretch; height: 0px; border: 1px #D9D9DE solid"></div> <div style="justify-content: center; align-items: center; gap: 5px; display: inline-flex"> <div style="justify-content: center; align-items: center; gap: 5px; display: inline-flex"> <a href="/index.php/Career_Success" style="color: #1B38F5; font-size: 16px; font-family: Gilroy; font-weight: 500; line-height: 24px; letter-spacing: 0.16px; word-wrap: break-word">See course</a> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M9 18L15 12L9 6" stroke="#1B38F5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> <div style="flex: 1 1 0; padding: 20px; background: white; border-radius: 10px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; display: inline-flex"> <div style="padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px; background: #922CFF; border-radius: 16px; justify-content: flex-start; align-items: flex-start; gap: 10px; display: inline-flex"> <div style="color: white; font-size: 14px; font-family: Gilroy; font-weight: 500; line-height: 21px; letter-spacing: 0.14px; word-wrap: break-word">Health</div> </div> <div style="align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex"> <div style="align-self: stretch; color: #141417; font-size: 18px; font-family: Gilroy; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; word-wrap: break-word">Getting Started in Cryo EM</div> <div style="align-self: stretch; color: #5C5D6D; font-size: 16px; font-family: Gilroy; font-weight: 500; line-height: 24px; letter-spacing: 0.16px; word-wrap: break-word">A comprehensive introduction to the principles and techniques of cryo-electron microscopy (EM).</div> </div> <div style="align-self: stretch; height: 0px; border: 1px #D9D9DE solid"></div> <div style="justify-content: center; align-items: center; gap: 5px; display: inline-flex"> <div style="justify-content: center; align-items: center; gap: 5px; display: inline-flex"> <a href="/index.php/Getting_Started_in_Cryo_EM" style="color: #1B38F5; font-size: 16px; font-family: Gilroy; font-weight: 500; line-height: 24px; letter-spacing: 0.16px; word-wrap: break-word">See course</a> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M9 18L15 12L9 6" stroke="#1B38F5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> <div style="flex: 1 1 0; padding: 20px; background: white; border-radius: 10px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; display: inline-flex"> <div style="padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px; background: #FF8A00; border-radius: 16px; justify-content: flex-start; align-items: flex-start; gap: 10px; display: inline-flex"> <div style="color: white; font-size: 14px; font-family: Gilroy; font-weight: 500; line-height: 21px; letter-spacing: 0.14px; word-wrap: break-word">Business</div> </div> <div style="align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex"> <div style="align-self: stretch; color: #141417; font-size: 18px; font-family: Gilroy; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; word-wrap: break-word">What is corruption</div> <div style="align-self: stretch; color: #5C5D6D; font-size: 16px; font-family: Gilroy; font-weight: 500; line-height: 24px; letter-spacing: 0.16px; word-wrap: break-word">In-depth exploration of corruption and its impact on societies, economies, and governance systems</div> </div> <div style="align-self: stretch; height: 0px; border: 1px #D9D9DE solid"></div> <div style="justify-content: center; align-items: center; gap: 5px; display: inline-flex"> <div style="justify-content: center; align-items: center; gap: 5px; display: inline-flex"> <a href="/index.php/What_is_corruption" style="color: #1B38F5; font-size: 16px; font-family: Gilroy; font-weight: 500; line-height: 24px; letter-spacing: 0.16px; word-wrap: break-word">See course</a> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M9 18L15 12L9 6" stroke="#1B38F5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> <div style="flex: 1 1 0; padding: 20px; background: white; border-radius: 10px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; display: inline-flex"> <div style="padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px; background: #1B38F5; border-radius: 16px; justify-content: flex-start; align-items: flex-start; gap: 10px; display: inline-flex"> <div style="color: white; font-size: 14px; font-family: Gilroy; font-weight: 500; line-height: 21px; letter-spacing: 0.14px; word-wrap: break-word">Art and History</div> </div> <div style="align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex"> <div style="align-self: stretch; color: #141417; font-size: 18px; font-family: Gilroy; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; word-wrap: break-word">Roman Architecture</div> <div style="align-self: stretch; color: #5C5D6D; font-size: 16px; font-family: Gilroy; font-weight: 500; line-height: 24px; letter-spacing: 0.16px; word-wrap: break-word">In-depth exploration of the architecture, design principles, and construction techniques of ancient Rome </div> </div> <div style="align-self: stretch; height: 0px; border: 1px #D9D9DE solid"></div> <div style="justify-content: center; align-items: center; gap: 5px; display: inline-flex"> <div style="justify-content: center; align-items: center; gap: 5px; display: inline-flex"> <a href="/index.php/Roman_Architecture" style="color: #1B38F5; font-size: 16px; font-family: Gilroy; font-weight: 500; line-height: 24px; letter-spacing: 0.16px; word-wrap: break-word">See course</a> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M9 18L15 12L9 6" stroke="#1B38F5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div style="max-width: 1160px; width: 100%; height: 550px; justify-content: center; align-items: center; gap: 60px; display: inline-flex; margin-top:50px;"> <div style="width: 550px; align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 30px; display: inline-flex"> <div style="align-self: stretch; height: 292px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex"> <div style="width: 550px; color: #141417; font-size: 50px; font-family: Gilroy; font-weight: 700; line-height: 70px; letter-spacing: 1px; word-wrap: break-word">Courseit for Schools, Universities, Edtechs, Individual Educators</div> <div style="align-self: stretch; color: #5C5D6D; font-size: 16px; font-family: Gilroy; font-weight: 500; line-height: 24px; letter-spacing: 0.16px; word-wrap: break-word">Neque habitant amet vitae id quisque maecenas bibendum volutpat. Pellentesque tortor in ipsum enim non feugiat ut. In pellentesque malesuada nisl fermentum duis lorem augue rutrum est amet.</div> </div> <button style="cursor: pointer; transition: transform 0.1s; padding-left: 30px; padding-right: 30px; padding-top: 15px; padding-bottom: 15px; background: #1B38F5; border-radius: 10px; justify-content: center; align-items: center; gap: 10px; display: inline-flex; border: none; outline: none;" onmousedown="this.style.transform='scale(0.95)';" onmouseup="this.style.transform='scale(1)';" onmouseleave="this.style.transform='scale(1)';" onclick="window.location.href='/index.php?title=Special:Course'" > <div style="color: white; font-size: 18px; font-family: Gilroy; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; word-wrap: break-word"> Create a Course </div> </button> </div> <img src="/images/CourseItforschools.svg" width="550" height="550"> </div> <div class="testimonials-container" style="max-width: 1440px; width: 100%; background: #F7F7F8; display: flex; flex-direction: column; align-items: center; gap: 40px; margin-top:50px; padding-top:50px;"> <div style="text-align: center; color: #141417; font-size: 50px; font-family: Gilroy; font-weight: 700; line-height: 70px; letter-spacing: 1px;">Testimonials</div> <div style="width: 1160px; display: flex; justify-content: center; position: relative;"> <div class="testimonial-content" style="width: 700px; text-align: center; position: relative; padding-bottom:50px;"> <div class="testimonial-text" style="color: #141417; font-size: 30px; font-family: Gilroy; font-style: italic; font-weight: 500; line-height: 36px; letter-spacing: 0.30px; word-wrap: break-word; padding-bottom: 20px;"> Neque habitant amet vitae id quisque maecenas bibendum volutpat. Pellentesque tortor in ipsum enim non feugiat ut. In pellentesque malesuada fermentum duis lorem augue rutrum est amet. </div> <div class="testimonial-author" style="width: 200px; height: 146px; display: flex; flex-direction: column; align-items: center; gap: 15px; margin-left: 255px;"> <img class="testimonial-image" style="width: 80px; height: 80px; border-radius: 9999px;" src="https://via.placeholder.com/80x80" /> <div style="width: 200px; text-align: center; display: flex; flex-direction: column; gap: 4px;"> <div class="testimonial-name" style="color: #141417; font-size: 18px; font-family: Gilroy; font-weight: 600; line-height: 26px; letter-spacing: 0.18px;">Ariq Fikriawan</div> <div class="testimonial-title" style="color: #5C5D6D; font-size: 14px; font-family: Gilroy; font-weight: 500; line-height: 21px; letter-spacing: 0.14px;">CEO of Company</div> </div> </div> </div> <div class="arrows" style="position: absolute; width: 100%; display: flex; justify-content: space-between; align-items: center;"> <a href="javascript:void(0);" class="previous-testimonial" title="Previous testimonial"> <!-- SVG for Left Arrow --> <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"> <circle cx="24" cy="24" r="24" fill="#141417"/> <path d="M32 24.75C32.4142 24.75 32.75 24.4142 32.75 24C32.75 23.5858 32.4142 23.25 32 23.25V24.75ZM15.4697 23.4697C15.1768 23.7626 15.1768 24.2374 15.4697 24.5303L20.2426 29.3033C20.5355 29.5962 21.0104 29.5962 21.3033 29.3033C21.5962 29.0104 21.5962 28.5355 21.3033 28.2426L17.0607 24L21.3033 19.7574C21.5962 19.4645 21.5962 18.9896 21.3033 18.6967C21.0104 18.4038 20.5355 18.4038 20.2426 18.6967L15.4697 23.4697ZM32 23.25H16V24.75H32V23.25Z" fill="white"/> </svg> </a> <a href="javascript:void(0);" class="next-testimonial" title="Next testimonial"> <!-- SVG for Right Arrow --> <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"> <circle cx="24" cy="24" r="24" transform="matrix(-1 0 0 1 48 0)" fill="#141417"/> <path d="M16 24.75C15.5858 24.75 15.25 24.4142 15.25 24C15.25 23.5858 15.5858 23.25 16 23.25V24.75ZM32.5303 23.4697C32.8232 23.7626 32.8232 24.2374 32.5303 24.5303L27.7574 29.3033C27.4645 29.5962 26.9896 29.5962 26.6967 29.3033C26.4038 29.0104 26.4038 28.5355 26.6967 28.2426L30.9393 24L26.6967 19.7574C26.4038 19.4645 26.4038 18.9896 26.6967 18.6967C26.9896 18.4038 27.4645 18.4038 27.7574 18.6967L32.5303 23.4697ZM16 23.25H32V24.75H16V23.25Z" fill="white"/> </svg> </a> </div> </div> </div> <div style="max-width: 1440px; width: 100%; height: 580px; padding-left: 140px; padding-right: 140px; padding-top: 120px; padding-bottom: 120px; background: #141757; flex-direction: row; justify-content: center; align-items: center; gap: 80px; display: flex;"> <!-- Left Container (Image) --> <div style="width: 50%; height: 340px; display: flex; align-items: center; justify-content: center;"> <img src="/images/Frame1000002887.png" alt="Image" style="width: 550px; height: 550px;"> </div> <!-- Right Container (Text and Form) --> <div style="width: 50%; height: 340px; flex-direction: column; justify-content: center; align-items: center; gap: 40px; display: flex"> <div style="align-self: stretch; height: 244px; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px; display: flex"> <div style="align-self: stretch; color: white; font-size: 55px; font-family: Gilroy; font-weight: 700; line-height: 70px; letter-spacing: 1.10px; word-wrap: break-word">Transforming Education with AI and Communities Working Together</div> </div> <form action="your-server-url" method="post" style="margin-top: 20px; margin-left: 20px;"> <div style="flex: 1 1 0; display: flex; gap: 15px;"> <div style="flex: 1; width: 400px; height: 56px; background: white; border-radius: 10px; justify-content: center; align-items: center; gap: 10px; display: flex;"> <input type="email" name="email" placeholder="Enter your email" style="flex: 1; width: 80%; height: 100%; color: #000000; font-size: 16px; font-family: Gilroy; font-weight: 700; line-height: 24px; letter-spacing: 0.16px; border: none; outline: none; background: transparent; padding-left: 10px; padding-right: 10px;"> </div> <div style="width: 120px; height: 56px; background: #1B38F5; border-radius: 10px; justify-content: center; align-items: center; gap: 10px; display: flex"> <button type="submit" style="color: white; font-size: 18px; font-family: Gilroy; font-weight: 600; line-height: 26px; letter-spacing: 0.18px; background: none; border: none; outline: none; cursor: pointer;">Submit</button> </div> </div> </form> </div> </div> </html>
Summary:
Please note that all contributions to Course IT may be edited, altered, or removed by other contributors. If you do not want your writing to be edited mercilessly, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource (see
Course IT:Copyrights
for details).
Do not submit copyrighted work without permission!
Cancel
Editing help
(opens in new window)