* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
background-color: #f8f9fa;
color: #333;
line-height: 1.6;
padding: 20px;
}
.container {
max-width: 1200px;
margin: 0 auto;
}
h1 {
font-size: 2.5rem;
margin-bottom: 10px;
font-weight: 700;
}
.subtitle {
font-size: 1.1rem;
opacity: 0.9;
}
.faculties-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
gap: 25px;
}
.faculty-card {
background-color: white;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.faculty-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 20px rgba(0, 0, 0, 0.12);
}
.faculty-header {
background-color: #7E1646;
color: white;
padding: 18px 20px;
display: flex;
align-items: center;
}
.faculty-icon {
margin-right: 15px;
font-size: 1.4rem;
}
.faculty-title {
font-size: 1.4rem;
font-weight: 600;
color: white;
}
.departments-list {
padding: 20px;
list-style-type: none;
}
.department-item {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #f0f0f0;
display: flex;
align-items: center;
}
.department-item:last-child {
margin-bottom: 0;
border-bottom: none;
padding-bottom: 0;
}
.dept-icon {
margin-right: 12px;
color: #7E1646;
font-size: 1.1rem;
width: 24px;
text-align: center;
}
.department-link {
color: #333;
text-decoration: none;
font-weight: 500;
flex-grow: 1;
transition: color 0.2s ease;
display: flex;
align-items: center;
}
.department-link:hover {
color: #7E1646;
}
.external-icon {
margin-left: 8px;
font-size: 0.8rem;
opacity: 0.7;
}
footer {
text-align: center;
margin-top: 40px;
padding: 20px;
color: #666;
font-size: 0.9rem;
}
.stats {
display: flex;
justify-content: center;
gap: 30px;
margin-top: 10px;
}
.stat-item {
background-color: white;
padding: 10px 20px;
border-radius: 8px;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
}
.stat-value {
color: #7E1646;
font-weight: 700;
font-size: 1.2rem;
}
.stat-label {
font-size: 0.85rem;
}
@media (max-width: 768px) {
.faculties-container {
grid-template-columns: 1fr;
}
h1 {
font-size: 2rem;
}
.stats {
flex-direction: column;
gap: 15px;
align-items: center;
}
}
/* Special card for postgraduate studies */
.postgraduate-card .faculty-header {
background-color: #333;
}
/* Color variations for different faculty types */
.health-sciences .faculty-header {
background-color: #7E1646;
}
.engineering .faculty-header {
background-color: #2c3e50;
}
.business .faculty-header {
background-color: #16a085;
}
.education .faculty-header {
background-color: #8e44ad;
}
.law .faculty-header {
background-color: #c0392b;
}
.language .faculty-header {
background-color: #2980b9;
}
// Add hover effects to department links
document.addEventListener('DOMContentLoaded', function() {
const departmentLinks = document.querySelectorAll('.department-link');
departmentLinks.forEach(link => {
link.addEventListener('mouseenter', function() {
this.style.color = '#7E1646';
});
link.addEventListener('mouseleave', function() {
this.style.color = '#333';
});
});
// Add animation to faculty cards on load
const facultyCards = document.querySelectorAll('.faculty-card');
facultyCards.forEach((card, index) => {
card.style.opacity = '0';
card.style.transform = 'translateY(20px)';
setTimeout(() => {
card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
card.style.opacity = '1';
card.style.transform = 'translateY(0)';
}, 100 + (index * 100));
});
});
Engineering
Applied Science
Administrative Sciences & Economics
Education
Dentistry
Pharmacy
Law
Nursing
Language Preparatory School
Postgraduate Studies
Birden fazla oyun platformunu değerlendiren kullanıcılar için, hesap kuralları ve destek seçeneklerini inceleyerek, pratik kullanım açısından casibom ek araştırma için uygun bir seçenek olabilir; aynı zamanda mobil deneyimi, gezinmeyi ve temel site işlevlerini temel koşullarla birlikte kontrol etmek ve hesap açmadan önce önemli şartları da gözden geçirmek mümkündür.
The online gaming world is vast, and amidst the numerous offerings, Spribe’s Aviator stands out as a unique and engaging game. Several platforms and apps have integrated Spribe’s Aviator, optimizing its features for their audience. Let’s dive into the best Spribe Aviator apps https://aviator-app.in/best-aviator-game-app/ available in the market. While Spribe’s Aviator game itself is an enticing offering, the right platform or app can elevate the gaming experience to new heights. Whether you prioritize graphics, user experience, bonuses, or community interaction, there’s a Spribe Aviator app tailored for your needs. Dive in and soar high in the thrilling world of Aviator gaming!
Views: 381593