Find Online Universities & Courses | College Nexa
Find Your Perfect Online University
Search Universities, Compare Fees, Explore Courses and Apply Instantly.
Popular Universities
NMIMS
LPU
Jain University
Alliance University
Shoolini University
Jamia Hamdard
Sandip University
DDU
Why Apply Through College Nexa?
🎓
100+ Universities
Compare India's leading online universities.
💰
Compare Fees
Find the most affordable programs.
📞
Free Counselling
Expert guidance from College Nexa.
✅
Direct Admission Support
End-to-end admission assistance.
/* =====================================
COLLEGE NEXA COURSE FINDER
STYLE.CSS
===================================== */
*{
margin:0;
padding:0;
box-sizing:border-box;
}
body{
font-family:'Poppins',sans-serif;
background:#f5f7fb;
color:#222;
line-height:1.6;
}
.container{
width:90%;
max-width:1300px;
margin:auto;
}
/* =========================
HEADER
========================= */
.header{
background:#ffffff;
padding:18px 0;
box-shadow:0 5px 20px rgba(0,0,0,.08);
position:sticky;
top:0;
z-index:999;
}
.logo h2{
font-size:30px;
font-weight:700;
color:#0B6B4B;
}
/* =========================
HERO
========================= */
.hero{
background:linear-gradient(135deg,#0B6B4B,#0d8f64);
padding:90px 20px;
text-align:center;
color:#fff;
}
.hero h1{
font-size:48px;
font-weight:700;
margin-bottom:20px;
}
.hero p{
font-size:20px;
max-width:700px;
margin:auto;
opacity:.95;
}
/* =========================
SEARCH BOX
========================= */
.search-section{
margin-top:-60px;
margin-bottom:60px;
}
.search-box{
background:#fff;
padding:35px;
border-radius:18px;
box-shadow:0 20px 60px rgba(0,0,0,.12);
display:grid;
grid-template-columns:repeat(6,1fr);
gap:18px;
}
.field{
display:flex;
flex-direction:column;
}
.field label{
font-size:14px;
font-weight:600;
margin-bottom:8px;
color:#555;
}
.field input,
.field select{
height:52px;
padding:0 15px;
border:1px solid #ddd;
border-radius:10px;
font-size:15px;
transition:.3s;
background:#fff;
}
.field input:focus,
.field select:focus{
outline:none;
border-color:#0B6B4B;
box-shadow:0 0 0 4px rgba(11,107,75,.12);
}
.button-field{
justify-content:end;
}
.button-field button{
height:52px;
border:none;
background:#0B6B4B;
color:#fff;
font-size:16px;
font-weight:600;
border-radius:10px;
cursor:pointer;
transition:.3s;
}
.button-field button:hover{
background:#08925f;
transform:translateY(-2px);
}
/* =========================
POPULAR
========================= */
.popular{
padding:30px 0 50px;
}
.popular h2{
text-align:center;
font-size:34px;
margin-bottom:35px;
}
.popular-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:20px;
}
.popular-card{
background:#fff;
padding:25px;
border-radius:15px;
text-align:center;
font-weight:600;
box-shadow:0 8px 20px rgba(0,0,0,.08);
transition:.35s;
cursor:pointer;
}
.popular-card:hover{
background:#0B6B4B;
color:#fff;
transform:translateY(-8px);
}
/* =========================
RESULTS
========================= */
.results{
padding:60px 0;
}
.results h2{
font-size:34px;
margin-bottom:35px;
text-align:center;
}
#resultsContainer{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(330px,1fr));
gap:28px;
}
/* =========================
COURSE CARD
========================= */
.course-card{
background:#fff;
border-radius:18px;
padding:28px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.35s;
display:flex;
flex-direction:column;
}
.course-card:hover{
transform:translateY(-10px);
box-shadow:0 18px 45px rgba(0,0,0,.15);
}
.course-card h3{
font-size:23px;
color:#0B6B4B;
margin-bottom:12px;
}
.course-card h4{
font-size:18px;
margin-bottom:20px;
color:#444;
}
.course-info{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:20px;
}
.course-info div{
background:#f6f7fb;
padding:12px;
border-radius:8px;
font-size:14px;
}
.apply-btn{
display:block;
width:100%;
padding:14px;
background:#0B6B4B;
color:#fff;
text-decoration:none;
text-align:center;
font-weight:600;
border-radius:10px;
transition:.3s;
}
.apply-btn:hover{
background:#08925f;
}
/* =========================
WHY
========================= */
.why{
padding:70px 0;
background:#fff;
}
.why h2{
text-align:center;
margin-bottom:40px;
font-size:36px;
}
.why-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:25px;
}
.why-card{
padding:30px;
border-radius:18px;
text-align:center;
background:#f7f8fb;
transition:.35s;
}
.why-card:hover{
background:#0B6B4B;
color:#fff;
transform:translateY(-8px);
}
.why-card h3{
margin:15px 0;
font-size:22px;
}
/* =========================
FOOTER
========================= */
footer{
background:#0B6B4B;
padding:30px;
text-align:center;
color:#fff;
margin-top:70px;
}
/* =========================
TABLET
========================= */
@media(max-width:1100px){
.search-box{
grid-template-columns:repeat(3,1fr);
}
}
/* =========================
MOBILE
========================= */
@media(max-width:768px){
.hero{
padding:70px 20px;
}
.hero h1{
font-size:32px;
}
.hero p{
font-size:16px;
}
.search-box{
grid-template-columns:1fr;
padding:20px;
margin-top:20px;
}
.popular h2,
.results h2,
.why h2{
font-size:28px;
}
.course-info{
grid-template-columns:1fr;
}
.logo h2{
font-size:24px;
}
}
/* =========================
SMALL MOBILE
========================= */
@media(max-width:480px){
.hero h1{
font-size:28px;
}
.hero{
padding:55px 15px;
}
.container{
width:94%;
}
.course-card{
padding:20px;
}
}
/* =====================================
COLLEGE NEXA COURSE FINDER
SCRIPT.JS
===================================== */
const applyLink =
"https://collegenexa.com/find-the-best-online-universities-opportunities-with-ai-search/";
/* ==========================
SAMPLE DATA
Part-4 me CSV se automatic aayega
========================== */
let courses = [
{
university:"NMIMS",
course:"Online MBA",
fees:196000,
duration:"2 Years",
mode:"Online",
eligibility:"Graduation"
},
{
university:"LPU",
course:"Online MCA",
fees:140000,
duration:"2 Years",
mode:"Online",
eligibility:"Graduation"
},
{
university:"Alliance University",
course:"Online MBA",
fees:150000,
duration:"2 Years",
mode:"Online",
eligibility:"Graduation"
},
{
university:"Jain University",
course:"Online BBA",
fees:90000,
duration:"3 Years",
mode:"Online",
eligibility:"10+2"
},
{
university:"Shoolini University",
course:"Online BCA",
fees:75000,
duration:"3 Years",
mode:"Online",
eligibility:"10+2"
}
];
/* ==========================
DOM
========================== */
const resultsContainer =
document.getElementById("resultsContainer");
const universitySearch =
document.getElementById("universitySearch");
const courseSearch =
document.getElementById("courseSearch");
const feeFilter =
document.getElementById("feeFilter");
const modeFilter =
document.getElementById("modeFilter");
const durationFilter =
document.getElementById("durationFilter");
const searchBtn =
document.getElementById("searchBtn");
/* ==========================
LOAD ALL
========================== */
displayCourses(courses);
/* ==========================
SEARCH BUTTON
========================== */
searchBtn.addEventListener("click",searchCourses);
/* ==========================
LIVE SEARCH
========================== */
universitySearch.addEventListener("keyup",searchCourses);
courseSearch.addEventListener("keyup",searchCourses);
feeFilter.addEventListener("change",searchCourses);
modeFilter.addEventListener("change",searchCourses);
durationFilter.addEventListener("change",searchCourses);
/* ==========================
SEARCH FUNCTION
========================== */
function searchCourses(){
const university =
universitySearch.value.toLowerCase();
const course =
courseSearch.value.toLowerCase();
const fee =
feeFilter.value;
const mode =
modeFilter.value;
const duration =
durationFilter.value;
let filtered =
courses.filter(item=>{
let matchUniversity =
item.university.toLowerCase().includes(university);
let matchCourse =
item.course.toLowerCase().includes(course);
let matchFee =
fee=="" || item.fees<=Number(fee);
let matchMode =
mode=="" || item.mode==mode;
let matchDuration =
duration=="" || item.duration==duration;
return(
matchUniversity &&
matchCourse &&
matchFee &&
matchMode &&
matchDuration
);
});
displayCourses(filtered);
}
/* ==========================
DISPLAY CARDS
========================== */
function displayCourses(data){
resultsContainer.innerHTML="";
if(data.length===0){
resultsContainer.innerHTML=`
No Courses Found
Please try another keyword.
`;
return;
}
data.forEach(item=>{
resultsContainer.innerHTML+=`
${item.university}
${item.course}
Fees
₹${item.fees.toLocaleString("en-IN")}
Duration
${item.duration}
Mode
${item.mode}
Eligibility
${item.eligibility}
Apply Now
`;
});
}
