<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="robots" content="index, follow">
<meta name="robots" content="max-image-preview:large">
<meta name="robots" content="max-video-preview:10">
<!-- Open Graph tags -->
<meta property="og:title" content="Build a High-Paying AI-Ready Tech Career | ScholarHat">
<meta property="og:description" content="Learn live from Microsoft MVPs and Google GDEs at ScholarHat. Build real-world projects and master top tech skills like DSA, AI, Azure Cloud, DevOps, .NET, ASP.NET Core, Node.js, Angular, Java, Python, and more to boost your career.">
<meta property="og:image" content="https://www.scholarhat.com/images/banner.png">
<meta property="og:url" content="https://www.scholarhat.com/">
<!-- Twitter card tags -->
<meta name="twitter:card" content="https://www.scholarhat.com/images/banner.png">
<meta name="twitter:title" content="Build a High-Paying AI-Ready Tech Career | ScholarHat">
<meta name="twitter:description" content="Learn live from Microsoft MVPs and Google GDEs at ScholarHat. Build real-world projects and master top tech skills like DSA, AI, Azure Cloud, DevOps, .NET, ASP.NET Core, Node.js, Angular, Java, Python, and more to boost your career.">
<meta name="twitter:image" content="https://www.scholarhat.com/images/banner.png">
<link rel="canonical" href="https://www.scholarhat.com/" />
<title>Build a High-Paying AI-Ready Tech Career | ScholarHat</title>
<meta name="description" content="Learn live from Microsoft MVPs and Google GDEs at ScholarHat. Build real-world projects and master top tech skills like DSA, AI, Azure Cloud, DevOps, .NET, ASP.NET Core, Node.js, Angular, Java, Python, and more to boost your career." />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="/css/bundle/common-bundle.min.css?v=gPbgON_7GQYwj9Sahvn6kk208OF-vEpDH1QTn_7p9aI" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- For Search Drop down -->
<link rel="stylesheet" href="/css/bundle/selectize.bundle.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.15.2/js/selectize.min.js"></script>
</head>
<body>
<script>
function toggleTheme() {
let currentTheme = document.documentElement.getAttribute('data-theme') || 'light';
let newTheme = currentTheme === 'light' ? 'dark' : 'light';
// Update the theme on the root element
document.documentElement.setAttribute('data-theme', newTheme);
document.documentElement.setAttribute('data-bs-theme', newTheme);
// Store the theme in localStorage
localStorage.setItem('theme', newTheme);
updateIconsAndLogo(newTheme);
}
function updateIconsAndLogo(theme) {
let themeIcon = document.getElementById('theme-icon');
if (theme === 'dark') {
themeIcon.setAttribute('href', '#sun-fill');
} else {
themeIcon.setAttribute('href', '#moon-half');
}
}
// Function to initialize the theme when the page is loaded
// function setTheme() {
// let storedTheme = localStorage.getItem('theme') || 'light';
// document.documentElement.setAttribute('data-theme', storedTheme);
// document.documentElement.setAttribute('data-bs-theme', storedTheme);
// updateIconsAndLogo(storedTheme);
// }
// // Initialize the theme on page load
// window.addEventListener('DOMContentLoaded', setTheme);
$(document).ready(function () {
var noticount = 0;
if ('') {
$.ajax({
type: "GET",
contentType: "application/json; charset=utf-8",
url: '/ShoppingCart/GetCartDetails',
dataType: "json",
success: function (data) {
$('.cart_Counter').text(data);
},
error: function (result) {
},
});
}
$('.cart_Counter').css({ opacity: 0 }).text(noticount)
.css({ top: '-10px' })
.animate({ top: '-2px', opacity: 1 }, 500);
if ($("#sticky_browse").length) {
$("#sticky_browse").hide();
$("#defaulthead").hide();
$("#headforcourse").css('display', 'inline-block');
}
else {
$("#defaulthead").show();
$("#sticky_browse").show();
$("#headforcourse").css('display', 'none');
}
});
</script>
<!-- SVG Definitions for Sun and Moon Icons -->
<svg style="display:none;">
<!-- Sun Icon for Light Mode -->
<symbol id="sun-fill" viewBox="0 0 16 16">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z" fill="currentColor" />
</symbol>
<!-- Moon Icon for Dark Mode -->
<symbol id="moon-half" viewBox="0 -960 960 960" fill="currentColor">
<path d="M480-120q-150 0-255-105T120-480q0-150 105-255t255-105q14 0 27.5 1t26.5 3q-41 29-65.5 75.5T444-660q0 90 63 153t153 63q55 0 101-24.5t75-65.5q2 13 3 26.5t1 27.5q0 150-105 255T480-120Zm0-80q88 0 158-48.5T740-375q-20 5-40 8t-40 3q-123 0-209.5-86.5T364-660q0-20 3-40t8-40q-78 32-126.5 102T200-480q0 116 82 198t198 82Zm-10-270Z" fill="currentColor" />
</symbol>
</svg>
<header class="topnavbar">
<div class="wsmenucontainer clearfix bg-white" id="mainmu">
<!--Start: Mobile Left Slide Menu -->
<div class="overlapblackbg"></div>
<div class="wsmobileheader clearfix smallogo">
<div id="defaulthead">
<a id="wsnavtoggle" class="menu-bar wsmenubaricon"><svg xmlns="http://www.w3.org/2000/svg" height="40px" viewBox="0 -960 960 960" width="35px" fill="currentColor"><path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z" /></svg></a>
<a href="/">
<img src="/images/logo.webp" class="logo logo_dark" alt="Learn to Code, Prepare for Interviews, and Get Hired" />
<img src="/images/logo-white.png" class="logo logo_light" alt="Learn to Code, Prepare for Interviews, and Get Hired" />
</a>
<div class="bydnt-mobile">By DotNetTricks</div>
</div>
</div>
<!--End: Mobile Left Slide Menu -->
<!--Start: Desktop Full Menu -->
<nav class="wsmenu clearfix ">
<ul class="mobile-sub wsmenu-list align-items-center">
<li style="background:none !important; text-align:left;width: 20%;">
<a href="/" id="logo-link">
<img src="/images/logo.webp" class="logo logo_dark" alt="Learn to Code, Prepare for Interviews, and Get Hired" />
<img src="/images/logo-white.png" class="logo logo_light" alt="Learn to Code, Prepare for Interviews, and Get Hired" />
</a>
<div class="bydnt">By DotNetTricks</div>
</li>
<script>
var main_menu = JSON.parse('{".NET Platform":[{"Id":417,"Name":".NET Certification Training","CourseCount":0,"Url":"/training/net-certification-training","Paths":null},{"Id":468,"Name":".NET Microservices Certification Training","CourseCount":0,"Url":"/training/net-microservices-certification-training","Paths":null},{"Id":284,"Name":".NET Software Architecture and Design Training","CourseCount":0,"Url":"/training/software-architecture-design-training","Paths":null},{"Id":418,"Name":"ASP.NET Core Certification Training","CourseCount":0,"Url":"/training/aspnet-core-certification-training","Paths":null},{"Id":306,"Name":"Blazor Certification Training","CourseCount":0,"Url":"/training/blazor-certification-training","Paths":null}],"Career & Leadership":[{"Id":18,"Name":"English for Software Professionals","CourseCount":0,"Url":"/training/english-for-software-professionals","Paths":null},{"Id":374,"Name":"The Top 1% Tech Leader Program","CourseCount":0,"Url":"/training/tech-leadership-training-program","Paths":null}],"Cloud & DevOps":[{"Id":308,"Name":"AWS Developer Certification Training","CourseCount":0,"Url":"/training/aws-developer-associate-certification-training","Paths":null},{"Id":454,"Name":"Azure Administrator Certification Training ","CourseCount":0,"Url":"/training/microsoft-azure-certification-training","Paths":null},{"Id":217,"Name":"Azure AI Engineer Certification Training","CourseCount":0,"Url":"/training/azure-ai-engineer-certification-training","Paths":null},{"Id":455,"Name":"Azure Developer Certification Training ","CourseCount":0,"Url":"/training/microsoft-azure-developer-associate-certification-training","Paths":null},{"Id":467,"Name":"Azure DevOps Certification Training","CourseCount":0,"Url":"/training/azure-devops-certification-training","Paths":null},{"Id":27,"Name":"Azure Solution Architect Certification Training","CourseCount":0,"Url":"/training/microsoft-azure-solution-architect-certification","Paths":null}],"Data Science & AI":[{"Id":217,"Name":"Azure AI Engineer Certification Training","CourseCount":0,"Url":"/training/azure-ai-engineer-certification-training","Paths":null},{"Id":940,"Name":"Azure AI Foundry Certification Training","CourseCount":0,"Url":"/training/azure-ai-foundry-certification-training","Paths":null}],"Java Platform":[{"Id":483,"Name":"Data Structures and Algorithms Training","CourseCount":0,"Url":"/training/data-structures-algorithms-certification-training","Paths":null},{"Id":1068,"Name":"Java Microservices Certification Training","CourseCount":0,"Url":"/training/java-microservices-certification-training","Paths":null},{"Id":1069,"Name":"Java Software Architecture and Design Training","CourseCount":0,"Url":"/training/java-software-architecture-design-training","Paths":null}],"JS & Front-end":[{"Id":450,"Name":"Angular Certification Training","CourseCount":0,"Url":"/training/angular-certification-training","Paths":null},{"Id":463,"Name":"Frontend Foundations Certification Training","CourseCount":0,"Url":"/training/frontend-foundation-certification-training","Paths":null},{"Id":451,"Name":"React Certification Training","CourseCount":0,"Url":"/training/reactjs-certification-training","Paths":null}]}');
</script>
<!-- Live Training Desktop Menu -->
<li class="dropdown bigmenu" id="menu-option-web">
<a href='javascript:void(0);'>Live Training <span><svg xmlns="http://www.w3.org/2000/svg" class="mobile_icon" height="24px" viewBox="0 -960 960 960" width="24px" fill="#645e5e"><path d="M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z"></path></svg></span></a>
<div class="dropdown-menu menu-container dropdown-menu-right" id="livetraining">
<div class="row m-0">
<div class="col-sm-4 category-container">
<p style="padding: 10px;text-align: left;border-bottom: 1px solid #eae5e5;margin-bottom: 0;">TRAINING CATEGORIES</p>
<ul>
<li class="category-list position-relative" data-category=".NET Platform">
.NET Platform
<span class="top-menu-icon"><i class="sh-chevron-right"></i></span>
</li>
<li class="category-list position-relative" data-category="Career & Leadership">
Career & Leadership
<span class="top-menu-icon"><i class="sh-chevron-right"></i></span>
</li>
<li class="category-list position-relative" data-category="Cloud & DevOps">
Cloud & DevOps
<span class="top-menu-icon"><i class="sh-chevron-right"></i></span>
</li>
<li class="category-list position-relative" data-category="Data Science & AI">
Data Science & AI
<span class="top-menu-icon"><i class="sh-chevron-right"></i></span>
</li>
<li class="category-list position-relative" data-category="Java Platform">
Java Platform
<span class="top-menu-icon"><i class="sh-chevron-right"></i></span>
</li>
<li class="category-list position-relative" data-category="JS & Front-end">
JS & Front-end
<span class="top-menu-icon"><i class="sh-chevron-right"></i></span>
</li>
</ul>
<div align="center" style="padding-top:10px;padding-bottom:10px">
<a href="/training" class="btn btn-outline-primary">
View All Training
</a>
</div>
</div>
<div class="col-sm-8 category-course-container">
<p style="margin: 2px 0px 0 0;padding: 10px;text-align: left;padding-left: 0;border-bottom:1px solid #e0dede">TRAINING PROGRAMS</p>
<ul>
<a class="category-course-anchor" href="/training/net-certification-training">
<li class="category-course" data-course-category=".NET Certification Training" data-category-course-key="0">.NET Certification Training</li>
</a>
<a class="category-course-anchor" href="/training/net-microservices-certification-training">
<li class="category-course" data-course-category=".NET Microservices Certification Training" data-category-course-key="0">.NET Microservices Certification Training</li>
</a>
<a class="category-course-anchor" href="/training/software-architecture-design-training">
<li class="category-course" data-course-category=".NET Software Architecture and Design Training" data-category-course-key="0">.NET Software Architecture and Design Training</li>
</a>
<a class="category-course-anchor" href="/training/aspnet-core-certification-training">
<li class="category-course" data-course-category="ASP.NET Core Certification Training" data-category-course-key="0">ASP.NET Core Certification Training</li>
</a>
<a class="category-course-anchor" href="/training/blazor-certification-training">
<li class="category-course" data-course-category="Blazor Certification Training" data-category-course-key="0">Blazor Certification Training</li>
</a>
</ul>
</div>
</div>
</div>
</li>
<!-- Live Training Mobile Menu -->
<li class="smallmenu" style="display:none">
<a href='javascript:void(0);'>Live Training <span class="wsmenu-arrow"><svg xmlns="http://www.w3.org/2000/svg" class="mobile_icon" height="24px" viewBox="0 -960 960 960" width="24px" fill="#645e5e"><path d="M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z" /></svg></span></a>
<ul class="wsmenu-submenu">
<li>
<a href="#">.NET Platform</a>
<ul class="wsmenu-submenu-sub">
<li>
<a href="/training/net-certification-training">
.NET Certification Training
</a>
</li>
<li>
<a href="/training/net-microservices-certification-training">
.NET Microservices Certification Training
</a>
</li>
<li>
<a href="/training/software-architecture-design-training">
.NET Software Architecture and Design Training
</a>
</li>
<li>
<a href="/training/aspnet-core-certification-training">
ASP.NET Core Certification Training
</a>
</li>
<li>
<a href="/training/blazor-certification-training">
Blazor Certification Training
</a>
</li>
</ul>
</li>
<li>
<a href="#">Career & Leadership</a>
<ul class="wsmenu-submenu-sub">
<li>
<a href="/training/english-for-software-professionals">
English for Software Professionals
</a>
</li>
<li>
<a href="/training/tech-leadership-training-program">
The Top 1% Tech Leader Program
</a>
</li>
</ul>
</li>
<li>
<a href="#">Cloud & DevOps</a>
<ul class="wsmenu-submenu-sub">
<li>
<a href="/training/aws-developer-associate-certification-training">
AWS Developer Certification Training
</a>
</li>
<li>
<a href="/training/microsoft-azure-certification-training">
Azure Administrator Certification Training
</a>
</li>
<li>
<a href="/training/azure-ai-engineer-certification-training">
Azure AI Engineer Certification Training
</a>
</li>
<li>
<a href="/training/microsoft-azure-developer-associate-certification-training">
Azure Developer Certification Training
</a>
</li>
<li>
<a href="/training/azure-devops-certification-training">
Azure DevOps Certification Training
</a>
</li>
<li>
<a href="/training/microsoft-azure-solution-architect-certification">
Azure Solution Architect Certification Training
</a>
</li>
</ul>
</li>
<li>
<a href="#">Data Science & AI</a>
<ul class="wsmenu-submenu-sub">
<li>
<a href="/training/azure-ai-engineer-certification-training">
Azure AI Engineer Certification Training
</a>
</li>
<li>
<a href="/training/azure-ai-foundry-certification-training">
Azure AI Foundry Certification Training
</a>
</li>
</ul>
</li>
<li>
<a href="#">Java Platform</a>
<ul class="wsmenu-submenu-sub">
<li>
<a href="/training/data-structures-algorithms-certification-training">
Data Structures and Algorithms Training
</a>
</li>
<li>
<a href="/training/java-microservices-certification-training">
Java Microservices Certification Training
</a>
</li>
<li>
<a href="/training/java-software-architecture-design-training">
Java Software Architecture and Design Training
</a>
</li>
</ul>
</li>
<li>
<a href="#">JS & Front-end</a>
<ul class="wsmenu-submenu-sub">
<li>
<a href="/training/angular-certification-training">
Angular Certification Training
</a>
</li>
<li>
<a href="/training/frontend-foundation-certification-training">
Frontend Foundations Certification Training
</a>
</li>
<li>
<a href="/training/reactjs-certification-training">
React Certification Training
</a>
</li>
</ul>
</li>
<li>
<a href="/library" class="btn btn-outline-primary">Training Library</a>
</li>
</ul>
</li>
<!-- Job Oriented Menu Start -->
<li class="dropdown bigmenu" id="menu-option-web">
<a href='javascript:void(0);'>Job Oriented Training <span><svg xmlns="http://www.w3.org/2000/svg" class="mobile_icon" height="24px" viewBox="0 -960 960 960" width="24px" fill="#645e5e"><path d="M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z"></path></svg></span></a>
<div class="dropdown-menu menu-container dropdown-menu-right" style="width:665px; height:240px;">
<div class="platform" style="width:650px; height:230px">
<div class="row pt-2 ps-3 pe-3">
<div class="col-sm-6">
<div class="ps-1 fs-5">For Beginners/Experienced</div>
<hr style="clear:both;margin-top:5px;margin-right: 8px;" />
<div class="row">
<div class="col-sm-12 pb-3 mb-1">
<a href="/job-oriented/full-stack-net-developer-certification-training" class="ps-3 pe-3 w-100 text-start">
<div class="picon">
<div style="background-color:#00bcd4;border-radius:50%;">
<img src="/images/icons/fullsack.svg" style="width:40px;padding:8px;">
</div>
</div>
<div class="picon-text">Full-Stack .NET Core Developer <span class="break-point">For Beginners/Experienced</span></div>
</a>
</div>
<div class="col-sm-12 pb-3 mb-1">
<a href="/job-oriented/full-stack-java-developer-certification-training" class="ps-3 pe-3 w-100 text-start">
<div class="picon">
<div style="background-color:#00bcd4;border-radius:50%;">
<img src="/images/icons/java.svg" style="width:40px;padding:8px;">
</div>
</div>
<div class="picon-text">Adv. Full-Stack Java Developer <span class="break-point">For Beginners/Experienced</span></div>
</a>
</div>
<div class="col-sm-12 pb-3 mb-1">
<a href="/job-oriented/azure-ai-ml-certification-training" class="ps-3 pe-3 w-100 text-start">
<div class="picon">
<div style="background-color:#00bcd4;border-radius:50%;">
<img src="/images/icons/datascience.svg" style="width:40px;padding:8px;">
</div>
</div>
<div class="picon-text">Azure AI & Gen AI Engineer <span class="break-point">For Beginners/Experienced</span></div>
</a>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="ps-1 fs-5">For Experienced</div>
<hr style="clear:both;margin-top:5px;margin-right: 8px;" />
<div class="row">
<div class="col-sm-12 pb-3 mb-1">
<a href="/job-oriented/advanced-full-stack-net-developer-certification-training" class="ps-3 pe-3 w-100 text-start">
<div class="picon">
<div style="background-color:#00bcd4;border-radius:50%;color:#fff;padding:2px;font-size:14px">
<img src="/images/icons/azure.svg" style="width:40px;padding:8px;">
</div>
</div>
<div class="picon-text">Advanced Full-Stack .NET Core <span class="break-point">For Working Professionals</span></div>
</a>
</div>
<div class="col-sm-12 pb-3 mb-1">
<a href="/job-oriented/net-solution-architect-certification-training" class="ps-3 pe-3 w-100 text-start">
<div class="picon">
<div style="background-color:#00bcd4;border-radius:50%;color:#fff;padding: 8px 4px;font-size:14px">
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="30" fill="#fff"><path d="M80-120v-720h400v160h400v560H80Zm80-80h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm160 480h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm160 480h320v-400H480v80h80v80h-80v80h80v80h-80v80Zm160-240v-80h80v80h-80Zm0 160v-80h80v80h-80Z" /></svg>
</div>
</div>
<div class="picon-text">.NET Solution Architect <span class="break-point">For .NET Developers</span></div>
</a>
</div>
<div class="col-sm-12 pb-3 mb-1">
<a href="/job-oriented/java-solution-architect-certification-training" class="ps-3 pe-3 w-100 text-start">
<div class="picon">
<div style="background-color:#00bcd4;border-radius:50%;color:#fff;padding: 8px 4px;font-size:14px">
<svg fill="#fff" viewBox="0 0 32 32" height="24" width="32" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M13.168 30.901c5.401 0.346 13.695-0.191 13.891-2.747 0 0-0.377 0.968-4.464 1.738-2.257 0.407-4.855 0.639-7.508 0.639-2.173 0-4.309-0.156-6.398-0.457l0.239 0.028c0-0.001 0.691 0.571 4.24 0.799zM19 1.004s3.117 3.117-2.955 7.91c-4.869 3.845-1.11 6.038-0.001 8.543-2.842-2.566-4.927-4.821-3.529-6.922 2.054-3.085 7.744-4.58 6.486-9.531zM22.393 22.978c5.627-2.924 3.025-5.735 1.21-5.355-0.249 0.047-0.465 0.107-0.674 0.182l0.030-0.009c0.119-0.167 0.283-0.296 0.474-0.369l0.007-0.002c3.593-1.263 6.356 3.725-1.16 5.701 0.046-0.041 0.084-0.090 0.111-0.145l0.001-0.003zM12.616 17.512s-5.451 1.295-1.929 1.764c0.948 0.078 2.052 0.122 3.166 0.122 1.424 0 2.831-0.073 4.218-0.214l-0.174 0.014c2.257-0.19 4.521-0.596 4.521-0.596-0.531 0.232-0.982 0.477-1.409 0.756l0.037-0.022c-5.535 1.456-16.228 0.779-13.149-0.71 1.357-0.703 2.963-1.115 4.665-1.115 0.019 0 0.038 0 0.057 0h-0.003zM25.16 26.627s0.849 0.699-0.933 1.238c-3.389 1.027-14.106 1.336-17.081 0.041-1.070-0.466 0.937-1.112 1.567-1.247 0.291-0.074 0.626-0.117 0.97-0.117 0.023 0 0.045 0 0.068 0.001l-0.003-0c-1.191-0.839-7.693 1.646-3.303 2.358 11.972 1.941 21.821-0.875 18.716-2.274zM17.395 15.344c0.314 0.377 0.505 0.868 0.505 1.402 0 0.719-0.346 1.358-0.88 1.759l-0.006 0.004s3.673-1.897 1.986-4.271c-1.576-2.214-2.784-3.314 3.758-7.108 0-0.001-10.267 2.563-5.363 8.214zM11.346 20.915s-1.285 0.951 0.677 1.155c0.859 0.108 1.852 0.169 2.86 0.169 1.826 0 3.605-0.202 5.315-0.585l-0.162 0.030c0.344 0.322 0.755 0.578 1.209 0.744l0.025 0.008c-7.097 2.076-15.004 0.162-9.925-1.522zM12.065 24.198s-1.146 0.667 0.816 0.892c0.719 0.107 1.548 0.168 2.392 0.168 1.354 0 2.671-0.157 3.934-0.455l-0.116 0.023c0.467 0.285 1.010 0.557 1.577 0.782l0.074 0.026c-5.872 2.516-13.287-0.147-8.676-1.436z"></path>
</svg>
</div>
</div>
<div class="picon-text">Java Solution Architect <span class="break-point">For Java Developers</span></div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<!-- Mobile Menu -->
<li class="smallmenu" style="display:none">
<a href='javascript:void(0);'>Job Oriented Training <span class="wsmenu-arrow"><svg xmlns="http://www.w3.org/2000/svg" class="mobile_icon" height="24px" viewBox="0 -960 960 960" width="24px" fill="#645e5e"><path d="M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z" /></svg></span></a>
<ul class="wsmenu-submenu">
<li><a href="/job-oriented/net-developer-certification-training">.NET Developer Training</a></li>
<li><a href="/job-oriented/full-stack-net-developer-certification-training">Full-Stack .NET Developer Training</a></li>
<li><a href="/job-oriented/advanced-full-stack-net-developer-certification-training">Advanced Full-Stack .NET Developer Training</a></li>
<li><a href="/job-oriented/full-stack-java-developer-certification-training">Advanced Full-Stack Java Developer Training</a></li>
<li><a href="/job-oriented/net-solution-architect-certification-training">.NET Solution Architect Certification Training</a></li>
<li><a href="/job-oriented/java-solution-architect-certification-training">Java Solution Architect Certification Training</a></li>
<li><a href="/job-oriented/azure-ai-ml-certification-training">Azure AI and GenAI Engineer Certification Training</a></li>
</ul>
</li>
<!-- Job Oriented Menu End -->
<li><a href="/master-classes">Free Master Classes</a></li>
<li><a href="/free-course">Free Courses</a></li>
<li><a href="/books">Free Books</a></li>
<li><a href="/training/batches">Training Batches</a></li>
<li class="dropdown">
<a href='javascript:void(0);'>Explore <span class="wsmenu-arrow"><svg xmlns="http://www.w3.org/2000/svg" class="mobile_icon" height="24px" viewBox="0 -960 960 960" width="24px" fill="#645e5e"><path d="M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z"></path></svg></span></a>
<ul class="wsmenu-submenu course-library">
<li><a href="/membership/live"> <img src="/images/icons/live.svg" class="icon20"> Membership</a></li>
<li><a href="/problems"><img src="/images/icons/project.svg" class="icon20"> DSA Problems</a></li>
<li><a href="/compiler"> <img src="/images/icons/terminal.svg" class="icon20"> Online Compiler</a></li>
</ul>
</li>
<li><a href="/tutorial">Tutorials</a></li>
<li class="d-sm-none d-md-none d-lg-none d-xlg-none"><a href="/cart">Cart </a></li>
<!-- Desktop Icon -->
<li class="d-none d-sm-block me-1" style="padding-left: 8px;padding-right:2px">
<div class="cart-icon-container">
<div class="cart_Counter">0</div>
</div>
<div id="noti_Button">
<a href="/cart" title="cart">
<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="currentColor"><path d="M280-80q-33 0-56.5-23.5T200-160q0-33 23.5-56.5T280-240q33 0 56.5 23.5T360-160q0 33-23.5 56.5T280-80Zm400 0q-33 0-56.5-23.5T600-160q0-33 23.5-56.5T680-240q33 0 56.5 23.5T760-160q0 33-23.5 56.5T680-80ZM246-720l96 200h280l110-200H246Zm-38-80h590q23 0 35 20.5t1 41.5L692-482q-11 20-29.5 31T622-440H324l-44 80h480v80H280q-45 0-68-39.5t-2-78.5l54-98-144-304H40v-80h130l38 80Zm134 280h280-280Z" /></svg>
</a>
</div>
</li>
<li>
<span> <a style="padding: .3rem .4rem;margin-left: 5px;" class="btn btn-primary wsmenu-btn" href="/login">Login/SignUp</a></span>
</li>
<!-- Theme Change Menu -->
<li class="nav-item">
<button class="navbar-btn me-2"
aria-label="Dark Mode"
onclick="toggleTheme()"
title="Switch to Light Theme"
style="background:none; border:none;">
<svg width="22px" height="22px" class="nav-icon">
<use id="theme-icon" href="#moon-half" fill="currentColor"></use>
</svg>
</button>
</li>
</ul>
</nav>
<!--End: Desktop Full Menu -->
<div class="cartdiv d-block d-none d-sm-none" style="display: inline-block;z-index: 101;right: 20px;top: 24px;position: fixed;">
<div class="cart-icon-container">
<div class="cart_Counter"></div>
<div class="notifications">
<div style="text-align:center">
<a href="/cart">View All</a>
</div>
</div>
</div>
<div style="padding-right:2px" id="noti_Button">
<a href="/cart" style="color:#fff">
<i class="fa fa-shopping-cart cart-icon" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<style type="text/css">
.news {
margin-top: 2px;
width: 100%;
background: #fe5a6d;
text-align: center;
height: 42px;
padding-top: 6px;
background: linear-gradient(135deg, #de3041, #f0408e);
}
.bottomads {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
background: #7342ad;
background-image: linear-gradient(to right, #673ab7, rgb(241, 150, 73));
overflow: hidden;
z-index: 1000;
padding: 8px 5px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}
.icon-box {
position: absolute;
left: 0px;
top: 0px;
text-align: center;
padding-top: 9px;
width: 40px;
font-size: 20px;
color: #fff;
height: 100%;
}
.bottomads .btnclose {
position: absolute;
right: 0px;
text-align: center;
padding-top: 8px;
top: 0px;
width: 35px;
cursor: pointer;
}
.contentads {
font-family: 'Open Sans', sans-serif;
color: #fff;
font-size: 15px;
line-height: 37px;
text-decoration: none;
display: inline-block;
padding: 1px 40px 0px 50px;
}
.contentads:hover {
font-family: 'Open Sans', sans-serif;
color: #fff;
}
.viewbtn {
border: 1px solid #ffffff;
color: #ffffff;
font-size: 13px;
font-weight: 600;
line-height: normal;
margin-left: 5px;
border-radius: 2px;
display: inline-block;
padding: 3px;
}
#clockdiv {
font-family: sans-serif;
color: #272323;
display: inline-block;
text-align: center;
font-size: 14px;
margin-top: 0px;
}
#clockdiv > div {
border-radius: 3px;
display: inline-block;
}
#clockdiv div > .cont {
border-radius: 0px;
background: #ffffff;
display: inline-block;
letter-spacing: 1px;
padding: 0;
margin-left: 2px;
border-radius: 2px;
font-weight: 600;
}
.smalltext {
margin-top: 3px;
font-size: 14px;
color: #fff;
display: inline-block;
}
.wrap {
padding-left: 46px;
padding-right: 20px;
}
@media (max-width:600px) {
.wrap {
padding-left: 8px !important;
padding-right: 20px;
}
.news {
height: auto !important;
}
}
/* code for blinking cursor */
.typed-cursor {
opacity: 1;
/*font-weight: 900;*/
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
-ms-animation: blink 0.7s infinite;
-o-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
color: white;
font-size: 25px;
}
@-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-ms-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
</style>
<script>
$(document).ready(function () {
//animation
var InfiniteRotator =
{
init: function () {
//initial fade-in time (in milliseconds)
var initialFadeIn = 0;
//interval between items (in milliseconds)
var itemInterval = 5000;
//cross-fade time (in milliseconds)
var fadeTime = 0;
//count number of items
var numberOfItems = $('.rotating-item').length;
var currentItem = 0;
$('.rotating-item').eq(currentItem).fadeIn(initialFadeIn);
var infiniteLoop = setInterval(function () {
$('.rotating-item').eq(currentItem).fadeOut(fadeTime);
if (currentItem == numberOfItems - 1) {
currentItem = 0;
} else {
currentItem++;
}
$('.rotating-item').eq(currentItem).fadeIn(fadeTime);
}, itemInterval);
}
};
InfiniteRotator.init();
//animation
// Set the date we're counting down to
var sqlepr = $("#sqlepr").val();
var d = new Date(sqlepr);
var countDownDate = d.getTime();
// Update the count down every 1 second
function getTimeRemaining(cDownDate) {
var dateTime = new Date();
var now = dateTime.getTime();
// Find the distance between now an the count down date
var t = cDownDate - now;
if (t > 0) {
// var t = Date.parse(countDownDate) - Date.parse(new Date());
var seconds = Math.floor((t / 1000) % 60);
var minutes = Math.floor((t / 1000 / 60) % 60);
var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
var days = Math.floor(t / (1000 * 60 * 60 * 24));
return {
'total': t,
'days': days,
'hours': hours,
'minutes': minutes,
'seconds': seconds
};
}
}
function initializeClock(id, endtime) {
var clock = document.getElementById(id);
var daysSpan = clock.querySelector('.days');
var hoursSpan = clock.querySelector('.hours');
var minutesSpan = clock.querySelector('.minutes');
var secondsSpan = clock.querySelector('.seconds');
function updateClock() {
var t = getTimeRemaining(endtime);
if (t != undefined) {
daysSpan.innerHTML = ('0' + t.days).slice(-2);
hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
if (t.total <= 0) {
clearInterval(timeinterval);
}
}
else {
$("#clockdiv").hide();
}
}
updateClock();
var timeinterval = setInterval(updateClock, 1000);
}
var deadline = countDownDate;
if ($("#clockdiv").length) {
initializeClock('clockdiv', deadline);
}
});
</script>
</header>
<script>
function closeNews() {
$(".news").toggle();
}
function wsnavtogglearticlesfn() {
$(".wsmenu").toggleClass("hidden-sm hidden-xs");
$(".sidemenuarticle").toggleClass("d-none d-sm-block");
$("#wsnavtogglearticlesclose").toggle();
$("#wsnavtogglearticles").toggle();
}
function togglelibraryfn() {
$(".wsmenu").toggleClass("hidden-sm hidden-xs");
$("#libleftmenu").toggleClass("d-none d-sm-block");
$("#wsnavtogglelibraryclose").toggle();
$("#wsnavtogglelibrary").toggle();
$(window).scrollTop(0);
}
$(document).ready(function () {
//Self-paced courses
$('#course').find('.category-list').first().addClass('active-category-list');
$('#course').find('.category-course').first().addClass('active-category-course');
var category2 = $('#course').find('.category-list').first().attr('data-category');
populateCategoryCourses(category2);
$('#course').find('.category-list').hover(function () {
$('#course').find('.category-list').removeClass('active-category-list');
$(this).addClass('active-category-list');
var category = $(this).attr('data-category');
populateCategoryCourses(category);
$('#course').find('.category-course').hover(function () {
$('#course').find('.category-course').removeClass('active-category-course');
$(this).addClass('active-category-course');
});
});
//live training
$('#livetraining').find('.category-list').first().addClass('active-category-list');
$('#livetraining').find('.category-course').first().addClass('active-category-course');
var ecategory2 = $('#livetraining').find('.category-list').first().attr('data-category');
populateCategoryLiveTraining(ecategory2);
$('#livetraining').find('.category-list').hover(function () {
$('#livetraining').find('.category-list').removeClass('active-category-list');
$(this).addClass('active-category-list');
var category = $(this).attr('data-category');
populateCategoryLiveTraining(category);
$('#livetraining').find('.category-course').hover(function () {
$('#livetraining').find('.category-course').removeClass('active-category-course');
$(this).addClass('active-category-course');
});
});
});
// Courses
function populateCategoryCourses(category) {
var html = '';
if (main_menu[category] !== undefined) {
$.each(main_menu[category], function (key, course_list) {
html += '<a class="category-course-anchor" href="' + course_list.Url + '"><li class="category-course" data-course-category="' + category + '" data-category-course-key="' + key + '">' + course_list.Name + '</li>';
});
}
$('#course').find('.category-course-container ul').html(html);
$('#course').find('.category-course').first().addClass('active-category-course');
}
// Live Training
function populateCategoryLiveTraining(category) {
var html = '';
if (main_menu[category] !== undefined) {
$.each(main_menu[category], function (key, course_list) {
html += '<a class="category-course-anchor" href="' + course_list.Url + '"><li class="category-course" data-course-category="' + category + '" data-category-course-key="' + key + '">' + course_list.Name + '</li>';
});
$('#livetraining').find('.category-course-container ul').html(html);
$('#livetraining').find('.category-course').first().addClass('active-category-course');
}
}
var webmenu = ["wsoffcanvasopener", "toggleClass", ".wsmenucontainer", "click", "#wsnavtoggle", "removeClass", ".overlapblackbg", "<span class='wsmenu-click'><i class='wsmenu-arrow sh-chevron-down'></i></span>", "prepend", ".wsmenu-submenu", "has", ".wsmenu-list> li", ".megamenu", ".wsmenu-list > li", "ws-activearrow", "children", "siblings", "parent", "slow", "slideUp", ".wsmenu-submenu, .megamenu", "not", "slideToggle", ".wsmenu-click", "<span class='wsmenu-click02'><i class='wsmenu-arrow sh-chevron-down'></i></span>", ".wsmenu-submenu-sub", ".wsmenu-list > li > ul > li", ".wsmenu-submenu-sub-sub", ".wsmenu-list > li > ul > li > ul > li", "wsmenu-rotate", ".wsmenu-arrow", ".wsmenu-click02"];
$(function () { $(webmenu[4])[webmenu[3]](function () { $(webmenu[2])[webmenu[1]](webmenu[0]) }); $(webmenu[6])[webmenu[3]](function () { $(webmenu[2])[webmenu[5]](webmenu[0]) }); $(webmenu[11])[webmenu[10]](webmenu[9])[webmenu[8]](webmenu[7]); $(webmenu[13])[webmenu[10]](webmenu[12])[webmenu[8]](webmenu[7]); $(webmenu[23])[webmenu[3]](function () { $(this)[webmenu[1]](webmenu[14])[webmenu[17]]()[webmenu[16]]()[webmenu[15]]()[webmenu[5]](webmenu[14]); $(webmenu[20])[webmenu[21]]($(this)[webmenu[16]](webmenu[20]))[webmenu[19]](webmenu[18]); $(this)[webmenu[16]](webmenu[9])[webmenu[22]](webmenu[18]); $(this)[webmenu[16]](webmenu[12])[webmenu[22]](webmenu[18]) }); $(webmenu[26])[webmenu[10]](webmenu[25])[webmenu[8]](webmenu[24]); $(webmenu[28])[webmenu[10]](webmenu[27])[webmenu[8]](webmenu[24]); $(webmenu[31])[webmenu[3]](function () { $(this)[webmenu[15]](webmenu[30])[webmenu[1]](webmenu[29]); $(this)[webmenu[16]](webmenu[25])[webmenu[22]](webmenu[18]); $(this)[webmenu[16]](webmenu[27])[webmenu[22]](webmenu[18]) }) })
</script>
<div>
<link href="/css/bundle/home-bundle.min.css?v=XVpD8CAzjFBW-HFoN5PUpQ7a67QquQlLdaG28lTy2rk" rel="stylesheet" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
<style>
.global-button {
background: linear-gradient(to right, #06b6d4, #3b82f6);
color: #ffffff;
padding: 1rem 2rem;
border-radius: 0.5rem;
font-weight: 600;
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
gap: 0.5rem;
box-shadow: 0 4px 8px rgba(0,0,0,0.15);
text-decoration: none;
}
.global-button:hover {
background: linear-gradient(to right, #0891b2, #2563eb);
box-shadow: 0 10px 15px rgba(0,0,0,0.2);
transform: scale(1.05);
color: #ffffff;
text-decoration: none;
}
[data-bs-theme="dark"] .global-button {
background: linear-gradient(to right, #06b6d4, #3b82f6);
}
[data-bs-theme="dark"] .global-button:hover {
background: linear-gradient(to right, #0891b2, #2563eb));
color: #ffffff;
}
</style>
<section class="position-relative overflow-hidden w-100 py-3">
<!-- Radial gradients -->
<div class="position-absolute top-0 start-0 w-100 h-100 radial-gradient-1"></div>
<div class="position-absolute top-0 start-0 w-100 h-100 radial-gradient-2"></div>
<div class="container position-relative py-4 py-md-5">
<div class="row align-items-center">
<div class="col-lg-6 mb-5 mb-lg-0">
<div class="pe-lg-4">
<div class="mb-4">
<h1 class="fw-bold text-dark-emphasis">
Build a <span class="gradient-text-orange">High-Paying</span><br>
<span class="gradient-text-blue">AI-Ready</span> Tech Career
</h1>
<p class="lead text-body-secondary">
Join <span class="fw-bold text-dark-emphasis">2,00,000+</span> professionals who transformed their careers with our industry-leading training programs.
</p>
</div>
<div class="d-flex flex-column gap-3">
<div class="d-flex align-items-start gap-3">
<div class="icon-container">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mic w-8 h-8 text-info">
<path d="M12 19v3"></path>
<path d="M19 10v2a7 7 0 0 1-14 0v-2"></path>
<rect x="9" y="2" width="6" height="13" rx="3"></rect>
</svg>
</div>
<div>
<h5 class="fw-bold text-dark-emphasis">Learn Live</h5>
<p class="text-body-secondary mb-0 small">from Microsoft MVPs and Software Architects to master in-demand job skills</p>
</div>
</div>
<div class="d-flex align-items-start gap-3">
<div class="icon-container">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flask-conical w-8 h-8 text-primary">
<path d="M14 2v6a2 2 0 0 0 .245 0.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2"></path>
<path d="M6.453 15h11.094"></path>
<path d="M8.5 2h7"></path>
</svg>
</div>
<div>
<h5 class="fw-bold text-dark-emphasis">Build Projects</h5>
<p class="text-body-secondary mb-0 small">real-world applications with recommended design patterns and best practices</p>
</div>
</div>
<div class="d-flex align-items-start gap-3">
<div class="icon-container">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket w-8 h-8 text-warning">
<path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path>
<path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path>
<path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path>
<path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path>
</svg>
</div>
<div>
<h5 class="fw-bold text-dark-emphasis">Empower Yourself</h5>
<p class="text-body-secondary mb-0 small">to crack interviews at world's top tech companies like Google, Microsoft, Amazon</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="d-flex flex-column gap-4">
<div class="video-container-hero mx-auto bg-body position-relative">
<iframe src="//youtube.com/embed/SscvAWrpoyM"
srcdoc="<style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=//youtube.com/embed/SscvAWrpoyM?autoplay=1><img src=//img.youtube.com/vi/SscvAWrpoyM/hqdefault.jpg class='video-thumbnail'><span><svg viewBox='0 0 200 200' height='40px' width='40px' y='0' x='0'><circle r='96' cy='100' cx='100' stroke-width='8' stroke='#FFFFFF' fill='#347eff'></circle><circle r='130' cy='100' cx='100' fill='url(#ripple)' clip-path='url(#clipper)'></circle><polygon points='70.993,60.347 153.398,102.384 70.993,144.42' fill='#FFFFFF'></polygon></svg></span></a>"
frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
class="w-full h-full video-thumbnail"></iframe>
<div class="position-absolute bottom-0 start-0 m-3 live-badge text-white">
<div class="d-flex align-items-center gap-2">
<div class="pulse-dot"></div>
<span>2 Lakh+ professionals enrolled</span>
</div>
</div>
</div>
<div class="text-center">
<button class="demo-button mb-4" onclick="GetEnquiryMeetModal(this)">
<span>Book A Free Demo</span>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
</button>
<div class="d-none d-sm-block">
<div class="d-flex justify-content-center gap-4 text-body-secondary small">
<div class="d-flex align-items-center gap-1">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-success">
<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
<polyline points="22 4 12 14.01 9 11.01"></polyline>
</svg>
<span>1-on-1 Career Guidance</span>
</div>
<div class="d-flex align-items-center gap-1">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-success">
<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
<polyline points="22 4 12 14.01 9 11.01"></polyline>
</svg>
<span>Industry Expert Mentors</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row mt-5">
<div class="col-12">
<div class="row g-4">
<!-- Stats Card 1 -->
<div class="col-md-6 col-lg-3">
<div class="stats-card stats-card-1 position-relative">
<div class="position-absolute top-0 end-0 m-3">
<div class="bg-white bg-opacity-20 rounded p-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="stat-icon text-success">
<polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline>
<polyline points="16 7 22 7 22 13"></polyline>
</svg>
</div>
</div>
<div class="mt-4">
<div class="display-6 fw-bold text-dark-emphasis">93%</div>
<p class="text-body-secondary small mb-0">Got jobs within <span class="text-warning">6 months</span> of training program</p>
</div>
</div>
</div>
<!-- Stats Card 2 -->
<div class="col-md-6 col-lg-3">
<div class="stats-card stats-card-2 position-relative">
<div class="position-absolute top-0 end-0 m-3">
<div class="bg-white bg-opacity-20 rounded p-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="stat-icon text-primary">
<rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect>
<path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path>
</svg>
</div>
</div>
<div class="mt-4">
<div class="display-6 fw-bold text-dark-emphasis">35 LPA</div>
<p class="text-body-secondary small mb-0">
<span class="text-warning">Avg. Salary</span>
earned by experienced developers
</p>
</div>
</div>
</div>
<!-- Stats Card 3 -->
<div class="col-md-6 col-lg-3">
<div class="stats-card stats-card-3 position-relative">
<div class="position-absolute top-0 end-0 m-3">
<div class="bg-white bg-opacity-20 rounded p-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-folder-kanban-icon lucide-folder-kanban stat-icon text-purple">
<path d="M14 2v6a2 2 0 0 0 .245 0.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2"></path>
<path d="M6.453 15h11.094"></path>
<path d="M8.5 2h7"></path>
</svg>
</div>
</div>
<div class="mt-4">
<div class="display-6 fw-bold text-dark-emphasis">950+</div>
<p class="text-body-secondary small mb-0">Hands-on <span class="text-warning">Labs & Projects</span> to Build Real Skills</p>
</div>
</div>
</div>
<!-- Stats Card 4 -->
<div class="col-md-6 col-lg-3">
<div class="stats-card stats-card-4 position-relative">
<div class="position-absolute top-0 end-0 m-3">
<div class="bg-white bg-opacity-20 rounded p-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 -960 960 960" width="24px" fill="currentColor" class="stat-icon text-info"><path d="M220-260q-92 0-156-64T0-480q0-92 64-156t156-64q37 0 71 13t61 37l68 62-60 54-62-56q-16-14-36-22t-42-8q-58 0-99 41t-41 99q0 58 41 99t99 41q22 0 42-8t36-22l310-280q27-24 61-37t71-13q92 0 156 64t64 156q0 92-64 156t-156 64q-37 0-71-13t-61-37l-68-62 60-54 62 56q16 14 36 22t42 8q58 0 99-41t41-99q0-58-41-99t-99-41q-22 0-42 8t-36 22L352-310q-27 24-61 37t-71 13Z" /></svg>
</div>
</div>
<div class="mt-4">
<div class="display-6 fw-bold text-dark-emphasis">1 Year</div>
<p class="text-body-secondary small mb-0">
<span class="text-warning">Unlimited Access</span>
to Live Sessions
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
:root {
--job-gradient-bg-light: linear-gradient(to bottom right, #f0f9ff, #e0f2fe, #bae6fd);
--job-gradient-bg-dark: linear-gradient(to bottom right, #0f172a, #155e7520, #020617);
--job-title-color-light: #111827;
--job-title-color-dark: #f3f4f6;
--job-text-color-light: #4b5563;
--job-text-color-dark: rgba(255,255,255,0.9);
--job-card-bg-light: rgba(255,255,255,0.3);
--job-card-bg-dark: rgba(255,255,255,0.08);
--job-border-color-light: #e5e7eb;
--job-border-color-dark: rgba(255,255,255,0.15);
--job-hover-border-light: #60a5fa;
--job-hover-border-dark: rgba(255,255,255,0.25);
--job-button-bg-light: linear-gradient(to right, #06b6d4, #3b82f6);
--job-button-bg-hover-light: linear-gradient(to right, #0891b2, #2563eb);
--job-button-bg-dark: linear-gradient(to right, #06b6d4, #3b82f6);
--job-button-bg-hover-dark: linear-gradient(to right, #0891b2, #2563eb);
--job-filter-bg-light: rgba(229,231,235,0.6);
--job-filter-bg-dark: rgba(255,255,255,0.08);
--job-filter-border-light: #d1d5db;
--job-filter-border-dark: rgba(255,255,255,0.15);
--job-filter-active-bg-light: #06b6d4;
--job-filter-active-text-light: #ffffff;
--job-filter-active-bg-dark: rgba(255,255,255,0.25);
--job-filter-active-text-dark: #ffffff;
--job-filter-text-light: #374151;
--job-filter-text-dark: rgba(255,255,255,0.7);
--job-filter-hover-text-dark: #ffffff;
--job-badge-bg: #06b6d4;
--job-badge-text: #ffffff;
--job-card-hover-title-light: #3b82f6;
--job-card-hover-title-dark: #93c5fd;
--job-description-text-dark: rgba(255,255,255,0.85);
}
.job-section {
padding-top: 5rem;
padding-bottom: 5rem;
background: var(--job-gradient-bg-light);
position: relative;
overflow: hidden;
}
[data-bs-theme="dark"] .job-section {
background: var(--job-gradient-bg-dark);
}
.job-glow-1 {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
pointer-events: none;
background: radial-gradient(circle at 30% 20%, rgba(0,180,255,0.2), transparent 60%);
}
[data-bs-theme="dark"] .job-glow-1 {
background: radial-gradient(circle at 30% 20%, rgba(59,130,246,0.3), transparent 50%);
}
.job-glow-2 {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
pointer-events: none;
background: radial-gradient(circle at 70% 80%, rgba(0,150,200,0.15), transparent 60%);
}
[data-bs-theme="dark"] .job-glow-2 {
background: radial-gradient(circle at 70% 80%, rgba(147,51,234,0.25), transparent 50%);
}
.job-grid-texture {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(45deg, transparent 48%, rgba(0,0,0,0.03) 49%, rgba(0,0,0,0.03) 51%, transparent 52%);
background-size: 30px 30px;
}
[data-bs-theme="dark"] .job-grid-texture {
background: linear-gradient(45deg, transparent 48%, rgba(255,255,255,0.02) 49%, rgba(255,255,255,0.02) 51%, transparent 52%);
}
.job-icon {
position: absolute;
z-index: 50;
color: rgba(6,182,212,0.15);
top: 2%;
right: 2%;
transform: rotate(12deg);
width: 6rem;
height: 6rem;
animation: pulse 2s infinite;
display: none;
}
[data-bs-theme="dark"] .job-icon {
color: rgba(6,182,212,0.35);
}
@media (min-width: 576px) {
.job-icon {
display: block;
}
}
@media (min-width: 768px) {
.job-icon {
top: 4%;
right: 10%;
width: 8rem;
height: 8rem;
}
}
@media (min-width: 992px) {
.job-icon {
top: 10%;
right: 20%;
}
}
.job-container {
max-width: 80rem;
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 576px) {
.job-container {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (min-width: 992px) {
.job-container {
padding-left: 2rem;
padding-right: 2rem;
}
}
.job-header {
margin-bottom: 4rem;
}
.job-title {
font-size: 1.875rem;
font-weight: 800;
color: var(--job-title-color-light);
letter-spacing: -0.025em;
}
[data-bs-theme="dark"] .job-title {
color: var(--job-title-color-dark);
}
@media (min-width: 992px) {
.job-title {
font-size: 2.25rem;
}
}
.job-divider {
width: 6rem;
height: 0.25rem;
background: linear-gradient(to right, #3b82f6, #06b6d4, #3b82f6);
border-radius: 9999px;
}
.job-filter-group {
z-index: 10;
display: inline-flex;
background: var(--job-filter-bg-light);
border: 1px solid var(--job-filter-border-light);
border-radius: 9999px;
padding: 0.5rem;
margin-top: 2rem;
}
[data-bs-theme="dark"] .job-filter-group {
background: var(--job-filter-bg-dark);
border-color: var(--job-filter-border-dark);
}
.job-filter-btn {
padding: 0.75rem 1.5rem;
border-radius: 9999px;
font-weight: 600;
transition: all 0.3s ease;
color: var(--job-filter-text-light);
background: transparent;
border: none;
cursor: pointer;
}
[data-bs-theme="dark"] .job-filter-btn {
color: var(--job-filter-text-dark);
}
.job-filter-btn:hover {
color: var(--job-filter-hover-text-dark);
}
.job-filter-btn.active {
color: var(--job-filter-active-text-light);
background: var(--job-filter-active-bg-light);
box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}
[data-bs-theme="dark"] .job-filter-btn.active {
color: var(--job-filter-active-text-dark);
background: var(--job-filter-active-bg-dark);
box-shadow: 0 4px 8px rgba(0,0,0,0.4);
}
.job-grid {
display: grid;
gap: 1.5rem;
opacity: 1;
}
@media (min-width: 768px) {
.job-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 992px) {
.job-grid {
grid-template-columns: repeat(3, 1fr);
}
}
.job-card {
background: var(--job-card-bg-light);
border-radius: 1rem;
box-shadow: 0 10px 15px rgba(0,0,0,0.1);
transition: all 0.4s ease;
overflow: hidden;
border: 1px solid var(--job-border-color-light);
opacity: 1;
transform: translateY(0);
}
[data-bs-theme="dark"] .job-card {
background: var(--job-card-bg-dark);
border-color: var(--job-border-color-dark);
}
.job-card.hidden {
display: none;
}
.job-card.fade-out {
opacity: 0;
transform: translateY(-20px);
}
.job-card.fade-in {
opacity: 1;
transform: translateY(0);
}
.job-card:hover {
box-shadow: 0 15px 25px rgba(0,0,0,0.2), 0 0 10px rgba(59,130,246,0.3);
transform: scale(1.02) rotate(1deg);
border-color: var(--job-hover-border-light);
}
[data-bs-theme="dark"] .job-card:hover {
border-color: var(--job-hover-border-dark);
box-shadow: 0 15px 25px rgba(0,0,0,0.4), 0 0 10px rgba(59,130,246,0.4);
}
.job-header-gradient {
height: 12rem;
position: relative;
overflow: hidden;
}
.job-header-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.4;
transition: opacity 0.4s ease;
}
.job-card:hover .job-header-image {
opacity: 0.6;
}
.job-header-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom right, rgb(125 51 51 / 25%), rgba(0, 0, 0, 0.45));
}
.job-badge {
position: absolute;
top: 1rem;
right: 1rem;
background: var(--job-badge-bg);
color: var(--job-badge-text);
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.75rem;
border-radius: 9999px;
box-shadow: 0 4px 6px rgba(0,0,0,0.15);
}
.job-card-body {
padding: 1.5rem;
display: flex;
flex-direction: column;
/* gap: 1rem; */
}
.job-card-title {
font-size: 1.125rem;
font-weight: 700;
color: var(--job-title-color-light);
transition: color 0.3s ease;
min-height: 3.5rem;
line-height: 1.25;
letter-spacing: -0.01em;
}
[data-bs-theme="dark"] .job-card-title {
color: var(--job-title-color-dark);
}
.job-card:hover .job-card-title {
color: var(--job-card-hover-title-light);
}
[data-bs-theme="dark"] .job-card:hover .job-card-title {
color: var(--job-card-hover-title-dark);
}
.job-description {
font-size: 0.875rem;
color: var(--job-text-color-light);
display: flex;
flex-direction: column;
gap: 0.5rem;
padding-left: 1rem;
list-style-type: disc;
}
[data-bs-theme="dark"] .job-description {
color: var(--job-description-text-dark);
}
.job-know-more {
width: 100%;
background: var(--job-button-bg-light);
color: #ffffff;
padding: 0.75rem 1.5rem;
border-radius: 0.5rem;
font-weight: 600;
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
box-shadow: 0 4px 8px rgba(0,0,0,0.15);
text-decoration: none;
}
.job-know-more:hover {
background: var(--job-button-bg-hover-light);
box-shadow: 0 10px 15px rgba(0,0,0,0.2);
transform: scale(1.05);
color: #ffffff;
text-decoration: none;
}
[data-bs-theme="dark"] .job-know-more {
background: var(--job-button-bg-dark);
}
[data-bs-theme="dark"] .job-know-more:hover {
background: var(--job-button-bg-hover-dark);
color: #ffffff;
}
.job-explore-all {
background: var(--job-button-bg-light);
color: #ffffff;
padding: 1rem 2rem;
border-radius: 0.5rem;
font-weight: 600;
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
gap: 0.5rem;
box-shadow: 0 4px 8px rgba(0,0,0,0.15);
text-decoration: none;
}
.job-explore-all:hover {
background: var(--job-button-bg-hover-light);
box-shadow: 0 10px 15px rgba(0,0,0,0.2);
transform: scale(1.05);
color: #ffffff;
text-decoration: none;
}
[data-bs-theme="dark"] .job-explore-all {
background: var(--job-button-bg-dark);
}
[data-bs-theme="dark"] .job-explore-all:hover {
background: var(--job-button-bg-hover-dark);
color: #ffffff;
}
.job-blur-1 {
position: absolute;
top: 5rem;
left: 2.5rem;
width: 5rem;
height: 5rem;
background: rgba(96,165,250,0.25);
border-radius: 50%;
filter: blur(3rem);
animation: pulse 2s infinite;
}
.job-blur-2 {
position: absolute;
bottom: 10rem;
right: 5rem;
width: 8rem;
height: 8rem;
background: rgba(192,132,252,0.25);
border-radius: 50%;
filter: blur(4rem);
animation: pulse 2s infinite;
animation-delay: 1s;
}
.job-blur-3 {
position: absolute;
top: 33%;
right: 25%;
width: 4rem;
height: 4rem;
background: rgba(244,114,182,0.25);
border-radius: 50%;
filter: blur(2rem);
animation: pulse 2s infinite;
animation-delay: 0.5s;
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.15);
}
100% {
transform: scale(1);
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes slideUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
</style>
<section class="job-section">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="job-icon lucide lucide-briefcase-business">
<path d="M12 12h.01" />
<path d="M16 6V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2" />
<path d="M22 13a18.15 18.15 0 0 1-20 0" />
<rect width="20" height="14" x="2" y="6" rx="2" />
</svg>
<div class="job-glow-1"></div>
<div class="job-glow-2"></div>
<div class="job-container">
<div class="text-center job-header">
<div class="d-flex flex-column gap-2">
<h2 class="job-title">Job Oriented Programs</h2>
<div class="d-flex justify-content-center">
<div class="job-divider"></div>
</div>
</div>
<div class="job-filter-group">
<button type="button" data-filter="beginners" class="job-filter-btn active">Java Platform</button>
<button type="button" data-filter="experienced" class="job-filter-btn">.NET Platform</button>
</div>
</div>
<div class="job-grid" id="programs-grid">
<div class="job-card" data-category="beginners" style="--index: 0;">
<div class="job-header-gradient bg-gradient-to-br from-cyan-500 to-blue-700">
<a href="/job-oriented/full-stack-net-developer-certification-training" title="Get More Details">
<div class="flex justify-center items-center gap-4 py-5 px-3 mt-5 mx-5">
<img src="/images/technologies/java.png" class="h-12 w-auto" alt="SpringBoot" />
<img src="/images/technologies/aws.png" class="h-12 w-auto" alt="AWS" />
<img src="/images/technologies/angular.png" class="h-12 w-auto" alt="Angular" />
<img src="/images/technologies/react.png" class="h-12 w-auto" alt="React" />
</div>
<div class="job-header-overlay"></div>
</a>
<div class="job-badge">For Experienced</div>
</div>
<div class="job-card-body">
<h3 class="job-card-title">Advanced Full-Stack Java Developer Certification Training</h3>
<ul class="job-description">
<li>Spring Boot, AWS Developer</li>
<li>Angular or React</li>
<li>50+ Hands-on Labs, Interview Q&A</li>
<li>Build 2 Real-world Projects</li>
</ul>
<div class="pt-2">
<a href="/job-oriented/full-stack-java-developer-certification-training" class="job-know-more">
<span>Know More</span>
<svg viewBox="0 0 512 512" width="16" height="16">
<path d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z" fill="currentColor"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="job-card" data-category="beginners" style="--index: 1;">
<div class="job-header-gradient bg-gradient-to-br from-cyan-500 to-blue-700">
<a href="/job-oriented/java-solution-architect-certification-training" title="Get More Details">
<div class="flex justify-center items-center gap-4 py-5 px-3 mt-5 mx-5">
<img src="/images/technologies/design-patterns.png" class="h-12 w-auto" alt="SpringBoot" />
<img src="/images/technologies/microservices.png" class="h-12 w-auto" alt="AWS" />
<img src="/images/technologies/aws.png" class="h-12 w-auto" alt="Angular" />
<img src="/images/technologies/devops.png" class="h-12 w-auto" alt="React" />
</div>
<div class="job-header-overlay"></div>
</a>
<div class="job-badge">For Experinced</div>
</div>
<div class="job-card-body">
<h3 class="job-card-title">Java Solution Architect Certification Training</h3>
<ul class="job-description">
<li>Design Patterns and Practices</li>
<li>Microservices and AWS DevOps</li>
<li>60+ Hands-on Labs, Interview Q&A</li>
<li>Build 2 Real-world Projects</li>
</ul>
<div class="pt-2">
<a href="/job-oriented/java-solution-architect-certification-training" class="job-know-more">
<span>Know More</span>
<svg viewBox="0 0 512 512" width="16" height="16">
<path d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z" fill="currentColor"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="job-card" data-category="beginners" style="--index: 2;">
<div class="job-header-gradient bg-gradient-to-br from-cyan-500 to-blue-700">
<a href="/job-oriented/azure-ai-ml-certification-training" title="Get More Details">
<div class="flex justify-center items-center gap-4 py-5 px-3 mt-5 mx-5">
<img src="/images/technologies/python.png" class="h-12 w-auto" alt="Python" />
<img src="/images/technologies/ai-studio.png" class="h-12 w-auto" alt="Foundry" />
<img src="/images/technologies/azure-vision.png" class="h-12 w-auto" alt="AI Vision" />
<img src="/images/technologies/azure-pipelines.png" class="h-12 w-auto" alt="CI/CD" />
</div>
<div class="job-header-overlay"></div>
</a>
<div class="job-badge">Beginners/Experienced</div>
</div>
<div class="job-card-body">
<h3 class="job-card-title">Azure AI & Gen AI Engineer Certification Training</h3>
<ul class="job-description">
<li>Python, Python Libs Cognitive Services</li>
<li>AI Services, AI Foundry, LLMs</li>
<li>50+ Hands-on Labs, Interview Q&A</li>
<li>Build 4 Real-world Projects</li>
</ul>
<div class="pt-2">
<a href="/job-oriented/azure-ai-ml-certification-training" class="job-know-more">
<span>Know More</span>
<svg viewBox="0 0 512 512" width="16" height="16">
<path d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z" fill="currentColor"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="job-card" data-category="experienced" style="--index: 3;">
<div class="job-header-gradient bg-gradient-to-br from-indigo-500 to-purple-700">
<a href="/job-oriented/advanced-full-stack-net-developer-certification-training" title="Get More Details">
<div class="flex justify-center items-center gap-4 py-5 px-3 mt-5 mx-5">
<img src="/images/technologies/net.png" class="h-12 w-auto" alt=".NET" />
<img src="/images/technologies/azure.png" class="h-12 w-auto" alt="Azure" />
<img src="/images/technologies/angular.png" class="h-12 w-auto" alt="Angular" />
<img src="/images/technologies/react.png" class="h-12 w-auto" alt="React" />
</div>
<div class="job-header-overlay"></div>
</a>
<div class="job-badge">For Experinced</div>
</div>
<div class="job-card-body">
<h3 class="job-card-title">Advanced Full-Stack .NET Developer Certification Training</h3>
<ul class="job-description">
<li>ASP.NET Core, EF Core, Web API</li>
<li>Angular or React, Azure</li>
<li>70+ Hands-on Labs, Interview Q&A</li>
<li>Build 3 Real-world Projects</li>
</ul>
<div class="pt-2">
<a href="/job-oriented/advanced-full-stack-net-developer-certification-training" class="job-know-more">
<span>Know More</span>
<svg viewBox="0 0 512 512" width="16" height="16">
<path d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z" fill="currentColor"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="job-card" data-category="experienced" style="--index: 4;">
<div class="job-header-gradient bg-gradient-to-br from-indigo-500 to-purple-700">
<a href="/job-oriented/net-solution-architect-certification-training" title="Get More Details">
<div class="flex justify-center items-center gap-4 py-5 px-3 mt-5 mx-5">
<img src="/images/technologies/design-patterns.png" class="h-12 w-auto" alt="design-patterns" />
<img src="/images/technologies/microservices.png" class="h-12 w-auto" alt="microservices" />
<img src="/images/technologies/azure.png" class="h-12 w-auto" alt="Azure" />
<img src="/images/technologies/devops.png" class="h-12 w-auto" alt="devops" />
</div>
<div class="job-header-overlay"></div>
</a>
<div class="job-badge">For Experinced</div>
</div>
<div class="job-card-body">
<h3 class="job-card-title">.NET Solution Architect Certification Training</h3>
<ul class="job-description">
<li>Design Patterns and Practices</li>
<li>Microservices and Azure DevOps</li>
<li>60+ Hands-on Labs, Interview Q&A</li>
<li>Build 2 Real-world Projects</li>
</ul>
<div class="pt-2">
<a href="/job-oriented/net-solution-architect-certification-training" class="job-know-more">
<span>Know More</span>
<svg viewBox="0 0 512 512" width="16" height="16">
<path d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z" fill="currentColor"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="job-card" data-category="experienced" style="--index: 5;">
<div class="job-header-gradient bg-gradient-to-br from-indigo-500 to-purple-700">
<a href="/job-oriented/azure-ai-ml-certification-training" title="Get More Details">
<div class="flex justify-center items-center gap-4 py-5 px-3 mt-5 mx-5">
<img src="/images/technologies/python.png" class="h-12 w-auto" alt="Python" />
<img src="/images/technologies/ai-studio.png" class="h-12 w-auto" alt="Foundry" />
<img src="/images/technologies/azure-vision.png" class="h-12 w-auto" alt="AI Vision" />
<img src="/images/technologies/azure-pipelines.png" class="h-12 w-auto" alt="CI/CD" />
</div>
<div class="job-header-overlay"></div>
</a>
<div class="job-badge">Beginners/Experienced</div>
</div>
<div class="job-card-body">
<h3 class="job-card-title">Azure AI & Gen AI Engineer Certification Training</h3>
<ul class="job-description">
<li>Python, Python Libs Cognitive Services</li>
<li>AI Services, AI Foundry, LLMs</li>
<li>50+ Hands-on Labs, Interview Q&A</li>
<li>Build 4 Real-world Projects</li>
</ul>
<div class="pt-2">
<a href="/job-oriented/azure-ai-ml-certification-training" class="job-know-more">
<span>Know More</span>
<svg viewBox="0 0 512 512" width="16" height="16">
<path d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z" fill="currentColor"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="text-center mt-5">
<a href="/job-oriented" class="job-explore-all">
<span>Explore All Job Oriented Training</span>
<svg viewBox="0 0 512 512" width="16" height="16">
<path d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z" fill="currentColor"></path>
</svg>
</a>
</div>
</div>
<div class="job-blur-1"></div>
<div class="job-blur-2"></div>
<div class="job-blur-3"></div>
</section>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
const filterButtons = document.querySelectorAll('.job-filter-btn');
const programCards = document.querySelectorAll('.job-card');
// Initialize with beginners filter
filterCards('beginners');
filterButtons.forEach(button => {
button.addEventListener('click', function() {
const filter = this.getAttribute('data-filter');
// Update button styles
filterButtons.forEach(btn => {
btn.classList.remove('active');
});
this.classList.add('active');
filterCards(filter);
});
});
function filterCards(filter) {
programCards.forEach(card => {
const category = card.getAttribute('data-category');
card.classList.add('fade-out');
setTimeout(() => {
if (category === filter) {
card.classList.remove('hidden');
card.classList.remove('fade-out');
card.classList.add('fade-in');
} else {
card.classList.add('hidden');
}
}, 200);
});
}
});
</script>
<!-- Intensive Training -->
<section class="td-training-section py-5">
<div class="container">
<div class="text-center mb-2">
<h2 class="display-5 fw-bold text-body">
Intensive Live Training
</h2>
<div class="d-flex justify-content-center">
<div class="heading-underline"></div>
</div>
</div>
<div class="d-flex justify-content-center align-items-center w-100">
<div class="td-filter-group text-center mb-5">
<button type="button" data-filter="dotnet" class="td-filter-btn active">.NET</button>
<button type="button" data-filter="java" class="td-filter-btn">Java</button>
<button type="button" data-filter="frontend" class="td-filter-btn">Frontend</button>
<button type="button" data-filter="cloud" class="td-filter-btn">Cloud</button>
<button type="button" data-filter="ai" class="td-filter-btn">AI/GenAI</button>
</div>
</div>
<div class="row td-training-grid">
<div class="col-12 col-md-6 col-lg-4 mb-4" data-category="dotnet">
<div class="card td-training-card">
<div class="card-body">
<div class="td-tech-icon-wrapper">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/dotnetcore/dotnetcore-original.svg" alt="ASP.NET Core" class="td-tech-icon">
</div>
<div class="td-card-content">
<h4 class="td-training-title">ASP.NET Core Certification Training</h4>
<a href="/training/aspnet-core-certification-training" class="td-training-btn">
More Details <i class="fas fa-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 mb-4" data-category="dotnet">
<div class="card td-training-card">
<div class="card-body">
<div class="td-tech-icon-wrapper">
<img src="/images/technologies/microservices.webp" alt=".NET Microservices" class="td-tech-icon">
</div>
<div class="td-card-content">
<h4 class="td-training-title">.NET Microservices Certification Training</h4>
<a href="/training/net-microservices-certification-training" class="td-training-btn">
More Details <i class="fas fa-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 mb-4" data-category="dotnet">
<div class="card td-training-card">
<div class="card-body">
<div class="td-tech-icon-wrapper">
<img src="/images/technologies/softwarearchitecture.webp" alt=".NET Architect" class="td-tech-icon">
</div>
<div class="td-card-content">
<h4 class="td-training-title">.NET Software Architecture and Design Training</h4>
<a href="/training/net-software-architecture-design-training" class="td-training-btn">
More Details <i class="fas fa-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 mb-4" data-category="java">
<div class="card td-training-card">
<div class="card-body">
<div class="td-tech-icon-wrapper">
<img src="/images/technologies/java.webp" alt="Java" class="td-tech-icon">
</div>
<div class="td-card-content">
<h4 class="td-training-title">Java Microservices Certification Training</h4>
<a href="/training/java-microservices-certification-training" class="td-training-btn">
More Details <i class="fas fa-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 mb-4" data-category="java">
<div class="card td-training-card">
<div class="card-body">
<div class="td-tech-icon-wrapper">
<img src="/images/technologies/java-architect.webp" alt="Java" class="td-tech-icon">
</div>
<div class="td-card-content">
<h4 class="td-training-title">Java Software Architecture and Design Training</h4>
<a href="/training/java-software-architecture-design-training" class="td-training-btn">
More Details <i class="fas fa-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 mb-4" data-category="java">
<div class="card td-training-card">
<div class="card-body">
<div class="td-tech-icon-wrapper">
<img src="/images/icons/dsa.svg" alt="Java" class="td-tech-icon">
</div>
<div class="td-card-content">
<h4 class="td-training-title">Data Structure Certification Training</h4>
<a href="/training/data-structures-algorithms-certification-training" class="td-training-btn">
More Details <i class="fas fa-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 mb-4" data-category="frontend">
<div class="card td-training-card">
<div class="card-body">
<div class="td-tech-icon-wrapper">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/angularjs/angularjs-original.svg" alt="Angular" class="td-tech-icon">
</div>
<div class="td-card-content">
<h4 class="td-training-title">Angular Certification Course</h4>
<a href="/training/angular-certification-training" class="td-training-btn">
More Details <i class="fas fa-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 mb-4" data-category="frontend">
<div class="card td-training-card">
<div class="card-body">
<div class="td-tech-icon-wrapper">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg" alt="React" class="td-tech-icon">
</div>
<div class="td-card-content">
<h4 class="td-training-title">React Certification Training</h4>
<a href="/training/reactjs-certification-training" class="td-training-btn">
More Details <i class="fas fa-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 mb-4" data-category="cloud">
<div class="card td-training-card">
<div class="card-body">
<div class="td-tech-icon-wrapper">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/azure/azure-original.svg" alt="Azure" class="td-tech-icon">
</div>
<div class="td-card-content">
<h4 class="td-training-title">Azure Developer Certification Training</h4>
<a href="/training/microsoft-azure-developer-associate-certification-training" class="td-training-btn">
More Details <i class="fas fa-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 mb-4" data-category="cloud">
<div class="card td-training-card">
<div class="card-body">
<div class="td-tech-icon-wrapper">
<img src="/images/technologies/devops.webp" alt="DevOps" class="td-tech-icon">
</div>
<div class="td-card-content">
<h4 class="td-training-title">Azure DevOps Certification Training</h4>
<a href="/training/azure-devops-certification-training" class="td-training-btn">
More Details <i class="fas fa-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 mb-4" data-category="cloud">
<div class="card td-training-card">
<div class="card-body">
<div class="td-tech-icon-wrapper">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/amazonwebservices/amazonwebservices-plain-wordmark.svg" alt="AWS" class="td-tech-icon">
</div>
<div class="td-card-content">
<h4 class="td-training-title">AWS Developer Certification Training</h4>
<a href="/training/aws-developer-associate-certification-training" class="td-training-btn">
More Details <i class="fas fa-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 mb-4" data-category="ai">
<div class="card td-training-card">
<div class="card-body">
<div class="td-tech-icon-wrapper">
<img src="/images/technologies/ai-tools.webp" alt="Azure AI" class="td-tech-icon">
</div>
<div class="td-card-content">
<h4 class="td-training-title">Azure AI Engineer Certification Training</h4>
<a href="/training/azure-ai-engineer-certification-training" class="td-training-btn">
More Details <i class="fas fa-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 mb-4" data-category="ai">
<div class="card td-training-card">
<div class="card-body">
<div class="td-tech-icon-wrapper">
<img src="/images/technologies/ai-studio.png" alt="Azure AI Foundry" class="td-tech-icon">
</div>
<div class="td-card-content">
<h4 class="td-training-title">Azure AI Foundry Certification Training</h4>
<a href="/training/azure-ai-foundry-certification-training" class="td-training-btn">
More Details <i class="fas fa-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-5">
<a href="/training" class="global-button">
Explore All Live Training
<svg viewBox="0 0 512 512" width="16" height="16">
<path d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z" fill="currentColor"></path>
</svg>
</a>
</div>
</div>
</section>
<script>
document.addEventListener('DOMContentLoaded', function() {
const buttons = document.querySelectorAll('.td-filter-btn');
const cards = document.querySelectorAll('.td-training-grid .col-12');
buttons.forEach(button => {
button.addEventListener('click', function() {
// Remove active class from all buttons
buttons.forEach(btn => btn.classList.remove('active'));
// Add active class to clicked button
this.classList.add('active');
const filter = this.getAttribute('data-filter');
// Show/hide cards based on filter
cards.forEach(card => {
const categories = card.getAttribute('data-category').split(' ');
if (filter === 'all' || categories.includes(filter)) {
card.style.display = 'block';
} else {
card.style.display = 'none';
}
});
// Force re-layout to fix grid alignment
const grid = document.querySelector('.td-training-grid');
grid.style.display = 'none';
grid.offsetHeight; // Trigger reflow
grid.style.display = 'flex';
});
});
// Trigger click on the first button (Java) to set initial state
buttons[0].click();
});
</script>
<style>
.td-filter-group {
z-index: 10;
display: inline-flex;
background: linear-gradient(to right, #06b6d4, #3b82f6);
border: 1px solid rgba(255,255,255,0.15);
border-radius: 9999px;
padding: 0.5rem;
margin-top: 2rem;
}
[data-bs-theme="dark"] .td-filter-group {
background: rgba(255,255,255,0.08);
border-color: rgba(255,255,255,0.15);
}
.td-filter-btn {
padding: 0.75rem 1.5rem;
border-radius: 9999px;
font-weight: 600;
transition: all 0.3s ease;
color: #fff;
background: transparent;
border: none;
cursor: pointer;
margin: 0 0.5rem;
}
[data-bs-theme="dark"] .td-filter-btn {
color: rgba(255,255,255,0.7);
}
.td-filter-btn:hover {
color: #ffffff;
}
.td-filter-btn.active {
color: #ffffff;
background: #ffffff36;
box-shadow: 0 6px 10px rgba(0,0,0,0.4);
}
[data-bs-theme="dark"] .td-filter-btn.active {
color: #ffffff;
background: rgba(255,255,255,0.25);
box-shadow: 0 4px 8px rgba(0,0,0,0.4);
}
.td-training-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
/* Ensure two rows with max 3 cards per row */
@media (min-width: 992px) {
.td-training-grid .col-lg-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
}
</style>
<div class="gradient-bg">
<!-- Decorative Icons -->
<svg xmlns="http://www.w3.org/2000/svg" class="book-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 7v14"></path>
<path d="M16 12h2"></path>
<path d="M16 8h2"></path>
<path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path>
<path d="M6 12h2"></path>
<path d="M6 8h2"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="video-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path>
<rect x="2" y="6" width="14" height="12" rx="2"></rect>
</svg>
<!-- Background overlays -->
<div class="radial-overlay-1"></div>
<div class="radial-overlay-2"></div>
<div class="radial-overlay-3"></div>
<div class="grid-overlay"></div>
<!-- Q&A Library Section -->
<section class="pb-3 text-center">
<div class="container px-4">
<div class="pb-3">
<div class="text-center mb-2">
<h2 class="display-5 fw-bold text-body">
Free Interview Q&A Books
</h2>
<div class="d-flex justify-content-center">
<div class="heading-underline"></div>
</div>
</div>
</div>
<p class="lead text-body-secondary mb-5">
Empower yourself to crack your next job interview with our 45+ Interview Q&A books.
</p>
<div class="d-flex flex-wrap justify-content-center gap-4 mb-4">
<!-- C# -->
<a href="/books/csharp-interview-questions-and-answers-book-pdf" class="icon-link">
<div class="d-flex flex-column align-items-center text-center">
<div class="icon-circle bg-gradient-cyan">
<img src="/images/icons/csharp.svg" class="w-12 h-12 p-1" alt="C#">
</div>
<p class="small fw-medium text-body">C#</p>
</div>
</a>
<!-- Java -->
<a href="/books/java-interview-questions-and-answers-book-pdf" class="icon-link">
<div class="d-flex flex-column align-items-center text-center">
<div class="icon-circle bg-gradient-teal">
<img src="/images/icons/java.svg" class="w-12 h-12" alt="Java">
</div>
<p class="small fw-medium text-body">Java</p>
</div>
</a>
<!-- DSA -->
<a href="/books/data-structures-and-algorithms-interview-questions-and-answers-book-pdf" class="icon-link">
<div class="d-flex flex-column align-items-center text-center">
<div class="icon-circle bg-gradient-cyan">
<img src="/images/icons/dsa.svg" class="w-12 h-12 p-1" alt="DSA">
</div>
<p class="small fw-medium text-body">DSA</p>
</div>
</a>
<!-- .NET -->
<a href="/books/asp-net-core-interview-questions-and-answers-book-pdf" class="icon-link">
<div class="d-flex flex-column align-items-center text-center">
<div class="icon-circle bg-gradient-cyan">
<span class="text-white fw-bold">.NET</span>
</div>
<p class="small fw-medium text-body">ASP.NET Core</p>
</div>
</a>
<!-- Azure -->
<a href="/books/azure-developer-interview-questions-and-answers-book-pdf" class="icon-link">
<div class="d-flex flex-column align-items-center text-center">
<div class="icon-circle bg-gradient-teal">
<img src="/images/icons/azure.svg" class="w-12 h-12 p-1" alt="Azure">
</div>
<p class="small fw-medium text-body">Azure</p>
</div>
</a>
<!-- Microservices -->
<a href="/books/microservices-interview-questions-and-answers-book-pdf" class="icon-link">
<div class="d-flex flex-column align-items-center text-center">
<div class="icon-circle bg-gradient-cyan">
<img src="/images/icons/microservices.svg" class="w-12 h-12 p-1" alt="Microservices">
</div>
<p class="small fw-medium text-body">Microservices</p>
</div>
</a>
<!-- Angular -->
<a href="/books/angular-interview-questions-and-answers-book-pdf" class="icon-link">
<div class="d-flex flex-column align-items-center text-center">
<div class="icon-circle bg-gradient-teal">
<img src="/images/icons/angular.svg" class="w-12 h-12 p-2" alt="Angular">
</div>
<p class="small fw-medium text-body">Angular</p>
</div>
</a>
<!-- React -->
<a href="/books/react-interview-questions-and-answers-book-pdf" class="icon-link">
<div class="d-flex flex-column align-items-center text-center">
<div class="icon-circle bg-gradient-cyan">
<img src="/images/icons/react.svg" class="w-12 h-12 p-1" alt="React">
</div>
<p class="small fw-medium text-body">React</p>
</div>
</a>
</div>
<div class="d-flex justify-content-center mb-4">
<a href="/books" class="global-button">
<span>Explore Our 45+ Free Books</span>
<svg viewBox="0 0 512 512" width="16" height="16">
<path d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z" fill="currentColor"></path>
</svg>
</a>
</div>
</div>
</section>
<!-- Free Course Library Section -->
<section class="text-center">
<div class="container px-4">
<div class="pb-3">
<div class="text-center mb-2">
<h2 class="display-5 fw-bold text-body">
Free Courses
</h2>
<div class="d-flex justify-content-center">
<div class="heading-underline"></div>
</div>
</div>
</div>
<p class="lead text-body-secondary mb-5">
Build hands-on experience to dive into the latest tech skills with our 25+ free courses.
</p>
<div class="d-flex flex-wrap justify-content-center gap-4 mb-4">
<!-- DSA -->
<a href="/free-course/data-structures-algorithms-course" class="icon-link">
<div class="d-flex flex-column align-items-center text-center">
<div class="icon-circle bg-gradient-cyan">
<img src="/images/icons/dsa.svg" class="w-12 h-12" alt="DSA">
</div>
<p class="small fw-medium text-body">DSA</p>
</div>
</a>
<!-- Java -->
<a href="/free-course/java-course" class="icon-link">
<div class="d-flex flex-column align-items-center text-center">
<div class="icon-circle bg-gradient-teal">
<img src="/images/icons/java.svg" class="w-12 h-12" alt="Java">
</div>
<p class="small fw-medium text-body">Java</p>
</div>
</a>
<!-- C# -->
<a href="/free-course/csharp-course-for-beginners" class="icon-link">
<div class="d-flex flex-column align-items-center text-center">
<div class="icon-circle bg-gradient-cyan">
<img src="/images/icons/csharp.svg" class="w-12 h-12" alt="C#">
</div>
<p class="small fw-medium text-body">C#</p>
</div>
</a>
<!-- C++ -->
<a href="/free-course/cpp-course-for-beginners" class="icon-link">
<div class="d-flex flex-column align-items-center text-center">
<div class="icon-circle bg-gradient-teal">
<img src="/images/icons/cplus.svg" class="w-12 h-12" alt="C++">
</div>
<p class="small fw-medium text-body">C++</p>
</div>
</a>
<!-- AWS -->
<a href="/free-course/aws-cloud-practitioner-course" class="icon-link">
<div class="d-flex flex-column align-items-center text-center">
<div class="icon-circle bg-gradient-cyan">
<img src="/images/icons/aws.svg" class="w-14 h-12" alt="AWS">
</div>
<p class="small fw-medium text-body">AWS</p>
</div>
</a>
<!-- Azure -->
<a href="/free-course/azure-fundamentals-course" class="icon-link">
<div class="d-flex flex-column align-items-center text-center">
<div class="icon-circle bg-gradient-teal">
<img src="/images/icons/azure.svg" class="w-12 h-12 p-1" alt="Azure">
</div>
<p class="small fw-medium text-body">Azure</p>
</div>
</a>
<!-- Azure AI -->
<a href="/free-course/azure-ai-900-fundamentals-certification-training" class="icon-link">
<div class="d-flex flex-column align-items-center text-center">
<div class="icon-circle bg-gradient-cyan">
<img src="/images/icons/artificial-intelligence.svg" class="w-14 h-12 p-1" alt="Azure AI">
</div>
<p class="small fw-medium text-body">Azure AI</p>
</div>
</a>
<!-- Python -->
<a href="/free-course/python-course-for-beginners" class="icon-link">
<div class="d-flex flex-column align-items-center text-center">
<div class="icon-circle bg-gradient-cyan">
<img src="/images/icons/python.svg" class="w-14 h-12" alt="Python">
</div>
<p class="small fw-medium text-body">Python</p>
</div>
</a>
</div>
<div class="d-flex justify-content-center">
<a href="/free-course" class="global-button">
<span>Explore Our 25+ Free Courses</span>
<svg viewBox="0 0 512 512" width="16" height="16">
<path d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z" fill="currentColor"></path>
</svg>
</a>
</div>
</div>
</section>
</div>
<div class="masterclass-bg position-relative py-5">
<div class="grid-overlay"></div>
<div class="container position-relative">
<div class="pb-5">
<div class="text-center mb-2">
<h2 class="display-5 fw-bold text-body">
Upskill with ScholarHat Master Classes
</h2>
<div class="d-flex justify-content-center">
<div class="heading-underline"></div>
</div>
</div>
</div>
<section>
<div class="container">
<div class="row">
<div class="owl-carousel owl-theme masterclass-carousel">
<div class="course-card mw-2 relative">
<span class="date-badge">
12 Sep 2025
</span>
<a href="https://www.scholarhat.com/master-classes/microservices-with-dotnet9" title="Build Microservices with .NET: Build Real World Systems, Think Like an Architect">
<div class="course_graphic">
<img src="https://dotnettrickscloud.blob.core.windows.net/uploads/CourseImages/3720250906111451s.png" alt="Build Microservices with .NET: Build Real World Systems, Think Like an Architect" class="w-100 img-fluid" />
</div>
<div class="mt-3 text-center mb-3">
<a href="https://www.scholarhat.com/master-classes/microservices-with-dotnet9" class="btn btn-gradient">REGISTER NOW</a>
</div>
</a>
</div>
<div class="course-card mw-2 relative">
<span class="date-badge">
13 Sep 2025
</span>
<a href="https://www.scholarhat.com/master-classes/spring-boot-on-aws" title="Build & Deploy a Spring Boot Application on AWS like a Professional">
<div class="course_graphic">
<img src="https://dotnettrickscloud.blob.core.windows.net/uploads/CourseImages/3720250908112426s.png" alt="Build & Deploy a Spring Boot Application on AWS like a Professional" class="w-100 img-fluid" />
</div>
<div class="mt-3 text-center mb-3">
<a href="https://www.scholarhat.com/master-classes/spring-boot-on-aws" class="btn btn-gradient">REGISTER NOW</a>
</div>
</a>
</div>
<div class="course-card mw-2 relative">
<span class="date-badge">
14 Sep 2025
</span>
<a href="https://www.scholarhat.com/master-classes/microsoft-azure-ai-fundamentals-ai-900-training" title="Microsoft Azure AI-900 Essentials: From Basics to Certification">
<div class="course_graphic">
<img src="https://dotnettrickscloud.blob.core.windows.net/uploads/CourseImages/3720250906141729s.png" alt="Microsoft Azure AI-900 Essentials: From Basics to Certification" class="w-100 img-fluid" />
</div>
<div class="mt-3 text-center mb-3">
<a href="https://www.scholarhat.com/master-classes/microsoft-azure-ai-fundamentals-ai-900-training" class="btn btn-gradient">REGISTER NOW</a>
</div>
</a>
</div>
<div class="course-card mw-2 relative">
<span class="date-badge">
19 Sep 2025
</span>
<a href="https://www.scholarhat.com/master-classes/advanced-fullstack-dotnet-developer" title="Advanced Full Stack .NET Developer Masterclass: Build Modern, Scalable Applications">
<div class="course_graphic">
<img src="https://dotnettrickscloud.blob.core.windows.net/uploads/CourseImages/3720250828123154s.png" alt="Advanced Full Stack .NET Developer Masterclass: Build Modern, Scalable Applications" class="w-100 img-fluid" />
</div>
<div class="mt-3 text-center mb-3">
<a href="https://www.scholarhat.com/master-classes/advanced-fullstack-dotnet-developer" class="btn btn-gradient">REGISTER NOW</a>
</div>
</a>
</div>
<div class="course-card mw-2 relative">
<span class="date-badge">
26 Sep 2025
</span>
<a href="https://www.scholarhat.com/master-classes/dotnet-solution-architect-mc" title=".NET Solution Architect Masterclass: Build Scalable & Enterprise-Grade Applications">
<div class="course_graphic">
<img src="https://dotnettrickscloud.blob.core.windows.net/uploads/CourseImages/3720250828112228s.png" alt=".NET Solution Architect Masterclass: Build Scalable & Enterprise-Grade Applications" class="w-100 img-fluid" />
</div>
<div class="mt-3 text-center mb-3">
<a href="https://www.scholarhat.com/master-classes/dotnet-solution-architect-mc" class="btn btn-gradient">REGISTER NOW</a>
</div>
</a>
</div>
<div class="course-card mw-2 relative">
<span class="date-badge">
27 Sep 2025
</span>
<a href="https://www.scholarhat.com/master-classes/aws-cloud-practitioner" title="AWS Cloud Practitioner Training: Kickstart Your Cloud Career">
<div class="course_graphic">
<img src="https://dotnettrickscloud.blob.core.windows.net/uploads/CourseImages/3720250908095248s.png" alt="AWS Cloud Practitioner Training: Kickstart Your Cloud Career" class="w-100 img-fluid" />
</div>
<div class="mt-3 text-center mb-3">
<a href="https://www.scholarhat.com/master-classes/aws-cloud-practitioner" class="btn btn-gradient">REGISTER NOW</a>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<!-- Dependencies -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
if (typeof jQuery === 'undefined') {
console.error('jQuery is not loaded');
} else {
console.log('jQuery loaded successfully');
$('.masterclass-carousel').owlCarousel({
loop: true,
nav: false,
dots: true,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
smartSpeed: 600,
margin: 20,
stagePadding: 0,
responsive: {
0: { items: 1, margin: 10 },
640: { items: 2, margin: 12 },
1024: { items: 3, margin: 16 },
1280: { items: 3, margin: 20 }
}
});
}
});
</script>
<section class="tyc-section">
<div class="tyc-radial-gradient-1"></div>
<div class="tyc-radial-gradient-2"></div>
<div class="tyc-radial-gradient-3"></div>
<div class="tyc-grid-bg"></div>
<div class="container px-4 px-sm-5 px-lg-6 mx-auto" style="max-width: 72rem;">
<div class="text-center mb-8 mb-lg-12">
<h2 class="display-5 fw-bold mb-6 text-dark">
Transform Your Career with Our<br>
<span class="bg-gradient-to-r from-primary via-purple-500 to-success text-transparent" style="background-clip: text; -webkit-background-clip: text;">Proven 3-Step Approach</span>
</h2>
<div class="d-flex justify-content-center mb-6">
<div class="w-32 h-1 bg-gradient-to-r from-primary via-purple-500 to-success rounded-pill"></div>
</div>
<p class="lead text-muted mx-auto" style="max-width: 48rem;">
Join <span class="fw-bold text-dark">2,00,000+</span>
professionals who transformed their careers with our industry-leading methodology. Learn from experts, build real projects, and land your dream job.
</p>
</div>
<div class="row row-cols-1 row-cols-lg-3 g-4 mb-12">
<div class="col position-relative tyc-card-group">
<div class="tyc-card h-100">
<div class="tyc-card-gradient-1"></div>
<div class="tyc-number-circle position-absolute top-0 end-0 mt-4 me-4">
<span class="fw-bold">1</span>
</div>
<div class="position-relative mb-6">
<div class="tyc-icon-circle tyc-icon-circle-1 d-flex align-items-center justify-content-center">
<div class="tyc-icon-shine"></div>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mic w-8 h-8 text-white">
<path d="M12 19v3" />
<path d="M19 10v2a7 7 0 0 1-14 0v-2" />
<rect x="9" y="2" width="6" height="13" rx="3" />
</svg>
</div>
</div>
<div class="d-flex flex-column gap-2">
<div class="d-flex flex-column">
<h3 class="fs-4 fw-bold text-dark tyc-card-title mt-2">Learn Skills</h3>
<p class="text-muted fw-medium">Master In-Demand Technologies</p>
</div>
<div class="d-flex flex-column gap-3">
<div class="d-flex align-items-start gap-2 tyc-feature">
<div class="tyc-feature-icon">
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor" class="lucide lucide-globe w-4 h-4 text-primary"><path d="M220-260q-92 0-156-64T0-480q0-92 64-156t156-64q37 0 71 13t61 37l68 62-60 54-62-56q-16-14-36-22t-42-8q-58 0-99 41t-41 99q0 58 41 99t99 41q22 0 42-8t36-22l310-280q27-24 61-37t71-13q92 0 156 64t64 156q0 92-64 156t-156 64q-37 0-71-13t-61-37l-68-62 60-54 62 56q16 14 36 22t42 8q58 0 99-41t41-99q0-58-41-99t-99-41q-22 0-42 8t-36 22L352-310q-27 24-61 37t-71 13Z" /></svg>
</div>
<p class="text-muted mb-0 tyc-feature-text">Unlimited Live Sessions with Microsoft MVPs & Software Architects</p>
</div>
<div class="d-flex align-items-start gap-2 tyc-feature">
<div class="tyc-feature-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-4 h-4 text-primary">
<circle cx="12" cy="12" r="10"></circle>
<path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path>
<path d="M2 12h20"></path>
</svg>
</div>
<p class="text-muted mb-0 tyc-feature-text">Video Lessons accessible anytime, anywhere globally</p>
</div>
<div class="d-flex align-items-start gap-2 tyc-feature">
<div class="tyc-feature-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb w-4 h-4 text-primary">
<path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path>
<path d="M9 18h6"></path>
<path d="M10 22h4"></path>
</svg>
</div>
<p class="text-muted mb-0 tyc-feature-text">Quick Notes for rapid learning, recall and revision</p>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-block position-absolute top-50 end-0 translate-middle-y me-n4">
<div class="tyc-arrow-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 text-white">
<path d="M5 12h14"></path>
<path d="m12 5 7 7-7 7"></path>
</svg>
</div>
</div>
</div>
<div class="col position-relative tyc-card-group">
<div class="tyc-card h-100">
<div class="tyc-card-gradient-2"></div>
<div class="tyc-number-circle position-absolute top-0 end-0 mt-4 me-4">
<span class="fw-bold">2</span>
</div>
<div class="position-relative mb-6">
<div class="tyc-icon-circle tyc-icon-circle-2 d-flex align-items-center justify-content-center">
<div class="tyc-icon-shine"></div>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flask-conical w-8 h-8 text-white">
<path d="M14 2v6a2 2 0 0 0 .245 0.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2" />
<path d="M6.453 15h11.094" />
<path d="M8.5 2h7" />
</svg>
</div>
</div>
<div class="d-flex flex-column gap-2">
<div class="d-flex flex-column">
<h3 class="fs-4 fw-bold text-dark tyc-card-title mt-2">Build Experience</h3>
<p class="text-muted fw-medium">Real-World Project Development</p>
</div>
<div class="d-flex flex-column gap-3">
<div class="d-flex align-items-start gap-2 tyc-feature">
<div class="tyc-feature-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target w-4 h-4 text-purple-500">
<circle cx="12" cy="12" r="10"></circle>
<circle cx="12" cy="12" r="6"></circle>
<circle cx="12" cy="12" r="2"></circle>
</svg>
</div>
<p class="text-muted mb-0 tyc-feature-text">Interactive Labs for hands-on coding experience</p>
</div>
<div class="d-flex align-items-start gap-2 tyc-feature">
<div class="tyc-feature-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-brain w-4 h-4 text-purple-500">
<path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"></path>
<path d="M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z"></path>
<path d="M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4"></path>
<path d="M17.599 6.5a3 3 0 0 0 .399-1.375"></path>
<path d="M6.003 5.125A3 3 0 0 0 6.401 6.5"></path>
<path d="M3.477 10.896a4 4 0 0 1 .585-.396"></path>
<path d="M19.938 10.5a4 4 0 0 1 .585.396"></path>
<path d="M6 18a4 4 0 0 1-1.967-.516"></path>
<path d="M19.967 17.484A4 4 0 0 1 18 18"></path>
</svg>
</div>
<p class="text-muted mb-0 tyc-feature-text">Industry-standard coding workflows and practices</p>
</div>
<div class="d-flex align-items-start gap-2 tyc-feature">
<div class="tyc-feature-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trophy w-4 h-4 text-purple-500">
<path d="M6 9H4.5a2.5 2.5 0 0 1 0-5H6"></path>
<path d="M18 9h1.5a2.5 2.5 0 0 0 0-5H18"></path>
<path d="M4 22h16"></path>
<path d="M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22"></path>
<path d="M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22"></path>
<path d="M18 2H6v7a6 6 0 0 0 12 0V2Z"></path>
</svg>
</div>
<p class="text-muted mb-0 tyc-feature-text">Build portfolio projects with best practices</p>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-block position-absolute top-50 end-0 translate-middle-y me-n4">
<div class="tyc-arrow-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 text-white">
<path d="M5 12h14"></path>
<path d="m12 5 7 7-7 7"></path>
</svg>
</div>
</div>
</div>
<div class="col position-relative tyc-card-group">
<div class="tyc-card h-100">
<div class="tyc-card-gradient-3"></div>
<div class="tyc-number-circle position-absolute top-0 end-0 mt-4 me-4">
<span class="fw-bold">3</span>
</div>
<div class="position-relative mb-6">
<div class="tyc-icon-circle tyc-icon-circle-3 d-flex align-items-center justify-content-center">
<div class="tyc-icon-shine"></div>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket w-8 h-8 text-white">
<path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path>
<path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path>
<path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path>
<path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path>
</svg>
</div>
</div>
<div class="d-flex flex-column gap-2">
<div class="d-flex flex-column">
<h3 class="fs-4 fw-bold text-dark tyc-card-title mt-2">Empower Yourself</h3>
<p class="text-muted fw-medium">Career Transformation Success</p>
</div>
<div class="d-flex flex-column gap-3">
<div class="d-flex align-items-start gap-2 tyc-feature">
<div class="tyc-feature-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award w-4 h-4 text-success">
<circle cx="12" cy="8" r="6"></circle>
<path d="M15.477 12.89 17 22l-5-3-5 3 1.523-9.11"></path>
</svg>
</div>
<p class="text-muted mb-0 tyc-feature-text">Comprehensive Skill Tests and certifications</p>
</div>
<div class="d-flex align-items-start gap-2 tyc-feature">
<div class="tyc-feature-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-4 h-4 text-success">
<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
<circle cx="9" cy="7" r="4"></circle>
<path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
<path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
</svg>
</div>
<p class="text-muted mb-0 tyc-feature-text">Interview Q&A prep for top tech companies</p>
</div>
<div class="d-flex align-items-start gap-2 tyc-feature">
<div class="tyc-feature-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up w-4 h-4 text-success">
<polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline>
<polyline points="16 7 22 7 22 13"></polyline>
</svg>
</div>
<p class="text-muted mb-0 tyc-feature-text">Personalized Career Coaching and guidance</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center d-flex flex-column gap-4">
<div class="d-flex flex-column gap-3 pt-4">
<button class="tyc-button d-inline-flex align-items-center gap-2" onclick="GetEnquiryMeetModal(this)">
<div class="tyc-button-shine"></div>
<span class="position-relative">Start Your Transformation Journey</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 tyc-button-arrow position-relative">
<path d="M5 12h14"></path>
<path d="m12 5 7 7-7 7"></path>
</svg>
</button>
<div class="d-flex align-items-center justify-content-center gap-4 text-muted mt-2" style="font-size: 0.75rem;">
<div class="d-flex align-items-center gap-1">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check-circle w-3 h-3 text-success">
<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
<path d="m9 11 3 3L22 4"></path>
</svg>
<span>No Credit Card Required</span>
</div>
<div class="d-flex align-items-center gap-1">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check-circle w-3 h-3 text-success">
<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
<path d="m9 11 3 3L22 4"></path>
</svg>
<span>Free Career Consultation</span>
</div>
</div>
</div>
</div>
</div>
<div class="tyc-blur-circle tyc-blur-circle-1"></div>
<div class="tyc-blur-circle tyc-blur-circle-2"></div>
<div class="tyc-blur-circle tyc-blur-circle-3"></div>
<div class="tyc-blur-circle tyc-blur-circle-4"></div>
</section>
<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" rel="stylesheet">
<style>
:root {
--testimonial-gradient-bg: linear-gradient(to bottom right, #eef2ff, #e0f2fe, #f3e8ff);
--testimonial-free-radial-gradient-1: radial-gradient(circle at 20% 30%, rgba(59, 130, 246, 0.1), transparent 50%);
--testimonial-free-radial-gradient-2: radial-gradient(circle at 80% 70%, rgba(147, 51, 234, 0.1), transparent 50%);
--testimonial-free-radial-gradient-3: radial-gradient(circle at 50% 50%, rgba(16, 185, 129, 0.05), transparent 70%);
--testimonial-grid-bg: linear-gradient(rgba(0,0,0,0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,0.02) 1px, transparent 1px);
--testimonial-book-icon-color: #93c5fd;
--testimonial-video-icon-color: #bae6fd;
--testimonial-gradient-1: linear-gradient(to bottom right, #eff6ff, #dbeafe, #f3e8ff);
--testimonial-gradient-2: linear-gradient(to bottom right, #faf5ff, #fce7f3, #f5f3ff);
--testimonial-gradient-3: linear-gradient(to bottom right, #ecfdf5, #d1fae5, #ccfbf1);
/* Text colors */
--testimonial-title-color: #1f2937;
--testimonial-content-color: #6b7280;
--testimonial-name-color: #2563eb;
--testimonial-designation-color: #6b7280;
--testimonial-rating-color: #6b7280;
--testimonial-link-color: #2563eb;
--testimonial-link-hover-color: #1d4ed8;
--testimonial-border-color: #e5e7eb;
--testimonial-card-bg: #ffffff;
--testimonial-avatar-border: #ffffff;
--testimonial-quote-color: #9ca3af;
--testimonial-star-filled: #f59e0b;
--testimonial-star-empty: #d1d5db;
--testimonial-link-icon-bg: #2563eb;
}
[data-bs-theme="dark"] {
--testimonial-gradient-bg: linear-gradient(to bottom right, #111827, #1e3a8a20, #6b21a820);
--testimonial-free-radial-gradient-1: radial-gradient(circle at 20% 30%, rgba(59, 130, 246, 0.15), transparent 50%);
--testimonial-free-radial-gradient-2: radial-gradient(circle at 80% 70%, rgba(147, 51, 234, 0.15), transparent 50%);
--testimonial-free-radial-gradient-3: radial-gradient(circle at 50% 50%, rgba(16, 185, 129, 0.1), transparent 70%);
--testimonial-grid-bg: linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
--testimonial-book-icon-color: #1e40af30;
--testimonial-video-icon-color: #0c4a6e30;
--testimonial-gradient-1: linear-gradient(to bottom right, #1e40af20, #1e3a8a20, #3730a320);
--testimonial-gradient-2: linear-gradient(to bottom right, #4c1d9520, #6b21a820, #5b21a820);
--testimonial-gradient-3: linear-gradient(to bottom right, #064e3b20, #065f4620, #0f766e20);
/* Dark theme text colors */
--testimonial-title-color: #e3e3e3;
--testimonial-content-color: #ffffff;
--testimonial-name-color: #60a5fa;
--testimonial-designation-color: #9ca3af;
--testimonial-rating-color: #9ca3af;
--testimonial-link-color: #60a5fa;
--testimonial-link-hover-color: #3b82f6;
--testimonial-border-color: #374151;
--testimonial-card-bg: #1f2937;
--testimonial-avatar-border: #4b5563;
--testimonial-quote-color: #6b7280;
--testimonial-star-filled: #fdba74;
--testimonial-star-empty: #4b5563;
--testimonial-link-icon-bg: #60a5fa;
}
.testimonial-container {
max-width: 80rem;
margin-left: auto;
margin-right: auto;
padding: 2rem 1rem;
}
@media (min-width: 992px) {
.testimonial-container
{
padding-top: 4rem;
}
}
.testimonial-title {
color: var(--testimonial-title-color);
}
.testimonial-link {
color: var(--testimonial-link-color);
text-decoration: none;
transition: color 0.3s ease;
}
.testimonial-link:hover {
color: var(--testimonial-link-hover-color);
}
.testimonial-card {
transform-origin: center;
transition: all 0.3s ease;
margin: 10px;
background-color: var(--testimonial-card-bg);
border: 1px solid var(--testimonial-border-color);
border-radius: 0.75rem;
padding: 1rem;
position: relative;
}
.testimonial-card:hover {
transform: translateY(-5px);
}
.testimonial-gradient-1 {
background: var(--testimonial-gradient-1);
}
.testimonial-gradient-2 {
background: var(--testimonial-gradient-2);
}
.testimonial-gradient-3 {
background: var(--testimonial-gradient-3);
}
.testimonial-user-avatar {
border-radius: 50% !important;
object-fit: cover;
aspect-ratio: 1/1;
width: 2.5rem !important;
height: 2.5rem !important;
border: 2px solid var(--testimonial-avatar-border);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.testimonial-quote-icon {
position: absolute;
top: 0.75rem;
right: 0.75rem;
opacity: 0.2;
color: var(--testimonial-quote-color);
}
.testimonial-content {
color: var(--testimonial-content-color);
font-size: 0.875rem;
line-height: 1.5;
-webkit-line-clamp: 6;
line-clamp: 6;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
padding-right: 1.5rem;
}
.testimonial-name {
color: var(--testimonial-name-color);
font-weight: 500;
font-size: 0.875rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.testimonial-designation {
color: var(--testimonial-designation-color);
font-size: 0.75rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.testimonial-rating-text {
color: var(--testimonial-rating-color);
font-size: 0.75rem;
margin-left: 0.25rem;
}
.testimonial-border-top {
border-top: 1px solid var(--testimonial-border-color);
}
.testimonial-link-icon {
width: 1.25rem;
height: 1.25rem;
background-color: var(--testimonial-link-icon-bg);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.3s;
}
.testimonial-link-icon:hover {
background-color: var(--testimonial-link-hover-color);
}
.testimonial-link-icon img {
width: 1.25rem;
height: 1.25rem;
}
.owl-nav {
display: none;
}
.testimonial-star {
width: 0.875rem;
height: 0.875rem;
}
.testimonial-star-filled {
color: var(--testimonial-star-filled);
}
.testimonial-star-half {
color: var(--testimonial-star-filled);
opacity: 0.5;
}
.testimonial-star-empty {
color: var(--testimonial-star-empty);
}
</style>
<div id="testimonial" class="testimonial-container">
<div class="d-flex flex-column gap-4">
<!-- Header Section -->
<div class="text-center d-flex flex-column gap-2">
<div class="text-center mb-2">
<h2 class="display-5 fw-bold text-body">
Our Students Review
</h2>
<div class="d-flex justify-content-center">
<div class="heading-underline"></div>
</div>
</div>
<div class="d-flex justify-content-center">
<div class="w-24 h-1 bg-gradient-to-r from-primary via-blue-600 to-primary rounded-pill"></div>
</div>
<div class="d-flex justify-content-end">
<a href="/reviews" class="testimonial-link text-sm font-medium d-flex align-items-center gap-1 transition-colors">
<span>View All</span>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 12h14"></path>
<path d="m12 5 7 7-7 7"></path>
</svg>
</a>
</div>
</div>
<!-- Testimonials Carousel -->
<div class="clients-carousel owl-carousel owl-theme">
<div class="testimonial-card testimonial-gradient-1">
<!-- Quote Icon -->
<div class="testimonial-quote-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z"></path>
<path d="M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z"></path>
</svg>
</div>
<div class="d-flex flex-column gap-3">
<!-- Testimonial Content -->
<p class="testimonial-content">I am feeling glad after join Dot Net Trick for MEAN Stack Development Program.In IT Sector Technology is changing day by day.if we want to learn New Technology,The Dot Net Trick Provide Best valuable content and technique for Switch new Job and improve Self confidence,coding skill. I am very happy to part of Dot Net Trick.thank you Dot net trick team.
</p>
<!-- User Info -->
<div class="d-flex align-items-center gap-3 pt-3 testimonial-border-top">
<img src="https://dotnettrickscloud.blob.core.windows.net/uploads/testimonialImages/920180811103620.png" alt="Akash Saini" class="testimonial-user-avatar">
<div class="flex-grow-1 min-w-0">
<h4 class="testimonial-name">Akash Saini</h4>
<p class="testimonial-designation">Software Developer</p>
</div>
<a href="https://www.linkedin.com/in/akash-saini-looking-for-job-change-09bb4487/" target="_blank" rel="nofollow" class="testimonial-link-icon">
<img src="/images/linkedincircle.webp" alt="Social Link" />
</a>
</div>
<!-- Rating -->
<div class="d-flex align-items-center gap-1">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="testimonial-star testimonial-star-filled">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="testimonial-star testimonial-star-filled">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="testimonial-star testimonial-star-filled">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="testimonial-star testimonial-star-filled">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="testimonial-star testimonial-star-filled">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<span class="testimonial-rating-text">(5.00)</span>
</div>
</div>
</div>
<div class="testimonial-card testimonial-gradient-2">
<!-- Quote Icon -->
<div class="testimonial-quote-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z"></path>
<path d="M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z"></path>
</svg>
</div>
<div class="d-flex flex-column gap-3">
<!-- Testimonial Content -->
<p class="testimonial-content">The Angular training was a great experience. Scholarhat helps to make your concepts clear.Learning with hands on activities really helps me. The trainer was approachable and he ensured all the participants are at the same level of understanding. Thanks Scholarhat</p>
<!-- User Info -->
<div class="d-flex align-items-center gap-3 pt-3 testimonial-border-top">
<img src="https://dotnettrickscloud.blob.core.windows.net/uploads/testimonialImages/920180811103612.png" alt="Khyati Sharma " class="testimonial-user-avatar">
<div class="flex-grow-1 min-w-0">
<h4 class="testimonial-name">Khyati Sharma </h4>
<p class="testimonial-designation">Java Developer</p>
</div>
<a href="https://www.linkedin.com/in/khyati-sharma-4722a1b5/" target="_blank" rel="nofollow" class="testimonial-link-icon">
<img src="/images/linkedincircle.webp" alt="Social Link" />
</a>
</div>
<!-- Rating -->
<div class="d-flex align-items-center gap-1">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="testimonial-star testimonial-star-filled">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="testimonial-star testimonial-star-filled">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="testimonial-star testimonial-star-filled">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="testimonial-star testimonial-star-filled">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="testimonial-star testimonial-star-half">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<span class="testimonial-rating-text">(4.50)</span>
</div>
</div>
</div>
<div class="testimonial-card testimonial-gradient-3">
<!-- Quote Icon -->
<div class="testimonial-quote-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z"></path>
<path d="M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z"></path>
</svg>
</div>
<div class="d-flex flex-column gap-3">
<!-- Testimonial Content -->
<p class="testimonial-content">It's a great learning with ScholarHat. I spent a lot of time on the internet, read many blogs to identify the best training platform, and then I found ScholarHat. I got in touch with the ScholarHat support team and got the program I was looking for. I have completed my course and believe me I have a great experience, The Trainers are really knowledgeable and have provided the best training sessions. All the best Team ScholarHat.</p>
<!-- User Info -->
<div class="d-flex align-items-center gap-3 pt-3 testimonial-border-top">
<img src="https://dotnettrickscloud.blob.core.windows.net/uploads/testimonialImages/920180811103603.png" alt="Suraj Maddheshiya" class="testimonial-user-avatar">
<div class="flex-grow-1 min-w-0">
<h4 class="testimonial-name">Suraj Maddheshiya</h4>
<p class="testimonial-designation">Blogge</p>
</div>
<a href="https://www.linkedin.com/in/suraj-maddheshiya-6a27b541/" target="_blank" rel="nofollow" class="testimonial-link-icon">
<img src="/images/linkedincircle.webp" alt="Social Link" />
</a>
</div>
<!-- Rating -->
<div class="d-flex align-items-center gap-1">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="testimonial-star testimonial-star-filled">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="testimonial-star testimonial-star-filled">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="testimonial-star testimonial-star-filled">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="testimonial-star testimonial-star-filled">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="testimonial-star testimonial-star-filled">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<span class="testimonial-rating-text">(5.00)</span>
</div>
</div>
</div>
<div class="testimonial-card testimonial-gradient-1">
<!-- Quote Icon -->
<div class="testimonial-quote-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z"></path>
<path d="M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z"></path>
</svg>
</div>
<div class="d-flex flex-column gap-3">
<!-- Testimonial Content -->
<p class="testimonial-content">Good exposure of knowledge for angular 2 & 4 development . The course was interesting, well Organised and interactive. I was able to connect well because of the real time example which were discussed during the session. Scholarhat the best online/ offline learning platform in India. Thank you for all the support.</p>
<!-- User Info -->
<div class="d-flex align-items-center gap-3 pt-3 testimonial-border-top">
<img src="https://dotnettrickscloud.blob.core.windows.net/uploads/testimonialImages/920180811103553.png" alt="Harsh Verma" class="testimonial-user-avatar">
<div class="flex-grow-1 min-w-0">
<h4 class="testimonial-name">Harsh Verma</h4>
<p class="testimonial-designation">Senior System Engineer </p>
</div>
<a href="https://www.linkedin.com/in/harsh-verma-97b9b571/" target="_blank" rel="nofollow" class="testimonial-link-icon">
<img src="/images/linkedincircle.webp" alt="Social Link" />
</a>
</div>
<!-- Rating -->
<div class="d-flex align-items-center gap-1">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="testimonial-star testimonial-star-filled">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="testimonial-star testimonial-star-filled">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="testimonial-star testimonial-star-filled">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="testimonial-star testimonial-star-filled">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="testimonial-star testimonial-star-half">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<span class="testimonial-rating-text">(4.50)</span>
</div>
</div>
</div>
<div class="testimonial-card testimonial-gradient-2">
<!-- Quote Icon -->
<div class="testimonial-quote-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z"></path>
<path d="M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z"></path>
</svg>
</div>
<div class="d-flex flex-column gap-3">
<!-- Testimonial Content -->
<p class="testimonial-content">Scholarhat provides a nice foundation to starts off us the dream roles in the career with very neatly presented courses along with a hands-on and friendly instructor. The course is precise and up to point for anyone to understand and get mastery in ASP.NET MVC with real project development.
Thanks, Scholarhat!!</p>
<!-- User Info -->
<div class="d-flex align-items-center gap-3 pt-3 testimonial-border-top">
<img src="https://dotnettrickscloud.blob.core.windows.net/uploads/testimonialImages/920180811103544.png" alt="Nikhil Pathe" class="testimonial-user-avatar">
<div class="flex-grow-1 min-w-0">
<h4 class="testimonial-name">Nikhil Pathe</h4>
<p class="testimonial-designation">Software Developer</p>
</div>
<a href="https://www.linkedin.com/in/nikhil-pathe-88627692/" target="_blank" rel="nofollow" class="testimonial-link-icon">
<img src="/images/linkedincircle.webp" alt="Social Link" />
</a>
</div>
<!-- Rating -->
<div class="d-flex align-items-center gap-1">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="testimonial-star testimonial-star-filled">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="testimonial-star testimonial-star-filled">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="testimonial-star testimonial-star-filled">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="testimonial-star testimonial-star-filled">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="testimonial-star testimonial-star-half">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<span class="testimonial-rating-text">(4.50)</span>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
$('.clients-carousel').owlCarousel({
loop: true,
nav: true,
dots: true,
autoplay: true,
autoplayTimeout: 4000,
autoplayHoverPause: true,
smartSpeed: 600,
margin: 16,
stagePadding: 0,
responsive: {
0: {
items: 1,
margin: 10
},
640: {
items: 2,
margin: 12
},
1024: {
items: 3,
margin: 16
},
1280: {
items: 3,
margin: 20
}
}
});
});
</script>
<style>
:root {
--review-gradient-bg: linear-gradient(to bottom right, #eef2ff, #e0f2fe, #f3e8ff);
--review-free-radial-gradient-1: radial-gradient(circle at 20% 30%, rgba(59, 130, 246, 0.1), transparent 50%);
--review-free-radial-gradient-2: radial-gradient(circle at 80% 70%, rgba(147, 51, 234, 0.1), transparent 50%);
--review-free-radial-gradient-3: radial-gradient(circle at 50% 50%, rgba(16, 185, 129, 0.05), transparent 70%);
--review-grid-bg: linear-gradient(rgba(0,0,0,0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,0.02) 1px, transparent 1px);
--review-book-icon-color: #93c5fd;
--review-video-icon-color: #bae6fd;
/* Theme colors */
--review-text-color: #1f2937;
--review-muted-color: #6b7280;
--review-card-bg: #f9fafb;
--review-card-border: #e5e7eb;
--review-card-border-hover: #d1d5db;
--review-shadow-hover: rgba(0, 0, 0, 0.1);
}
[data-bs-theme="dark"] {
--review-gradient-bg: linear-gradient(to bottom right, #111827, #1e3a8a20, #6b21a820);
--review-free-radial-gradient-1: radial-gradient(circle at 20% 30%, rgba(59, 130, 246, 0.15), transparent 50%);
--review-free-radial-gradient-2: radial-gradient(circle at 80% 70%, rgba(147, 51, 234, 0.15), transparent 50%);
--review-free-radial-gradient-3: radial-gradient(circle at 50% 50%, rgba(16, 185, 129, 0.1), transparent 70%);
--review-grid-bg: linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
--review-book-icon-color: #1e40af30;
--review-video-icon-color: #0c4a6e30;
/* Dark theme colors */
--review-text-color: #ffffff;
--review-muted-color: #9ca3af;
--review-card-bg: #1f2937;
--review-card-border: #374151;
--review-card-border-hover: #4b5563;
--review-shadow-hover: rgba(0, 0, 0, 0.3);
}
.review-container {
padding: 1rem 1.5rem;
transition: background-color 0.3s;
}
@media (min-width: 992px) {
.review-container
{
padding-bottom: 4rem;
}
}
.review-cards-wrapper {
display: grid;
gap: 1.5rem;
grid-template-columns: 1fr;
}
@media (min-width: 576px) {
.review-cards-wrapper
{
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
}
@media (min-width: 768px) {
.review-cards-wrapper
{
gap: 1.25rem;
}
}
@media (min-width: 992px) {
.review-cards-wrapper
{
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
}
}
@media (min-width: 1200px) {
.review-cards-wrapper
{
gap: 2rem;
}
}
.review-card {
display: block;
background-color: var(--review-card-bg);
border: 1px solid var(--review-card-border);
border-radius: 0.75rem;
padding: 2rem;
transition: all 0.3s ease;
text-decoration: none;
color: inherit;
}
.review-card:hover {
border-color: var(--review-card-border-hover);
box-shadow: 0 10px 15px var(--review-shadow-hover);
text-decoration: none;
color: inherit;
transform: translateY(-2px);
}
@media (max-width: 767.98px) {
.review-card
{
padding: 1.5rem;
}
}
.review-icon {
width: 3.5rem;
height: 3.5rem;
flex-shrink: 0;
}
@media (max-width: 991.98px) {
.review-icon
{
width: 2.5rem;
height: 2.5rem;
}
}
@media (max-width: 575.98px) {
.review-icon
{
width: 2rem;
height: 2rem;
}
}
.review-star {
width: 1.25rem;
height: 1.25rem;
color: #facc15;
fill: currentColor;
}
@media (max-width: 991.98px) {
.review-star
{
width: 1rem;
height: 1rem;
}
}
@media (max-width: 575.98px) {
.review-star
{
width: 0.875rem;
height: 0.875rem;
}
}
.review-content {
display: flex;
align-items: center;
gap: 1rem;
height: 100%;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.review-content
{
gap: 0.75rem;
}
}
@media (min-width: 992px) {
.review-content
{
gap: 1rem;
}
}
@media (min-width: 1200px) {
.review-content
{
gap: 1.5rem;
}
}
.review-text-area {
flex: 1;
min-width: 0;
}
.review-title {
font-size: 0.875rem;
color: var(--review-muted-color);
margin-bottom: 0.5rem;
font-weight: 400;
}
.review-rating-wrapper {
display: flex;
align-items: center;
gap: 0.75rem;
}
@media (max-width: 767.98px) {
.review-rating-wrapper
{
gap: 0.5rem;
}
}
.review-stars {
display: flex;
gap: 0.125rem;
}
@media (max-width: 575.98px) {
.review-stars
{
gap: 0.0625rem;
}
}
.review-score {
font-size: 1.125rem;
font-weight: 600;
color: var(--review-text-color);
white-space: nowrap;
}
@media (max-width: 575.98px) {
.review-score
{
font-size: 1rem;
}
}
</style>
<div class="review-container">
<div class="container">
<div class="review-cards-wrapper">
<a href="/reviews" target="_blank" rel="noopener noreferrer" class="review-card">
<div class="review-content">
<img src="/dist/user/assets/logo-CEy3TSwt.png" class="review-icon" alt="Logo">
<div class="review-text-area">
<div class="review-title">Student Reviews</div>
<div class="review-rating-wrapper">
<div class="review-stars">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="review-star">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="review-star">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="review-star">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="review-star">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="review-star">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
</div>
<span class="review-score">4.7/5</span>
</div>
</div>
</div>
</a>
<a href="https://bit.ly/3QzajIP" target="_blank" rel="noopener noreferrer" class="review-card">
<div class="review-content">
<svg class="review-icon" viewBox="0 0 24 24">
<path fill="#4285F4" d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"></path>
<path fill="#34A853" d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"></path>
<path fill="#FBBC05" d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"></path>
<path fill="#EA4335" d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"></path>
</svg>
<div class="review-text-area">
<div class="review-title">Google Reviews</div>
<div class="review-rating-wrapper">
<div class="review-stars">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="review-star">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="review-star">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="review-star">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="review-star">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="review-star">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></path>
</svg>
</div>
<span class="review-score">4.7/5</span>
</div>
</div>
</div>
</a>
<a href="https://www.facebook.com/scholarhatacademy" target="_blank" rel="noopener noreferrer" class="review-card">
<div class="review-content">
<svg class="review-icon" viewBox="0 0 24 24">
<path fill="#1877F2" d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"></path>
</svg>
<div class="review-text-area">
<div class="review-title">Facebook Reviews</div>
<div class="review-rating-wrapper">
<div class="review-stars">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="review-star">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="review-star">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="review-star">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="review-star">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="review-star">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
</svg>
</div>
<span class="review-score">4.9/5</span>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="header-bg">
<div class="container text-center pt-3 pb-4">
<h2 class="text-center mb-2">Our Students are working at companies such as:</h2>
<div class="company-gallery mt-4 mb-4">
<img class="company-logo" src="/images/companies/microsoft.png" alt="Microsoft" loading="lazy">
<img class="company-logo" src="/images/companies/google.svg" alt="Google" loading="lazy">
<img class="company-logo" src="/images/companies/meta.svg" alt="Meta" loading="lazy">
<img class="company-logo" src="/images/companies/amazon.svg" alt="Amazon" loading="lazy">
<img class="company-logo" src="/images/companies/ibm.svg" alt="IBM" loading="lazy">
<img class="company-logo" src="/images/companies/adobe.svg" alt="Adobe" loading="lazy">
<img class="company-logo" src="/images/companies/capgimini.png" alt="Capgimini" loading="lazy">
<img class="company-logo" src="/images/companies/tcs.png" alt="TCS" loading="lazy">
<img class="company-logo" src="/images/companies/cisco.png" alt="Cisco" loading="lazy">
<img class="company-logo" src="/images/companies/samsung.svg" alt="Samsung" loading="lazy">
<img class="company-logo" src="/images/companies/oracle.svg" alt="Oracle" loading="lazy">
<img class="company-logo" src="/images/companies/infosys.png" alt="Infosys" loading="lazy">
<img class="company-logo" src="/images/companies/paytm.svg" alt="Paytm" loading="lazy">
<img class="company-logo" src="/images/companies/twitter.png" alt="X" loading="lazy">
<img class="company-logo" src="/images/companies/cognizant.svg" alt="Cognizant" loading="lazy">
<img class="company-logo" src="/images/companies/accenture.svg" alt="Accenture" loading="lazy">
<img class="company-logo" src="/images/companies/dell.png" alt="Dell" loading="lazy">
<img class="company-logo" src="/images/companies/techm.png" alt="TechM" loading="lazy">
</div>
</div>
</div>
<script>
$(document).ready(function () {
var itemsMainDiv = ('.MultiCarousel');
var itemsDiv = ('.MultiCarousel-inner');
var itemWidth = "";
$('.leftLst, .rightLst').click(function () {
var condition = $(this).hasClass("leftLst");
if (condition)
click(0, this);
else
click(1, this)
});
ResCarouselSize();
$(window).resize(function () {
ResCarouselSize();
});
//this function define the size of the items
function ResCarouselSize() {
var incno = 0;
var dataItems = ("data-items");
var itemClass = ('.item');
var id = 0;
var btnParentSb = '';
var itemsSplit = '';
var sampwidth = $(itemsMainDiv).width();
//alert(sampwidth)
var bodyWidth = $('body').width();
// alert(bodyWidth)
$(itemsDiv).each(function () {
id = id + 1;
var itemNumbers = $(this).find(itemClass).length;
// alert(itemNumbers)
btnParentSb = $(this).parent().attr(dataItems);
itemsSplit = btnParentSb.split(',');
$(this).parent().attr("id", "MultiCarousel" + id);
if (bodyWidth >= 1200) {
incno = itemsSplit[3];
itemWidth = sampwidth / incno;
// alert(itemWidth)
}
else if (bodyWidth >= 992) {
incno = itemsSplit[2];
itemWidth = sampwidth / incno;
}
else if (bodyWidth >= 768) {
incno = itemsSplit[1];
itemWidth = sampwidth / incno;
}
else {
incno = itemsSplit[0];
itemWidth = sampwidth / incno;
}
//alert(itemWidth * itemNumbers)
$(this).css({ 'transform': 'translateX(0px)', 'width': itemWidth * itemNumbers });
$(this).find(itemClass).each(function () {
$(this).outerWidth(itemWidth);
});
$(".leftLst").addClass("over");
$(".rightLst").removeClass("over");
});
}
//this function used to move the items
function ResCarousel(e, el, s) {
var leftBtn = ('.leftLst');
var rightBtn = ('.rightLst');
var translateXval = '';
var divStyle = $(el + ' ' + itemsDiv).css('transform');
var values = divStyle.match(/-?[\d\.]+/g);
var xds = Math.abs(values[4]);
if (e == 0) {
translateXval = parseInt(xds) - parseInt(itemWidth * s);
$(el + ' ' + rightBtn).removeClass("over");
if (translateXval <= itemWidth / 2) {
translateXval = 0;
$(el + ' ' + leftBtn).addClass("over");
}
}
else if (e == 1) {
var itemsCondition = $(el).find(itemsDiv).width() - $(el).width();
translateXval = parseInt(xds) + parseInt(itemWidth * s);
$(el + ' ' + leftBtn).removeClass("over");
if (translateXval >= itemsCondition - itemWidth / 2) {
translateXval = itemsCondition;
$(el + ' ' + rightBtn).addClass("over");
}
}
$(el + ' ' + itemsDiv).css('transform', 'translateX(' + -translateXval + 'px)');
}
//It is used to get some elements from btn
function click(ell, ee) {
var Parent = "#" + $(ee).parent().attr("id");
var slide = $(Parent).attr("data-slide");
ResCarousel(ell, Parent, slide);
}
});
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"url": "https://www.scholarhat.com",
"potentialAction": {
"@type": "SearchAction",
"target": "https://www.scholarhat.com/search?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Organization",
"name" : "ScholarHat",
"url" : "https://www.scholarhat.com",
"sameAs" : [ "https://www.facebook.com/thescholarhat",
"https://twitter.com/thescholarhat",
"https://www.linkedin.com/company/thescholarhat",
"https://www.youtube.com/scholarhat"],
"logo": "https://www.scholarhat.com/images/logo.png",
"legalName" : "Dot Net Tricks Innovation Pvt. Ltd.",
"address":[{"@type": "PostalAddress", "addressCountry": "India", "addressLocality": "Uttar Pradesh", "addressRegion": "Noida", "postalCode": "201301", "streetAddress": "C57, Block-C, Sector 2" }],
"contactPoint": {"@type": "ContactPoint",
"telephone": "+91-9999123502",
"contactType": "Customer Service",
"contactOption":"https://schema.org/telephone",
"areaServed" : ["US","UK","IN","NZ","CA","AU","EG","DE","OM","QA"]
}
}
</script>
</div>
<style>
#cookienotify {
display: none;
z-index: 100;
position: fixed;
bottom: 0;
color: #aaa;
background: #0d6efd;
background-image: linear-gradient(rgba(19,19,19,.9),rgba(19,19,19,.9));
padding: 10px;
width: 100%;
}
#cookienotify a {
color: #a8cef4 !important;
border-color: #b42836 !important;
font-size: 12px;
min-width: 140px;
margin-left: 20px;
display: inline-block;
line-height: 0.1;
padding: 14px 10px;
border: 1px solid transparent;
border-radius: 2px;
color: #fff;
position: relative;
}
.cookie_notify {
font-size: 12px;
line-height: 16px;
margin-bottom: 0;
float: left;
width: 50%;
}
.color-ribbon {
position: absolute;
margin-top: -30px;
display: block;
width: 100%;
height: 5px;
background-image: -webkit-linear-gradient(left,#73d2f6,#08c 22%,#7fc400 36%,#ffd583 48%,#ffb21e 63%,#ff4d4d 76%,#cddc39);
background-image: linear-gradient(to right,#73d2f6,#08c 22%,#7fc400 36%,#ffd583 48%,#ffb21e 63%,#ff4d4d 76%,#cddc39);
content: '';
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.footer-separator {
padding: 20px 0 10px 0;
font-size:15px;
border-top: 1px solid #3e5268;
}
footer {
background: linear-gradient(to right, #163353 0%,#26435a 100%,#152a40 100%);
color: #e6e4e4;
padding: 25px 0;
width: 100%;
}
footer h4 {
color: #fff !important;
}
footer h4 + span:after {
content: '';
background: #00d1cf;
height: 2px;
width: 70px;
position: absolute;
}
@media only screen and (max-width: 767px) and (min-width: 300px) {
#cookienotify a {
float: right;
right: 20%
}
.cookie_notify {
width: 100%;
}
.color-ribbon {
position: absolute;
top: auto !important;
margin-top: -30px;
}
}
.footer-top{
border-top: 1px solid #d3d3d3;
background: #e6f8fc;
padding: 15px;
}
[data-bs-theme="dark"] .footer-top {
border-top: 1px solid #1e7c91;
background: #0f3f4a;
}
</style>
<div class="footer-top">
<div class="container p-0">
<div class="d-flex flex-wrap justify-content-between gap-3">
<div class="d-flex align-items-center">
<img src="/images/logo_sm.png" class="icon24 me-2" style="filter: invert(0);" />
<span style="font-weight:500">A world-class EdTech platform</span>
</div>
<div class="d-flex align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor" class="me-2"><path d="M220-260q-92 0-156-64T0-480q0-92 64-156t156-64q37 0 71 13t61 37l68 62-60 54-62-56q-16-14-36-22t-42-8q-58 0-99 41t-41 99q0 58 41 99t99 41q22 0 42-8t36-22l310-280q27-24 61-37t71-13q92 0 156 64t64 156q0 92-64 156t-156 64q-37 0-71-13t-61-37l-68-62 60-54 62 56q16 14 36 22t42 8q58 0 99-41t41-99q0-58-41-99t-99-41q-22 0-42 8t-36 22L352-310q-27 24-61 37t-71 13Z" /></svg> Unlimited live sessions
</div>
<div class="d-flex align-items-center">
<img src="/images/icons/note.svg" class="icon20 me-2"> 600+ Quick notes
</div>
<div class="d-flex align-items-center">
<img src="/images/icons/lab.svg" class="icon24 me-2"> 900+ Hands-on labs
</div>
<div class="d-flex align-items-center">
<img src="/images/icons/project.svg" class="icon24 me-2">50+ Real-world projects
</div>
<div class="d-flex align-items-center">
<img src="/images/icons/question.svg" class="icon24 me-2">45+ Interview books
</div>
</div>
</div>
</div>
<footer id="footer">
<div class="color-ribbon"></div>
<div class="container">
<div class="row mt-3">
<div class="w-100 mb-2">
<div class="mb-4">
<h4>Job Oriented Training</h4>
<span></span>
<div class="mt-4 d-flex flex-wrap gap-2">
<a class="link-style" href="/job-oriented/azure-ai-ml-certification-training">Azure AI & Gen AI Engineer Training</a> |
<a class="link-style" href="/job-oriented/full-stack-java-developer-certification-training">Advanced Full-Stack Java Developer Training</a> |
<a class="link-style" href="/job-oriented/full-stack-net-developer-certification-training">Full-Stack .NET Developer Training</a> |
<a class="link-style" href="/job-oriented/advanced-full-stack-net-developer-certification-training">Advanced Full-Stack .NET Training</a> |
<a class="link-style" href="/job-oriented/net-solution-architect-certification-training">.NET Solution Architect Training</a> |
<a class="link-style" href="/job-oriented/java-solution-architect-certification-training">Java Solution Architect Training</a>
</div>
</div>
</div>
<div class="w-100 mb-2">
<div class="mb-4">
<h4>Popular Live Training</h4>
<span></span>
<div class="mt-4 d-flex flex-wrap gap-2">
<a class="link-style" href="/training/azure-ai-engineer-certification-training">Azure AI Engineer Training</a> |
<a class="link-style" href="/training/azure-ai-foundry-certification-training">Azure AI Foundry Training</a> |
<a class="link-style" href="/training/aspnet-core-certification-training">ASP.NET Core Training</a> |
<a class="link-style" href="/training/software-architecture-design-training">.NET Software Architecture & Design Training</a> |
<a class="link-style" href="/training/java-software-architecture-design-training">Java Software Architecture Training</a> |
<a class="link-style" href="/training/angular-certification-training">Angular Training</a> |
<a class="link-style" href="/training/reactjs-certification-training">React Training</a> |
<a class="link-style" href="/training/microsoft-azure-developer-associate-certification-training">Azure Developer Training</a> |
<a class="link-style" href="/training/aws-developer-associate-certification-training">AWS Developer Training</a> |
<a class="link-style" href="/training/net-microservices-certification-training">.NET Microservices Training</a> |
<a class="link-style" href="/training/java-microservices-certification-training">Java Microservices Training</a>
</div>
</div>
</div>
<div class="w-100 mb-2">
<div class="mb-4">
<h4>Free Courses</h4>
<span></span>
<div class="mt-4 d-flex flex-wrap gap-2">
<a class="link-style" href="/free-course/azure-fundamentals-course">Azure Free Course</a> |
<a class="link-style" href="/free-course/data-structures-algorithms-course">DSA Free Course</a> |
<a class="link-style" href="/free-course/java-course">Java Free Course</a> |
<a class="link-style" href="/tutorial/python">Python Free Course</a> |
<a class="link-style" href="/free-course/cpp-course-for-beginners">C++ Free Course</a> |
<a class="link-style" href="/free-course/csharp-course-for-beginners">C# Free Course</a> |
<a class="link-style" href="/free-course/c-course-for-beginners">C Free Course</a> |
<a class="link-style" href="/free-course/javascript-course">JavaScript Free Course</a> |
<a class="link-style" href="/free-course/typescript-course">TypeScript Free Course</a> |
<a class="link-style" href="/free-course/sql-server-course">SQL Server Free Course</a> |
<a class="link-style" href="/free-course/html-course">Html Free Course</a> |
<a class="link-style" href="/free-course/nodejs-course">Node.js Free Course</a> |
<a class="link-style" href="/free-course/mongodb-course">MongoDB Free Course</a> |
<a class="link-style" href="/free-course/asp-net-mvc-with-webapi-course">ASP.NET MVC Free Course</a> |
<a class="link-style" href="/free-course">All Free Courses</a>
</div>
</div>
</div>
<div class="w-100 mb-2">
<div class="mb-4">
<h4>Free Interview Books</h4>
<span></span>
<div class="mt-4 d-flex flex-wrap gap-2">
<a class="link-style" href="/books/asp-net-core-interview-questions-and-answers-book-pdf">ASP.NET Core Interview Book</a> |
<a class="link-style" href="/books/azure-developer-interview-questions-and-answers-book-pdf">Azure Interview Book</a> |
<a class="link-style" href="/books/angular-interview-questions-and-answers-book-pdf">Angular Interview Book</a> |
<a class="link-style" href="/books/react-interview-questions-and-answers-book-pdf">React Interview Book</a> |
<a class="link-style" href="/books/net-microservices-interview-questions-and-answers-book-pdf">.NET Microservices Interview Book</a> |
<a class="link-style" href="/books/data-structures-and-algorithms-interview-questions-and-answers-book-pdf">DSA Interview Book</a> |
<a class="link-style" href="/books/java-interview-questions-and-answers-book-pdf">Java Interview Book</a> |
<a class="link-style" href="/books/python-interview-questions-and-answers-book-pdf">Python Interview Book</a> |
<a class="link-style" href="/books/csharp-interview-questions-and-answers-book-pdf">C# Interview Book</a> |
<a class="link-style" href="/books/cpp-interview-questions-and-answers-book-pdf">C++ Interview Book</a> |
<a class="link-style" href="/books/net-design-patterns-interview-questions-and-answers-book-pdf">Design Patterns Interview Book</a> |
<a class="link-style" href="/books">All Free Books</a>
</div>
</div>
</div>
<div class="w-100 mb-2">
<div class="mb-4">
<h4>Popular Tutorial</h4>
<span></span>
<div class="mt-4 d-flex flex-wrap gap-2">
<a class="link-style" href="/tutorial/azure">Azure Cloud Tutorial</a> |
<a class="link-style" href="/tutorial/net">.NET Tutorial</a> |
<a class="link-style" href="/tutorial/aspnet">ASP.NET Core Tutorial</a> |
<a class="link-style" href="/tutorial/angular">Angular Tutorial</a> |
<a class="link-style" href="/tutorial/react">React Tutorial</a> |
<a class="link-style" href="/tutorial/microservices">Microservices Tutorial</a> |
<a class="link-style" href="/tutorial/designpatterns">Design Patterns Tutorial</a> |
<a class="link-style" href="/tutorial/devops">DevOps Tutorial</a> |
<a class="link-style" href="/tutorial/sqlserver">SQL Server Tutorial</a> |
<a class="link-style" href="/tutorial/datastructures">DSA Tutorial</a> |
<a class="link-style" href="/tutorial/python">Python Tutorial</a> |
<a class="link-style" href="/tutorial/cpp">C++ Tutorial</a> |
<a class="link-style" href="/tutorial/java">Java Tutorial</a> |
<a class="link-style" href="/tutorial/csharp">C# Tutorial</a> |
<a class="link-style" href="/tutorial/javascript">JavaScript Tutorial</a> |
<a class="link-style" href="/tutorial/interview">Job Interview Articles</a> |
<a class="link-style" href="/tutorial/artificialintelligence">AI Tutorial</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-sm-6 col-md-6 col-lg-3 mb-2">
<div class="mb-4 ml-md-4">
<h4>Platform</h4>
<span></span>
<ul class="list-unstyled mt-4">
<li><a class="py-1" href="/training">Live Training</a></li>
<li><a class="py-1" href="/free-course">Free Courses</a></li>
<li><a class="py-1" href="/labs">Hands-on Labs</a></li>
<li><a class="py-1" href="/projects">Real-World Projects</a></li>
<li><a class="py-1" href="/problems">DSA Problems</a></li>
<li><a class="py-1" href="/quicknotes">Quick Notes</a></li>
<li><a class="py-1" href="/books">Free Interview Books</a></li>
<li><a class="py-1" href="/corporate-training">Corporate Training</a></li>
</ul>
</div>
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-3 mb-2">
<div class="mb-4 ml-md-4">
<h4>Company</h4>
<span></span>
<ul class="list-unstyled mt-4">
<li><a class="py-1" href="/about-us">About Us</a></li>
<li><a class="py-1" href="/contact-us">Contact Us</a></li>
<li><a class="py-1" href="/terms-and-conditions">Terms & Conditions</a></li>
<li><a class="py-1" href="/privacy-policy">Privacy Policy</a></li>
<li><a class="py-1" href="/refund-policy">Refund Policy</a></li>
<li><a class="py-1" href="/subscription-policy">Subscription Policy</a></li>
<li><a class="py-1" href="/certificate/verify">Verify Certificate</a></li>
<li><a class="py-1" href="/become-an-instructor">Become An Instructor</a></li>
</ul>
</div>
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-3 mb-2">
<div class="mb-4 ml-md-4">
<h4>Resources</h4>
<span></span>
<ul class="list-unstyled mt-4">
<li><a href="/membership/live" class="py-1">Live Training Membership</a></li>
<li><a class="py-1" href="/master-classes">Master Classes</a></li>
<li><a class="py-1" href="/compiler">Coding Playground</a></li>
<li><a class="py-1" href="/skill-tests">Skill Tests</a></li>
<li><a class="py-1" href="/jobs">Job Openings</a></li>
<li><a class="py-1" href="/mentors">Mentors</a></li>
<li><a class="py-1" href="/training/batches">Live Batches</a></li>
<li><a class="py-1" href="/reviews">Reviews</a></li>
</ul>
</div>
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-3 mb-2">
<div class="mb-4">
<h4>Have any Questions?</h4>
<span></span>
<ul class="list-unstyled mt-4">
<li class="py-1"><a href="tel:+919999123502"><i class="bi bi-phone"></i> +91- 999 9123 502</a></li>
<li class="py-1"><a href="mailto:hello@scholarhat.com"><i class="bi bi-envelope"></i> hello@scholarhat.com</a></li>
</ul>
<div class="mt-3">
Follow Us <span>
<a title="Facebook" href="https://www.facebook.com/scholarhatacademy" target="_blank" rel="nofollow">
<span class="sh-facebook"> </span>
</a>
</span>
<span>
<a title="X-Twitter" href="https://twitter.com/scholarhatacad" target="_blank" rel="nofollow">
<span class="sh-twitter"> </span>
</a>
</span>
<span>
<a title="Linkedin" href="https://www.linkedin.com/company/scholarhatacademy" target="_blank" rel="nofollow">
<span class="sh-linkedin"> </span>
</a>
</span>
<span>
<a title="Instagram" href="https://www.instagram.com/scholarhatacademy" target="_blank" rel="nofollow">
<span class="sh-instagram"></span>
</a>
</span>
<span>
<a title="Youtube" href="https://www.youtube.com/@ScholarHat?sub_confirmation=1" target="_blank" rel="nofollow">
<span class="sh-youtube"></span>
</a>
</span>
<span>
<a title="Join Discord" href="https://discord.gg/GAK9qsEH" target="_blank" rel="nofollow">
<span class="sh-discord"></span>
</a>
</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center footer-separator">
© 2025 Dot Net Tricks Innovation Pvt. Ltd. | All rights reserved | The course names and logos are the trademarks of their respective owners | Engineered with <span class="sh-red-heart">
</span> in India.
</div>
</div>
</div>
</footer>
<div id="cookienotify">
<p class="cookie_notify">
We use cookies to make interactions with our websites and services easy and meaningful. Please read our Privacy Policy for more details.
</p>
<div>
<a onclick="setCookieNotify('cookienotify', 'yes', '1')" style="cursor: pointer;">Accept cookies & close this</a>
</div>
</div>
<script>
function getCookie(c_name) {
var c_value = document.cookie, c_start = c_value.indexOf(" " + c_name + "=");
if (c_start == -1) c_start = c_value.indexOf(c_name + "=");
if (c_start == -1) {
c_value = null;
} else {
c_start = c_value.indexOf("=", c_start) + 1;
var c_end = c_value.indexOf(";", c_start);
if (c_end == -1) {
c_end = c_value.length;
}
c_value = unescape(c_value.substring(c_start, c_end));
}
return c_value;
}
function setCookieNotify(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
var expires = "expires=" + d.toUTCString();
document.cookie = cname + "=" + cvalue + "; " + expires + ";path=/";
$("#cookienotify").hide();
}
$(document).ready(function () {
var acookie = getCookie("cookienotify");
if (!acookie) {
$("#cookienotify").show();
}
else {
$("#cookienotify").hide();
}
});
</script>
<!-- Facebook Pixel Code -->
<script>
!function (f, b, e, v, n, t, s) {
if (f.fbq) return; n = f.fbq = function () {
n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments)
};
if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
n.queue = []; t = b.createElement(e); t.async = !0;
t.src = v; s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s)
}(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '393203635973966'); //scholarhat
fbq('track', 'PageView');
</script>
<!-- Linkedin Pixel Code -->
<script type="text/javascript">
_linkedin_partner_id = "7258065";
window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
window._linkedin_data_partner_ids.push(_linkedin_partner_id);
</script>
<script type="text/javascript">
(function (l) {
if (!l) {
window.lintrk = function (a, b) { window.lintrk.q.push([a, b]) };
window.lintrk.q = []
}
var s = document.getElementsByTagName("script")[0];
var b = document.createElement("script");
b.type = "text/javascript"; b.async = true;
b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
s.parentNode.insertBefore(b, s);
})(window.lintrk);
</script>
<!-- Google tag (gtag.js) - GA4 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-3HNGMZ2WEY"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-3HNGMZ2WEY');
</script>
<script>
(function (w, d, s, l, i) {
w[l] = w[l] || []; w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
}); var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-5S9QMVK');</script>
<!-- End Google Tag Manager -->
<!-- Leads Tracking -->
<script>
function trackFbEvent(event, currency, price) {
fbq('track', event, { currency: currency, value: price });
}
function trackFbLeadEvent(currency, price) {
fbq('track', 'Lead', { currency: currency, value: price });
}
function trackFbCartEvent(currency, price) {
fbq('track', 'AddToCart', { currency: currency, value: price });
}
function trackFbDefaultEvent(event) {
fbq('track', event);
}
function trackFbCustomEvent(event) {
fbq('trackCustom', event);
}
function trackFbCustomEventWithUser(eventName, name, email, contact, city) {
fbq("trackCustom", eventName, {
fn: name?.split(" ")[0] || "",
em: email,
ph: contact,
ct: city
});
}
// Google Tag Manager
//cartCheckOut, bookPreviewDownload, curriculumDownload
var pagePath = window.location.href || '';
function trackGtmLeadEvent(name, email, mobile) {
dataLayer.push({
'event': 'lead',
'enhanced_conversion_data': {
"email": email,
"phone_number": mobile,
"first_name": name,
"last_name": name,
}
});
}
function trackGtmEvent(event, courseName) {
if (courseName != undefined) //last parameter can be undefined
dataLayer.push({ 'event': event, 'name': courseName, 'pagePath': pagePath });
else
dataLayer.push({ 'event': event, 'pagePath': pagePath });
}
function trackGtmCartEvent(courseName, currency, price) {
dataLayer.push({ 'event': 'AddToCart', 'name': courseName, 'currency': currency, 'price': price, 'pagePath': pagePath });
}
function trackGtmPriceEvent(event, currency, price) {
dataLayer.push({ 'event': event, 'currency': currency, 'price': price, 'pagePath': pagePath });
}
</script>
<!-- Theme Code -->
<script>
(() => {
'use strict'
const getStoredTheme = () => localStorage.getItem('theme');
const setStoredTheme = theme => localStorage.setItem('theme', theme);
const getPreferredTheme = () => {
const storedTheme = getStoredTheme();
if (storedTheme) {
return storedTheme;
}
return 'light';
}
const setTheme = theme => {
if (theme === 'auto') {
document.documentElement.setAttribute('data-bs-theme', (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'));
} else {
document.documentElement.setAttribute('data-bs-theme', theme);
}
}
setTheme(getPreferredTheme())
const showActiveTheme = (theme, focus = false) => {
const themeSwitcher = document.querySelector('#bd-theme');
if (!themeSwitcher) {
return;
}
const themeSwitcherText = document.querySelector('#bd-theme-text');
const activeThemeIcon = document.querySelector('.theme-icon-active use');
const btnToActive = document.querySelector(`[data-bs-theme-value="${theme}"]`);
const svgOfActiveBtn = btnToActive.querySelector('svg use').getAttribute('href');
document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
element.classList.remove('active');
element.setAttribute('aria-pressed', 'false');
})
btnToActive.classList.add('active');
btnToActive.setAttribute('aria-pressed', 'true');
activeThemeIcon.setAttribute('href', svgOfActiveBtn);
const themeSwitcherLabel = `${themeSwitcherText.textContent} (${btnToActive.dataset.bsThemeValue})`;
themeSwitcher.setAttribute('aria-label', themeSwitcherLabel);
if (focus) {
themeSwitcher.focus();
}
}
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
const storedTheme = getStoredTheme();
if (storedTheme !== 'light' && storedTheme !== 'dark') {
setTheme(getPreferredTheme());
}
})
window.addEventListener('DOMContentLoaded', () => {
showActiveTheme(getPreferredTheme());
document.querySelectorAll('[data-bs-theme-value]')
.forEach(toggle => {
toggle.addEventListener('click', () => {
const theme = toggle.getAttribute('data-bs-theme-value');
setStoredTheme(theme);
setTheme(theme);
showActiveTheme(theme, true);
})
})
})
})()
</script>
<!-- Selectize JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/js/standalone/selectize.min.js"></script>
<style>
/* Custom styles for the modal */
.custom-modal .modal-dialog {
max-width: 800px; /* Adjust modal width */
}
.custom-modal .modal-content {
display: flex;
flex-direction: row;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
/* Left banner section */
.banner-section {
background: linear-gradient(to bottom, #00BCD4 0%, #673AB7 50%, #03A9F4 100%);
color: white;
padding: 20px;
width: 40%;
display: flex;
flex-direction: column; /* Text and image side by side */
align-items: center;
justify-content: center;
position: relative;
}
/* Image on the right */
.banner-section h2 {
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 10px;
line-height: 1.2;
}
.banner-section p {
font-size: 0.9rem;
margin-bottom: 15px;
}
.banner-section ul {
list-style: none;
padding: 0;
margin: 0;
}
.banner-section ul li {
font-size: 0.9rem;
margin-bottom: 10px;
position: relative;
}
.banner-section ul li::before {
content: none;
}
.banner-section ul li.bullet-roadmap::before {
/* Font Awesome icon: map-signs (for roadmap) */
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
left: 0;
color: #facc15; /* Yellow color for the icon */
}
/* Right form section */
.form-section {
width: 60%;
padding: 20px;
}
.form-section .form-label {
font-size: 0.8rem;
font-weight: 500;
}
.form-section .form-control,
.form-section .form-select {
border-radius: 5px;
border: 1px solid #ddd;
/* padding: 6px; */
font-size: 0.8rem;
}
.form-section .form-control:focus,
.form-section .form-select:focus {
border-color: #1e3a8a;
box-shadow: 0 0 5px rgba(30, 58, 138, 0.2);
}
.form-section .input-group .form-select {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.form-section .btn-primary {
background-color: #1e3a8a;
border: none;
padding: 8px;
font-size: 0.9rem;
border-radius: 5px;
width: 100%;
}
.form-section .btn-primary:hover {
background-color: #facc15;
color: #1e3a8a;
}
.form-section small {
font-size: 0.8rem;
color: #666;
}
.form-section .input-validation-error {
border-color: #dc3545;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.custom-modal .modal-content {
flex-direction: column;
}
.custom-modal .modal-dialog {
max-width: 90%; /* Ensure modal fits on mobile */
}
.banner-section,
.form-section {
width: 100%;
}
.banner-section {
display: none;
}
.banner-section h2 {
font-size: 1.2rem;
}
.banner-section ul li {
font-size: 1rem;
}
.form-section {
padding: 15px;
}
}
</style>
<!-- Modal -->
<div class="modal fade custom-modal" id="DownloadCurriculumModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<!-- Left Banner Section -->
<div class="banner-section">
<div class="banner-content">
<h2>Talk to our Advisor</h2>
<p class="text-center fs-5">AND GET</p>
<ul>
<li class="bullet-roadmap">
<svg class="bullet-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#facc15" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 2v4M12 10v12M2 12h4M18 12h4M4 4l4 4M16 16l4 4M4 20l4-4M16 8l4-4"></path>
</svg>
Personalized Career Roadmap
</li>
<li class="bullet-counselling">
<svg class="bullet-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#facc15" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
<circle cx="12" cy="7" r="4"></circle>
<path d="M3 12h4l3-3"></path>
</svg>
Free Career Counseling
</li>
<li class="bullet-events">
<svg class="bullet-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#facc15" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
<path d="M16 2h-4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z"></path>
<path d="M8 6H4a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h4"></path>
<path d="M14 8v8"></path>
</svg>
Free Access to Master Classes
</li>
</ul>
</div>
</div>
<!-- Right Form Section -->
<div class="form-section">
<div class="modal-header p-2">
<h5 class="modal-title" id="staticBackdropLabel">Get Course Details</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form id="downloadForm">
<div class="row mb-2">
<div class="col-md-6">
<label for="dname" class="form-label">Your Name <span class="text-danger">*</span></label>
<input type="text" name="dname" id="dname" placeholder="Your Name" class="form-control" aria-label="Your name">
</div>
<div class="col-md-6">
<label for="demail" class="form-label">Email Address <span class="text-danger">*</span></label>
<input type="email" name="demail" id="demail" placeholder="Email Address" class="form-control" aria-label="Email address">
</div>
</div>
<div class="row mb-2">
<div class="col-md-12">
<label for="dmobile" class="form-label">Mobile Number <span class="text-danger">*</span></label>
<div class="input-group phone-input">
<span class="input-group-btn w-45">
<select class="form-select" id="dcode" name="dcode" data-val="true" data-val-required="Please Select Country Code" style="width: 124px;" aria-label="Select country code">
<option value="">Select Country Code</option>
<option value="+61">
AU - Australia (+61)
</option>
<option value="+880">
BD - Bangladesh (+880)
</option>
<option value="+32">
BE - Belgium (+32)
</option>
<option value="+237">
CM - Cameroon (+237)
</option>
<option value="+1">
CA - Canada (+1)
</option>
<option value="+86">
CN - China (+86)
</option>
<option value="+57">
CO - Colombia (+57)
</option>
<option value="+45">
DK - Denmark (+45)
</option>
<option value="+33">
FR - France (+33)
</option>
<option value="+49">
DE - Germany (+49)
</option>
<option value="+91" selected>
IN - India (+91)
</option>
<option value="+62">
ID - Indonesia (+62)
</option>
<option value="+353">
IE - Ireland (+353)
</option>
<option value="+972">
IL - Israel (+972)
</option>
<option value="+39">
IT - Italy (+39)
</option>
<option value="+81">
JP - Japan (+81)
</option>
<option value="+961">
LB - Lebanon (+961)
</option>
<option value="+352">
LU - Luxembourg (+352)
</option>
<option value="+60">
MY - Malaysia (+60)
</option>
<option value="+52">
MX - Mexico (+52)
</option>
<option value="+264">
NA - Namibia (+264)
</option>
<option value="+977">
NP - Nepal (+977)
</option>
<option value="+31">
NL - Netherland (+31)
</option>
<option value="+64">
NZ - New Zealand (+64)
</option>
<option value="+234">
NG - Nigeria (+234)
</option>
<option value="+970">
PS - Palestine (+970)
</option>
<option value="+51">
PE - Peru (+51)
</option>
<option value="+63">
PH - Philippines (+63)
</option>
<option value="+48">
PL - Poland (+48)
</option>
<option value="+974">
QA - Qatar (+974)
</option>
<option value="+40">
RO - Romania (+40)
</option>
<option value="+7">
RU - Russia (+7)
</option>
<option value="+966">
SA - Saudi Arabia (+966)
</option>
<option value="+65">
SG - Singapore (+65)
</option>
<option value="+252">
SO - Somalia (+252)
</option>
<option value="+27">
ZA - South Africa (+27)
</option>
<option value="+82">
KR - South Korea (+82)
</option>
<option value="+94">
LK - Sri Lanka (+94)
</option>
<option value="+46">
SE - Sweden (+46)
</option>
<option value="+41">
CH - Switzerland (+41)
</option>
<option value="+886">
TW - Taiwan (+886)
</option>
<option value="+971">
AE - UAE (+971)
</option>
<option value="+44">
UK - United Kingdom (+44)
</option>
<option value="+1">
US - USA (+1)
</option>
</select>
</span>
<input type="text" name="dmobile" id="dmobile" placeholder="Mobile No." class="form-control" aria-label="Mobile number">
</div>
</div>
</div>
<div class="row mb-2">
<div class="col-md-6">
<label for="dcity" class="form-label">City <span class="text-danger">*</span></label>
<select name="dcity" id="dcity" class="form-select" aria-label="Select city">
<option value="">Select City</option>
<option value="Other">Other</option>
</select>
</div>
<div class="col-md-6">
<label for="dexperience" class="form-label">Experience <span class="text-danger">*</span></label>
<select name="dexperience" id="dexperience" class="form-select" aria-label="Select experience">
<option value="">Select Experience</option>
<option value="0">Fresher</option>
<option value="1">1 year</option>
<option value="2">2 year</option>
<option value="3">3 year</option>
<option value="4">4 year</option>
<option value="5">5 year</option>
<option value="6">6 year</option>
<option value="7">7 year</option>
<option value="8">8 year</option>
<option value="9">9 year</option>
<option value="10">10 year</option>
<option value="11">11 year</option>
<option value="12">12 year</option>
<option value="13">13 year</option>
<option value="14">14 year</option>
<option value="15">15 year</option>
<option value="16">16 year</option>
<option value="17">17 year</option>
<option value="18">18 year</option>
<option value="19">19 year</option>
<option value="20">20 year</option>
<option value="21">20+ year</option>
</select>
</div>
</div>
<div>
<small class="text-secondary">We don't spam or sell your details*</small>
</div>
</form>
</div>
<div class="mb-2 ms-3 me-3">
<button type="button" id="btndownd" class="btn btn-primary btn-block w-100" onclick="SubmitdForm()">Download Curriculum <i class="fa-solid fa-angles-down fa-fw"></i></button>
<button class="btn btn-primary btn-block w-100" style="display:none" id="btnwaitotpmain">
<i class="fa fa-spinner fa-spin" aria-hidden="true"></i> Download Curriculum <i class="fa-solid fa-angles-down fa-fw"></i>
</button>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).on("click", ".DownloadCurriculumModalbtn", function () {
$("#DownloadCurriculumModal").modal("toggle");
});
$(document).ready(function () {
// Initialize Selectize for city and experience dropdowns
$('#dcity').selectize({
create: false,
sortField: 'text'
});
$('#dexperience').selectize({
create: false,
sortField: 'text'
});
// Function to fetch cities based on country code
function fetchCities(mobileCode) {
if (mobileCode) {
var citySelectize = $('#dcity')[0].selectize;
citySelectize.clear();
citySelectize.clearOptions();
$.ajax({
type: "GET",
url: '/Enquiry/GetCitiesByCountryCode',
data: { mobileCode: mobileCode },
dataType: "json",
beforeSend: function () {
$('#dcity').prop('disabled', true);
},
success: function (data) {
citySelectize.clearOptions();
citySelectize.addOption({ value: '', text: 'Select City' });
citySelectize.addOption({ value: 'Other', text: 'Other' });
if (data.success) {
$.each(data.cities, function (index, city) {
citySelectize.addOption({ value: city.Name, text: city.Name });
});
}
citySelectize.refreshOptions(false);
citySelectize.setValue('');
},
error: function () {
citySelectize.clearOptions();
citySelectize.addOption({ value: '', text: 'Select City' });
citySelectize.addOption({ value: 'Other', text: 'Other' });
citySelectize.refreshOptions(false);
citySelectize.setValue('');
Swal.fire('', 'Failed to load cities. Please try again.', 'error');
},
complete: function () {
$('#dcity').prop('disabled', false);
}
});
}
}
// Dynamic mobile number validation
$('#dcode').change(function () {
var mobileCode = $(this).val();
if (mobileCode === '+1') {
$('#dmobile').attr('maxlength', '11'); // USA
} else if (mobileCode === '+91') {
$('#dmobile').attr('maxlength', '10'); // India
} else {
$('#dmobile').removeAttr('maxlength'); // Remove restriction for other countries
}
fetchCities(mobileCode);
});
// Trigger city fetch on page load if a country code is preselected
var defaultMobileCode = $('#dcode').val() || '+91';
if (defaultMobileCode) {
$('#dcode').val(defaultMobileCode);
fetchCities(defaultMobileCode);
}
// Form validation
$('#downloadForm').validate({
rules: {
dname: { required: true },
demail: { required: true, email: true },
dcode: { required: true },
dmobile: {
required: true,
pattern: function () {
var mobileCode = $('#dcode').val();
if (mobileCode === '+91') {
return /^[0-9]{10}$/; // India: 10 digits
} else if (mobileCode === '+1') {
return /^[0-9]{10,11}$/; // USA: 10 or 11 digits
}
return /.*/; // Allow any format for other countries
}
},
dcity: { required: true },
dexperience: { required: true }
},
messages: {
dname: { required: 'Please enter your name.' },
demail: {
required: 'Please enter your email.',
email: 'Please enter a valid email address.'
},
dcode: { required: 'Please select a country code.' },
dmobile: {
required: 'Please enter your mobile number.',
pattern: 'Please enter a valid mobile number for the selected country.'
},
dcity: { required: 'Please select a city.' },
dexperience: { required: 'Please select your experience.' }
},
errorPlacement: function (error, element) {
if ((element.attr('name') === 'dcity' || element.attr('name') === 'dexperience') && element.next('.selectize-input').length) {
error.insertAfter(element.next('.selectize-input'));
} else {
error.insertAfter(element);
}
},
submitHandler: function (form) {
return false; // Prevent native form submission
}
});
// Form submission
window.SubmitdForm = function () {
if ($('#downloadForm').valid()) {
var obj = {
DCourseId: '413' == "" ? 0 : '413',
DName: $("#dname").val(),
DCity: $("#dcity").val(),
DEmailID: $("#demail").val(),
DContactNo: $("#dmobile").val(),
Code: $("#dcode").val(),
DExperience: $("#dexperience").val(),
EnquiryType: 1,
msg: 'Syllabus Downloaded From ScholarHat'
};
var lead = { name: obj.DName, email: obj.DEmailID, mobile: obj.DContactNo };
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: '/Enquiry/SaveSyllabusEnquiry',
data: JSON.stringify(obj),
dataType: "json",
beforeSend: function () {
$('#btnwaitotpmain').show();
$('#btndownd').hide();
},
success: function (data) {
if (data.msg == "success" || data.msg == "exist") {
trackLeadEvent('CurriculumDownload', lead);
$('.modal').modal('hide');
Swal.fire('Thanks', 'Your query has been submitted successfully!', 'success');
var urldn = '/thankyou';
if ('' != '') {
urldn = urldn + '/' + '';
}
window.open(urldn, '_self');
window.open('', '_blank');
} else {
Swal.fire('', 'We have already received your enquiry!', 'error');
}
},
error: function (xhr) {
$('.modal').modal('hide');
var message = 'Sorry! Try again later';
if (xhr.status === 400) {
message = 'Invalid data submitted. Please check your inputs.';
} else if (xhr.status === 500) {
message = 'Server error. Please contact support.';
}
Swal.fire('', message, 'error');
},
complete: function () {
setTimeout(function () {
$("#dname").val("");
$("#demail").val("");
$("#dcity").val("");
$("#dmobile").val("");
$("#dexperience").val("");
$('#btnwaitotpmain').hide();
$('#btndownd').show();
}, 2000);
}
});
}
};
});
</script>
<div class="modal fade custom-modal" id="EnquiryMeetModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true" style="z-index: 1052;">
<div class="modal-dialog">
<div class="modal-content">
<!-- Left Banner Section -->
<div class="banner-section">
<div class="banner-content">
<h2>Talk to our Advisor</h2>
<p class="text-center fs-5">AND GET</p>
<ul>
<li class="bullet-roadmap">
<svg class="bullet-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#facc15" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 2v4M12 10v12M2 12h4M18 12h4M4 4l4 4M16 16l4 4M4 20l4-4M16 8l4-4"></path>
</svg>
Personalized Career Roadmap
</li>
<li class="bullet-counselling">
<svg class="bullet-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#facc15" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
<circle cx="12" cy="7" r="4"></circle>
<path d="M3 12h4l3-3"></path>
</svg>
Free Career Counseling
</li>
<li class="bullet-events">
<svg class="bullet-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#facc15" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
<path d="M16 2h-4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z"></path>
<path d="M8 6H4a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h4"></path>
<path d="M14 8v8"></path>
</svg>
Free Access to Master Classes
</li>
</ul>
</div>
</div>
<!-- Right Form Section -->
<div class="form-section">
<div class="modal-header p-2">
<h5 class="modal-title" id="staticBackdropLabels">
Request A Google Meet
</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- Form fields will be updated in the next step -->
<div class="row mb-2">
<div class="col-md-6">
<label for="gname" class="form-label">Your Name <span class="text-danger">*</span></label>
<input type="text" name="gname" id="gname" placeholder="Your Name" class="form-control">
</div>
<div class="col-md-6">
<label for="gemail" class="form-label">Email Address <span class="text-danger">*</span></label>
<input type="email" name="gemail" id="gemail" placeholder="Email Address" class="form-control">
</div>
</div>
<input id="PageName" type="hidden" />
<div class="col-md-12">
<label for="gmobile" class="form-label">Mobile Number <span class="text-danger">*</span></label>
<div class="input-group phone-input">
<span class="input-group-btn w-45">
<select class="form-select" id="gcode" name="gcode" data-val="true" data-val-required="Please Select Country Code" style="width: 124px;">
<option value="">Select Country Code</option>
<option value="+61">
AU - Australia (+61)
</option>
<option value="+880">
BD - Bangladesh (+880)
</option>
<option value="+32">
BE - Belgium (+32)
</option>
<option value="+237">
CM - Cameroon (+237)
</option>
<option value="+1">
CA - Canada (+1)
</option>
<option value="+86">
CN - China (+86)
</option>
<option value="+57">
CO - Colombia (+57)
</option>
<option value="+45">
DK - Denmark (+45)
</option>
<option value="+33">
FR - France (+33)
</option>
<option value="+49">
DE - Germany (+49)
</option>
<option value="+91" selected>
IN - India (+91)
</option>
<option value="+62">
ID - Indonesia (+62)
</option>
<option value="+353">
IE - Ireland (+353)
</option>
<option value="+972">
IL - Israel (+972)
</option>
<option value="+39">
IT - Italy (+39)
</option>
<option value="+81">
JP - Japan (+81)
</option>
<option value="+961">
LB - Lebanon (+961)
</option>
<option value="+352">
LU - Luxembourg (+352)
</option>
<option value="+60">
MY - Malaysia (+60)
</option>
<option value="+52">
MX - Mexico (+52)
</option>
<option value="+264">
NA - Namibia (+264)
</option>
<option value="+977">
NP - Nepal (+977)
</option>
<option value="+31">
NL - Netherland (+31)
</option>
<option value="+64">
NZ - New Zealand (+64)
</option>
<option value="+234">
NG - Nigeria (+234)
</option>
<option value="+970">
PS - Palestine (+970)
</option>
<option value="+51">
PE - Peru (+51)
</option>
<option value="+63">
PH - Philippines (+63)
</option>
<option value="+48">
PL - Poland (+48)
</option>
<option value="+974">
QA - Qatar (+974)
</option>
<option value="+40">
RO - Romania (+40)
</option>
<option value="+7">
RU - Russia (+7)
</option>
<option value="+966">
SA - Saudi Arabia (+966)
</option>
<option value="+65">
SG - Singapore (+65)
</option>
<option value="+252">
SO - Somalia (+252)
</option>
<option value="+27">
ZA - South Africa (+27)
</option>
<option value="+82">
KR - South Korea (+82)
</option>
<option value="+94">
LK - Sri Lanka (+94)
</option>
<option value="+46">
SE - Sweden (+46)
</option>
<option value="+41">
CH - Switzerland (+41)
</option>
<option value="+886">
TW - Taiwan (+886)
</option>
<option value="+971">
AE - UAE (+971)
</option>
<option value="+44">
UK - United Kingdom (+44)
</option>
<option value="+1">
US - USA (+1)
</option>
</select>
</span>
<input type="text" name="gmobile" id="gmobile" placeholder="Mobile No." maxlength="10" class="form-control">
</div>
</div>
<div class="row mb-2">
<div class="col-md-6">
<label for="gcity" class="form-label">Select City <span class="text-danger">*</span></label>
<select name="gcity" id="gcity" class="form-select" aria-label="Select city">
<option value="">Select City</option>
<option value="Other">Other</option>
</select>
</div>
<div class="col-md-6">
<label for="gexperience" class="form-label">Experience <span class="text-danger">*</span></label>
<select name="gexperience" id="gexperience" class="form-select">
<option value="">Select Experience</option>
<option value="0">Fresher</option>
<option value="1">1 year</option>
<option value="2">2 year</option>
<option value="3">3 year</option>
<option value="4">4 year</option>
<option value="5">5 year</option>
<option value="6">6 year</option>
<option value="7">7 year</option>
<option value="8">8 year</option>
<option value="9">9 year</option>
<option value="10">10 year</option>
<option value="11">11 year</option>
<option value="12">12 year</option>
<option value="13">13 year</option>
<option value="14">14 year</option>
<option value="15">15 year</option>
<option value="16">16 year</option>
<option value="17">17 year</option>
<option value="18">18 year</option>
<option value="19">19 year</option>
<option value="20">20 year</option>
<option value="21">20+ year</option>
</select>
</div>
</div>
<div class="row mb-2">
<div class="col-md-12">
<input name="CourseId" id="CourseId" type="hidden" value="413" />
</div>
</div>
<div>
<small class="text-secondary">We don't spam or sell your details*</small>
</div>
</div>
<div class="mb-2 ms-3 me-3">
<button type="button" id="btndowng" class="btn btn-primary btn-block w-100" onclick="SubmitgForm()">Submit Details</button>
<button class="btn btn-primary btn-block w-100" style="display:none" id="btnwaitg">
<i class="fa fa-spinner fa-spin" aria-hidden="true"></i> Submitting
</button>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
function GetAdEnquiryModal(t, courseId) {
if(courseId)
{
$("#CourseId").val(courseId);
}
else{
$("#CourseId").val('');
}
$("#PageName").val($(t).attr("data-value"));
var title = $(t).attr("data-title");
if (title != "" && title != null) {
$("#staticBackdropLabels").html(title);
}
var btn = $(t).attr("data-btn");
if (btn != "" && btn != null) {
$("#btndowng").html(btn);
}
// Check if modal is already open
if (!$("#EnquiryMeetModal").hasClass("show")) {
$("#EnquiryMeetModal").modal("toggle");
}
}
function GetEnquiryMeetModal(t) {
$("#PageName").val($(t).attr("data-value"));
var title = $(t).attr("data-title");
if (title != "" && title != null) {
$("#staticBackdropLabels").html(title);
}
var btn = $(t).attr("data-btn");
if (btn != "" && btn != null) {
$("#btndowng").html(btn);
}
// Check if modal is already open
if (!($("#DownloadCurriculumModal").hasClass("show") || $("#myVideoModal").hasClass("show") || $("#EnquiryMeetModal").hasClass("show"))) {
$("#EnquiryMeetModal").modal("toggle");
}
}
$('#btnwaitg').hide();
$('#btndowng').show();
$(document).ready(function () {
$('#gcity').selectize({
create: false,
sortField: 'text'
});
function fetchCities(mobileCode) {
if (mobileCode) {
var citySelectize = $('#gcity')[0].selectize;
citySelectize.clear();
citySelectize.clearOptions();
$.ajax({
type: "GET",
url: '/Enquiry/GetCitiesByCountryCode',
data: { mobileCode: mobileCode },
dataType: "json",
beforeSend: function () {
$('#gcity').prop('disabled', true);
//citySelectize.addOption({ value: '', text: 'Loading...' });
citySelectize.setValue('');
},
success: function (data) {
citySelectize.clearOptions();
if (data.success) {
$.each(data.cities, function (index, city) {
citySelectize.addOption({ value: city.Name, text: city.Name });
});
}
citySelectize.refreshOptions(false);
citySelectize.setValue('');
},
error: function () {
citySelectize.clearOptions();
citySelectize.refreshOptions(false);
citySelectize.setValue('');
Swal.fire('', 'Failed to load cities. Please try again.', 'error');
},
complete: function () {
$('#gcity').prop('disabled', false);
}
});
}
}$('#gcode').change(function () {
var mobileCode = $(this).val();
fetchCities(mobileCode);
});
// Trigger city fetch on page load if a country code is preselected
var defaultMobileCode = $('#gcode').val() || '+91';
if (defaultMobileCode) {
$('#gcode').val(defaultMobileCode);
fetchCities(defaultMobileCode);
}
flag = true;
$("#gname").keypress(function (e) {
if ($.trim($("#gname").val()) == "") {
$("#gname").addClass("input-validation-error");
flag = false;
}
else {
$("#gname").removeClass("input-validation-error");
}
});
$("#gemail").keypress(function (e) {
if ($.trim($("#gemail").val()) == "") {
$("#gemail").addClass("input-validation-error");
flag = false;
}
else {
$("#gemail").removeClass("input-validation-error");
}
if ($.trim($("#gemail").val()) != "") {
var email = $.trim($("#gemail").val());
if (!validEmailE(email)) {
$("#gemail").addClass("input-validation-error");
flag = false;
}
else {
$("#gemail").removeClass("input-validation-error");
}
}
});
$("#EnquiryMeetModal").on("keyup", "#gmobile", (function () {
if ($.trim($(this).val()) == "") {
$(this).addClass("input-validation-error");
flag = false;
}
else {
var number = $.trim($(this).val());
if (number.match(/^-?\d+\.?\d*$/) && (number.match(/\d{10}/))) {
$(this).removeClass("input-validation-error");
}
else {
$(this).addClass("input-validation-error");
flag = false;
}
}
}));
});
function SubmitgForm() {
flag = true;
if ($.trim($("#gname").val()) == "") {
$("#gname").addClass("input-validation-error");
flag = false;
}
else {
$("#gname").removeClass("input-validation-error");
}
if ($.trim($("#gcity").val()) == "") {
$("#gcity").addClass("input-validation-error");
$("#EnquiryMeetModal").find(".selectize-input").addClass("input-validation-error");
flag = false;
}
else {
$("#gcity").removeClass("input-validation-error");
$("#EnquiryMeetModal").find(".selectize-input").removeClass("input-validation-error");
}
if ($.trim($("#gemail").val()) == "") {
$("#gemail").addClass("input-validation-error");
flag = false;
}
else {
$("#gemail").removeClass("input-validation-error");
}
if ($.trim($("#gemail").val()) != "") {
var email = $.trim($("#gemail").val());
if (!validEmailE(email)) {
$("#gemail").addClass("input-validation-error");
flag = false;
}
else {
$("#gemail").removeClass("input-validation-error");
}
}
if ($.trim($("#gcode").val()) == "") {
$("#gcode").addClass("input-validation-error");
flag = false;
}
else {
$("#gcode").removeClass("input-validation-error");
}
if ($.trim($("#gexperience").val()) == "") {
$("#gexperience").addClass("input-validation-error");
flag = false;
}
else {
$("#gexperience").removeClass("input-validation-error");
}
if ($.trim($("#gmobile").val()) == "") {
$("#gmobile").addClass("input-validation-error");
flag = false;
}
else {
var number = $.trim($("#gmobile").val());
if (number.match(/^-?\d+\.?\d*$/) && (number.match(/\d{10}/))) {
$("#gmobile").removeClass("input-validation-error");
}
else {
flag = false;
if (!$("#gmobile").hasClass("input-validation-error"))
$("#gmobile").addClass("input-validation-error");
}
} if ($.trim($("#CourseId").val()) == "") {
$("#CourseId").addClass("input-validation-error");
flag = false;
}
else {
$("#CourseId").removeClass("input-validation-error");
}
//alert($("#gcity").val())
if (flag) {
var obj = {
Name: $("#gname").val(),
City: $("#gcity").val(),
CourseId: $("#CourseId").val(),
EmailID: $("#gemail").val(),
ContactNo: $("#gmobile").val(),
Message: "G-meet ScholarHat",
Code: $("#gcode").val(),
EnquiryType: 1,
TrainingModeId: 3,
Experience: $("#gexperience").val(),
};
var lead = { name: obj.Name, email: obj.EmailID, mobile: obj.ContactNo };
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: '/Enquiry/SaveGMeetEnquiry',
data: JSON.stringify(obj),
dataType: "json",
beforeSend: function () {
$('#btnwaitg').show();
$('#btndowng').hide();
},
success: function (data) {
//window.open("/course-curriculum/thankyou", '_blank');
if (data.msg == "success") {
$("#gemail").val("");
$("#gname").val("");
$("#gcity").val("");
$("#gmobile").val("");
// trackLeadEvent('GMeet', lead);
trackGtmLeadEvent(lead.name, lead.email, lead.mobile);
if ($("#PageName").val() == 'Master') {
$("#EnquiryMeetModal").modal('hide');
$("#eventdivid").show();
return false;
}
Swal.fire(
'Thanks',
'Your Query has been submitted successfully!',
'success'
)
var url = '/thankyou';
if ('' != '') {
url = url + '/' + '';
}
window.open(url, '_self');
}
else {
Swal.fire('',
'We have already received your enquiry!',
'error'
)
}
}, error: function (result) {
Swal.fire('',
'Sorry!',
'Try again later',
'error'
)
},
complete: function () {
setTimeout(function () {
$("#gname").val(""); $("#gcity").val("");
$("#gemail").val("");
$("#gmobile").val("");
$('#btnwaitg').hide();
$('#btndowng').show();
}, 2000);
},
});
}
}
$(document).ready(function () {
//city ddl
$('#gcity').selectize();
});
function validEmailE(email) {
var atpos = email.indexOf("@");
var dotpos = email.lastIndexOf(".");
if (atpos < 1 || dotpos < atpos + 2 || dotpos + 2 >= email.length) {
return false;
}
else {
return true;
}
}
</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.0/lazysizes.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="/js/site.js?v=K70h-6z7b35KhD21eWYVI8tq07nX2A0K9sYxF2WVjVA"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script>
$(function () {
setTimezoneCookie();
});
function setTimezoneCookie() {
var timezone_cookie = "timezoneoffset";
// if the timezone cookie not exists create one.
if (!$.cookie(timezone_cookie)) {
// create a new cookie
$.cookie(timezone_cookie, new Date().getTimezoneOffset(), { path: '/', expires: 100 });
//don't re-load the page, since making page rendering slow
//location.reload();
}
// if the current timezone and the one stored in cookie are different
// then store the new timezone in the cookie and refresh the page.
else {
var storedOffset = parseInt($.cookie(timezone_cookie));
var currentOffset = new Date().getTimezoneOffset();
// user may have changed the timezone
if (storedOffset !== currentOffset) {
$.cookie(timezone_cookie, new Date().getTimezoneOffset(), { path: '/', expires: 100 });
//don't re-load the page, since making page rendering slow
//location.reload();
}
}
}
//accept cookie popover
function getCookie(c_name) {
var c_value = document.cookie,
c_start = c_value.indexOf(" " + c_name + "=");
if (c_start == -1) c_start = c_value.indexOf(c_name + "=");
if (c_start == -1) {
c_value = null;
} else {
c_start = c_value.indexOf("=", c_start) + 1;
var c_end = c_value.indexOf(";", c_start);
if (c_end == -1) {
c_end = c_value.length;
}
c_value = unescape(c_value.substring(c_start, c_end));
}
return c_value;
}
</script>
<script src="/lib/jquery-validation/dist/jquery.validate.min.js"></script>
<script src="/lib/jquery-validation/dist//additional-methods.min.js"></script>
<script src="/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>
<script src="//code.tidio.co/bpom4bkievtexbvaob5hdkv4v8i6n7rl.js" defer></script>
</body>
</html>