Hello, World!

.search-filters { background: #f8f9fa; padding: 20px; border-radius: 8px; margin-bottom: 20px; } .filter-row { display: flex; gap: 15px; margin-bottom: 15px; flex-wrap: wrap; } .filter-row select, .filter-row input { padding: 10px; border: 1px solid #ddd; border-radius: 4px; min-width: 200px; } .search-btn { background: #007bff; color: white; padding: 12px 24px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; } .clear-btn { background: #6c757d; color: white; padding: 12px 24px; border: none; border-radius: 4px; cursor: pointer; margin-left: 10px; } .course-results { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 20px; } .course-card { border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px; background: white; box-shadow: 0 2px 8px rgba(0,0,0,0.1); } .course-card h3 { color: #333; margin-bottom: 15px; } .course-info { margin-bottom: 10px; color: #666; } .price-info { font-weight: bold; color: #007bff; margin: 15px 0; } .register-btn { background: #28a745; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; width: 100%; font-size: 16px; } .register-btn:hover { background: #218838; } 🔍 Find Your Perfect Training Course All Subjects Battle Ready Leadership Political Leadership AI-Aware Leadership Social Engineering Advanced Negotiation Skills All Months June 2025 July 2025 August 2025 November 2025 All Packages Foundation Silver Gold Search Courses Clear All const courses = [ { title: "Battle Ready Leadership", dates: ["2025-06-23", "2025-11-10"], subject: "battle-ready", location: "London Training Center", description: "5-day intensive leadership program for senior executives", packages: ["foundation", "silver", "gold"] }, { title: "Political Leadership", dates: ["2025-06-23"], subject: "political", location: "London Training Center", description: "Advanced political leadership skills for senior executives", packages: ["foundation", "silver", "gold"] }, { title: "AI-Aware Leadership", dates: ["2025-07-14", "2025-08-11"], subject: "ai-aware", location: "London Training Center", description: "Leadership in the age of artificial intelligence", packages: ["foundation", "silver", "gold"] }, { title: "Social Engineering", dates: ["2025-07-07"], subject: "social-engineering", location: "London Training Center", description: "Master the art of influence and persuasion", packages: ["foundation", "silver", "gold"] }, { title: "Advanced Negotiation Skills", dates: ["2025-08-04"], subject: "negotiation", location: "London Training Center", description: "Advanced negotiation strategies for senior leaders", packages: ["foundation", "silver", "gold"] } ]; function searchCourses() { const subject = document.getElementById('subject-filter').value; const month = document.getElementById('month-filter').value; const package = document.getElementById('package-filter').value; let filtered = courses.filter(course => { let matchSubject = !subject || course.subject === subject; let matchMonth = !month || course.dates.some(d => d.substring(5,7) === month); let matchPackage = !package || course.packages.includes(package); return matchSubject && matchMonth && matchPackage; }); displayResults(filtered); } function displayResults(courses) { const container = document.getElementById('course-results'); if (courses.length === 0) { container.innerHTML = ''; return; } let html = ''; courses.forEach(course => { course.dates.forEach(date => { const formattedDate = new Date(date + 'T00:00:00').toLocaleDateString('en-GB', { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' }); html += ` `; }); }); container.innerHTML = html; } function clearFilters() { document.getElementById('subject-filter').value = ''; document.getElementById('month-filter').value = ''; document.getElementById('package-filter').value = ''; document.getElementById('course-results').innerHTML = ''; } window.onload = function() { displayResults(courses); }