Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-687.56.1.el9_8.x86_64

PHP Version:

8.2.34

User:

flightbo

Directory:

/home2/flightbo/public_html/surecertificate.online

Free Space:

200.97 GB

🔧 Quick Actions

✏️ Editing: tutorials.php

<?php include __DIR__ . '/header.php'; ?>
<main class="sc-main-content">
<div>
<div>
<div></div>

<div class="transition-all duration-1000 z-[20] md:block hidden"></div>
</div>

<div>
<section class="py-spacing44 sm:py-spacing48 xl:px-spacing80 sm:px-spacing112 px-0 !py-spacing8 !bg-[#FDFAF5]">
<div class="px-spacing20 md:px-0 w-full 2xl:max-w-7xl mx-auto">
<div class="row g-4">
<div class="col-12 md:flex-col"><ol itemscope="" itemtype="https://schema.org/BreadcrumbList" class="flex h-8 w-auto justify-start items-center bg-transparent undefined"><li class="flex items-center text-xs font-normal h-8 group ease-in-out duration-500 transition text-neutral-500" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem"><a href="index.php" class="px-spacing8 h-full cursor-pointer flex rounded-128 items-center group-hover:bg-mono-black/4 duration-500 ease-in-out transition justify-center" itemprop="item">
<div itemprop="name" content="Home">
<div class="text-xs text-neutral-600 group-hover:font-medium group-hover:underline group-hover:underline-offset-3 group-hover:text-mono-black">Home</div>
</div>
</a><meta itemprop="position" content="1"><i class=" icon-chevron-right text-xl leading-5 text-neutral-600  md:text-neutral-400 self-center "></i></li><li class="flex items-center text-xs font-normal h-8 group ease-in-out duration-500 transition text-neutral-500" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem"><a href="tutorials.php" class="px-spacing8 h-full cursor-pointer flex rounded-128 items-center group-hover:bg-mono-black/4 duration-500 ease-in-out transition justify-center" itemprop="item">
<div itemprop="name">
<div class="text-xs text-neutral-500 group-hover:font-medium group-hover:underline group-hover:underline-offset-3 group-hover:text-mono-black max-w-50 overflow-ellipsis whitespace-nowrap overflow-hidden">Tutorials</div>
</div>
</a><meta itemprop="position" content="2"><i class=" hidden"></i></li></ol></div>
</div>
</div>
</section>
</div>

<div>
<section class="py-spacing44 sm:py-spacing48 xl:px-spacing80 sm:px-spacing112 px-0 bg-[#FDFAF5] !py-spacing20 !pb-spacing36">
<div class="px-spacing20 md:px-0 w-full 2xl:max-w-7xl mx-auto">
<div class="row g-4">
<div class="col-12 md:flex-col">
<div class="flex justify-between md:flex-row xs:flex-col">
<div class="w-full max-w-630"><h3 class="md:text-heading1 md:!leading-[52px] text-mono-black md:font-extrabold xs:text-[22px] xs:leading-[31px] xs:font-bold">Exclusive Tutorials For Practical Learning</h3><p class="md:pt-spacing20 text-bodyLarge font-medium text-greyscale1">Access Impactful Tutorials to guide you on in-demand skills</p><ul class="flex flex-col justify-start items-start md:gap-spacing10 md:pt-spacing20 xs:pt-spacing24 xs:gap-spacing12"><li class="inline-flex items-center md:gap-spacing12 xs:gap-spacing8"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none" class="flex-shrink-0"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 0C9.30591 -4.96705e-08 9.57257 0.208198 9.64676 0.504976L10.7313 4.8433C10.9543 5.73529 11.0363 6.02921 11.184 6.25992C11.3269 6.48333 11.5167 6.67307 11.7401 6.81603C11.9708 6.96365 12.2647 7.04566 13.1567 7.26866L17.495 8.35324C17.7918 8.42743 18 8.69409 18 9C18 9.30591 17.7918 9.57257 17.495 9.64676L13.1567 10.7313C12.2647 10.9543 11.9708 11.0363 11.7401 11.184C11.5167 11.3269 11.3269 11.5167 11.184 11.7401C11.0363 11.9708 10.9543 12.2647 10.7313 13.1567L9.64676 17.495C9.57257 17.7918 9.30591 18 9 18C8.69409 18 8.42743 17.7918 8.35324 17.495L7.26866 13.1567C7.04566 12.2647 6.96365 11.9708 6.81603 11.7401C6.67307 11.5167 6.48333 11.3269 6.25992 11.184C6.02921 11.0363 5.73529 10.9543 4.8433 10.7313L0.504976 9.64676C0.208198 9.57257 0 9.30591 0 9C0 8.69409 0.208198 8.42743 0.504976 8.35324L4.8433 7.26866C5.73529 7.04566 6.02921 6.96365 6.25992 6.81603C6.48333 6.67307 6.67307 6.48333 6.81603 6.25992C6.96365 6.02921 7.04566 5.73529 7.26866 4.8433L8.35324 0.504976C8.42743 0.208198 8.69409 4.96705e-08 9 0ZM9 3.41541L8.56218 5.16668C8.55333 5.20207 8.54463 5.23697 8.53603 5.2714C8.35013 6.01643 8.21932 6.54065 7.93911 6.97856C7.69218 7.36446 7.36446 7.69218 6.97856 7.93911C6.54065 8.21933 6.01642 8.35013 5.27139 8.53604C5.23696 8.54463 5.20206 8.55334 5.16668 8.56218L3.41541 9L5.16668 9.43782C5.20206 9.44666 5.23696 9.45537 5.27139 9.46396C6.01642 9.64987 6.54065 9.78067 6.97856 10.0609C7.36446 10.3078 7.69218 10.6355 7.93912 11.0214C8.21933 11.4593 8.35013 11.9836 8.53604 12.7286C8.54463 12.763 8.55333 12.7979 8.56218 12.8333L9 14.5846L9.43782 12.8333C9.44666 12.7979 9.45537 12.763 9.46396 12.7286C9.64987 11.9836 9.78067 11.4593 10.0609 11.0214C10.3078 10.6355 10.6355 10.3078 11.0214 10.0609C11.4593 9.78067 11.9836 9.64987 12.7286 9.46396C12.763 9.45537 12.7979 9.44666 12.8333 9.43782L14.5846 9L12.8333 8.56218C12.7979 8.55333 12.763 8.54463 12.7286 8.53603C11.9836 8.35013 11.4593 8.21932 11.0214 7.93911C10.6355 7.69218 10.3078 7.36446 10.0609 6.97856C9.78067 6.54065 9.64987 6.01642 9.46396 5.27139C9.45537 5.23696 9.44666 5.20206 9.43782 5.16668L9 3.41541Z" fill="#DC9B00"></path></svg><span class="font-normal md:text-bannerNormal text-greyscale1 xs:text-bannerPoints">Easy to understand step-by-step tutorials</span></li><li class="inline-flex items-center md:gap-spacing12 xs:gap-spacing8"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none" class="flex-shrink-0"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 0C9.30591 -4.96705e-08 9.57257 0.208198 9.64676 0.504976L10.7313 4.8433C10.9543 5.73529 11.0363 6.02921 11.184 6.25992C11.3269 6.48333 11.5167 6.67307 11.7401 6.81603C11.9708 6.96365 12.2647 7.04566 13.1567 7.26866L17.495 8.35324C17.7918 8.42743 18 8.69409 18 9C18 9.30591 17.7918 9.57257 17.495 9.64676L13.1567 10.7313C12.2647 10.9543 11.9708 11.0363 11.7401 11.184C11.5167 11.3269 11.3269 11.5167 11.184 11.7401C11.0363 11.9708 10.9543 12.2647 10.7313 13.1567L9.64676 17.495C9.57257 17.7918 9.30591 18 9 18C8.69409 18 8.42743 17.7918 8.35324 17.495L7.26866 13.1567C7.04566 12.2647 6.96365 11.9708 6.81603 11.7401C6.67307 11.5167 6.48333 11.3269 6.25992 11.184C6.02921 11.0363 5.73529 10.9543 4.8433 10.7313L0.504976 9.64676C0.208198 9.57257 0 9.30591 0 9C0 8.69409 0.208198 8.42743 0.504976 8.35324L4.8433 7.26866C5.73529 7.04566 6.02921 6.96365 6.25992 6.81603C6.48333 6.67307 6.67307 6.48333 6.81603 6.25992C6.96365 6.02921 7.04566 5.73529 7.26866 4.8433L8.35324 0.504976C8.42743 0.208198 8.69409 4.96705e-08 9 0ZM9 3.41541L8.56218 5.16668C8.55333 5.20207 8.54463 5.23697 8.53603 5.2714C8.35013 6.01643 8.21932 6.54065 7.93911 6.97856C7.69218 7.36446 7.36446 7.69218 6.97856 7.93911C6.54065 8.21933 6.01642 8.35013 5.27139 8.53604C5.23696 8.54463 5.20206 8.55334 5.16668 8.56218L3.41541 9L5.16668 9.43782C5.20206 9.44666 5.23696 9.45537 5.27139 9.46396C6.01642 9.64987 6.54065 9.78067 6.97856 10.0609C7.36446 10.3078 7.69218 10.6355 7.93912 11.0214C8.21933 11.4593 8.35013 11.9836 8.53604 12.7286C8.54463 12.763 8.55333 12.7979 8.56218 12.8333L9 14.5846L9.43782 12.8333C9.44666 12.7979 9.45537 12.763 9.46396 12.7286C9.64987 11.9836 9.78067 11.4593 10.0609 11.0214C10.3078 10.6355 10.6355 10.3078 11.0214 10.0609C11.4593 9.78067 11.9836 9.64987 12.7286 9.46396C12.763 9.45537 12.7979 9.44666 12.8333 9.43782L14.5846 9L12.8333 8.56218C12.7979 8.55333 12.763 8.54463 12.7286 8.53603C11.9836 8.35013 11.4593 8.21932 11.0214 7.93911C10.6355 7.69218 10.3078 7.36446 10.0609 6.97856C9.78067 6.54065 9.64987 6.01642 9.46396 5.27139C9.45537 5.23696 9.44666 5.20206 9.43782 5.16668L9 3.41541Z" fill="#DC9B00"></path></svg><span class="font-normal md:text-bannerNormal text-greyscale1 xs:text-bannerPoints">Written by experts with industry experience</span></li><li class="inline-flex items-center md:gap-spacing12 xs:gap-spacing8"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none" class="flex-shrink-0"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 0C9.30591 -4.96705e-08 9.57257 0.208198 9.64676 0.504976L10.7313 4.8433C10.9543 5.73529 11.0363 6.02921 11.184 6.25992C11.3269 6.48333 11.5167 6.67307 11.7401 6.81603C11.9708 6.96365 12.2647 7.04566 13.1567 7.26866L17.495 8.35324C17.7918 8.42743 18 8.69409 18 9C18 9.30591 17.7918 9.57257 17.495 9.64676L13.1567 10.7313C12.2647 10.9543 11.9708 11.0363 11.7401 11.184C11.5167 11.3269 11.3269 11.5167 11.184 11.7401C11.0363 11.9708 10.9543 12.2647 10.7313 13.1567L9.64676 17.495C9.57257 17.7918 9.30591 18 9 18C8.69409 18 8.42743 17.7918 8.35324 17.495L7.26866 13.1567C7.04566 12.2647 6.96365 11.9708 6.81603 11.7401C6.67307 11.5167 6.48333 11.3269 6.25992 11.184C6.02921 11.0363 5.73529 10.9543 4.8433 10.7313L0.504976 9.64676C0.208198 9.57257 0 9.30591 0 9C0 8.69409 0.208198 8.42743 0.504976 8.35324L4.8433 7.26866C5.73529 7.04566 6.02921 6.96365 6.25992 6.81603C6.48333 6.67307 6.67307 6.48333 6.81603 6.25992C6.96365 6.02921 7.04566 5.73529 7.26866 4.8433L8.35324 0.504976C8.42743 0.208198 8.69409 4.96705e-08 9 0ZM9 3.41541L8.56218 5.16668C8.55333 5.20207 8.54463 5.23697 8.53603 5.2714C8.35013 6.01643 8.21932 6.54065 7.93911 6.97856C7.69218 7.36446 7.36446 7.69218 6.97856 7.93911C6.54065 8.21933 6.01642 8.35013 5.27139 8.53604C5.23696 8.54463 5.20206 8.55334 5.16668 8.56218L3.41541 9L5.16668 9.43782C5.20206 9.44666 5.23696 9.45537 5.27139 9.46396C6.01642 9.64987 6.54065 9.78067 6.97856 10.0609C7.36446 10.3078 7.69218 10.6355 7.93912 11.0214C8.21933 11.4593 8.35013 11.9836 8.53604 12.7286C8.54463 12.763 8.55333 12.7979 8.56218 12.8333L9 14.5846L9.43782 12.8333C9.44666 12.7979 9.45537 12.763 9.46396 12.7286C9.64987 11.9836 9.78067 11.4593 10.0609 11.0214C10.3078 10.6355 10.6355 10.3078 11.0214 10.0609C11.4593 9.78067 11.9836 9.64987 12.7286 9.46396C12.763 9.45537 12.7979 9.44666 12.8333 9.43782L14.5846 9L12.8333 8.56218C12.7979 8.55333 12.763 8.54463 12.7286 8.53603C11.9836 8.35013 11.4593 8.21932 11.0214 7.93911C10.6355 7.69218 10.3078 7.36446 10.0609 6.97856C9.78067 6.54065 9.64987 6.01642 9.46396 5.27139C9.45537 5.23696 9.44666 5.20206 9.43782 5.16668L9 3.41541Z" fill="#DC9B00"></path></svg><span class="font-normal md:text-bannerNormal text-greyscale1 xs:text-bannerPoints">Reflects the latest best practices in use</span></li></ul>
<div class="pb-spacing24"></div>

<div class="flex md:flex-row xs:flex-col-reverse md:pt-spacing24 md:gap-spacing24 xs:gap-spacing20 "><a class="md:w-auto w-full h-14 !py-0 ">
<div class="group md:pb-0 m-0 h-full">
<div class="relati"></div>
<button class="bg-transparent transition duration-300 ease-in-out hover:bg-mono-black/4 text-mono-black border-2 border-neutral-700 font-bold text-base rounded px-6 py-4 flex items-center justify-center md:w-auto w-full md:px-spacing64 h-14 !py-0 whitespace-nowrap" tabindex="-1"><p class="">Explore Tutorials </p></button></div>
</a>
<div class="group md:pb-0 m-0"><button class="font-bold text-base transition duration-300 ease-in-out bg-mono-black md:hover:bg-primary-main active:bg-primary-main rounded text-white px-6 flex items-center justify-center md:w-auto w-full md:px-spacing64 h-full py-2.5 whitespace-nowrap" tabindex="-1"><p class="">Talk to Career Counselor</p></button>
<div class="relati"></div>
</div>
</div>
</div>

<div><img src="https://d2o2utebsixu4k.cloudfront.net/CSM Webp Banner-d375e590c0ae4458a9d77c526c8b1696.webp" alt="Tutorials Home " class="w-500"></div>
</div>
</div>
</div>
</div>
</section>
</div>

<div>
<section data-id="OtherTutorials" id="OtherTutorials" class="py-spacing44 sm:py-spacing48 xl:px-spacing80 sm:px-spacing112 px-0 !py-[48px]">
<div class="px-spacing20 md:px-0 w-full 2xl:max-w-7xl mx-auto !px-0">
<div class="row g-4">
<div class="col-12 md:flex-col">
<div class="max-w-133 pb-spacing36">
<div class="text-3xl leading-9.75 font-bold text-mono-black mt-spacing6 !mt-0">Explore Tutorials by Category</div>
</div>

<div>
<div class="border-t border-neutral-200"><button class="w-full flex justify-between items-center py-spacing28"><span class="text-left font-bold text-neutral7 text-title3">Agile Management <span class="font-bold text-neutral4 text-title3">(3)</span></span><span class="w-8 h-8 text-[#4F6882] text-3xl content-center transition-transform duration-200 ease-linear rotate-90"><i class="icon-chevron-right"></i></span></button></div>

<div style="max-height:0px;overflow:hidden;transition:max-height 0.50s ease-in-out">
<div class="tutorial-cards-slider-wrapper mx-auto flex flex-col  false false">
<div class="slider-container" style="position:relative">
<div aria-live="polite" aria-atomic="true" style="position:absolute;width:1px;height:1px;overflow:hidden;padding:0;margin:-1px;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" tabindex="-1">Slide 1 of 3</div>

<div class="p-spacing20 flex flex-col flex-grow"><h3 class="mb-[7px] md:mb-[12px] md:text-title3 text-[14px] font-bold text-greyscale1 line-clamp-2 min-h-[40px] md:min-h-[40px]">Scrum Tutorial (Video)</h3><p class="mb-spacing8 md:text-title4 font-normal  text-gray-700 text-mobileHighlight line-clamp-2">Learn the basics of Scrum and how to implement it in the real world </p>
<div class="flex md:gap-spacing12 xs:gap-spacing20 md:h-20px xs:h-18px mt-auto md:pb-[18px] ">
<div class="flex justify-start items-center  relative gap-spacing6"><i class="icon-book-open-01 text-home-green-main text-[18px]"></i><p class=" text-left text-cardStatsSmall md:text-cardStats font-normal text-greyscale2">9 Lessons</p></div>
</div>

<div class="group m-0"><a href="tutorials/agile-management/scrum-training.php" target="_blank" class="text-base transition duration-300 ease-in-out bg-mono-black md:hover:bg-primary-main active:bg-primary-main text-white px-6 py-4 flex items-center justify-center w-full md:px-spacing20 md:py-spacing10 rounded-[4px] min-w-[96px] h-11 mt-auto font-normal"><p class="">Learn Now</p></a>
<div class="relati"></div>
</div>
</div>
</div>
</div>
</div>

<div class="p-spacing20 flex flex-col flex-grow"><h3 class="mb-[7px] md:mb-[12px] md:text-title3 text-[14px] font-bold text-greyscale1 line-clamp-2 min-h-[40px] md:min-h-[40px]">Agile Tutorial (video)</h3><p class="mb-spacing8 md:text-title4 font-normal  text-gray-700 text-mobileHighlight line-clamp-2">Discover Agile practices and techniques and learn how to implement them.</p>
<div class="flex md:gap-spacing12 xs:gap-spacing20 md:h-20px xs:h-18px mt-auto md:pb-[18px] ">
<div class="flex justify-start items-center  relative gap-spacing6"><i class="icon-book-open-01 text-home-green-main text-[18px]"></i><p class=" text-left text-cardStatsSmall md:text-cardStats font-normal text-greyscale2">19 Lessons</p></div>
</div>

<div class="group m-0"><a href="tutorials/agile-management/agile-video-tutorial.php" target="_blank" class="text-base transition duration-300 ease-in-out bg-mono-black md:hover:bg-primary-main active:bg-primary-main text-white px-6 py-4 flex items-center justify-center w-full md:px-spacing20 md:py-spacing10 rounded-[4px] min-w-[96px] h-11 mt-auto font-normal"><p class="">Learn Now</p></a>
<div class="relati"></div>
</div>
</div>
</div>
</div>
</div>

<div class="p-spacing20 flex flex-col flex-grow"><h3 class="mb-[7px] md:mb-[12px] md:text-title3 text-[14px] font-bold text-greyscale1 line-clamp-2 min-h-[40px] md:min-h-[40px]">Scrum Tutorial</h3><p class="mb-spacing8 md:text-title4 font-normal  text-gray-700 text-mobileHighlight line-clamp-2">Learn the core pillars and applications of Scrum, one of the most popular Agile frameworks.</p>
<div class="flex md:gap-spacing12 xs:gap-spacing20 md:h-20px xs:h-18px mt-auto md:pb-[18px] ">
<div class="flex justify-start items-center  relative gap-spacing6"><i class="icon-book-open-01 text-home-green-main text-[18px]"></i><p class=" text-left text-cardStatsSmall md:text-cardStats font-normal text-greyscale2">38 Lessons</p></div>
</div>

<div class="group m-0"><a href="tutorials/agile-management/scrum-tutorial.php" target="_blank" class="text-base transition duration-300 ease-in-out bg-mono-black md:hover:bg-primary-main active:bg-primary-main text-white px-6 py-4 flex items-center justify-center w-full md:px-spacing20 md:py-spacing10 rounded-[4px] min-w-[96px] h-11 mt-auto font-normal"><p class="">Learn Now</p></a>
<div class="relati"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span class="md:pt-spacing24 md:pb-spacing32 text-center "><a href="tutorials/agile-management.php" class="cursor-pointer w-5 h-auto text-black md:font-bold md:text-bodyNormal xs:font-medium transition-transform duration-200 ease-linear"><span class="">View all</span><i class="icon-chevron-right md:ml-spacing12 xs:ml-spacing6 text-[17.5px] h-[7px] w-[14px] align-sub"></i></a></span></div>
</div>
</div>

<div>
<div class="border-t border-neutral-200"><button class="w-full flex justify-between items-center py-spacing28"><span class="text-left font-bold text-neutral7 text-title3">Project Management <span class="font-bold text-neutral4 text-title3">(2)</span></span><span class="w-8 h-8 text-[#4F6882] text-3xl content-center transition-transform duration-200 ease-linear rotate-90"><i class="icon-chevron-right"></i></span></button></div>

<div class="p-spacing20 flex flex-col flex-grow"><h3 class="mb-[7px] md:mb-[12px] md:text-title3 text-[14px] font-bold text-greyscale1 line-clamp-2 min-h-[40px] md:min-h-[40px]">Project Management Tutorial</h3><p class="mb-spacing8 md:text-title4 font-normal  text-gray-700 text-mobileHighlight line-clamp-2">Improve your project management skills with this detailed tutorial to guide you.</p>
<div class="flex md:gap-spacing12 xs:gap-spacing20 md:h-20px xs:h-18px mt-auto md:pb-[18px] ">
<div class="flex justify-start items-center  relative gap-spacing6"><i class="icon-book-open-01 text-home-green-main text-[18px]"></i><p class=" text-left text-cardStatsSmall md:text-cardStats font-normal text-greyscale2">88 Lessons</p></div>
</div>

<div class="group m-0"><a href="tutorials/project-management/project-management.php" target="_blank" class="text-base transition duration-300 ease-in-out bg-mono-black md:hover:bg-primary-main active:bg-primary-main text-white px-6 py-4 flex items-center justify-center w-full md:px-spacing20 md:py-spacing10 rounded-[4px] min-w-[96px] h-11 mt-auto font-normal"><p class="">Learn Now</p></a>
<div class="relati"></div>
</div>
</div>
</div>
</div>
</div>

<div class="p-spacing20 flex flex-col flex-grow"><h3 class="mb-[7px] md:mb-[12px] md:text-title3 text-[14px] font-bold text-greyscale1 line-clamp-2 min-h-[40px] md:min-h-[40px]">PRINCE2 Tutorial (Video)</h3><p class="mb-spacing8 md:text-title4 font-normal  text-gray-700 text-mobileHighlight line-clamp-2">Learn how to utilize the PRINCE2 framework to leverage latest project management techniques.</p>
<div class="flex md:gap-spacing12 xs:gap-spacing20 md:h-20px xs:h-18px mt-auto md:pb-[18px] ">
<div class="flex justify-start items-center  relative gap-spacing6"><i class="icon-book-open-01 text-home-green-main text-[18px]"></i><p class=" text-left text-cardStatsSmall md:text-cardStats font-normal text-greyscale2">20 Lessons</p></div>
</div>

<div class="group m-0"><a href="tutorials/project-management/prince2-video-tutorial.php" target="_blank" class="text-base transition duration-300 ease-in-out bg-mono-black md:hover:bg-primary-main active:bg-primary-main text-white px-6 py-4 flex items-center justify-center w-full md:px-spacing20 md:py-spacing10 rounded-[4px] min-w-[96px] h-11 mt-auto font-normal"><p class="">Learn Now</p></a>
<div class="relati"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span class="md:pt-spacing24 md:pb-spacing32 text-center "><a href="tutorials/project-management/project-management.php" class="cursor-pointer w-5 h-auto text-black md:font-bold md:text-bodyNormal xs:font-medium transition-transform duration-200 ease-linear"><span class="">View all</span><i class="icon-chevron-right md:ml-spacing12 xs:ml-spacing6 text-[17.5px] h-[7px] w-[14px] align-sub"></i></a></span></div>
</div>
</div>

<div>
<div class="border-t border-neutral-200"><button class="w-full flex justify-between items-center py-spacing28"><span class="text-left font-bold text-neutral7 text-title3">DevOps <span class="font-bold text-neutral4 text-title3">(1)</span></span><span class="w-8 h-8 text-[#4F6882] text-3xl content-center transition-transform duration-200 ease-linear rotate-90"><i class="icon-chevron-right"></i></span></button></div>

<div class="p-spacing20 flex flex-col flex-grow"><h3 class="mb-[7px] md:mb-[12px] md:text-title3 text-[14px] font-bold text-greyscale1 line-clamp-2 min-h-[40px] md:min-h-[40px]">GIT Tutorial</h3><p class="mb-spacing8 md:text-title4 font-normal  text-gray-700 text-mobileHighlight line-clamp-2">Learn your way around Git and GitHub, a version control tool used globally by developers.</p>
<div class="flex md:gap-spacing12 xs:gap-spacing20 md:h-20px xs:h-18px mt-auto md:pb-[18px] ">
<div class="flex justify-start items-center  relative gap-spacing6"><i class="icon-book-open-01 text-home-green-main text-[18px]"></i><p class=" text-left text-cardStatsSmall md:text-cardStats font-normal text-greyscale2">11 Lessons</p></div>
</div>

<div class="group m-0"><a href="tutorials/devops/git-tutorial.php" target="_blank" class="text-base transition duration-300 ease-in-out bg-mono-black md:hover:bg-primary-main active:bg-primary-main text-white px-6 py-4 flex items-center justify-center w-full md:px-spacing20 md:py-spacing10 rounded-[4px] min-w-[96px] h-11 mt-auto font-normal"><p class="">Learn Now</p></a>
<div class="relati"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span class="md:pt-spacing24 md:pb-spacing32 text-center "><a href="tutorials/devops.php" class="cursor-pointer w-5 h-auto text-black md:font-bold md:text-bodyNormal xs:font-medium transition-transform duration-200 ease-linear"><span class="">View all</span><i class="icon-chevron-right md:ml-spacing12 xs:ml-spacing6 text-[17.5px] h-[7px] w-[14px] align-sub"></i></a></span></div>
</div>
</div>

<div>
<div class="border-t border-neutral-200"><button class="w-full flex justify-between items-center py-spacing28"><span class="text-left font-bold text-neutral7 text-title3">IT Service Management <span class="font-bold text-neutral4 text-title3">(1)</span></span><span class="w-8 h-8 text-[#4F6882] text-3xl content-center transition-transform duration-200 ease-linear rotate-90"><i class="icon-chevron-right"></i></span></button></div>

<div class="p-spacing20 flex flex-col flex-grow"><h3 class="mb-[7px] md:mb-[12px] md:text-title3 text-[14px] font-bold text-greyscale1 line-clamp-2 min-h-[40px] md:min-h-[40px]">ITIL Tutorial</h3><p class="mb-spacing8 md:text-title4 font-normal  text-gray-700 text-mobileHighlight line-clamp-2">Learn the foundational principles of ITIL 4 and start your IT service management journey.</p>
<div class="flex md:gap-spacing12 xs:gap-spacing20 md:h-20px xs:h-18px mt-auto md:pb-[18px] ">
<div class="flex justify-start items-center  relative gap-spacing6"><i class="icon-book-open-01 text-home-green-main text-[18px]"></i><p class=" text-left text-cardStatsSmall md:text-cardStats font-normal text-greyscale2">9 Lessons</p></div>
</div>

<div class="group m-0"><a href="tutorials/it-service-management/itil4-tutorial.php" target="_blank" class="text-base transition duration-300 ease-in-out bg-mono-black md:hover:bg-primary-main active:bg-primary-main text-white px-6 py-4 flex items-center justify-center w-full md:px-spacing20 md:py-spacing10 rounded-[4px] min-w-[96px] h-11 mt-auto font-normal"><p class="">Learn Now</p></a>
<div class="relati"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span class="md:pt-spacing24 md:pb-spacing32 text-center "><a href="tutorials/it-service-management.php" class="cursor-pointer w-5 h-auto text-black md:font-bold md:text-bodyNormal xs:font-medium transition-transform duration-200 ease-linear"><span class="">View all</span><i class="icon-chevron-right md:ml-spacing12 xs:ml-spacing6 text-[17.5px] h-[7px] w-[14px] align-sub"></i></a></span></div>
</div>
</div>

<div>
<div class="border-t border-neutral-200"><button class="w-full flex justify-between items-center py-spacing28"><span class="text-left font-bold text-neutral7 text-title3">Data Science <span class="font-bold text-neutral4 text-title3">(1)</span></span><span class="w-8 h-8 text-[#4F6882] text-3xl content-center transition-transform duration-200 ease-linear rotate-90"><i class="icon-chevron-right"></i></span></button></div>

<div class="p-spacing20 flex flex-col flex-grow"><h3 class="mb-[7px] md:mb-[12px] md:text-title3 text-[14px] font-bold text-greyscale1 line-clamp-2 min-h-[40px] md:min-h-[40px]">Machine Learning Tutorial</h3><p class="mb-spacing8 md:text-title4 font-normal  text-gray-700 text-mobileHighlight line-clamp-2">Learn the basics of Machine Learning and implementation with Python in this extensive tutorial.</p>
<div class="flex md:gap-spacing12 xs:gap-spacing20 md:h-20px xs:h-18px mt-auto md:pb-[18px] ">
<div class="flex justify-start items-center  relative gap-spacing6"><i class="icon-book-open-01 text-home-green-main text-[18px]"></i><p class=" text-left text-cardStatsSmall md:text-cardStats font-normal text-greyscale2">29 Lessons</p></div>
</div>

<div class="group m-0"><a href="tutorials/data-science/machine-learning.php" target="_blank" class="text-base transition duration-300 ease-in-out bg-mono-black md:hover:bg-primary-main active:bg-primary-main text-white px-6 py-4 flex items-center justify-center w-full md:px-spacing20 md:py-spacing10 rounded-[4px] min-w-[96px] h-11 mt-auto font-normal"><p class="">Learn Now</p></a>
<div class="relati"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span class="md:pt-spacing24 md:pb-spacing32 text-center "><a href="tutorials/data-science.php" class="cursor-pointer w-5 h-auto text-black md:font-bold md:text-bodyNormal xs:font-medium transition-transform duration-200 ease-linear"><span class="">View all</span><i class="icon-chevron-right md:ml-spacing12 xs:ml-spacing6 text-[17.5px] h-[7px] w-[14px] align-sub"></i></a></span></div>
</div>
</div>

<div>
<div class="border-t border-neutral-200"><button class="w-full flex justify-between items-center py-spacing28"><span class="text-left font-bold text-neutral7 text-title3">Digital Marketing <span class="font-bold text-neutral4 text-title3">(1)</span></span><span class="w-8 h-8 text-[#4F6882] text-3xl content-center transition-transform duration-200 ease-linear rotate-90"><i class="icon-chevron-right"></i></span></button></div>

<div class="p-spacing20 flex flex-col flex-grow"><h3 class="mb-[7px] md:mb-[12px] md:text-title3 text-[14px] font-bold text-greyscale1 line-clamp-2 min-h-[40px] md:min-h-[40px]">Digital Marketing Tutorial Video</h3><p class="mb-spacing8 md:text-title4 font-normal  text-gray-700 text-mobileHighlight line-clamp-2">Learn the fundamentals of digital marketing and how to leverage it.</p>
<div class="flex md:gap-spacing12 xs:gap-spacing20 md:h-20px xs:h-18px mt-auto md:pb-[18px] ">
<div class="flex justify-start items-center  relative gap-spacing6"><i class="icon-book-open-01 text-home-green-main text-[18px]"></i><p class=" text-left text-cardStatsSmall md:text-cardStats font-normal text-greyscale2">23 Lessons</p></div>
</div>

<div class="group m-0"><a href="tutorials/digital-marketing/digital-marketing-video-tutorial.php" target="_blank" class="text-base transition duration-300 ease-in-out bg-mono-black md:hover:bg-primary-main active:bg-primary-main text-white px-6 py-4 flex items-center justify-center w-full md:px-spacing20 md:py-spacing10 rounded-[4px] min-w-[96px] h-11 mt-auto font-normal"><p class="">Learn Now</p></a>
<div class="relati"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span class="md:pt-spacing24 md:pb-spacing32 text-center "><a href="tutorials/digital-marketing.php" class="cursor-pointer w-5 h-auto text-black md:font-bold md:text-bodyNormal xs:font-medium transition-transform duration-200 ease-linear"><span class="">View all</span><i class="icon-chevron-right md:ml-spacing12 xs:ml-spacing6 text-[17.5px] h-[7px] w-[14px] align-sub"></i></a></span></div>
</div>
</div>

<div>
<div class="border-t border-neutral-200"><button class="w-full flex justify-between items-center py-spacing28"><span class="text-left font-bold text-neutral7 text-title3">Cloud Computing <span class="font-bold text-neutral4 text-title3">(1)</span></span><span class="w-8 h-8 text-[#4F6882] text-3xl content-center transition-transform duration-200 ease-linear rotate-90"><i class="icon-chevron-right"></i></span></button></div>

<div class="p-spacing20 flex flex-col flex-grow"><h3 class="mb-[7px] md:mb-[12px] md:text-title3 text-[14px] font-bold text-greyscale1 line-clamp-2 min-h-[40px] md:min-h-[40px]">AWS Tutorial</h3><p class="mb-spacing8 md:text-title4 font-normal  text-gray-700 text-mobileHighlight line-clamp-2">Learn the core cloud services and hands-on operations with this detailed AWS tutorial.</p>
<div class="flex md:gap-spacing12 xs:gap-spacing20 md:h-20px xs:h-18px mt-auto md:pb-[18px] ">
<div class="flex justify-start items-center  relative gap-spacing6"><i class="icon-book-open-01 text-home-green-main text-[18px]"></i><p class=" text-left text-cardStatsSmall md:text-cardStats font-normal text-greyscale2">56 Lessons</p></div>
</div>

<div class="group m-0"><a href="tutorials/cloud-computing/aws.php" target="_blank" class="text-base transition duration-300 ease-in-out bg-mono-black md:hover:bg-primary-main active:bg-primary-main text-white px-6 py-4 flex items-center justify-center w-full md:px-spacing20 md:py-spacing10 rounded-[4px] min-w-[96px] h-11 mt-auto font-normal"><p class="">Learn Now</p></a>
<div class="relati"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span class="md:pt-spacing24 md:pb-spacing32 text-center "><a href="tutorials/cloud-computing.php" class="cursor-pointer w-5 h-auto text-black md:font-bold md:text-bodyNormal xs:font-medium transition-transform duration-200 ease-linear"><span class="">View all</span><i class="icon-chevron-right md:ml-spacing12 xs:ml-spacing6 text-[17.5px] h-[7px] w-[14px] align-sub"></i></a></span></div>
</div>
</div>

<div class="p-spacing20 flex flex-col flex-grow"><h3 class="mb-[7px] md:mb-[12px] md:text-title3 text-[14px] font-bold text-greyscale1 line-clamp-2 min-h-[40px] md:min-h-[40px]">Apache Spark Tutorial</h3><p class="mb-spacing8 md:text-title4 font-normal  text-gray-700 text-mobileHighlight line-clamp-2">Learn to process large-scale data with Apache Spark using this example-driven tutorial.</p>
<div class="flex md:gap-spacing12 xs:gap-spacing20 md:h-20px xs:h-18px mt-auto md:pb-[18px] ">
<div class="flex justify-start items-center  relative gap-spacing6"><i class="icon-book-open-01 text-home-green-main text-[18px]"></i><p class=" text-left text-cardStatsSmall md:text-cardStats font-normal text-greyscale2">22 Lessons</p></div>
</div>

<div class="group m-0"><a href="tutorials/big-data/apache-spark-tutorial.php" target="_blank" class="text-base transition duration-300 ease-in-out bg-mono-black md:hover:bg-primary-main active:bg-primary-main text-white px-6 py-4 flex items-center justify-center w-full md:px-spacing20 md:py-spacing10 rounded-[4px] min-w-[96px] h-11 mt-auto font-normal"><p class="">Learn Now</p></a>
<div class="relati"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span class="md:pt-spacing24 md:pb-spacing32 text-center "><a href="tutorials/big-data.php" class="cursor-pointer w-5 h-auto text-black md:font-bold md:text-bodyNormal xs:font-medium transition-transform duration-200 ease-linear"><span class="">View all</span><i class="icon-chevron-right md:ml-spacing12 xs:ml-spacing6 text-[17.5px] h-[7px] w-[14px] align-sub"></i></a></span></div>
</div>
</div>

<div>
<div class="border-t border-neutral-200"><button class="w-full flex justify-between items-center py-spacing28"><span class="text-left font-bold text-neutral7 text-title3">Web Development <span class="font-bold text-neutral4 text-title3">(3)</span></span><span class="w-8 h-8 text-[#4F6882] text-3xl content-center transition-transform duration-200 ease-linear rotate-90"><i class="icon-chevron-right"></i></span></button></div>

<div class="p-spacing20 flex flex-col flex-grow"><h3 class="mb-[7px] md:mb-[12px] md:text-title3 text-[14px] font-bold text-greyscale1 line-clamp-2 min-h-[40px] md:min-h-[40px]">Angular JS Tutorial</h3><p class="mb-spacing8 md:text-title4 font-normal  text-gray-700 text-mobileHighlight line-clamp-2">Learn to build structured single-page applications using Angular, a popular web development tool.</p>
<div class="flex md:gap-spacing12 xs:gap-spacing20 md:h-20px xs:h-18px mt-auto md:pb-[18px] ">
<div class="flex justify-start items-center  relative gap-spacing6"><i class="icon-book-open-01 text-home-green-main text-[18px]"></i><p class=" text-left text-cardStatsSmall md:text-cardStats font-normal text-greyscale2">9 Lessons</p></div>
</div>

<div class="group m-0"><a href="tutorials/web-development/angular.php" target="_blank" class="text-base transition duration-300 ease-in-out bg-mono-black md:hover:bg-primary-main active:bg-primary-main text-white px-6 py-4 flex items-center justify-center w-full md:px-spacing20 md:py-spacing10 rounded-[4px] min-w-[96px] h-11 mt-auto font-normal"><p class="">Learn Now</p></a>
<div class="relati"></div>
</div>
</div>
</div>
</div>
</div>

<div class="p-spacing20 flex flex-col flex-grow"><h3 class="mb-[7px] md:mb-[12px] md:text-title3 text-[14px] font-bold text-greyscale1 line-clamp-2 min-h-[40px] md:min-h-[40px]">Node JS Tutorial</h3><p class="mb-spacing8 md:text-title4 font-normal  text-gray-700 text-mobileHighlight line-clamp-2">Learn to build scalable server-side applications with the open-source Node js ecosystem.</p>
<div class="flex md:gap-spacing12 xs:gap-spacing20 md:h-20px xs:h-18px mt-auto md:pb-[18px] ">
<div class="flex justify-start items-center  relative gap-spacing6"><i class="icon-book-open-01 text-home-green-main text-[18px]"></i><p class=" text-left text-cardStatsSmall md:text-cardStats font-normal text-greyscale2">12 Lessons</p></div>
</div>

<div class="group m-0"><a href="tutorials/web-development/node-js.php" target="_blank" class="text-base transition duration-300 ease-in-out bg-mono-black md:hover:bg-primary-main active:bg-primary-main text-white px-6 py-4 flex items-center justify-center w-full md:px-spacing20 md:py-spacing10 rounded-[4px] min-w-[96px] h-11 mt-auto font-normal"><p class="">Learn Now</p></a>
<div class="relati"></div>
</div>
</div>
</div>
</div>
</div>

<div class="p-spacing20 flex flex-col flex-grow"><h3 class="mb-[7px] md:mb-[12px] md:text-title3 text-[14px] font-bold text-greyscale1 line-clamp-2 min-h-[40px] md:min-h-[40px]">JavaScript Tutorial</h3><p class="mb-spacing8 md:text-title4 font-normal  text-gray-700 text-mobileHighlight line-clamp-2">Learn web development with JavaScript to build highly sophisticated products</p>
<div class="flex md:gap-spacing12 xs:gap-spacing20 md:h-20px xs:h-18px mt-auto md:pb-[18px] ">
<div class="flex justify-start items-center  relative gap-spacing6"><i class="icon-book-open-01 text-home-green-main text-[18px]"></i><p class=" text-left text-cardStatsSmall md:text-cardStats font-normal text-greyscale2">21 Lessons</p></div>
</div>

<div class="group m-0"><a href="tutorials/web-development/javascript-tutorial.php" target="_blank" class="text-base transition duration-300 ease-in-out bg-mono-black md:hover:bg-primary-main active:bg-primary-main text-white px-6 py-4 flex items-center justify-center w-full md:px-spacing20 md:py-spacing10 rounded-[4px] min-w-[96px] h-11 mt-auto font-normal"><p class="">Learn Now</p></a>
<div class="relati"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span class="md:pt-spacing24 md:pb-spacing32 text-center "><a href="tutorials/web-development.php" class="cursor-pointer w-5 h-auto text-black md:font-bold md:text-bodyNormal xs:font-medium transition-transform duration-200 ease-linear"><span class="">View all</span><i class="icon-chevron-right md:ml-spacing12 xs:ml-spacing6 text-[17.5px] h-[7px] w-[14px] align-sub"></i></a></span></div>
</div>
</div>

<div>
<div class="border-t border-neutral-200"><button class="w-full flex justify-between items-center py-spacing28"><span class="text-left font-bold text-neutral7 text-title3">Programming Tutorials <span class="font-bold text-neutral4 text-title3">(4)</span></span><span class="w-8 h-8 text-[#4F6882] text-3xl content-center transition-transform duration-200 ease-linear rotate-90"><i class="icon-chevron-right"></i></span></button></div>

<div class="p-spacing20 flex flex-col flex-grow"><h3 class="mb-[7px] md:mb-[12px] md:text-title3 text-[14px] font-bold text-greyscale1 line-clamp-2 min-h-[40px] md:min-h-[40px]">Swift Tutorial</h3><p class="mb-spacing8 md:text-title4 font-normal  text-gray-700 text-mobileHighlight line-clamp-2">Learn programming with Swift, a compiled, general-purpose, multi-paradigm language developed by Apple.</p>
<div class="flex md:gap-spacing12 xs:gap-spacing20 md:h-20px xs:h-18px mt-auto md:pb-[18px] ">
<div class="flex justify-start items-center  relative gap-spacing6"><i class="icon-book-open-01 text-home-green-main text-[18px]"></i><p class=" text-left text-cardStatsSmall md:text-cardStats font-normal text-greyscale2">10 Lessons</p></div>
</div>

<div class="group m-0"><a href="tutorials/programming/swift-tutorial.php" target="_blank" class="text-base transition duration-300 ease-in-out bg-mono-black md:hover:bg-primary-main active:bg-primary-main text-white px-6 py-4 flex items-center justify-center w-full md:px-spacing20 md:py-spacing10 rounded-[4px] min-w-[96px] h-11 mt-auto font-normal"><p class="">Learn Now</p></a>
<div class="relati"></div>
</div>
</div>
</div>
</div>
</div>

<div class="p-spacing20 flex flex-col flex-grow"><h3 class="mb-[7px] md:mb-[12px] md:text-title3 text-[14px] font-bold text-greyscale1 line-clamp-2 min-h-[40px] md:min-h-[40px]">R Programming Tutorial</h3><p class="mb-spacing8 md:text-title4 font-normal  text-gray-700 text-mobileHighlight line-clamp-2">Learn programming with R, the popular language used by large companies such as Google and Uber.</p>
<div class="flex md:gap-spacing12 xs:gap-spacing20 md:h-20px xs:h-18px mt-auto md:pb-[18px] ">
<div class="flex justify-start items-center  relative gap-spacing6"><i class="icon-book-open-01 text-home-green-main text-[18px]"></i><p class=" text-left text-cardStatsSmall md:text-cardStats font-normal text-greyscale2">10 Lessons</p></div>
</div>

<div class="group m-0"><a href="tutorials/programming/r-tutorial.php" target="_blank" class="text-base transition duration-300 ease-in-out bg-mono-black md:hover:bg-primary-main active:bg-primary-main text-white px-6 py-4 flex items-center justify-center w-full md:px-spacing20 md:py-spacing10 rounded-[4px] min-w-[96px] h-11 mt-auto font-normal"><p class="">Learn Now</p></a>
<div class="relati"></div>
</div>
</div>
</div>
</div>
</div>

<div class="p-spacing20 flex flex-col flex-grow"><h3 class="mb-[7px] md:mb-[12px] md:text-title3 text-[14px] font-bold text-greyscale1 line-clamp-2 min-h-[40px] md:min-h-[40px]">C# Tutorial</h3><p class="mb-spacing8 md:text-title4 font-normal  text-gray-700 text-mobileHighlight line-clamp-2">Learn programming with C#, an OOP language using the .Net framework, developed by Microsoft.</p>
<div class="flex md:gap-spacing12 xs:gap-spacing20 md:h-20px xs:h-18px mt-auto md:pb-[18px] ">
<div class="flex justify-start items-center  relative gap-spacing6"><i class="icon-book-open-01 text-home-green-main text-[18px]"></i><p class=" text-left text-cardStatsSmall md:text-cardStats font-normal text-greyscale2">50 Lessons</p></div>
</div>

<div class="group m-0"><a href="tutorials/programming/csharp.php" target="_blank" class="text-base transition duration-300 ease-in-out bg-mono-black md:hover:bg-primary-main active:bg-primary-main text-white px-6 py-4 flex items-center justify-center w-full md:px-spacing20 md:py-spacing10 rounded-[4px] min-w-[96px] h-11 mt-auto font-normal"><p class="">Learn Now</p></a>
<div class="relati"></div>
</div>
</div>
</div>
</div>
</div>

<div class="p-spacing20 flex flex-col flex-grow"><h3 class="mb-[7px] md:mb-[12px] md:text-title3 text-[14px] font-bold text-greyscale1 line-clamp-2 min-h-[40px] md:min-h-[40px]">Python Tutorial</h3><p class="mb-spacing8 md:text-title4 font-normal  text-gray-700 text-mobileHighlight line-clamp-2">Learn how to use Python to solve real-world challenges. </p>
<div class="flex md:gap-spacing12 xs:gap-spacing20 md:h-20px xs:h-18px mt-auto md:pb-[18px] ">
<div class="flex justify-start items-center  relative gap-spacing6"><i class="icon-book-open-01 text-home-green-main text-[18px]"></i><p class=" text-left text-cardStatsSmall md:text-cardStats font-normal text-greyscale2">34 Lessons</p></div>
</div>

<div class="group m-0"><a href="tutorials/programming/python-tutorial.php" target="_blank" class="text-base transition duration-300 ease-in-out bg-mono-black md:hover:bg-primary-main active:bg-primary-main text-white px-6 py-4 flex items-center justify-center w-full md:px-spacing20 md:py-spacing10 rounded-[4px] min-w-[96px] h-11 mt-auto font-normal"><p class="">Learn Now</p></a>
<div class="relati"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span class="md:pt-spacing24 md:pb-spacing32 text-center "><a href="tutorials/programming.php" class="cursor-pointer w-5 h-auto text-black md:font-bold md:text-bodyNormal xs:font-medium transition-transform duration-200 ease-linear"><span class="">View all</span><i class="icon-chevron-right md:ml-spacing12 xs:ml-spacing6 text-[17.5px] h-[7px] w-[14px] align-sub"></i></a></span></div>
</div>
</div>

<div>
<div class="border-t border-neutral-200"><button class="w-full flex justify-between items-center py-spacing28"><span class="text-left font-bold text-neutral7 text-title3">Mobile App Development <span class="font-bold text-neutral4 text-title3">(1)</span></span><span class="w-8 h-8 text-[#4F6882] text-3xl content-center transition-transform duration-200 ease-linear rotate-90"><i class="icon-chevron-right"></i></span></button></div>

<div class="p-spacing20 flex flex-col flex-grow"><h3 class="mb-[7px] md:mb-[12px] md:text-title3 text-[14px] font-bold text-greyscale1 line-clamp-2 min-h-[40px] md:min-h-[40px]">Ionic Tutorial</h3><p class="mb-spacing8 md:text-title4 font-normal  text-gray-700 text-mobileHighlight line-clamp-2">Learn to develop for Android using Ionic with this step-by-step tutorial.</p>
<div class="flex md:gap-spacing12 xs:gap-spacing20 md:h-20px xs:h-18px mt-auto md:pb-[18px] ">
<div class="flex justify-start items-center  relative gap-spacing6"><i class="icon-book-open-01 text-home-green-main text-[18px]"></i><p class=" text-left text-cardStatsSmall md:text-cardStats font-normal text-greyscale2">10 Lessons</p></div>
</div>

<div class="group m-0"><a href="tutorials/mobile-app-development/ionic-tutorial.php" target="_blank" class="text-base transition duration-300 ease-in-out bg-mono-black md:hover:bg-primary-main active:bg-primary-main text-white px-6 py-4 flex items-center justify-center w-full md:px-spacing20 md:py-spacing10 rounded-[4px] min-w-[96px] h-11 mt-auto font-normal"><p class="">Learn Now</p></a>
<div class="relati"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span class="md:pt-spacing24 md:pb-spacing32 text-center "><a href="tutorials/mobile-app-development.php" class="cursor-pointer w-5 h-auto text-black md:font-bold md:text-bodyNormal xs:font-medium transition-transform duration-200 ease-linear"><span class="">View all</span><i class="icon-chevron-right md:ml-spacing12 xs:ml-spacing6 text-[17.5px] h-[7px] w-[14px] align-sub"></i></a></span></div>
</div>
</div>

<div class="p-spacing20 flex flex-col flex-grow"><h3 class="mb-[7px] md:mb-[12px] md:text-title3 text-[14px] font-bold text-greyscale1 line-clamp-2 min-h-[40px] md:min-h-[40px]">Java Tutorial</h3><p class="mb-spacing8 md:text-title4 font-normal  text-gray-700 text-mobileHighlight line-clamp-2">Learn beginner-to-advanced Java concepts to help you on your journey of hands-on application development.</p>
<div class="flex md:gap-spacing12 xs:gap-spacing20 md:h-20px xs:h-18px mt-auto md:pb-[18px] ">
<div class="flex justify-start items-center  relative gap-spacing6"><i class="icon-book-open-01 text-home-green-main text-[18px]"></i><p class=" text-left text-cardStatsSmall md:text-cardStats font-normal text-greyscale2">27 Lessons</p></div>
</div>

<div class="group m-0"><a href="tutorials/java/java-tutorial.php" target="_blank" class="text-base transition duration-300 ease-in-out bg-mono-black md:hover:bg-primary-main active:bg-primary-main text-white px-6 py-4 flex items-center justify-center w-full md:px-spacing20 md:py-spacing10 rounded-[4px] min-w-[96px] h-11 mt-auto font-normal"><p class="">Learn Now</p></a>
<div class="relati"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span class="md:pt-spacing24 md:pb-spacing32 text-center "><a href="tutorials/java.php" class="cursor-pointer w-5 h-auto text-black md:font-bold md:text-bodyNormal xs:font-medium transition-transform duration-200 ease-linear"><span class="">View all</span><i class="icon-chevron-right md:ml-spacing12 xs:ml-spacing6 text-[17.5px] h-[7px] w-[14px] align-sub"></i></a></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>

<div>
<section class="py-spacing44 sm:py-spacing48 xl:px-spacing80 sm:px-spacing112 px-0 z-[21] relative bg-white">
<div class="px-spacing20 md:px-0 w-full 2xl:max-w-7xl mx-auto">
<div>
<div class="max-w-133">
<div class="text-3xl leading-9.75 font-bold text-mono-black mt-spacing6">Recommended Courses</div>
</div>

<div class="text-2xl text-mono-black text-center font-bold">Have Any Further Questions?</div>
</div>

<div class="flex justify-center items-center">
<div class="group flex justify-center md:pb-0 m-0"><button class="transition duration-300 ease-in-out bg-mono-black md:hover:bg-primary-main active:bg-primary-main rounded text-white px-6 py-4 flex items-center justify-center md:w-auto w-fit h-11 md:h-14 whitespace-nowrap !bg-home-red-main text-sm md:text-base font-bold md:!pl-spacing28 md:!pr-spacing20 !pl-spacing16 !pr-spacing12 !py-0" tabindex="-1"><p class="">Contact Advisor</p><i class="icon-chevron-right leading-5 ml-spacing8 md:ml-spacing12 text-xl text-white"></i></button>
<div class="relati"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>

<div id="chatContainer" class="hidden fixed right-2.5 bottom-20 z-50 items-end">
<div class="hidden md:flex items-end">
<div id="chatToolTip" class="hidden relative tooltip-bottom chatToolTipDiv"><span class="font-bold">Hello! Ready to elevate your career? Explore 500+ future-ready courses withSureCertificate  🚀</span><span id="toolTipClose" class="cursor-pointer absolute top-0 right-1.5">x</span></div>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: tutorials.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation